From 049632724b865b4b10f0f53164c8a834edaa54d5 Mon Sep 17 00:00:00 2001
From: Jose Cruz <josecruz@crc-dot1x-nat-10-239-237-110.bu.edu>
Date: Sun, 19 Apr 2026 14:42:04 -0400
Subject: [PATCH 01/52] backend: new endpoints + tests for revamp features

Routes:
- PATCH/DELETE /api/calendar/assignments/{id} with whitelist, 404s, and
  empty course_id -> NULL.
- GET /api/study-guide list/detail/regenerate already existed; tests now
  cover cache hit/miss, exam keyword filter, and regenerate delete+insert.
- GET /api/admin/{roles,achievements,cosmetics} list endpoints for the
  new Admin catalog tabs.
- GET /api/profile/username/check debounced availability probe with
  invalid/taken/self reasons.
- GET /api/profile/{id}/cosmetics/catalog grouped by type with
  per-item `owned` flag.
- GET /api/profile/{id}/achievements now joins achievement_triggers
  and enriches each locked non-secret achievement with
  {progress: {current, target}} via the new public get_user_stat().
- GET /api/social/rooms/{id}/messages accepts before/limit, returns
  has_more, clamps limit to [1, 200], and serves ascending order.

Services:
- services/achievement_service.py exposes get_user_stat() as a public
  wrapper so routes can compute progress without reaching into the
  underscore-prefixed helper.

Tests:
- +34 new cases in test_calendar_routes, test_admin_routes,
  test_profile_routes, plus new test_study_guide_routes and
  test_social_messages. Full suite: 291 pass / 3 skip / 0 fail.

Docs:
- migration_cosmetics.sql documents the required `cosmetic-assets`
  public Storage bucket for admin cosmetic asset uploads.
---
 backend/db/migration_cosmetics.sql       |  10 ++
 backend/routes/admin.py                  |  21 +++
 backend/routes/calendar.py               |  35 +++++
 backend/routes/profile.py                |  85 ++++++++++-
 backend/routes/social.py                 |  19 ++-
 backend/services/achievement_service.py  |   5 +
 backend/tests/test_admin_routes.py       |  43 ++++++
 backend/tests/test_calendar_routes.py    |  74 ++++++++++
 backend/tests/test_profile_routes.py     | 166 +++++++++++++++++++++
 backend/tests/test_social_messages.py    | 140 ++++++++++++++++++
 backend/tests/test_study_guide_routes.py | 180 +++++++++++++++++++++++
 11 files changed, 769 insertions(+), 9 deletions(-)
 create mode 100644 backend/tests/test_social_messages.py
 create mode 100644 backend/tests/test_study_guide_routes.py

diff --git a/backend/db/migration_cosmetics.sql b/backend/db/migration_cosmetics.sql
index 2f4aa2de..0abdc3eb 100644
--- a/backend/db/migration_cosmetics.sql
+++ b/backend/db/migration_cosmetics.sql
@@ -54,3 +54,13 @@ ALTER TABLE user_settings
 ALTER TABLE user_settings
     ADD CONSTRAINT fk_user_settings_featured_role
     FOREIGN KEY (featured_role_id) REFERENCES roles(id);
+
+-- Storage: the admin cosmetic creation UI uploads frame/banner assets to a
+-- public Supabase Storage bucket named `cosmetic-assets`. Create it once with:
+--
+--   INSERT INTO storage.buckets (id, name, public)
+--   VALUES ('cosmetic-assets', 'cosmetic-assets', true)
+--   ON CONFLICT (id) DO NOTHING;
+--
+-- Then add an RLS policy on storage.objects that allows inserts from
+-- authenticated admin users (or run the upload via the service key).
diff --git a/backend/routes/admin.py b/backend/routes/admin.py
index 70dd0d66..fabbbeca 100644
--- a/backend/routes/admin.py
+++ b/backend/routes/admin.py
@@ -25,6 +25,13 @@
 
 # ── Roles ────────────────────────────────────────────────────────────────────
 
+@router.get("/roles")
+def list_roles(request: Request):
+    require_admin(request)
+    rows = table("roles").select("*", order="display_priority.desc")
+    return {"roles": rows or []}
+
+
 @router.post("/roles")
 def create_role(body: CreateRoleBody, request: Request):
     require_admin(request)
@@ -83,6 +90,13 @@ def delete_role(role_id: str, request: Request):
 
 # ── Achievements ─────────────────────────────────────────────────────────────
 
+@router.get("/achievements")
+def list_achievements(request: Request):
+    require_admin(request)
+    rows = table("achievements").select("*", order="created_at.desc")
+    return {"achievements": rows or []}
+
+
 @router.post("/achievements")
 def create_achievement(body: CreateAchievementBody, request: Request):
     require_admin(request)
@@ -153,6 +167,13 @@ def create_trigger(body: CreateAchievementTriggerBody, request: Request):
 
 # ── Cosmetics ────────────────────────────────────────────────────────────────
 
+@router.get("/cosmetics")
+def list_cosmetics(request: Request):
+    require_admin(request)
+    rows = table("cosmetics").select("*", order="type.asc")
+    return {"cosmetics": rows or []}
+
+
 @router.post("/cosmetics")
 def create_cosmetic(body: CreateCosmeticBody, request: Request):
     require_admin(request)
diff --git a/backend/routes/calendar.py b/backend/routes/calendar.py
index a6cf9b57..c2351b3a 100644
--- a/backend/routes/calendar.py
+++ b/backend/routes/calendar.py
@@ -165,6 +165,41 @@ def get_all_assignments(user_id: str):
     return {"assignments": assignments}
 
 
+@router.patch("/assignments/{assignment_id}")
+def update_assignment(assignment_id: str, body: dict):
+    user_id = body.get("user_id")
+    if not user_id:
+        raise HTTPException(status_code=400, detail="user_id is required")
+
+    existing = table("assignments").select(
+        "id", filters={"id": f"eq.{assignment_id}", "user_id": f"eq.{user_id}"}, limit=1,
+    )
+    if not existing:
+        raise HTTPException(status_code=404, detail="Assignment not found")
+
+    allowed = {"title", "course_id", "due_date", "assignment_type", "notes"}
+    patch = {k: v for k, v in body.items() if k in allowed}
+    if not patch:
+        return {"updated": False}
+
+    if "course_id" in patch and patch["course_id"] == "":
+        patch["course_id"] = None
+
+    table("assignments").update(patch, filters={"id": f"eq.{assignment_id}"})
+    return {"updated": True}
+
+
+@router.delete("/assignments/{assignment_id}")
+def delete_assignment(assignment_id: str, user_id: str = Query(...)):
+    existing = table("assignments").select(
+        "id", filters={"id": f"eq.{assignment_id}", "user_id": f"eq.{user_id}"}, limit=1,
+    )
+    if not existing:
+        raise HTTPException(status_code=404, detail="Assignment not found")
+    table("assignments").delete(filters={"id": f"eq.{assignment_id}"})
+    return {"deleted": True}
+
+
 @router.post("/suggest-study-blocks")
 def suggest_study_blocks(body: StudyBlockBody):
     today = datetime.utcnow().strftime("%Y-%m-%d")
diff --git a/backend/routes/profile.py b/backend/routes/profile.py
index ebf4ac5a..0ff3b1da 100644
--- a/backend/routes/profile.py
+++ b/backend/routes/profile.py
@@ -2,7 +2,9 @@
 Profile routes — public profiles, settings, cosmetics, achievements, account management.
 """
 
+import re
 from datetime import datetime, timezone
+from typing import Optional
 
 from fastapi import APIRouter, HTTPException, Request, UploadFile, File, Query
 
@@ -17,6 +19,7 @@
 )
 from services.auth_guard import require_self, get_session_user_id
 from services.storage_service import upload_avatar
+from services.achievement_service import get_user_stat
 
 router = APIRouter()
 
@@ -115,6 +118,24 @@ def _get_user_stats(user_id: str) -> dict:
     }
 
 
+# ── Username Availability ────────────────────────────────────────────────────
+
+_USERNAME_RE = re.compile(r"^[a-z0-9_]{3,24}$")
+
+
+@router.get("/username/check")
+def check_username(username: str = Query(...), user_id: Optional[str] = Query(None)):
+    name = (username or "").strip().lower()
+    if not _USERNAME_RE.match(name):
+        return {"available": False, "reason": "invalid"}
+    existing = table("users").select("id", filters={"username": f"eq.{name}"})
+    if not existing:
+        return {"available": True}
+    if user_id and existing[0]["id"] == user_id:
+        return {"available": True, "reason": "self"}
+    return {"available": False, "reason": "taken"}
+
+
 # ── Public Profile ───────────────────────────────────────────────────────────
 
 @router.get("/{user_id}")
@@ -380,6 +401,43 @@ def get_achievements(user_id: str):
         for r in earned_rows:
             earned_ids[r["achievement_id"]] = r
 
+    # Fetch triggers once and group by achievement_id so we can surface progress.
+    trigger_rows = table("achievement_triggers").select(
+        "achievement_id,trigger_type,trigger_threshold",
+    )
+    triggers_by_ach: dict = {}
+    for t in trigger_rows or []:
+        triggers_by_ach.setdefault(t["achievement_id"], []).append(t)
+
+    # Cache stat lookups per trigger_type — most achievements share a handful of counters.
+    stat_cache: dict = {}
+
+    def _progress_for(ach_id: str) -> dict | None:
+        ts = triggers_by_ach.get(ach_id)
+        if not ts:
+            return None
+        # Pick the tightest gap (lowest current/target ratio) so the UI tracks the leading edge.
+        best = None
+        for t in ts:
+            tt = t["trigger_type"]
+            if tt == "manual_admin_grant":
+                continue
+            target = int(t.get("trigger_threshold") or 0)
+            if target <= 0:
+                continue
+            if tt not in stat_cache:
+                try:
+                    stat_cache[tt] = get_user_stat(user_id, tt)
+                except Exception:
+                    stat_cache[tt] = 0
+            current = min(stat_cache[tt], target)
+            ratio = current / target
+            if best is None or ratio < best["ratio"]:
+                best = {"current": current, "target": target, "ratio": ratio}
+        if best is None:
+            return None
+        return {"current": best["current"], "target": best["target"]}
+
     earned = []
     available = []
 
@@ -392,7 +450,7 @@ def get_achievements(user_id: str):
             })
         else:
             if ach.get("is_secret"):
-                available.append({
+                entry = {
                     "id": ach["id"],
                     "name": "Secret Achievement",
                     "slug": ach["slug"],
@@ -401,9 +459,11 @@ def get_achievements(user_id: str):
                     "category": ach["category"],
                     "rarity": ach["rarity"],
                     "is_secret": True,
-                })
+                    "progress": None,
+                }
             else:
-                available.append(ach)
+                entry = {**ach, "progress": _progress_for(ach["id"])}
+            available.append(entry)
 
     return {"earned": earned, "available": available}
 
@@ -433,6 +493,25 @@ def get_cosmetics(user_id: str, request: Request):
     return {"cosmetics": grouped, "equipped": _get_equipped_cosmetics(settings)}
 
 
+@router.get("/{user_id}/cosmetics/catalog")
+def get_cosmetics_catalog(user_id: str, request: Request):
+    """All cosmetics grouped by type with an `owned` flag per item."""
+    require_self(user_id, request)
+    all_cosmetics = table("cosmetics").select("id,type,name,slug,asset_url,css_value,rarity,unlock_source")
+    owned_rows = table("user_cosmetics").select(
+        "cosmetic_id",
+        filters={"user_id": f"eq.{user_id}"},
+    )
+    owned_ids = {r["cosmetic_id"] for r in (owned_rows or [])}
+
+    grouped: dict = {"avatar_frame": [], "banner": [], "name_color": [], "title": []}
+    for c in all_cosmetics or []:
+        if c.get("type") not in grouped:
+            continue
+        grouped[c["type"]].append({**c, "owned": c["id"] in owned_ids})
+    return {"catalog": grouped}
+
+
 # ── Roles ────────────────────────────────────────────────────────────────────
 
 @router.get("/{user_id}/roles")
diff --git a/backend/routes/social.py b/backend/routes/social.py
index 0a085734..d557efe2 100644
--- a/backend/routes/social.py
+++ b/backend/routes/social.py
@@ -229,15 +229,22 @@ def kick_member(room_id: str, member_id: str, requester_id: str = Query(...)):
 
 
 @router.get("/rooms/{room_id}/messages")
-def get_room_messages(room_id: str):
+def get_room_messages(room_id: str, before: str | None = None, limit: int = 50):
+    limit = max(1, min(200, limit))
+    filters = {"room_id": f"eq.{room_id}"}
+    if before:
+        filters["created_at"] = f"lt.{before}"
+    # Fetch newest-first so the slice covers the page we need, then reverse to ascending.
     rows = table("room_messages").select(
         "*",
-        filters={"room_id": f"eq.{room_id}"},
-        order="created_at.asc",
-        limit=50,
+        filters=filters,
+        order="created_at.desc",
+        limit=limit,
     )
     if not rows:
-        return {"messages": []}
+        return {"messages": [], "has_more": False}
+    rows = list(reversed(rows))
+    has_more = len(rows) == limit
 
     msg_ids = [r["id"] for r in rows]
 
@@ -278,7 +285,7 @@ def get_room_messages(room_id: str):
         r["reply_to"] = reply_map.get(r.get("reply_to_id")) if r.get("reply_to_id") else None
         enriched.append(r)
 
-    return {"messages": enriched}
+    return {"messages": enriched, "has_more": has_more}
 
 
 @router.post("/rooms/{room_id}/messages")
diff --git a/backend/services/achievement_service.py b/backend/services/achievement_service.py
index 4acd536c..62e75928 100644
--- a/backend/services/achievement_service.py
+++ b/backend/services/achievement_service.py
@@ -12,6 +12,11 @@ def _count_rows(table_name: str, filters: dict) -> int:
     return len(rows) if rows else 0
 
 
+def get_user_stat(user_id: str, trigger_type: str) -> int:
+    """Public wrapper around the internal stat lookup."""
+    return _get_user_stat(user_id, trigger_type)
+
+
 def _get_user_stat(user_id: str, trigger_type: str) -> int:
     """Evaluate the current value for a trigger type."""
     if trigger_type == "login_streak":
diff --git a/backend/tests/test_admin_routes.py b/backend/tests/test_admin_routes.py
index 8731a36e..fd3b39d4 100644
--- a/backend/tests/test_admin_routes.py
+++ b/backend/tests/test_admin_routes.py
@@ -171,3 +171,46 @@ def test_approves_user(self):
 
         assert r.status_code == 200
         assert r.json()["approved"] is True
+
+
+# ── GET /api/admin/roles ───────────────────────────────────────────────────
+
+class TestListRoles:
+    def test_returns_roles_sorted(self):
+        rows = [{"id": "r1", "name": "Admin", "slug": "admin", "display_priority": 100}]
+        with _mock_admin(), patch("routes.admin.table") as t:
+            t.return_value.select.return_value = rows
+            r = client.get("/api/admin/roles")
+        assert r.status_code == 200
+        assert r.json() == {"roles": rows}
+
+    def test_empty_list(self):
+        with _mock_admin(), patch("routes.admin.table") as t:
+            t.return_value.select.return_value = []
+            r = client.get("/api/admin/roles")
+        assert r.status_code == 200
+        assert r.json() == {"roles": []}
+
+
+# ── GET /api/admin/achievements ────────────────────────────────────────────
+
+class TestListAchievements:
+    def test_returns_achievements(self):
+        rows = [{"id": "a1", "name": "First", "slug": "first", "category": "milestone", "rarity": "common", "is_secret": False}]
+        with _mock_admin(), patch("routes.admin.table") as t:
+            t.return_value.select.return_value = rows
+            r = client.get("/api/admin/achievements")
+        assert r.status_code == 200
+        assert r.json() == {"achievements": rows}
+
+
+# ── GET /api/admin/cosmetics ───────────────────────────────────────────────
+
+class TestListCosmetics:
+    def test_returns_cosmetics(self):
+        rows = [{"id": "c1", "type": "avatar_frame", "name": "Gold Frame", "slug": "gold", "rarity": "rare"}]
+        with _mock_admin(), patch("routes.admin.table") as t:
+            t.return_value.select.return_value = rows
+            r = client.get("/api/admin/cosmetics")
+        assert r.status_code == 200
+        assert r.json() == {"cosmetics": rows}
diff --git a/backend/tests/test_calendar_routes.py b/backend/tests/test_calendar_routes.py
index 98c84965..dc99621a 100644
--- a/backend/tests/test_calendar_routes.py
+++ b/backend/tests/test_calendar_routes.py
@@ -189,3 +189,77 @@ def test_deletes_oauth_token_and_returns_disconnected(self):
             r = client.delete("/api/calendar/disconnect/user_andres")
         assert r.status_code == 200
         assert r.json() == {"disconnected": True}
+
+
+# ── PATCH /api/calendar/assignments/{id} ─────────────────────────────────────
+
+class TestUpdateAssignment:
+    def test_updates_whitelisted_fields(self):
+        with patch("routes.calendar.table") as t:
+            t.return_value.select.return_value = [{"id": "a1"}]
+            t.return_value.update.return_value = [{}]
+            r = client.patch(
+                "/api/calendar/assignments/a1",
+                json={"user_id": "u1", "title": "New title", "due_date": "2026-06-01", "ignored": "x"},
+            )
+        assert r.status_code == 200
+        assert r.json() == {"updated": True}
+
+    def test_missing_user_id_returns_400(self):
+        r = client.patch("/api/calendar/assignments/a1", json={"title": "No user"})
+        assert r.status_code == 400
+
+    def test_unknown_assignment_returns_404(self):
+        with patch("routes.calendar.table") as t:
+            t.return_value.select.return_value = []
+            r = client.patch(
+                "/api/calendar/assignments/missing",
+                json={"user_id": "u1", "title": "x"},
+            )
+        assert r.status_code == 404
+
+    def test_empty_course_id_is_nulled(self):
+        captured = {}
+        def table_side_effect(name):
+            m = MagicMock()
+            m.select.return_value = [{"id": "a1"}]
+            def _update(patch, filters=None):
+                captured["patch"] = patch
+                return [{}]
+            m.update.side_effect = _update
+            return m
+        with patch("routes.calendar.table", side_effect=table_side_effect):
+            r = client.patch(
+                "/api/calendar/assignments/a1",
+                json={"user_id": "u1", "course_id": ""},
+            )
+        assert r.status_code == 200
+        assert captured["patch"]["course_id"] is None
+
+    def test_no_valid_fields_returns_updated_false(self):
+        with patch("routes.calendar.table") as t:
+            t.return_value.select.return_value = [{"id": "a1"}]
+            r = client.patch(
+                "/api/calendar/assignments/a1",
+                json={"user_id": "u1", "made_up": "x"},
+            )
+        assert r.status_code == 200
+        assert r.json() == {"updated": False}
+
+
+# ── DELETE /api/calendar/assignments/{id} ────────────────────────────────────
+
+class TestDeleteAssignment:
+    def test_deletes_assignment(self):
+        with patch("routes.calendar.table") as t:
+            t.return_value.select.return_value = [{"id": "a1"}]
+            t.return_value.delete.return_value = []
+            r = client.delete("/api/calendar/assignments/a1?user_id=u1")
+        assert r.status_code == 200
+        assert r.json() == {"deleted": True}
+
+    def test_missing_returns_404(self):
+        with patch("routes.calendar.table") as t:
+            t.return_value.select.return_value = []
+            r = client.delete("/api/calendar/assignments/a1?user_id=u1")
+        assert r.status_code == 404
diff --git a/backend/tests/test_profile_routes.py b/backend/tests/test_profile_routes.py
index 22709a36..f75832ff 100644
--- a/backend/tests/test_profile_routes.py
+++ b/backend/tests/test_profile_routes.py
@@ -309,3 +309,169 @@ def table_side_effect(name):
         assert r.status_code == 200
         assert len(r.json()["roles"]) == 1
         assert r.json()["roles"][0]["role"]["slug"] == "admin"
+
+
+# ── GET /api/profile/username/check ────────────────────────────────────────
+
+class TestCheckUsername:
+    def test_available_when_no_existing_row(self):
+        with patch("routes.profile.table") as t:
+            t.return_value.select.return_value = []
+            r = client.get("/api/profile/username/check?username=freshname")
+        assert r.status_code == 200
+        assert r.json() == {"available": True}
+
+    def test_taken_when_different_user_holds_it(self):
+        with patch("routes.profile.table") as t:
+            t.return_value.select.return_value = [{"id": "other_user"}]
+            r = client.get("/api/profile/username/check?username=taken")
+        assert r.status_code == 200
+        body = r.json()
+        assert body["available"] is False
+        assert body["reason"] == "taken"
+
+    def test_available_when_held_by_self(self):
+        with patch("routes.profile.table") as t:
+            t.return_value.select.return_value = [{"id": USER_ID}]
+            r = client.get(f"/api/profile/username/check?username=mine&user_id={USER_ID}")
+        assert r.status_code == 200
+        body = r.json()
+        assert body["available"] is True
+        assert body["reason"] == "self"
+
+    def test_invalid_format_short(self):
+        r = client.get("/api/profile/username/check?username=ab")
+        assert r.status_code == 200
+        assert r.json() == {"available": False, "reason": "invalid"}
+
+    def test_invalid_format_special_chars(self):
+        r = client.get("/api/profile/username/check?username=bad-name!")
+        assert r.status_code == 200
+        assert r.json() == {"available": False, "reason": "invalid"}
+
+
+# ── GET /api/profile/{user_id}/cosmetics/catalog ───────────────────────────
+
+class TestGetCosmeticsCatalog:
+    def test_groups_by_type_with_owned_flag(self):
+        all_cosmetics = [
+            {"id": "c1", "type": "avatar_frame", "name": "Gold",   "slug": "gold",   "rarity": "rare",   "unlock_source": "achievement:streak_7"},
+            {"id": "c2", "type": "avatar_frame", "name": "Silver", "slug": "silver", "rarity": "common", "unlock_source": None},
+            {"id": "c3", "type": "title",        "name": "MVP",    "slug": "mvp",    "rarity": "epic",   "unlock_source": "shop"},
+        ]
+        owned = [{"cosmetic_id": "c1"}]
+
+        def table_side_effect(name):
+            m = MagicMock()
+            if name == "cosmetics":
+                m.select.return_value = all_cosmetics
+            elif name == "user_cosmetics":
+                m.select.return_value = owned
+            elif name == "user_settings":
+                m.select.return_value = [{"user_id": USER_ID}]
+            else:
+                m.select.return_value = []
+            return m
+
+        with _mock_self(), patch("routes.profile.table", side_effect=table_side_effect):
+            r = client.get(f"/api/profile/{USER_ID}/cosmetics/catalog?user_id={USER_ID}")
+
+        assert r.status_code == 200
+        catalog = r.json()["catalog"]
+        frames = catalog["avatar_frame"]
+        by_slug = {c["slug"]: c for c in frames}
+        assert by_slug["gold"]["owned"] is True
+        assert by_slug["silver"]["owned"] is False
+        assert catalog["title"][0]["owned"] is False
+        # Buckets missing items should still be present as empty arrays.
+        assert catalog["banner"] == []
+        assert catalog["name_color"] == []
+
+
+# ── GET /api/profile/{user_id}/achievements (progress enrichment) ──────────
+
+class TestAchievementProgress:
+    def test_locked_achievement_carries_progress(self):
+        all_achs = [{
+            "id": "a1", "name": "Streak 7", "slug": "streak_7",
+            "description": "7 day streak", "icon": None,
+            "category": "activity", "rarity": "uncommon", "is_secret": False,
+        }]
+        triggers = [{"achievement_id": "a1", "trigger_type": "login_streak", "trigger_threshold": 7}]
+
+        def table_side_effect(name):
+            m = MagicMock()
+            if name == "achievements":
+                m.select.return_value = all_achs
+            elif name == "user_achievements":
+                m.select.return_value = []  # nothing earned yet
+            elif name == "achievement_triggers":
+                m.select.return_value = triggers
+            else:
+                m.select.return_value = []
+            return m
+
+        with patch("routes.profile.table", side_effect=table_side_effect), \
+             patch("routes.profile.get_user_stat", return_value=3):
+            r = client.get(f"/api/profile/{USER_ID}/achievements")
+
+        assert r.status_code == 200
+        available = r.json()["available"]
+        assert len(available) == 1
+        assert available[0]["progress"] == {"current": 3, "target": 7}
+
+    def test_progress_clamps_to_target(self):
+        all_achs = [{
+            "id": "a1", "name": "Docs 5", "slug": "documents_5",
+            "description": "5 docs", "icon": None,
+            "category": "milestone", "rarity": "common", "is_secret": False,
+        }]
+        triggers = [{"achievement_id": "a1", "trigger_type": "documents_uploaded", "trigger_threshold": 5}]
+
+        def table_side_effect(name):
+            m = MagicMock()
+            if name == "achievements":
+                m.select.return_value = all_achs
+            elif name == "user_achievements":
+                m.select.return_value = []
+            elif name == "achievement_triggers":
+                m.select.return_value = triggers
+            else:
+                m.select.return_value = []
+            return m
+
+        with patch("routes.profile.table", side_effect=table_side_effect), \
+             patch("routes.profile.get_user_stat", return_value=42):
+            r = client.get(f"/api/profile/{USER_ID}/achievements")
+
+        assert r.status_code == 200
+        assert r.json()["available"][0]["progress"] == {"current": 5, "target": 5}
+
+    def test_secret_locked_has_no_progress(self):
+        all_achs = [{
+            "id": "a1", "name": "Hidden", "slug": "hidden",
+            "description": "Secret", "icon": None,
+            "category": "special", "rarity": "rare", "is_secret": True,
+        }]
+        triggers = [{"achievement_id": "a1", "trigger_type": "login_streak", "trigger_threshold": 100}]
+
+        def table_side_effect(name):
+            m = MagicMock()
+            if name == "achievements":
+                m.select.return_value = all_achs
+            elif name == "user_achievements":
+                m.select.return_value = []
+            elif name == "achievement_triggers":
+                m.select.return_value = triggers
+            else:
+                m.select.return_value = []
+            return m
+
+        with patch("routes.profile.table", side_effect=table_side_effect), \
+             patch("routes.profile.get_user_stat", return_value=1):
+            r = client.get(f"/api/profile/{USER_ID}/achievements")
+
+        assert r.status_code == 200
+        out = r.json()["available"][0]
+        assert out["name"] == "Secret Achievement"
+        assert out["progress"] is None
diff --git a/backend/tests/test_social_messages.py b/backend/tests/test_social_messages.py
new file mode 100644
index 00000000..3a5d486f
--- /dev/null
+++ b/backend/tests/test_social_messages.py
@@ -0,0 +1,140 @@
+"""
+Unit tests for routes/social.py message endpoints — focused on the new
+pagination behavior (`before` and `limit` query params, `has_more` flag).
+"""
+from unittest.mock import MagicMock, patch
+
+from fastapi.testclient import TestClient
+
+from main import app
+
+client = TestClient(app)
+
+ROOM_ID = "room_1"
+
+
+def _mk_msg(i: int, ts: str) -> dict:
+    return {
+        "id": f"m{i}", "room_id": ROOM_ID, "user_id": "u1", "user_name": "Alice",
+        "text": f"msg {i}", "image_url": None, "created_at": ts,
+        "reply_to_id": None, "is_deleted": False, "edited_at": None,
+    }
+
+
+class TestGetRoomMessages:
+    def test_default_limit_returns_ascending(self):
+        # Route fetches newest-first from the DB, then reverses to ascending.
+        desc_rows = [_mk_msg(3, "2026-04-03T00:00:00Z"),
+                     _mk_msg(2, "2026-04-02T00:00:00Z"),
+                     _mk_msg(1, "2026-04-01T00:00:00Z")]
+        def table_side_effect(name):
+            m = MagicMock()
+            if name == "room_messages":
+                m.select.return_value = desc_rows
+            elif name == "room_reactions":
+                m.select.return_value = []
+            else:
+                m.select.return_value = []
+            return m
+
+        with patch("routes.social.table", side_effect=table_side_effect):
+            r = client.get(f"/api/social/rooms/{ROOM_ID}/messages")
+
+        assert r.status_code == 200
+        body = r.json()
+        ids = [m["id"] for m in body["messages"]]
+        assert ids == ["m1", "m2", "m3"]  # ascending
+        assert body["has_more"] is False  # fewer than default limit (50)
+
+    def test_has_more_true_when_page_is_full(self):
+        rows = [_mk_msg(i, f"2026-04-{i:02d}T00:00:00Z") for i in range(1, 6)]  # 5 rows
+        def table_side_effect(name):
+            m = MagicMock()
+            if name == "room_messages":
+                m.select.return_value = list(reversed(rows))  # DB returns desc
+            elif name == "room_reactions":
+                m.select.return_value = []
+            else:
+                m.select.return_value = []
+            return m
+
+        with patch("routes.social.table", side_effect=table_side_effect):
+            r = client.get(f"/api/social/rooms/{ROOM_ID}/messages?limit=5")
+
+        body = r.json()
+        assert body["has_more"] is True
+        assert len(body["messages"]) == 5
+
+    def test_before_filter_is_passed_through(self):
+        captured = {}
+        def table_side_effect(name):
+            m = MagicMock()
+            if name == "room_messages":
+                def _select(cols, filters=None, order=None, limit=None):
+                    captured["filters"] = filters
+                    captured["order"] = order
+                    captured["limit"] = limit
+                    return []
+                m.select.side_effect = _select
+            elif name == "room_reactions":
+                m.select.return_value = []
+            else:
+                m.select.return_value = []
+            return m
+
+        with patch("routes.social.table", side_effect=table_side_effect):
+            r = client.get(f"/api/social/rooms/{ROOM_ID}/messages?before=2026-04-02T00:00:00Z&limit=20")
+
+        assert r.status_code == 200
+        assert captured["filters"]["created_at"] == "lt.2026-04-02T00:00:00Z"
+        assert captured["order"] == "created_at.desc"
+        assert captured["limit"] == 20
+
+    def test_empty_room_returns_no_more(self):
+        with patch("routes.social.table") as t:
+            t.return_value.select.return_value = []
+            r = client.get(f"/api/social/rooms/{ROOM_ID}/messages")
+        assert r.status_code == 200
+        assert r.json() == {"messages": [], "has_more": False}
+
+    def test_limit_is_clamped_to_max(self):
+        captured = {}
+        def table_side_effect(name):
+            m = MagicMock()
+            if name == "room_messages":
+                def _select(cols, filters=None, order=None, limit=None):
+                    captured["limit"] = limit
+                    return []
+                m.select.side_effect = _select
+            elif name == "room_reactions":
+                m.select.return_value = []
+            else:
+                m.select.return_value = []
+            return m
+
+        with patch("routes.social.table", side_effect=table_side_effect):
+            r = client.get(f"/api/social/rooms/{ROOM_ID}/messages?limit=9999")
+
+        assert r.status_code == 200
+        assert captured["limit"] == 200  # clamped
+
+    def test_limit_floor_is_one(self):
+        captured = {}
+        def table_side_effect(name):
+            m = MagicMock()
+            if name == "room_messages":
+                def _select(cols, filters=None, order=None, limit=None):
+                    captured["limit"] = limit
+                    return []
+                m.select.side_effect = _select
+            elif name == "room_reactions":
+                m.select.return_value = []
+            else:
+                m.select.return_value = []
+            return m
+
+        with patch("routes.social.table", side_effect=table_side_effect):
+            r = client.get(f"/api/social/rooms/{ROOM_ID}/messages?limit=0")
+
+        assert r.status_code == 200
+        assert captured["limit"] == 1
diff --git a/backend/tests/test_study_guide_routes.py b/backend/tests/test_study_guide_routes.py
new file mode 100644
index 00000000..551a6fbc
--- /dev/null
+++ b/backend/tests/test_study_guide_routes.py
@@ -0,0 +1,180 @@
+"""
+Unit tests for routes/study_guide.py
+
+Covers:
+  - GET  /api/study-guide/{user_id}/exams           → get_exams
+  - GET  /api/study-guide/{user_id}/cached          → get_cached_guides
+  - GET  /api/study-guide/{user_id}/guide           → get_guide (cached + fresh)
+  - POST /api/study-guide/regenerate                → regenerate_guide
+"""
+from unittest.mock import MagicMock, patch
+
+from fastapi.testclient import TestClient
+
+from main import app
+
+client = TestClient(app)
+
+USER_ID = "user_test"
+COURSE_ID = "course_1"
+EXAM_ID = "exam_1"
+
+
+# ── GET /api/study-guide/{user_id}/exams ─────────────────────────────────────
+
+class TestGetExams:
+    def test_filters_by_type_and_keywords(self):
+        all_assignments = [
+            {"id": "a1", "title": "Midterm Exam", "due_date": "2026-04-01", "assignment_type": "exam"},
+            {"id": "a2", "title": "Homework 3",  "due_date": "2026-04-02", "assignment_type": "homework"},
+            {"id": "a3", "title": "Reading quiz", "due_date": "2026-04-03", "assignment_type": "other"},
+            {"id": "a4", "title": "Project B",   "due_date": "2026-04-04", "assignment_type": "project"},
+        ]
+        with patch("routes.study_guide.table") as t:
+            t.return_value.select.return_value = all_assignments
+            r = client.get(f"/api/study-guide/{USER_ID}/exams?course_id={COURSE_ID}")
+        assert r.status_code == 200
+        slugs = {e["title"] for e in r.json()["exams"]}
+        assert "Midterm Exam" in slugs
+        assert "Reading quiz" in slugs  # title contains "quiz"
+        assert "Homework 3" not in slugs
+        assert "Project B" not in slugs
+
+
+# ── GET /api/study-guide/{user_id}/cached ────────────────────────────────────
+
+class TestGetCachedGuides:
+    def test_enriches_with_course_name(self):
+        guides = [{
+            "id": "g1", "course_id": "c1", "exam_id": "e1",
+            "generated_at": "2026-04-01T00:00:00Z",
+            "content": {"exam": "Midterm", "overview": "Covers ch1-5"},
+        }]
+
+        def table_side_effect(name):
+            m = MagicMock()
+            if name == "study_guides":
+                m.select.return_value = guides
+            elif name == "courses":
+                m.select.return_value = [{"id": "c1", "course_name": "Calc II"}]
+            else:
+                m.select.return_value = []
+            return m
+
+        with patch("routes.study_guide.table", side_effect=table_side_effect):
+            r = client.get(f"/api/study-guide/{USER_ID}/cached")
+
+        assert r.status_code == 200
+        out = r.json()["guides"][0]
+        assert out["course_name"] == "Calc II"
+        assert out["exam_title"] == "Midterm"
+        assert out["overview"] == "Covers ch1-5"
+
+    def test_empty_when_no_guides(self):
+        with patch("routes.study_guide.table") as t:
+            t.return_value.select.return_value = []
+            r = client.get(f"/api/study-guide/{USER_ID}/cached")
+        assert r.status_code == 200
+        assert r.json() == {"guides": []}
+
+
+# ── GET /api/study-guide/{user_id}/guide ─────────────────────────────────────
+
+class TestGetGuide:
+    def test_returns_cached_guide_without_calling_gemini(self):
+        cached_row = {
+            "id": "g1", "user_id": USER_ID,
+            "course_id": COURSE_ID, "exam_id": EXAM_ID,
+            "generated_at": "2026-04-01T00:00:00Z",
+            "content": {"exam": "Midterm", "topics": []},
+        }
+        with patch("routes.study_guide.table") as t, \
+             patch("routes.study_guide.call_gemini_json") as gem:
+            t.return_value.select.return_value = [cached_row]
+            r = client.get(f"/api/study-guide/{USER_ID}/guide?course_id={COURSE_ID}&exam_id={EXAM_ID}")
+        assert r.status_code == 200
+        body = r.json()
+        assert body["cached"] is True
+        assert body["guide"]["exam"] == "Midterm"
+        gem.assert_not_called()
+
+    def test_generates_and_inserts_when_not_cached(self):
+        fresh_content = {"exam": "Final", "topics": [{"name": "Topic 1"}]}
+
+        def table_side_effect(name):
+            m = MagicMock()
+            if name == "study_guides":
+                m.select.return_value = []  # nothing cached
+                m.insert.return_value = [{}]
+            elif name == "assignments":
+                m.select.return_value = [{"title": "Final", "due_date": "2026-05-01"}]
+            elif name == "documents":
+                m.select.return_value = []
+            else:
+                m.select.return_value = []
+            return m
+
+        with patch("routes.study_guide.table", side_effect=table_side_effect), \
+             patch("routes.study_guide.call_gemini_json", return_value=fresh_content) as gem:
+            r = client.get(f"/api/study-guide/{USER_ID}/guide?course_id={COURSE_ID}&exam_id={EXAM_ID}")
+        assert r.status_code == 200
+        body = r.json()
+        assert body["cached"] is False
+        assert body["guide"]["exam"] == "Final"
+        gem.assert_called_once()
+
+    def test_unknown_exam_returns_404(self):
+        def table_side_effect(name):
+            m = MagicMock()
+            if name == "study_guides":
+                m.select.return_value = []
+            elif name == "assignments":
+                m.select.return_value = []  # exam not found
+            else:
+                m.select.return_value = []
+            return m
+
+        with patch("routes.study_guide.table", side_effect=table_side_effect):
+            r = client.get(f"/api/study-guide/{USER_ID}/guide?course_id={COURSE_ID}&exam_id=nope")
+        assert r.status_code == 404
+
+
+# ── POST /api/study-guide/regenerate ─────────────────────────────────────────
+
+class TestRegenerateGuide:
+    def test_deletes_cached_and_regenerates(self):
+        fresh_content = {"exam": "Midterm", "topics": []}
+        delete_called = {"n": 0}
+
+        def table_side_effect(name):
+            m = MagicMock()
+            if name == "study_guides":
+                m.select.return_value = []
+                m.insert.return_value = [{}]
+                def _delete(filters=None):
+                    delete_called["n"] += 1
+                    return []
+                m.delete.side_effect = _delete
+            elif name == "assignments":
+                m.select.return_value = [{"title": "Midterm", "due_date": "2026-04-01"}]
+            elif name == "documents":
+                m.select.return_value = []
+            else:
+                m.select.return_value = []
+            return m
+
+        with patch("routes.study_guide.table", side_effect=table_side_effect), \
+             patch("routes.study_guide.call_gemini_json", return_value=fresh_content):
+            r = client.post(
+                "/api/study-guide/regenerate",
+                json={"user_id": USER_ID, "course_id": COURSE_ID, "exam_id": EXAM_ID},
+            )
+        assert r.status_code == 200
+        body = r.json()
+        assert body["success"] is True
+        assert body["guide"]["exam"] == "Midterm"
+        assert delete_called["n"] == 1
+
+    def test_missing_fields_returns_400(self):
+        r = client.post("/api/study-guide/regenerate", json={"user_id": USER_ID})
+        assert r.status_code == 400

From 399eae32bf803f9bf990465466b7283ea0a7dd96 Mon Sep 17 00:00:00 2001
From: Jose Cruz <josecruz@crc-dot1x-nat-10-239-237-110.bu.edu>
Date: Sun, 19 Apr 2026 14:42:31 -0400
Subject: [PATCH 02/52] frontend: ship revamp shell, screens, and API client

Removes the legacy Next.js layout, jest harness, Dockerfile, and the
old /signin, /privacy, /terms, /about, /careers, /flashcards pages.

New app shell under src/app/(shell) with Sidebar + FloatingActions +
global feedback flows. New screen components under components/screens
for Dashboard, Learn, Tree, Study, Library, Calendar, Social,
Achievements, Settings, Admin, plus a new public Profile page at
/profile/[userId]. Onboarding and Auth live outside the shell.

Milestone coverage:
- M7 Study: /study now toggles between Study Guide (course -> exam
  cascading picker, recent-guides sidebar, per-topic cards,
  regenerate) and Flashcards (course-scoped generation, topic pills,
  3D flip, 1/2/3 rating + Space/1/2/3 keyboard, "Generated using N
  library docs" chip).
- M8 Profile/Settings/Admin/Achievements: public ProfileView,
  Settings tabs + CustomSelect + username availability + avatar
  upload (5 MB guard) + preview modal + cosmetics manager with
  Owned/Catalog toggle, Admin rewritten with Users/Roles/
  Achievements/Cosmetics/Analytics tabs and RoleBadge assign/revoke
  inline, Achievements editable showcase (up to 5, drag-reorder) +
  progress bars + unlock toast via focus delta.
- M9 Polish & a11y: useBodyScrollLock hook threaded through every
  full-viewport overlay, role="log"+aria-live on ChatPanel, skip-to-
  content link, prefers-reduced-motion CSS + one-shot d3 settle,
  KnowledgeGraph `comparison` prop + mastery bars in Social overview.

Deferred items resolved: inline assignment edit, room-message
pagination (before/limit + scroll preservation),
KnowledgeGraph comparison overlay, Dashboard mobile tabs (already
present - no change).

Client-side housekeeping: local-mode shim handlers for every new
endpoint, typed helpers in lib/api.ts, Link-based entry points to
the public profile from Social directory, MemberRow, and StudyMatch
cards.
---
 frontend/.dockerignore                        |     3 -
 frontend/.env.example                         |    12 +
 frontend/.gitignore                           |     7 +
 frontend/Dockerfile                           |    22 -
 frontend/README.md                            |    42 +-
 frontend/eslint.config.mjs                    |    18 -
 frontend/jest.config.js                       |    14 -
 frontend/jest.setup.js                        |     5 -
 frontend/next.config.ts                       |    24 +-
 frontend/package-lock.json                    | 11578 +++++-----------
 frontend/package.json                         |    21 +-
 frontend/postcss.config.mjs                   |     7 -
 frontend/public/sapling-icon.svg              |    10 -
 frontend/public/sapling-word-icon.png         |   Bin 40998 -> 0 bytes
 frontend/src/__mocks__/rehypeKatex.js         |     1 -
 frontend/src/__mocks__/remarkMath.js          |     1 -
 frontend/src/__mocks__/styleMock.js           |     1 -
 frontend/src/__tests__/README.md              |    57 -
 .../src/__tests__/achievementCard.test.tsx    |    80 -
 frontend/src/__tests__/api.test.ts            |   448 -
 .../__tests__/authAndPrefillWiring.test.ts    |    30 -
 frontend/src/__tests__/chatPanel.test.tsx     |   201 -
 frontend/src/__tests__/dataFetching.test.tsx  |   217 -
 frontend/src/__tests__/graphUtils.test.ts     |   297 -
 frontend/src/__tests__/hydration.test.tsx     |   107 -
 frontend/src/__tests__/roleBadge.test.tsx     |    73 -
 .../src/__tests__/sessionSummary.test.tsx     |   168 -
 frontend/src/__tests__/settings.test.tsx      |   118 -
 .../src/__tests__/signinCallback.test.tsx     |   123 -
 frontend/src/__tests__/userContext.test.tsx   |    99 -
 .../src/app/(shell)/achievements/page.tsx     |     5 +
 frontend/src/app/(shell)/admin/page.tsx       |     5 +
 frontend/src/app/(shell)/calendar/page.tsx    |    10 +
 frontend/src/app/(shell)/dashboard/page.tsx   |    10 +
 frontend/src/app/(shell)/layout.tsx           |    26 +
 frontend/src/app/(shell)/learn/page.tsx       |     5 +
 frontend/src/app/(shell)/library/page.tsx     |     5 +
 .../src/app/(shell)/profile/[userId]/page.tsx |    45 +
 frontend/src/app/(shell)/settings/page.tsx    |     5 +
 frontend/src/app/(shell)/social/page.tsx      |    10 +
 frontend/src/app/(shell)/study/page.tsx       |     5 +
 frontend/src/app/(shell)/tree/page.tsx        |    10 +
 frontend/src/app/about/page.tsx               |    86 -
 frontend/src/app/achievements/page.tsx        |   152 -
 frontend/src/app/admin/page.tsx               |   268 -
 frontend/src/app/api/auth/session/route.ts    |    14 +-
 .../app/{signin => auth}/callback/page.tsx    |    53 +-
 frontend/src/app/auth/page.tsx                |     5 +
 frontend/src/app/calendar/page.tsx            |   519 -
 frontend/src/app/careers/[slug]/ApplyForm.tsx |   409 -
 frontend/src/app/careers/[slug]/page.tsx      |    12 -
 frontend/src/app/careers/jobs.ts              |    28 -
 frontend/src/app/careers/page.tsx             |   255 -
 frontend/src/app/dashboard/page.tsx           |  1536 --
 frontend/src/app/error.tsx                    |    39 +-
 frontend/src/app/flashcards/page.tsx          |   443 -
 frontend/src/app/globals.css                  |  1123 +-
 frontend/src/app/icon.svg                     |    10 -
 frontend/src/app/layout.tsx                   |    82 +-
 frontend/src/app/learn/page.tsx               |   594 -
 frontend/src/app/library/page.tsx             |   387 -
 frontend/src/app/onboarding/page.tsx          |     5 +
 frontend/src/app/page.tsx                     |   954 +-
 frontend/src/app/pending/page.tsx             |    77 +-
 frontend/src/app/privacy/page.tsx             |   180 -
 frontend/src/app/settings/page.tsx            |  1270 --
 frontend/src/app/signin/page.tsx              |   140 -
 frontend/src/app/social/page.tsx              |   328 -
 frontend/src/app/study/FlashcardsPanel.tsx    |   322 -
 frontend/src/app/study/StudyClient.tsx        |   316 -
 frontend/src/app/study/page.tsx               |    10 -
 frontend/src/app/terms/page.tsx               |   116 -
 frontend/src/app/tree/page.tsx                |   382 -
 frontend/src/components/AIDisclaimerChip.tsx  |    99 +-
 frontend/src/components/AchievementCard.tsx   |   137 -
 .../src/components/AchievementShowcase.tsx    |    78 -
 .../src/components/AchievementUnlockToast.tsx |    81 -
 frontend/src/components/AssignmentTable.tsx   |   319 -
 frontend/src/components/Avatar.tsx            |    94 +-
 frontend/src/components/AvatarFrame.tsx       |    65 +-
 frontend/src/components/ChatPanel.tsx         |   332 +-
 frontend/src/components/CosmeticsManager.tsx  |   171 -
 frontend/src/components/CustomSelect.tsx      |   334 +-
 frontend/src/components/DisclaimerModal.tsx   |   131 +-
 .../src/components/DocumentUploadModal.tsx    |   872 +-
 frontend/src/components/ErrorBoundary.tsx     |   103 +-
 frontend/src/components/FeedbackFlow.tsx      |   477 +-
 frontend/src/components/FloatingActions.tsx   |    22 +
 frontend/src/components/HowItWorks.tsx        |   652 -
 frontend/src/components/Icon.tsx              |    53 +
 frontend/src/components/KnowledgeGraph.tsx    |   985 +-
 .../src/components/ManageCoursesModal.tsx     |   265 +
 frontend/src/components/MarkdownChat.tsx      |    85 +
 frontend/src/components/MiniStat.tsx          |    31 +
 frontend/src/components/ModeSelector.tsx      |   124 -
 frontend/src/components/NameColorRenderer.tsx |    48 +-
 frontend/src/components/Navbar.tsx            |   421 -
 frontend/src/components/OnboardingFlow.tsx    |   732 -
 frontend/src/components/Pill.tsx              |    38 +
 frontend/src/components/ProfileBanner.tsx     |    37 -
 frontend/src/components/ProfileView.tsx       |   197 +
 frontend/src/components/QuizPanel.tsx         |   583 +-
 frontend/src/components/ReportIssueFlow.tsx   |   596 +-
 frontend/src/components/RoleBadge.tsx         |    62 +-
 frontend/src/components/RoomChat.tsx          |   677 -
 frontend/src/components/RoomList.tsx          |   278 -
 frontend/src/components/RoomMembers.tsx       |   230 -
 frontend/src/components/RoomOverview.tsx      |   227 -
 frontend/src/components/SchoolDirectory.tsx   |   139 -
 .../src/components/SessionFeedbackFlow.tsx    |   480 +-
 .../src/components/SessionFeedbackGlobal.tsx  |    68 +-
 frontend/src/components/SessionSummary.tsx    |   163 +-
 .../src/components/SharedContextToggle.tsx    |   206 +-
 frontend/src/components/Sidebar.tsx           |   230 +
 frontend/src/components/SpaceBackground.tsx   |    11 -
 frontend/src/components/Sparkline.tsx         |    22 +
 frontend/src/components/StudyMatch.tsx        |   275 -
 frontend/src/components/TitleFlair.tsx        |    63 +-
 frontend/src/components/ToastProvider.tsx     |   221 +-
 frontend/src/components/TopBar.tsx            |    36 +
 frontend/src/components/UploadZone.tsx        |    76 -
 .../src/components/screens/Achievements.tsx   |   304 +
 frontend/src/components/screens/Admin.tsx     |   761 +
 frontend/src/components/screens/Auth.tsx      |   157 +
 frontend/src/components/screens/Calendar.tsx  |   609 +
 frontend/src/components/screens/Dashboard.tsx |   648 +
 frontend/src/components/screens/Learn.tsx     |   592 +
 frontend/src/components/screens/Library.tsx   |   399 +
 .../src/components/screens/Onboarding.tsx     |   543 +
 frontend/src/components/screens/Settings.tsx  |   777 ++
 frontend/src/components/screens/Social.tsx    |  1063 ++
 frontend/src/components/screens/Study.tsx     |   617 +
 frontend/src/components/screens/Tree.tsx      |   393 +
 frontend/src/context/UserContext.tsx          |    31 +-
 frontend/src/lib/api.ts                       |   500 +-
 frontend/src/lib/data.ts                      |   222 +
 frontend/src/lib/graphUtils.ts                |   185 -
 frontend/src/lib/localData.ts                 |   320 +-
 frontend/src/lib/sessionToken.ts              |     2 +-
 frontend/src/lib/sidebar.tsx                  |    43 +
 frontend/src/lib/supabase.ts                  |     2 -
 frontend/src/lib/types.ts                     |    70 +-
 frontend/src/lib/useBodyScrollLock.ts         |    10 +
 frontend/src/lib/useConfirm.ts                |    38 +
 frontend/src/lib/useIsMobile.ts               |    20 +
 frontend/src/middleware.ts                    |    66 +-
 frontend/tsconfig.json                        |    17 +-
 147 files changed, 15192 insertions(+), 28863 deletions(-)
 delete mode 100644 frontend/.dockerignore
 create mode 100644 frontend/.env.example
 create mode 100644 frontend/.gitignore
 delete mode 100644 frontend/Dockerfile
 delete mode 100644 frontend/eslint.config.mjs
 delete mode 100644 frontend/jest.config.js
 delete mode 100644 frontend/jest.setup.js
 delete mode 100644 frontend/postcss.config.mjs
 delete mode 100644 frontend/public/sapling-icon.svg
 delete mode 100644 frontend/public/sapling-word-icon.png
 delete mode 100644 frontend/src/__mocks__/rehypeKatex.js
 delete mode 100644 frontend/src/__mocks__/remarkMath.js
 delete mode 100644 frontend/src/__mocks__/styleMock.js
 delete mode 100644 frontend/src/__tests__/README.md
 delete mode 100644 frontend/src/__tests__/achievementCard.test.tsx
 delete mode 100644 frontend/src/__tests__/api.test.ts
 delete mode 100644 frontend/src/__tests__/authAndPrefillWiring.test.ts
 delete mode 100644 frontend/src/__tests__/chatPanel.test.tsx
 delete mode 100644 frontend/src/__tests__/dataFetching.test.tsx
 delete mode 100644 frontend/src/__tests__/graphUtils.test.ts
 delete mode 100644 frontend/src/__tests__/hydration.test.tsx
 delete mode 100644 frontend/src/__tests__/roleBadge.test.tsx
 delete mode 100644 frontend/src/__tests__/sessionSummary.test.tsx
 delete mode 100644 frontend/src/__tests__/settings.test.tsx
 delete mode 100644 frontend/src/__tests__/signinCallback.test.tsx
 delete mode 100644 frontend/src/__tests__/userContext.test.tsx
 create mode 100644 frontend/src/app/(shell)/achievements/page.tsx
 create mode 100644 frontend/src/app/(shell)/admin/page.tsx
 create mode 100644 frontend/src/app/(shell)/calendar/page.tsx
 create mode 100644 frontend/src/app/(shell)/dashboard/page.tsx
 create mode 100644 frontend/src/app/(shell)/layout.tsx
 create mode 100644 frontend/src/app/(shell)/learn/page.tsx
 create mode 100644 frontend/src/app/(shell)/library/page.tsx
 create mode 100644 frontend/src/app/(shell)/profile/[userId]/page.tsx
 create mode 100644 frontend/src/app/(shell)/settings/page.tsx
 create mode 100644 frontend/src/app/(shell)/social/page.tsx
 create mode 100644 frontend/src/app/(shell)/study/page.tsx
 create mode 100644 frontend/src/app/(shell)/tree/page.tsx
 delete mode 100644 frontend/src/app/about/page.tsx
 delete mode 100644 frontend/src/app/achievements/page.tsx
 delete mode 100644 frontend/src/app/admin/page.tsx
 rename frontend/src/app/{signin => auth}/callback/page.tsx (58%)
 create mode 100644 frontend/src/app/auth/page.tsx
 delete mode 100644 frontend/src/app/calendar/page.tsx
 delete mode 100644 frontend/src/app/careers/[slug]/ApplyForm.tsx
 delete mode 100644 frontend/src/app/careers/[slug]/page.tsx
 delete mode 100644 frontend/src/app/careers/jobs.ts
 delete mode 100644 frontend/src/app/careers/page.tsx
 delete mode 100644 frontend/src/app/dashboard/page.tsx
 delete mode 100644 frontend/src/app/flashcards/page.tsx
 delete mode 100644 frontend/src/app/icon.svg
 delete mode 100644 frontend/src/app/learn/page.tsx
 delete mode 100644 frontend/src/app/library/page.tsx
 create mode 100644 frontend/src/app/onboarding/page.tsx
 delete mode 100644 frontend/src/app/privacy/page.tsx
 delete mode 100644 frontend/src/app/settings/page.tsx
 delete mode 100644 frontend/src/app/signin/page.tsx
 delete mode 100644 frontend/src/app/social/page.tsx
 delete mode 100644 frontend/src/app/study/FlashcardsPanel.tsx
 delete mode 100644 frontend/src/app/study/StudyClient.tsx
 delete mode 100644 frontend/src/app/study/page.tsx
 delete mode 100644 frontend/src/app/terms/page.tsx
 delete mode 100644 frontend/src/app/tree/page.tsx
 delete mode 100644 frontend/src/components/AchievementCard.tsx
 delete mode 100644 frontend/src/components/AchievementShowcase.tsx
 delete mode 100644 frontend/src/components/AchievementUnlockToast.tsx
 delete mode 100644 frontend/src/components/AssignmentTable.tsx
 delete mode 100644 frontend/src/components/CosmeticsManager.tsx
 create mode 100644 frontend/src/components/FloatingActions.tsx
 delete mode 100644 frontend/src/components/HowItWorks.tsx
 create mode 100644 frontend/src/components/Icon.tsx
 create mode 100644 frontend/src/components/ManageCoursesModal.tsx
 create mode 100644 frontend/src/components/MarkdownChat.tsx
 create mode 100644 frontend/src/components/MiniStat.tsx
 delete mode 100644 frontend/src/components/ModeSelector.tsx
 delete mode 100644 frontend/src/components/Navbar.tsx
 delete mode 100644 frontend/src/components/OnboardingFlow.tsx
 create mode 100644 frontend/src/components/Pill.tsx
 delete mode 100644 frontend/src/components/ProfileBanner.tsx
 create mode 100644 frontend/src/components/ProfileView.tsx
 delete mode 100644 frontend/src/components/RoomChat.tsx
 delete mode 100644 frontend/src/components/RoomList.tsx
 delete mode 100644 frontend/src/components/RoomMembers.tsx
 delete mode 100644 frontend/src/components/RoomOverview.tsx
 delete mode 100644 frontend/src/components/SchoolDirectory.tsx
 create mode 100644 frontend/src/components/Sidebar.tsx
 delete mode 100644 frontend/src/components/SpaceBackground.tsx
 create mode 100644 frontend/src/components/Sparkline.tsx
 delete mode 100644 frontend/src/components/StudyMatch.tsx
 create mode 100644 frontend/src/components/TopBar.tsx
 delete mode 100644 frontend/src/components/UploadZone.tsx
 create mode 100644 frontend/src/components/screens/Achievements.tsx
 create mode 100644 frontend/src/components/screens/Admin.tsx
 create mode 100644 frontend/src/components/screens/Auth.tsx
 create mode 100644 frontend/src/components/screens/Calendar.tsx
 create mode 100644 frontend/src/components/screens/Dashboard.tsx
 create mode 100644 frontend/src/components/screens/Learn.tsx
 create mode 100644 frontend/src/components/screens/Library.tsx
 create mode 100644 frontend/src/components/screens/Onboarding.tsx
 create mode 100644 frontend/src/components/screens/Settings.tsx
 create mode 100644 frontend/src/components/screens/Social.tsx
 create mode 100644 frontend/src/components/screens/Study.tsx
 create mode 100644 frontend/src/components/screens/Tree.tsx
 create mode 100644 frontend/src/lib/data.ts
 delete mode 100644 frontend/src/lib/graphUtils.ts
 create mode 100644 frontend/src/lib/sidebar.tsx
 create mode 100644 frontend/src/lib/useBodyScrollLock.ts
 create mode 100644 frontend/src/lib/useConfirm.ts
 create mode 100644 frontend/src/lib/useIsMobile.ts

diff --git a/frontend/.dockerignore b/frontend/.dockerignore
deleted file mode 100644
index df3b8463..00000000
--- a/frontend/.dockerignore
+++ /dev/null
@@ -1,3 +0,0 @@
-.env*
-node_modules
-.next
diff --git a/frontend/.env.example b/frontend/.env.example
new file mode 100644
index 00000000..f0e4eeb3
--- /dev/null
+++ b/frontend/.env.example
@@ -0,0 +1,12 @@
+# Set to "true" for mock-data dev mode (no backend required).
+NEXT_PUBLIC_LOCAL_MODE=false
+
+# Backend URL (used by middleware/server routes for auth checks).
+NEXT_PUBLIC_API_URL=http://localhost:5000
+
+# HMAC secret (min 32 bytes). Must match backend SESSION_SECRET.
+SESSION_SECRET=replace-me-with-at-least-32-bytes-of-random-string
+
+# Supabase (for realtime chat in /social rooms).
+NEXT_PUBLIC_SUPABASE_URL=https://your-project.supabase.co
+NEXT_PUBLIC_SUPABASE_ANON_KEY=your-anon-key
diff --git a/frontend/.gitignore b/frontend/.gitignore
new file mode 100644
index 00000000..754f2ac3
--- /dev/null
+++ b/frontend/.gitignore
@@ -0,0 +1,7 @@
+node_modules
+.next
+out
+.env*.local
+*.log
+.DS_Store
+tsconfig.tsbuildinfo
diff --git a/frontend/Dockerfile b/frontend/Dockerfile
deleted file mode 100644
index 762ab50f..00000000
--- a/frontend/Dockerfile
+++ /dev/null
@@ -1,22 +0,0 @@
-FROM node:20-alpine AS deps
-WORKDIR /app
-COPY package.json package-lock.json ./
-RUN npm ci
-
-FROM node:20-alpine AS builder
-WORKDIR /app
-COPY --from=deps /app/node_modules ./node_modules
-COPY . .
-ARG BACKEND_URL=http://backend:5000
-ENV BACKEND_URL=$BACKEND_URL
-RUN npm run build
-
-FROM node:20-alpine AS runner
-WORKDIR /app
-ENV NODE_ENV=production
-COPY --from=builder /app/.next/standalone ./
-COPY --from=builder /app/.next/static ./.next/static
-COPY --from=builder /app/public ./public
-
-EXPOSE 3000
-CMD ["node", "server.js"]
diff --git a/frontend/README.md b/frontend/README.md
index e215bc4c..a2116341 100644
--- a/frontend/README.md
+++ b/frontend/README.md
@@ -1,36 +1,30 @@
-This is a [Next.js](https://nextjs.org) project bootstrapped with [`create-next-app`](https://nextjs.org/docs/app/api-reference/cli/create-next-app).
+# Sapling — New Frontend
 
-## Getting Started
+A redesigned Next.js frontend for Sapling based on the `Sapling Rebuild` design prototype.
 
-First, run the development server:
+Visual system: warm paper neutrals, botanical green accent, serif display (Fraunces) + humanist sans (Inter), JetBrains Mono accents. Supports light/dark, accent themes (sage/forest/moss/ink/terracotta), density (compact/balanced/spacious), typography pairings, and three knowledge graph variants (orb/constellation/organism).
+
+## Run
 
 ```bash
-npm run dev
-# or
-yarn dev
-# or
-pnpm dev
-# or
-bun dev
+cd new_frontend
+npm install
+npm run dev     # http://localhost:3001
 ```
 
-Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
-
-You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.
-
-This project uses [`next/font`](https://nextjs.org/docs/app/building-your-application/optimizing/fonts) to automatically optimize and load [Geist](https://vercel.com/font), a new font family for Vercel.
-
-## Learn More
+Backend rewrites go to `http://localhost:5000` by default (override via `BACKEND_URL`).
 
-To learn more about Next.js, take a look at the following resources:
+## Layout
 
-- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
-- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
+- `src/app/` — App Router routes. The shell (sidebar + top bar) wraps every route except `auth` and `onboarding`, which are full-bleed.
+- `src/components/` — shared UI primitives and per-screen components.
+- `src/lib/data.ts` — mock data mirroring the design bundle. Swap for real API calls when wiring up.
+- `src/lib/tweaks.tsx` — runtime design-token context (theme/accent/type/density/layout/graph).
 
-You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js) - your feedback and contributions are welcome!
+## Routes
 
-## Deploy on Vercel
+`/dashboard` `/learn` `/tree` `/study` `/library` `/calendar` `/social` `/achievements` `/settings` `/admin` — wrapped by the shell layout.
 
-The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
+`/auth` `/onboarding` — full-bleed.
 
-Check out our [Next.js deployment documentation](https://nextjs.org/docs/app/building-your-application/deploying) for more details.
+A floating Tweaks panel (bottom-left) lets you switch themes live. A Report button (bottom-right) opens the feedback modal.
diff --git a/frontend/eslint.config.mjs b/frontend/eslint.config.mjs
deleted file mode 100644
index 05e726d1..00000000
--- a/frontend/eslint.config.mjs
+++ /dev/null
@@ -1,18 +0,0 @@
-import { defineConfig, globalIgnores } from "eslint/config";
-import nextVitals from "eslint-config-next/core-web-vitals";
-import nextTs from "eslint-config-next/typescript";
-
-const eslintConfig = defineConfig([
-  ...nextVitals,
-  ...nextTs,
-  // Override default ignores of eslint-config-next.
-  globalIgnores([
-    // Default ignores of eslint-config-next:
-    ".next/**",
-    "out/**",
-    "build/**",
-    "next-env.d.ts",
-  ]),
-]);
-
-export default eslintConfig;
diff --git a/frontend/jest.config.js b/frontend/jest.config.js
deleted file mode 100644
index fc9f7b3b..00000000
--- a/frontend/jest.config.js
+++ /dev/null
@@ -1,14 +0,0 @@
-const nextJest = require('next/jest');
-
-const createJestConfig = nextJest({ dir: './' });
-
-module.exports = createJestConfig({
-  testEnvironment: 'jest-environment-jsdom',
-  moduleNameMapper: {
-    '^@/(.*)$': '<rootDir>/src/$1',
-    '^remark-math$': '<rootDir>/src/__mocks__/remarkMath.js',
-    '^rehype-katex$': '<rootDir>/src/__mocks__/rehypeKatex.js',
-    'katex/dist/katex.min.css': '<rootDir>/src/__mocks__/styleMock.js',
-  },
-  setupFilesAfterEnv: ['<rootDir>/jest.setup.js'],
-});
diff --git a/frontend/jest.setup.js b/frontend/jest.setup.js
deleted file mode 100644
index 5b6656d3..00000000
--- a/frontend/jest.setup.js
+++ /dev/null
@@ -1,5 +0,0 @@
-import '@testing-library/jest-dom';
-
-// jsdom doesn't implement scrollIntoView — mock it globally so components
-// that call ref.scrollIntoView() don't throw during tests.
-window.HTMLElement.prototype.scrollIntoView = jest.fn();
diff --git a/frontend/next.config.ts b/frontend/next.config.ts
index c355f215..41dd8c9f 100644
--- a/frontend/next.config.ts
+++ b/frontend/next.config.ts
@@ -1,23 +1,15 @@
 import type { NextConfig } from "next";
 
-const isStaticExport = process.env.STATIC_EXPORT === "true";
 const BACKEND_URL = process.env.BACKEND_URL || "http://localhost:5000";
 
 const nextConfig: NextConfig = {
-  ...(isStaticExport
-    ? { output: "export", images: { unoptimized: true } }
-    : {
-        output: "standalone",
-        async rewrites() {
-          return [
-            {
-              source: "/api/:path*",
-              destination: `${BACKEND_URL}/api/:path*`,
-            },
-          ];
-        },
-      }),
-  reactCompiler: true,
+  output: "standalone",
+  async rewrites() {
+    return [
+      { source: "/api/auth/session", destination: "/api/auth/session" },
+      { source: "/api/:path*", destination: `${BACKEND_URL}/api/:path*` },
+    ];
+  },
 };
 
-export default nextConfig;
\ No newline at end of file
+export default nextConfig;
diff --git a/frontend/package-lock.json b/frontend/package-lock.json
index 2ecf7bdb..51c5f643 100644
--- a/frontend/package-lock.json
+++ b/frontend/package-lock.json
@@ -1,18 +1,16 @@
 {
-  "name": "frontend",
+  "name": "sapling-frontend",
   "version": "0.1.0",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
-      "name": "frontend",
+      "name": "sapling-frontend",
       "version": "0.1.0",
       "dependencies": {
         "@supabase/supabase-js": "^2.99.3",
         "d3": "^7.9.0",
-        "framer-motion": "^12.38.0",
-        "katex": "^0.16.40",
-        "lucide-react": "^0.577.0",
+        "katex": "^0.16.45",
         "next": "16.1.6",
         "react": "19.2.3",
         "react-dom": "19.2.3",
@@ -21,66 +19,15 @@
         "remark-math": "^6.0.0"
       },
       "devDependencies": {
-        "@tailwindcss/postcss": "^4",
-        "@testing-library/jest-dom": "^6.9.1",
-        "@testing-library/react": "^16.3.2",
-        "@testing-library/user-event": "^14.6.1",
         "@types/d3": "^7.4.3",
-        "@types/jest": "^30.0.0",
         "@types/node": "^20",
         "@types/react": "^19",
         "@types/react-dom": "^19",
-        "babel-plugin-react-compiler": "1.0.0",
         "eslint": "^9",
         "eslint-config-next": "16.1.6",
-        "jest": "^30.2.0",
-        "jest-environment-jsdom": "^30.2.0",
-        "tailwindcss": "^4",
-        "ts-jest": "^29.4.6",
         "typescript": "^5"
       }
     },
-    "node_modules/@adobe/css-tools": {
-      "version": "4.4.4",
-      "resolved": "https://registry.npmjs.org/@adobe/css-tools/-/css-tools-4.4.4.tgz",
-      "integrity": "sha512-Elp+iwUx5rN5+Y8xLt5/GRoG20WGoDCQ/1Fb+1LiGtvwbDavuSk0jhD/eZdckHAuzcDzccnkv+rEjyWfRx18gg==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/@alloc/quick-lru": {
-      "version": "5.2.0",
-      "resolved": "https://registry.npmjs.org/@alloc/quick-lru/-/quick-lru-5.2.0.tgz",
-      "integrity": "sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/@asamuzakjp/css-color": {
-      "version": "3.2.0",
-      "resolved": "https://registry.npmjs.org/@asamuzakjp/css-color/-/css-color-3.2.0.tgz",
-      "integrity": "sha512-K1A6z8tS3XsmCMM86xoWdn7Fkdn9m6RSVtocUrJYIwZnFVkng/PvkEoWtOWmP+Scc6saYWHWZYbndEEXxl24jw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@csstools/css-calc": "^2.1.3",
-        "@csstools/css-color-parser": "^3.0.9",
-        "@csstools/css-parser-algorithms": "^3.0.4",
-        "@csstools/css-tokenizer": "^3.0.3",
-        "lru-cache": "^10.4.3"
-      }
-    },
-    "node_modules/@asamuzakjp/css-color/node_modules/lru-cache": {
-      "version": "10.4.3",
-      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.4.3.tgz",
-      "integrity": "sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==",
-      "dev": true,
-      "license": "ISC"
-    },
     "node_modules/@babel/code-frame": {
       "version": "7.29.0",
       "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.29.0.tgz",
@@ -213,21 +160,11 @@
         "@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==",
-      "devOptional": true,
+      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=6.9.0"
@@ -237,7 +174,7 @@
       "version": "7.28.5",
       "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.28.5.tgz",
       "integrity": "sha512-qSs4ifwzKJSV39ucNjsvc6WVHs6b7S03sOh2OcHF9UHfVPqWWALUsNUVzhSBiItjRZoLHx7nIarVjqKVusUZ1Q==",
-      "devOptional": true,
+      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=6.9.0"
@@ -254,23 +191,23 @@
       }
     },
     "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==",
+      "version": "7.29.2",
+      "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.29.2.tgz",
+      "integrity": "sha512-HoGuUs4sCZNezVEKdVcwqmZN8GoHirLUcLaYVNBK2J0DadGtdcqgr3BCbvH8+XUo4NGjNl3VOtSjEKNzqfFgKw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "@babel/template": "^7.28.6",
-        "@babel/types": "^7.28.6"
+        "@babel/types": "^7.29.0"
       },
       "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==",
+      "version": "7.29.2",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.29.2.tgz",
+      "integrity": "sha512-4GgRzy/+fsBa72/RZVJmGKPmZu9Byn8o4MoLpmNe1m8ZfYnz5emHLQz3U4gLud6Zwl0RZIcgiLD7Uq7ySFuDLA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -283,625 +220,268 @@
         "node": ">=6.0.0"
       }
     },
-    "node_modules/@babel/plugin-syntax-async-generators": {
-      "version": "7.8.4",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-async-generators/-/plugin-syntax-async-generators-7.8.4.tgz",
-      "integrity": "sha512-tycmZxkGfZaxhMRbXlPXuVFpdWlXpir2W4AMhSJgRKzk/eDlIXOhb2LHWoLpDF7TEHylV5zNhykX6KAgHJmTNw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.8.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-syntax-bigint": {
-      "version": "7.8.3",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-bigint/-/plugin-syntax-bigint-7.8.3.tgz",
-      "integrity": "sha512-wnTnFlG+YxQm3vDxpGE57Pj0srRU4sHE/mDkt1qv2YJJSeUAec2ma4WLUnUPeKjyrfntVwe/N6dCXpU+zL3Npg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.8.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-syntax-class-properties": {
-      "version": "7.12.13",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-class-properties/-/plugin-syntax-class-properties-7.12.13.tgz",
-      "integrity": "sha512-fm4idjKla0YahUNgFNLCB0qySdsoPiZP3iQE3rky0mBUtMZ23yDJ9SJdg6dXTSDnulOVqiF3Hgr9nbXvXTQZYA==",
+    "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==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.12.13"
+        "@babel/code-frame": "^7.28.6",
+        "@babel/parser": "^7.28.6",
+        "@babel/types": "^7.28.6"
       },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
+      "engines": {
+        "node": ">=6.9.0"
       }
     },
-    "node_modules/@babel/plugin-syntax-class-static-block": {
-      "version": "7.14.5",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-class-static-block/-/plugin-syntax-class-static-block-7.14.5.tgz",
-      "integrity": "sha512-b+YyPmr6ldyNnM6sqYeMWE+bgJcJpO6yS4QD7ymxgH34GBPNDM/THBh8iunyvKIZztiwLH4CJZ0RxTk9emgpjw==",
+    "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==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.14.5"
+        "@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"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
       }
     },
-    "node_modules/@babel/plugin-syntax-import-attributes": {
-      "version": "7.28.6",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-import-attributes/-/plugin-syntax-import-attributes-7.28.6.tgz",
-      "integrity": "sha512-jiLC0ma9XkQT3TKJ9uYvlakm66Pamywo+qwL+oL8HJOvc6TWdZXVfhqJr8CCzbSGUAbDOzlGHJC1U+vRfLQDvw==",
+    "node_modules/@babel/types": {
+      "version": "7.29.0",
+      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.29.0.tgz",
+      "integrity": "sha512-LwdZHpScM4Qz8Xw2iKSzS+cfglZzJGvofQICy7W7v4caru4EaAmyUuO6BGrbyQ2mYV11W0U8j5mBhd14dd3B0A==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.28.6"
+        "@babel/helper-string-parser": "^7.27.1",
+        "@babel/helper-validator-identifier": "^7.28.5"
       },
       "engines": {
         "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
       }
     },
-    "node_modules/@babel/plugin-syntax-import-meta": {
-      "version": "7.10.4",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-import-meta/-/plugin-syntax-import-meta-7.10.4.tgz",
-      "integrity": "sha512-Yqfm+XDx0+Prh3VSeEQCPU81yC+JWZ2pDPFSS4ZdpfZhp4MkFMaDC1UqseovEKwSUpnIL7+vK+Clp7bfh0iD7g==",
+    "node_modules/@emnapi/core": {
+      "version": "1.10.0",
+      "resolved": "https://registry.npmjs.org/@emnapi/core/-/core-1.10.0.tgz",
+      "integrity": "sha512-yq6OkJ4p82CAfPl0u9mQebQHKPJkY7WrIuk205cTYnYe+k2Z8YBh11FrbRG/H6ihirqcacOgl2BIO8oyMQLeXw==",
       "dev": true,
       "license": "MIT",
+      "optional": true,
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.10.4"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
+        "@emnapi/wasi-threads": "1.2.1",
+        "tslib": "^2.4.0"
       }
     },
-    "node_modules/@babel/plugin-syntax-json-strings": {
-      "version": "7.8.3",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-json-strings/-/plugin-syntax-json-strings-7.8.3.tgz",
-      "integrity": "sha512-lY6kdGpWHvjoe2vk4WrAapEuBR69EMxZl+RoGRhrFGNYVK8mOPAW8VfbT/ZgrFbXlDNiiaxQnAtgVCZ6jv30EA==",
-      "dev": true,
+    "node_modules/@emnapi/runtime": {
+      "version": "1.10.0",
+      "resolved": "https://registry.npmjs.org/@emnapi/runtime/-/runtime-1.10.0.tgz",
+      "integrity": "sha512-ewvYlk86xUoGI0zQRNq/mC+16R1QeDlKQy21Ki3oSYXNgLb45GV1P6A0M+/s6nyCuNDqe5VpaY84BzXGwVbwFA==",
       "license": "MIT",
+      "optional": true,
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.8.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
+        "tslib": "^2.4.0"
       }
     },
-    "node_modules/@babel/plugin-syntax-jsx": {
-      "version": "7.28.6",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.28.6.tgz",
-      "integrity": "sha512-wgEmr06G6sIpqr8YDwA2dSRTE3bJ+V0IfpzfSY3Lfgd7YWOaAdlykvJi13ZKBt8cZHfgH1IXN+CL656W3uUa4w==",
+    "node_modules/@emnapi/wasi-threads": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/@emnapi/wasi-threads/-/wasi-threads-1.2.1.tgz",
+      "integrity": "sha512-uTII7OYF+/Mes/MrcIOYp5yOtSMLBWSIoLPpcgwipoiKbli6k322tcoFsxoIIxPDqW01SQGAgko4EzZi2BNv2w==",
       "dev": true,
       "license": "MIT",
+      "optional": true,
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.28.6"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
+        "tslib": "^2.4.0"
       }
     },
-    "node_modules/@babel/plugin-syntax-logical-assignment-operators": {
-      "version": "7.10.4",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-logical-assignment-operators/-/plugin-syntax-logical-assignment-operators-7.10.4.tgz",
-      "integrity": "sha512-d8waShlpFDinQ5MtvGU9xDAOzKH47+FFoney2baFIoMr952hKOLp1HR7VszoZvOsV/4+RRszNY7D17ba0te0ig==",
+    "node_modules/@eslint-community/eslint-utils": {
+      "version": "4.9.1",
+      "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.9.1.tgz",
+      "integrity": "sha512-phrYmNiYppR7znFEdqgfWHXR6NCkZEK7hwWDHZUjit/2/U0r6XvkDl0SYnoM51Hq7FhCGdLDT6zxCCOY1hexsQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.10.4"
+        "eslint-visitor-keys": "^3.4.3"
       },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-syntax-nullish-coalescing-operator": {
-      "version": "7.8.3",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-nullish-coalescing-operator/-/plugin-syntax-nullish-coalescing-operator-7.8.3.tgz",
-      "integrity": "sha512-aSff4zPII1u2QD7y+F8oDsz19ew4IGEJg9SVW+bqwpwtfFleiQDMdzA/R+UlWDzfnHFCxxleFT0PMIrR36XLNQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.8.0"
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
       },
       "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
+        "eslint": "^6.0.0 || ^7.0.0 || >=8.0.0"
       }
     },
-    "node_modules/@babel/plugin-syntax-numeric-separator": {
-      "version": "7.10.4",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-numeric-separator/-/plugin-syntax-numeric-separator-7.10.4.tgz",
-      "integrity": "sha512-9H6YdfkcK/uOnY/K7/aA2xpzaAgkQn37yzWUMRK7OaPOqOpGS1+n0H5hxT9AUw9EsSjPW8SVyMJwYRtWs3X3ug==",
+    "node_modules/@eslint-community/eslint-utils/node_modules/eslint-visitor-keys": {
+      "version": "3.4.3",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz",
+      "integrity": "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==",
       "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.10.4"
+      "license": "Apache-2.0",
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
       },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
+      "funding": {
+        "url": "https://opencollective.com/eslint"
       }
     },
-    "node_modules/@babel/plugin-syntax-object-rest-spread": {
-      "version": "7.8.3",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-object-rest-spread/-/plugin-syntax-object-rest-spread-7.8.3.tgz",
-      "integrity": "sha512-XoqMijGZb9y3y2XskN+P1wUGiVwWZ5JmoDRwx5+3GmEplNyVM2s2Dg8ILFQm8rWM48orGy5YpI5Bl8U1y7ydlA==",
+    "node_modules/@eslint-community/regexpp": {
+      "version": "4.12.2",
+      "resolved": "https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.12.2.tgz",
+      "integrity": "sha512-EriSTlt5OC9/7SXkRSCAhfSxxoSUgBm33OH+IkwbdpgoqsSsUg7y3uh+IICI/Qg4BBWr3U2i39RpmycbxMq4ew==",
       "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.8.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
+      "engines": {
+        "node": "^12.0.0 || ^14.0.0 || >=16.0.0"
       }
     },
-    "node_modules/@babel/plugin-syntax-optional-catch-binding": {
-      "version": "7.8.3",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-optional-catch-binding/-/plugin-syntax-optional-catch-binding-7.8.3.tgz",
-      "integrity": "sha512-6VPD0Pc1lpTqw0aKoeRTMiB+kWhAoT24PA+ksWSBrFtl5SIRVpZlwN3NNPQjehA2E/91FV3RjLWoVTglWcSV3Q==",
+    "node_modules/@eslint/config-array": {
+      "version": "0.21.2",
+      "resolved": "https://registry.npmjs.org/@eslint/config-array/-/config-array-0.21.2.tgz",
+      "integrity": "sha512-nJl2KGTlrf9GjLimgIru+V/mzgSK0ABCDQRvxw5BjURL7WfH5uoWmizbH7QB6MmnMBd8cIC9uceWnezL1VZWWw==",
       "dev": true,
-      "license": "MIT",
+      "license": "Apache-2.0",
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.8.0"
+        "@eslint/object-schema": "^2.1.7",
+        "debug": "^4.3.1",
+        "minimatch": "^3.1.5"
       },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
       }
     },
-    "node_modules/@babel/plugin-syntax-optional-chaining": {
-      "version": "7.8.3",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-optional-chaining/-/plugin-syntax-optional-chaining-7.8.3.tgz",
-      "integrity": "sha512-KoK9ErH1MBlCPxV0VANkXW2/dw4vlbGDrFgz8bmUsBGYkFRcbRwMh6cIJubdPrkxRwuGdtCk0v/wPTKbQgBjkg==",
+    "node_modules/@eslint/config-helpers": {
+      "version": "0.4.2",
+      "resolved": "https://registry.npmjs.org/@eslint/config-helpers/-/config-helpers-0.4.2.tgz",
+      "integrity": "sha512-gBrxN88gOIf3R7ja5K9slwNayVcZgK6SOUORm2uBzTeIEfeVaIhOpCtTox3P6R7o2jLFwLFTLnC7kU/RGcYEgw==",
       "dev": true,
-      "license": "MIT",
+      "license": "Apache-2.0",
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.8.0"
+        "@eslint/core": "^0.17.0"
       },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
       }
     },
-    "node_modules/@babel/plugin-syntax-private-property-in-object": {
-      "version": "7.14.5",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-private-property-in-object/-/plugin-syntax-private-property-in-object-7.14.5.tgz",
-      "integrity": "sha512-0wVnp9dxJ72ZUJDV27ZfbSj6iHLoytYZmh3rFcxNnvsJF3ktkzLDZPy/mA17HGsaQT3/DQsWYX1f1QGWkCoVUg==",
+    "node_modules/@eslint/core": {
+      "version": "0.17.0",
+      "resolved": "https://registry.npmjs.org/@eslint/core/-/core-0.17.0.tgz",
+      "integrity": "sha512-yL/sLrpmtDaFEiUj1osRP4TI2MDz1AddJL+jZ7KSqvBuliN4xqYY54IfdN8qD8Toa6g1iloph1fxQNkjOxrrpQ==",
       "dev": true,
-      "license": "MIT",
+      "license": "Apache-2.0",
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.14.5"
+        "@types/json-schema": "^7.0.15"
       },
       "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
       }
     },
-    "node_modules/@babel/plugin-syntax-top-level-await": {
-      "version": "7.14.5",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-top-level-await/-/plugin-syntax-top-level-await-7.14.5.tgz",
-      "integrity": "sha512-hx++upLv5U1rgYfwe1xBQUhRmU41NEvpUvrp8jkrSCdvGSnM5/qdRMtylJ6PG5OFkBaHkbTAKTnd3/YyESRHFw==",
+    "node_modules/@eslint/eslintrc": {
+      "version": "3.3.5",
+      "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-3.3.5.tgz",
+      "integrity": "sha512-4IlJx0X0qftVsN5E+/vGujTRIFtwuLbNsVUe7TO6zYPDR1O6nFwvwhIKEKSrl6dZchmYBITazxKoUYOjdtjlRg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.14.5"
+        "ajv": "^6.14.0",
+        "debug": "^4.3.2",
+        "espree": "^10.0.1",
+        "globals": "^14.0.0",
+        "ignore": "^5.2.0",
+        "import-fresh": "^3.2.1",
+        "js-yaml": "^4.1.1",
+        "minimatch": "^3.1.5",
+        "strip-json-comments": "^3.1.1"
       },
       "engines": {
-        "node": ">=6.9.0"
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
       },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
+      "funding": {
+        "url": "https://opencollective.com/eslint"
       }
     },
-    "node_modules/@babel/plugin-syntax-typescript": {
-      "version": "7.28.6",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-typescript/-/plugin-syntax-typescript-7.28.6.tgz",
-      "integrity": "sha512-+nDNmQye7nlnuuHDboPbGm00Vqg3oO8niRRL27/4LYHUsHYh0zJ1xWOz0uRwNFmM1Avzk8wZbc6rdiYhomzv/A==",
+    "node_modules/@eslint/js": {
+      "version": "9.39.4",
+      "resolved": "https://registry.npmjs.org/@eslint/js/-/js-9.39.4.tgz",
+      "integrity": "sha512-nE7DEIchvtiFTwBw4Lfbu59PG+kCofhjsKaCWzxTpt4lfRjRMqG6uMBzKXuEcyXhOHoUp9riAm7/aWYGhXZ9cw==",
       "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.28.6"
-      },
       "engines": {
-        "node": ">=6.9.0"
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
       },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
+      "funding": {
+        "url": "https://eslint.org/donate"
       }
     },
-    "node_modules/@babel/runtime": {
-      "version": "7.28.6",
-      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.28.6.tgz",
-      "integrity": "sha512-05WQkdpL9COIMz4LjTxGpPNCdlpyimKppYNoJ5Di5EUObifl8t4tuLuUBBZEpoLYOmfvIWrsp9fCl0HoPRVTdA==",
+    "node_modules/@eslint/object-schema": {
+      "version": "2.1.7",
+      "resolved": "https://registry.npmjs.org/@eslint/object-schema/-/object-schema-2.1.7.tgz",
+      "integrity": "sha512-VtAOaymWVfZcmZbp6E2mympDIHvyjXs/12LqWYjVw6qjrfF+VK+fyG33kChz3nnK+SU5/NeHOqrTEHS8sXO3OA==",
       "dev": true,
-      "license": "MIT",
+      "license": "Apache-2.0",
       "engines": {
-        "node": ">=6.9.0"
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.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==",
+    "node_modules/@eslint/plugin-kit": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/@eslint/plugin-kit/-/plugin-kit-0.4.1.tgz",
+      "integrity": "sha512-43/qtrDUokr7LJqoF2c3+RInu/t4zfrpYdoSDfYyhg52rwLV6TnOvdG4fXm7IkSB3wErkcmJS9iEhjVtOSEjjA==",
       "dev": true,
-      "license": "MIT",
+      "license": "Apache-2.0",
       "dependencies": {
-        "@babel/code-frame": "^7.28.6",
-        "@babel/parser": "^7.28.6",
-        "@babel/types": "^7.28.6"
+        "@eslint/core": "^0.17.0",
+        "levn": "^0.4.1"
       },
       "engines": {
-        "node": ">=6.9.0"
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.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==",
+    "node_modules/@humanfs/core": {
+      "version": "0.19.2",
+      "resolved": "https://registry.npmjs.org/@humanfs/core/-/core-0.19.2.tgz",
+      "integrity": "sha512-UhXNm+CFMWcbChXywFwkmhqjs3PRCmcSa/hfBgLIb7oQ5HNb1wS0icWsGtSAUNgefHeI+eBrA8I1fxmbHsGdvA==",
       "dev": true,
-      "license": "MIT",
+      "license": "Apache-2.0",
       "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"
+        "@humanfs/types": "^0.15.0"
       },
       "engines": {
-        "node": ">=6.9.0"
+        "node": ">=18.18.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==",
-      "devOptional": true,
-      "license": "MIT",
+    "node_modules/@humanfs/node": {
+      "version": "0.16.8",
+      "resolved": "https://registry.npmjs.org/@humanfs/node/-/node-0.16.8.tgz",
+      "integrity": "sha512-gE1eQNZ3R++kTzFUpdGlpmy8kDZD/MLyHqDwqjkVQI0JMdI1D51sy1H958PNXYkM2rAac7e5/CnIKZrHtPh3BQ==",
+      "dev": true,
+      "license": "Apache-2.0",
       "dependencies": {
-        "@babel/helper-string-parser": "^7.27.1",
-        "@babel/helper-validator-identifier": "^7.28.5"
+        "@humanfs/core": "^0.19.2",
+        "@humanfs/types": "^0.15.0",
+        "@humanwhocodes/retry": "^0.4.0"
       },
       "engines": {
-        "node": ">=6.9.0"
+        "node": ">=18.18.0"
       }
     },
-    "node_modules/@bcoe/v8-coverage": {
-      "version": "0.2.3",
-      "resolved": "https://registry.npmjs.org/@bcoe/v8-coverage/-/v8-coverage-0.2.3.tgz",
-      "integrity": "sha512-0hYQ8SB4Db5zvZB4axdMHGwEaQjkZzFjQiN9LVYvIFB2nSUHW9tYpxWriPrWDASIxiaXax83REcLxuSdnGPZtw==",
+    "node_modules/@humanfs/types": {
+      "version": "0.15.0",
+      "resolved": "https://registry.npmjs.org/@humanfs/types/-/types-0.15.0.tgz",
+      "integrity": "sha512-ZZ1w0aoQkwuUuC7Yf+7sdeaNfqQiiLcSRbfI08oAxqLtpXQr9AIVX7Ay7HLDuiLYAaFPu8oBYNq/QIi9URHJ3Q==",
       "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/@csstools/color-helpers": {
-      "version": "5.1.0",
-      "resolved": "https://registry.npmjs.org/@csstools/color-helpers/-/color-helpers-5.1.0.tgz",
-      "integrity": "sha512-S11EXWJyy0Mz5SYvRmY8nJYTFFd1LCNV+7cXyAgQtOOuzb4EsgfqDufL+9esx72/eLhsRdGZwaldu/h+E4t4BA==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/csstools"
-        },
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/csstools"
-        }
-      ],
-      "license": "MIT-0",
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@csstools/css-calc": {
-      "version": "2.1.4",
-      "resolved": "https://registry.npmjs.org/@csstools/css-calc/-/css-calc-2.1.4.tgz",
-      "integrity": "sha512-3N8oaj+0juUw/1H3YwmDDJXCgTB1gKU6Hc/bB502u9zR0q2vd786XJH9QfrKIEgFlZmhZiq6epXl4rHqhzsIgQ==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/csstools"
-        },
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/csstools"
-        }
-      ],
-      "license": "MIT",
-      "engines": {
-        "node": ">=18"
-      },
-      "peerDependencies": {
-        "@csstools/css-parser-algorithms": "^3.0.5",
-        "@csstools/css-tokenizer": "^3.0.4"
-      }
-    },
-    "node_modules/@csstools/css-color-parser": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/@csstools/css-color-parser/-/css-color-parser-3.1.0.tgz",
-      "integrity": "sha512-nbtKwh3a6xNVIp/VRuXV64yTKnb1IjTAEEh3irzS+HkKjAOYLTGNb9pmVNntZ8iVBHcWDA2Dof0QtPgFI1BaTA==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/csstools"
-        },
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/csstools"
-        }
-      ],
-      "license": "MIT",
-      "dependencies": {
-        "@csstools/color-helpers": "^5.1.0",
-        "@csstools/css-calc": "^2.1.4"
-      },
-      "engines": {
-        "node": ">=18"
-      },
-      "peerDependencies": {
-        "@csstools/css-parser-algorithms": "^3.0.5",
-        "@csstools/css-tokenizer": "^3.0.4"
-      }
-    },
-    "node_modules/@csstools/css-parser-algorithms": {
-      "version": "3.0.5",
-      "resolved": "https://registry.npmjs.org/@csstools/css-parser-algorithms/-/css-parser-algorithms-3.0.5.tgz",
-      "integrity": "sha512-DaDeUkXZKjdGhgYaHNJTV9pV7Y9B3b644jCLs9Upc3VeNGg6LWARAT6O+Q+/COo+2gg/bM5rhpMAtf70WqfBdQ==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/csstools"
-        },
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/csstools"
-        }
-      ],
-      "license": "MIT",
-      "engines": {
-        "node": ">=18"
-      },
-      "peerDependencies": {
-        "@csstools/css-tokenizer": "^3.0.4"
-      }
-    },
-    "node_modules/@csstools/css-tokenizer": {
-      "version": "3.0.4",
-      "resolved": "https://registry.npmjs.org/@csstools/css-tokenizer/-/css-tokenizer-3.0.4.tgz",
-      "integrity": "sha512-Vd/9EVDiu6PPJt9yAh6roZP6El1xHrdvIVGjyBsHR0RYwNHgL7FJPyIIW4fANJNG6FtyZfvlRPpFI4ZM/lubvw==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/csstools"
-        },
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/csstools"
-        }
-      ],
-      "license": "MIT",
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@emnapi/core": {
-      "version": "1.8.1",
-      "resolved": "https://registry.npmjs.org/@emnapi/core/-/core-1.8.1.tgz",
-      "integrity": "sha512-AvT9QFpxK0Zd8J0jopedNm+w/2fIzvtPKPjqyw9jwvBaReTTqPBk9Hixaz7KbjimP+QNz605/XnjFcDAL2pqBg==",
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "dependencies": {
-        "@emnapi/wasi-threads": "1.1.0",
-        "tslib": "^2.4.0"
-      }
-    },
-    "node_modules/@emnapi/runtime": {
-      "version": "1.8.1",
-      "resolved": "https://registry.npmjs.org/@emnapi/runtime/-/runtime-1.8.1.tgz",
-      "integrity": "sha512-mehfKSMWjjNol8659Z8KxEMrdSJDDot5SXMq00dM8BN4o+CLNXQ0xH2V7EchNHV4RmbZLmmPdEaXZc5H2FXmDg==",
-      "license": "MIT",
-      "optional": true,
-      "dependencies": {
-        "tslib": "^2.4.0"
-      }
-    },
-    "node_modules/@emnapi/wasi-threads": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@emnapi/wasi-threads/-/wasi-threads-1.1.0.tgz",
-      "integrity": "sha512-WI0DdZ8xFSbgMjR1sFsKABJ/C5OnRrjT06JXbZKexJGrDuPTzZdDYfFlsgcCXCyf+suG5QU2e/y1Wo2V/OapLQ==",
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "dependencies": {
-        "tslib": "^2.4.0"
-      }
-    },
-    "node_modules/@eslint-community/eslint-utils": {
-      "version": "4.9.1",
-      "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.9.1.tgz",
-      "integrity": "sha512-phrYmNiYppR7znFEdqgfWHXR6NCkZEK7hwWDHZUjit/2/U0r6XvkDl0SYnoM51Hq7FhCGdLDT6zxCCOY1hexsQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "eslint-visitor-keys": "^3.4.3"
-      },
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/eslint"
-      },
-      "peerDependencies": {
-        "eslint": "^6.0.0 || ^7.0.0 || >=8.0.0"
-      }
-    },
-    "node_modules/@eslint-community/eslint-utils/node_modules/eslint-visitor-keys": {
-      "version": "3.4.3",
-      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz",
-      "integrity": "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==",
-      "dev": true,
-      "license": "Apache-2.0",
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/eslint"
-      }
-    },
-    "node_modules/@eslint-community/regexpp": {
-      "version": "4.12.2",
-      "resolved": "https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.12.2.tgz",
-      "integrity": "sha512-EriSTlt5OC9/7SXkRSCAhfSxxoSUgBm33OH+IkwbdpgoqsSsUg7y3uh+IICI/Qg4BBWr3U2i39RpmycbxMq4ew==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": "^12.0.0 || ^14.0.0 || >=16.0.0"
-      }
-    },
-    "node_modules/@eslint/config-array": {
-      "version": "0.21.1",
-      "resolved": "https://registry.npmjs.org/@eslint/config-array/-/config-array-0.21.1.tgz",
-      "integrity": "sha512-aw1gNayWpdI/jSYVgzN5pL0cfzU02GT3NBpeT/DXbx1/1x7ZKxFPd9bwrzygx/qiwIQiJ1sw/zD8qY/kRvlGHA==",
-      "dev": true,
-      "license": "Apache-2.0",
-      "dependencies": {
-        "@eslint/object-schema": "^2.1.7",
-        "debug": "^4.3.1",
-        "minimatch": "^3.1.2"
-      },
-      "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-      }
-    },
-    "node_modules/@eslint/config-helpers": {
-      "version": "0.4.2",
-      "resolved": "https://registry.npmjs.org/@eslint/config-helpers/-/config-helpers-0.4.2.tgz",
-      "integrity": "sha512-gBrxN88gOIf3R7ja5K9slwNayVcZgK6SOUORm2uBzTeIEfeVaIhOpCtTox3P6R7o2jLFwLFTLnC7kU/RGcYEgw==",
-      "dev": true,
-      "license": "Apache-2.0",
-      "dependencies": {
-        "@eslint/core": "^0.17.0"
-      },
-      "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-      }
-    },
-    "node_modules/@eslint/core": {
-      "version": "0.17.0",
-      "resolved": "https://registry.npmjs.org/@eslint/core/-/core-0.17.0.tgz",
-      "integrity": "sha512-yL/sLrpmtDaFEiUj1osRP4TI2MDz1AddJL+jZ7KSqvBuliN4xqYY54IfdN8qD8Toa6g1iloph1fxQNkjOxrrpQ==",
-      "dev": true,
-      "license": "Apache-2.0",
-      "dependencies": {
-        "@types/json-schema": "^7.0.15"
-      },
-      "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-      }
-    },
-    "node_modules/@eslint/eslintrc": {
-      "version": "3.3.3",
-      "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-3.3.3.tgz",
-      "integrity": "sha512-Kr+LPIUVKz2qkx1HAMH8q1q6azbqBAsXJUxBl/ODDuVPX45Z9DfwB8tPjTi6nNZ8BuM3nbJxC5zCAg5elnBUTQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "ajv": "^6.12.4",
-        "debug": "^4.3.2",
-        "espree": "^10.0.1",
-        "globals": "^14.0.0",
-        "ignore": "^5.2.0",
-        "import-fresh": "^3.2.1",
-        "js-yaml": "^4.1.1",
-        "minimatch": "^3.1.2",
-        "strip-json-comments": "^3.1.1"
-      },
-      "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/eslint"
-      }
-    },
-    "node_modules/@eslint/js": {
-      "version": "9.39.3",
-      "resolved": "https://registry.npmjs.org/@eslint/js/-/js-9.39.3.tgz",
-      "integrity": "sha512-1B1VkCq6FuUNlQvlBYb+1jDu/gV297TIs/OeiaSR9l1H27SVW55ONE1e1Vp16NqP683+xEGzxYtv4XCiDPaQiw==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-      },
-      "funding": {
-        "url": "https://eslint.org/donate"
-      }
-    },
-    "node_modules/@eslint/object-schema": {
-      "version": "2.1.7",
-      "resolved": "https://registry.npmjs.org/@eslint/object-schema/-/object-schema-2.1.7.tgz",
-      "integrity": "sha512-VtAOaymWVfZcmZbp6E2mympDIHvyjXs/12LqWYjVw6qjrfF+VK+fyG33kChz3nnK+SU5/NeHOqrTEHS8sXO3OA==",
-      "dev": true,
-      "license": "Apache-2.0",
-      "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-      }
-    },
-    "node_modules/@eslint/plugin-kit": {
-      "version": "0.4.1",
-      "resolved": "https://registry.npmjs.org/@eslint/plugin-kit/-/plugin-kit-0.4.1.tgz",
-      "integrity": "sha512-43/qtrDUokr7LJqoF2c3+RInu/t4zfrpYdoSDfYyhg52rwLV6TnOvdG4fXm7IkSB3wErkcmJS9iEhjVtOSEjjA==",
-      "dev": true,
-      "license": "Apache-2.0",
-      "dependencies": {
-        "@eslint/core": "^0.17.0",
-        "levn": "^0.4.1"
-      },
-      "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-      }
-    },
-    "node_modules/@humanfs/core": {
-      "version": "0.19.1",
-      "resolved": "https://registry.npmjs.org/@humanfs/core/-/core-0.19.1.tgz",
-      "integrity": "sha512-5DyQ4+1JEUzejeK1JGICcideyfUbGixgS9jNgex5nqkW+cY7WZhxBigmieN5Qnw9ZosSNVC9KQKyb+GUaGyKUA==",
-      "dev": true,
-      "license": "Apache-2.0",
-      "engines": {
-        "node": ">=18.18.0"
-      }
-    },
-    "node_modules/@humanfs/node": {
-      "version": "0.16.7",
-      "resolved": "https://registry.npmjs.org/@humanfs/node/-/node-0.16.7.tgz",
-      "integrity": "sha512-/zUx+yOsIrG4Y43Eh2peDeKCxlRt/gET6aHfaKpuq267qXdYDFViVHfMaLyygZOnl0kGWxFIgsBy8QFuTLUXEQ==",
-      "dev": true,
-      "license": "Apache-2.0",
-      "dependencies": {
-        "@humanfs/core": "^0.19.1",
-        "@humanwhocodes/retry": "^0.4.0"
-      },
-      "engines": {
-        "node": ">=18.18.0"
-      }
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=18.18.0"
+      }
     },
     "node_modules/@humanwhocodes/module-importer": {
       "version": "1.0.1",
@@ -932,9 +512,9 @@
       }
     },
     "node_modules/@img/colour": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/@img/colour/-/colour-1.0.0.tgz",
-      "integrity": "sha512-A5P/LfWGFSl6nsckYtjw9da+19jB8hkJ6ACTGcDfEJ0aE+l2n2El7dsVM7UVHZQ9s2lmYMWlrS21YLy2IR1LUw==",
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@img/colour/-/colour-1.1.0.tgz",
+      "integrity": "sha512-Td76q7j57o/tLVdgS746cYARfSyxk8iEfRxewL9h4OMzYhbW4TAcppl0mT4eyqXddh6L/jwoM75mo7ixa/pCeQ==",
       "license": "MIT",
       "optional": true,
       "engines": {
@@ -1397,3924 +977,1451 @@
         "url": "https://opencollective.com/libvips"
       }
     },
-    "node_modules/@isaacs/cliui": {
-      "version": "8.0.2",
-      "resolved": "https://registry.npmjs.org/@isaacs/cliui/-/cliui-8.0.2.tgz",
-      "integrity": "sha512-O8jcjabXaleOG9DQ0+ARXWZBTfnP4WNAqzuiJK7ll44AmxGKv/J2M4TPjxjY3znBCfvBXFzucm1twdyFybFqEA==",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "string-width": "^5.1.2",
-        "string-width-cjs": "npm:string-width@^4.2.0",
-        "strip-ansi": "^7.0.1",
-        "strip-ansi-cjs": "npm:strip-ansi@^6.0.1",
-        "wrap-ansi": "^8.1.0",
-        "wrap-ansi-cjs": "npm:wrap-ansi@^7.0.0"
-      },
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/@istanbuljs/load-nyc-config": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@istanbuljs/load-nyc-config/-/load-nyc-config-1.1.0.tgz",
-      "integrity": "sha512-VjeHSlIzpv/NyD3N0YuHfXOPDIixcA1q2ZV98wsMqcYlPmv2n3Yb2lYP9XMElnaFVXg5A7YLTeLu6V84uQDjmQ==",
+    "node_modules/@jridgewell/gen-mapping": {
+      "version": "0.3.13",
+      "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.13.tgz",
+      "integrity": "sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==",
       "dev": true,
-      "license": "ISC",
+      "license": "MIT",
       "dependencies": {
-        "camelcase": "^5.3.1",
-        "find-up": "^4.1.0",
-        "get-package-type": "^0.1.0",
-        "js-yaml": "^3.13.1",
-        "resolve-from": "^5.0.0"
-      },
-      "engines": {
-        "node": ">=8"
+        "@jridgewell/sourcemap-codec": "^1.5.0",
+        "@jridgewell/trace-mapping": "^0.3.24"
       }
     },
-    "node_modules/@istanbuljs/load-nyc-config/node_modules/argparse": {
-      "version": "1.0.10",
-      "resolved": "https://registry.npmjs.org/argparse/-/argparse-1.0.10.tgz",
-      "integrity": "sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==",
+    "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": {
-        "sprintf-js": "~1.0.2"
+        "@jridgewell/gen-mapping": "^0.3.5",
+        "@jridgewell/trace-mapping": "^0.3.24"
       }
     },
-    "node_modules/@istanbuljs/load-nyc-config/node_modules/find-up": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/find-up/-/find-up-4.1.0.tgz",
-      "integrity": "sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==",
+    "node_modules/@jridgewell/resolve-uri": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz",
+      "integrity": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==",
       "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "locate-path": "^5.0.0",
-        "path-exists": "^4.0.0"
-      },
       "engines": {
-        "node": ">=8"
+        "node": ">=6.0.0"
       }
     },
-    "node_modules/@istanbuljs/load-nyc-config/node_modules/js-yaml": {
-      "version": "3.14.2",
-      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-3.14.2.tgz",
-      "integrity": "sha512-PMSmkqxr106Xa156c2M265Z+FTrPl+oxd/rgOQy2tijQeK5TxQ43psO1ZCwhVOSdnn+RzkzlRz/eY4BgJBYVpg==",
+    "node_modules/@jridgewell/sourcemap-codec": {
+      "version": "1.5.5",
+      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.5.tgz",
+      "integrity": "sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==",
       "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "argparse": "^1.0.7",
-        "esprima": "^4.0.0"
-      },
-      "bin": {
-        "js-yaml": "bin/js-yaml.js"
-      }
+      "license": "MIT"
     },
-    "node_modules/@istanbuljs/load-nyc-config/node_modules/locate-path": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-5.0.0.tgz",
-      "integrity": "sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==",
+    "node_modules/@jridgewell/trace-mapping": {
+      "version": "0.3.31",
+      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.31.tgz",
+      "integrity": "sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "p-locate": "^4.1.0"
-      },
-      "engines": {
-        "node": ">=8"
+        "@jridgewell/resolve-uri": "^3.1.0",
+        "@jridgewell/sourcemap-codec": "^1.4.14"
       }
     },
-    "node_modules/@istanbuljs/load-nyc-config/node_modules/p-limit": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz",
-      "integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==",
+    "node_modules/@napi-rs/wasm-runtime": {
+      "version": "0.2.12",
+      "resolved": "https://registry.npmjs.org/@napi-rs/wasm-runtime/-/wasm-runtime-0.2.12.tgz",
+      "integrity": "sha512-ZVWUcfwY4E/yPitQJl481FjFo3K22D6qF0DuFH6Y/nbnE11GY5uguDxZMGXPQ8WQ0128MXQD7TnfHyK4oWoIJQ==",
       "dev": true,
       "license": "MIT",
+      "optional": true,
       "dependencies": {
-        "p-try": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=6"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
+        "@emnapi/core": "^1.4.3",
+        "@emnapi/runtime": "^1.4.3",
+        "@tybys/wasm-util": "^0.10.0"
       }
     },
-    "node_modules/@istanbuljs/load-nyc-config/node_modules/p-locate": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-4.1.0.tgz",
-      "integrity": "sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==",
+    "node_modules/@next/env": {
+      "version": "16.1.6",
+      "resolved": "https://registry.npmjs.org/@next/env/-/env-16.1.6.tgz",
+      "integrity": "sha512-N1ySLuZjnAtN3kFnwhAwPvZah8RJxKasD7x1f8shFqhncnWZn4JMfg37diLNuoHsLAlrDfM3g4mawVdtAG8XLQ==",
+      "license": "MIT"
+    },
+    "node_modules/@next/eslint-plugin-next": {
+      "version": "16.1.6",
+      "resolved": "https://registry.npmjs.org/@next/eslint-plugin-next/-/eslint-plugin-next-16.1.6.tgz",
+      "integrity": "sha512-/Qq3PTagA6+nYVfryAtQ7/9FEr/6YVyvOtl6rZnGsbReGLf0jZU6gkpr1FuChAQpvV46a78p4cmHOVP8mbfSMQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "p-limit": "^2.2.0"
-      },
-      "engines": {
-        "node": ">=8"
+        "fast-glob": "3.3.1"
       }
     },
-    "node_modules/@istanbuljs/load-nyc-config/node_modules/resolve-from": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-5.0.0.tgz",
-      "integrity": "sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==",
-      "dev": true,
+    "node_modules/@next/swc-darwin-arm64": {
+      "version": "16.1.6",
+      "resolved": "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-16.1.6.tgz",
+      "integrity": "sha512-wTzYulosJr/6nFnqGW7FrG3jfUUlEf8UjGA0/pyypJl42ExdVgC6xJgcXQ+V8QFn6niSG2Pb8+MIG1mZr2vczw==",
+      "cpu": [
+        "arm64"
+      ],
       "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
       "engines": {
-        "node": ">=8"
+        "node": ">= 10"
       }
     },
-    "node_modules/@istanbuljs/schema": {
-      "version": "0.1.3",
-      "resolved": "https://registry.npmjs.org/@istanbuljs/schema/-/schema-0.1.3.tgz",
-      "integrity": "sha512-ZXRY4jNvVgSVQ8DL3LTcakaAtXwTVUxE81hslsyD2AtoXW/wVob10HkOJ1X/pAlcI7D+2YoZKg5do8G/w6RYgA==",
-      "dev": true,
+    "node_modules/@next/swc-darwin-x64": {
+      "version": "16.1.6",
+      "resolved": "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-16.1.6.tgz",
+      "integrity": "sha512-BLFPYPDO+MNJsiDWbeVzqvYd4NyuRrEYVB5k2N3JfWncuHAy2IVwMAOlVQDFjj+krkWzhY2apvmekMkfQR0CUQ==",
+      "cpu": [
+        "x64"
+      ],
       "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
       "engines": {
-        "node": ">=8"
+        "node": ">= 10"
       }
     },
-    "node_modules/@jest/console": {
-      "version": "30.2.0",
-      "resolved": "https://registry.npmjs.org/@jest/console/-/console-30.2.0.tgz",
-      "integrity": "sha512-+O1ifRjkvYIkBqASKWgLxrpEhQAAE7hY77ALLUufSk5717KfOShg6IbqLmdsLMPdUiFvA2kTs0R7YZy+l0IzZQ==",
-      "dev": true,
+    "node_modules/@next/swc-linux-arm64-gnu": {
+      "version": "16.1.6",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-16.1.6.tgz",
+      "integrity": "sha512-OJYkCd5pj/QloBvoEcJ2XiMnlJkRv9idWA/j0ugSuA34gMT6f5b7vOiCQHVRpvStoZUknhl6/UxOXL4OwtdaBw==",
+      "cpu": [
+        "arm64"
+      ],
       "license": "MIT",
-      "dependencies": {
-        "@jest/types": "30.2.0",
-        "@types/node": "*",
-        "chalk": "^4.1.2",
-        "jest-message-util": "30.2.0",
-        "jest-util": "30.2.0",
-        "slash": "^3.0.0"
-      },
+      "optional": true,
+      "os": [
+        "linux"
+      ],
       "engines": {
-        "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
+        "node": ">= 10"
       }
     },
-    "node_modules/@jest/core": {
-      "version": "30.2.0",
-      "resolved": "https://registry.npmjs.org/@jest/core/-/core-30.2.0.tgz",
-      "integrity": "sha512-03W6IhuhjqTlpzh/ojut/pDB2LPRygyWX8ExpgHtQA8H/3K7+1vKmcINx5UzeOX1se6YEsBsOHQ1CRzf3fOwTQ==",
-      "dev": true,
+    "node_modules/@next/swc-linux-arm64-musl": {
+      "version": "16.1.6",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-16.1.6.tgz",
+      "integrity": "sha512-S4J2v+8tT3NIO9u2q+S0G5KdvNDjXfAv06OhfOzNDaBn5rw84DGXWndOEB7d5/x852A20sW1M56vhC/tRVbccQ==",
+      "cpu": [
+        "arm64"
+      ],
       "license": "MIT",
-      "dependencies": {
-        "@jest/console": "30.2.0",
-        "@jest/pattern": "30.0.1",
-        "@jest/reporters": "30.2.0",
-        "@jest/test-result": "30.2.0",
-        "@jest/transform": "30.2.0",
-        "@jest/types": "30.2.0",
-        "@types/node": "*",
-        "ansi-escapes": "^4.3.2",
-        "chalk": "^4.1.2",
-        "ci-info": "^4.2.0",
-        "exit-x": "^0.2.2",
-        "graceful-fs": "^4.2.11",
-        "jest-changed-files": "30.2.0",
-        "jest-config": "30.2.0",
-        "jest-haste-map": "30.2.0",
-        "jest-message-util": "30.2.0",
-        "jest-regex-util": "30.0.1",
-        "jest-resolve": "30.2.0",
-        "jest-resolve-dependencies": "30.2.0",
-        "jest-runner": "30.2.0",
-        "jest-runtime": "30.2.0",
-        "jest-snapshot": "30.2.0",
-        "jest-util": "30.2.0",
-        "jest-validate": "30.2.0",
-        "jest-watcher": "30.2.0",
-        "micromatch": "^4.0.8",
-        "pretty-format": "30.2.0",
-        "slash": "^3.0.0"
-      },
+      "optional": true,
+      "os": [
+        "linux"
+      ],
       "engines": {
-        "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
-      },
-      "peerDependencies": {
-        "node-notifier": "^8.0.1 || ^9.0.0 || ^10.0.0"
-      },
-      "peerDependenciesMeta": {
-        "node-notifier": {
-          "optional": true
-        }
+        "node": ">= 10"
       }
     },
-    "node_modules/@jest/core/node_modules/ansi-styles": {
-      "version": "5.2.0",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
-      "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
-      "dev": true,
+    "node_modules/@next/swc-linux-x64-gnu": {
+      "version": "16.1.6",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-16.1.6.tgz",
+      "integrity": "sha512-2eEBDkFlMMNQnkTyPBhQOAyn2qMxyG2eE7GPH2WIDGEpEILcBPI/jdSv4t6xupSP+ot/jkfrCShLAa7+ZUPcJQ==",
+      "cpu": [
+        "x64"
+      ],
       "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
       "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+        "node": ">= 10"
       }
     },
-    "node_modules/@jest/core/node_modules/jest-config": {
-      "version": "30.2.0",
-      "resolved": "https://registry.npmjs.org/jest-config/-/jest-config-30.2.0.tgz",
-      "integrity": "sha512-g4WkyzFQVWHtu6uqGmQR4CQxz/CH3yDSlhzXMWzNjDx843gYjReZnMRanjRCq5XZFuQrGDxgUaiYWE8BRfVckA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/core": "^7.27.4",
-        "@jest/get-type": "30.1.0",
-        "@jest/pattern": "30.0.1",
-        "@jest/test-sequencer": "30.2.0",
-        "@jest/types": "30.2.0",
-        "babel-jest": "30.2.0",
-        "chalk": "^4.1.2",
-        "ci-info": "^4.2.0",
-        "deepmerge": "^4.3.1",
-        "glob": "^10.3.10",
-        "graceful-fs": "^4.2.11",
-        "jest-circus": "30.2.0",
-        "jest-docblock": "30.2.0",
-        "jest-environment-node": "30.2.0",
-        "jest-regex-util": "30.0.1",
-        "jest-resolve": "30.2.0",
-        "jest-runner": "30.2.0",
-        "jest-util": "30.2.0",
-        "jest-validate": "30.2.0",
-        "micromatch": "^4.0.8",
-        "parse-json": "^5.2.0",
-        "pretty-format": "30.2.0",
-        "slash": "^3.0.0",
-        "strip-json-comments": "^3.1.1"
-      },
+    "node_modules/@next/swc-linux-x64-musl": {
+      "version": "16.1.6",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-16.1.6.tgz",
+      "integrity": "sha512-oicJwRlyOoZXVlxmIMaTq7f8pN9QNbdes0q2FXfRsPhfCi8n8JmOZJm5oo1pwDaFbnnD421rVU409M3evFbIqg==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
       "engines": {
-        "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
-      },
-      "peerDependencies": {
-        "@types/node": "*",
-        "esbuild-register": ">=3.4.0",
-        "ts-node": ">=9.0.0"
-      },
-      "peerDependenciesMeta": {
-        "@types/node": {
-          "optional": true
-        },
-        "esbuild-register": {
-          "optional": true
-        },
-        "ts-node": {
-          "optional": true
-        }
+        "node": ">= 10"
       }
     },
-    "node_modules/@jest/core/node_modules/pretty-format": {
-      "version": "30.2.0",
-      "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-30.2.0.tgz",
-      "integrity": "sha512-9uBdv/B4EefsuAL+pWqueZyZS2Ba+LxfFeQ9DN14HU4bN8bhaxKdkpjpB6fs9+pSjIBu+FXQHImEg8j/Lw0+vA==",
-      "dev": true,
+    "node_modules/@next/swc-win32-arm64-msvc": {
+      "version": "16.1.6",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-16.1.6.tgz",
+      "integrity": "sha512-gQmm8izDTPgs+DCWH22kcDmuUp7NyiJgEl18bcr8irXA5N2m2O+JQIr6f3ct42GOs9c0h8QF3L5SzIxcYAAXXw==",
+      "cpu": [
+        "arm64"
+      ],
       "license": "MIT",
-      "dependencies": {
-        "@jest/schemas": "30.0.5",
-        "ansi-styles": "^5.2.0",
-        "react-is": "^18.3.1"
-      },
+      "optional": true,
+      "os": [
+        "win32"
+      ],
       "engines": {
-        "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
+        "node": ">= 10"
       }
     },
-    "node_modules/@jest/core/node_modules/react-is": {
-      "version": "18.3.1",
-      "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.3.1.tgz",
-      "integrity": "sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/@jest/diff-sequences": {
-      "version": "30.0.1",
-      "resolved": "https://registry.npmjs.org/@jest/diff-sequences/-/diff-sequences-30.0.1.tgz",
-      "integrity": "sha512-n5H8QLDJ47QqbCNn5SuFjCRDrOLEZ0h8vAHCK5RL9Ls7Xa8AQLa/YxAc9UjFqoEDM48muwtBGjtMY5cr0PLDCw==",
-      "dev": true,
+    "node_modules/@next/swc-win32-x64-msvc": {
+      "version": "16.1.6",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-16.1.6.tgz",
+      "integrity": "sha512-NRfO39AIrzBnixKbjuo2YiYhB6o9d8v/ymU9m/Xk8cyVk+k7XylniXkHwjs4s70wedVffc6bQNbufk5v0xEm0A==",
+      "cpu": [
+        "x64"
+      ],
       "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
       "engines": {
-        "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
+        "node": ">= 10"
       }
     },
-    "node_modules/@jest/environment": {
-      "version": "30.2.0",
-      "resolved": "https://registry.npmjs.org/@jest/environment/-/environment-30.2.0.tgz",
-      "integrity": "sha512-/QPTL7OBJQ5ac09UDRa3EQes4gt1FTEG/8jZ/4v5IVzx+Cv7dLxlVIvfvSVRiiX2drWyXeBjkMSR8hvOWSog5g==",
+    "node_modules/@nodelib/fs.scandir": {
+      "version": "2.1.5",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
+      "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@jest/fake-timers": "30.2.0",
-        "@jest/types": "30.2.0",
-        "@types/node": "*",
-        "jest-mock": "30.2.0"
+        "@nodelib/fs.stat": "2.0.5",
+        "run-parallel": "^1.1.9"
       },
       "engines": {
-        "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
+        "node": ">= 8"
       }
     },
-    "node_modules/@jest/environment-jsdom-abstract": {
-      "version": "30.2.0",
-      "resolved": "https://registry.npmjs.org/@jest/environment-jsdom-abstract/-/environment-jsdom-abstract-30.2.0.tgz",
-      "integrity": "sha512-kazxw2L9IPuZpQ0mEt9lu9Z98SqR74xcagANmMBU16X0lS23yPc0+S6hGLUz8kVRlomZEs/5S/Zlpqwf5yu6OQ==",
+    "node_modules/@nodelib/fs.stat": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz",
+      "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==",
       "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "@jest/environment": "30.2.0",
-        "@jest/fake-timers": "30.2.0",
-        "@jest/types": "30.2.0",
-        "@types/jsdom": "^21.1.7",
-        "@types/node": "*",
-        "jest-mock": "30.2.0",
-        "jest-util": "30.2.0"
-      },
       "engines": {
-        "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
-      },
-      "peerDependencies": {
-        "canvas": "^3.0.0",
-        "jsdom": "*"
-      },
-      "peerDependenciesMeta": {
-        "canvas": {
-          "optional": true
-        }
+        "node": ">= 8"
       }
     },
-    "node_modules/@jest/expect": {
-      "version": "30.2.0",
-      "resolved": "https://registry.npmjs.org/@jest/expect/-/expect-30.2.0.tgz",
-      "integrity": "sha512-V9yxQK5erfzx99Sf+7LbhBwNWEZ9eZay8qQ9+JSC0TrMR1pMDHLMY+BnVPacWU6Jamrh252/IKo4F1Xn/zfiqA==",
+    "node_modules/@nodelib/fs.walk": {
+      "version": "1.2.8",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz",
+      "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "expect": "30.2.0",
-        "jest-snapshot": "30.2.0"
+        "@nodelib/fs.scandir": "2.1.5",
+        "fastq": "^1.6.0"
       },
       "engines": {
-        "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
+        "node": ">= 8"
       }
     },
-    "node_modules/@jest/expect-utils": {
-      "version": "30.2.0",
-      "resolved": "https://registry.npmjs.org/@jest/expect-utils/-/expect-utils-30.2.0.tgz",
-      "integrity": "sha512-1JnRfhqpD8HGpOmQp180Fo9Zt69zNtC+9lR+kT7NVL05tNXIi+QC8Csz7lfidMoVLPD3FnOtcmp0CEFnxExGEA==",
+    "node_modules/@nolyfill/is-core-module": {
+      "version": "1.0.39",
+      "resolved": "https://registry.npmjs.org/@nolyfill/is-core-module/-/is-core-module-1.0.39.tgz",
+      "integrity": "sha512-nn5ozdjYQpUCZlWGuxcJY/KpxkWQs4DcbMCmKojjyrYDEAGy4Ce19NN4v5MduafTwJlbKc99UA8YhSVqq9yPZA==",
       "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "@jest/get-type": "30.1.0"
-      },
       "engines": {
-        "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
+        "node": ">=12.4.0"
       }
     },
-    "node_modules/@jest/fake-timers": {
-      "version": "30.2.0",
-      "resolved": "https://registry.npmjs.org/@jest/fake-timers/-/fake-timers-30.2.0.tgz",
-      "integrity": "sha512-HI3tRLjRxAbBy0VO8dqqm7Hb2mIa8d5bg/NJkyQcOk7V118ObQML8RC5luTF/Zsg4474a+gDvhce7eTnP4GhYw==",
+    "node_modules/@rtsao/scc": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@rtsao/scc/-/scc-1.1.0.tgz",
+      "integrity": "sha512-zt6OdqaDoOnJ1ZYsCYGt9YmWzDXl4vQdKTyJev62gFhRGKdx7mcT54V9KIjg+d2wi9EXsPvAPKe7i7WjfVWB8g==",
       "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@supabase/auth-js": {
+      "version": "2.103.3",
+      "resolved": "https://registry.npmjs.org/@supabase/auth-js/-/auth-js-2.103.3.tgz",
+      "integrity": "sha512-SMDJ4vg5jLXNEHdhN4J4ujSb203WangbDw1n3VaARH0ZqM51E6lJnoUAHlpQU9N7SzP0hfgghA9IvT8c7tGRfg==",
       "license": "MIT",
       "dependencies": {
-        "@jest/types": "30.2.0",
-        "@sinonjs/fake-timers": "^13.0.0",
-        "@types/node": "*",
-        "jest-message-util": "30.2.0",
-        "jest-mock": "30.2.0",
-        "jest-util": "30.2.0"
+        "tslib": "2.8.1"
       },
       "engines": {
-        "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
-      }
-    },
-    "node_modules/@jest/get-type": {
-      "version": "30.1.0",
-      "resolved": "https://registry.npmjs.org/@jest/get-type/-/get-type-30.1.0.tgz",
-      "integrity": "sha512-eMbZE2hUnx1WV0pmURZY9XoXPkUYjpc55mb0CrhtdWLtzMQPFvu/rZkTLZFTsdaVQa+Tr4eWAteqcUzoawq/uA==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
+        "node": ">=20.0.0"
       }
     },
-    "node_modules/@jest/globals": {
-      "version": "30.2.0",
-      "resolved": "https://registry.npmjs.org/@jest/globals/-/globals-30.2.0.tgz",
-      "integrity": "sha512-b63wmnKPaK+6ZZfpYhz9K61oybvbI1aMcIs80++JI1O1rR1vaxHUCNqo3ITu6NU0d4V34yZFoHMn/uoKr/Rwfw==",
-      "dev": true,
+    "node_modules/@supabase/functions-js": {
+      "version": "2.103.3",
+      "resolved": "https://registry.npmjs.org/@supabase/functions-js/-/functions-js-2.103.3.tgz",
+      "integrity": "sha512-A2ZHi95GIRRlN9LGOSa/zGEIPg9taR1giDI9Gkfkgrcz0YmKV8ShiAplIrKsHQFdkzKxtsO3maJF0efL+i31mg==",
       "license": "MIT",
       "dependencies": {
-        "@jest/environment": "30.2.0",
-        "@jest/expect": "30.2.0",
-        "@jest/types": "30.2.0",
-        "jest-mock": "30.2.0"
+        "tslib": "2.8.1"
       },
       "engines": {
-        "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
+        "node": ">=20.0.0"
       }
     },
-    "node_modules/@jest/pattern": {
-      "version": "30.0.1",
-      "resolved": "https://registry.npmjs.org/@jest/pattern/-/pattern-30.0.1.tgz",
-      "integrity": "sha512-gWp7NfQW27LaBQz3TITS8L7ZCQ0TLvtmI//4OwlQRx4rnWxcPNIYjxZpDcN4+UlGxgm3jS5QPz8IPTCkb59wZA==",
-      "dev": true,
+    "node_modules/@supabase/phoenix": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/@supabase/phoenix/-/phoenix-0.4.0.tgz",
+      "integrity": "sha512-RHSx8bHS02xwfHdAbX5Lpbo6PXbgyf7lTaXTlwtFDPwOIw64NnVRwFAXGojHhjtVYI+PEPNSWwkL90f4agN3bw==",
+      "license": "MIT"
+    },
+    "node_modules/@supabase/postgrest-js": {
+      "version": "2.103.3",
+      "resolved": "https://registry.npmjs.org/@supabase/postgrest-js/-/postgrest-js-2.103.3.tgz",
+      "integrity": "sha512-S0k/9FJVXDeejNfQLCJwRlm4IH8Wet/HEEdBTBpX6/G2o1eU/6CjQop/hJPZIwlQkI6D/zbHH8KymuCsBgy6jA==",
       "license": "MIT",
       "dependencies": {
-        "@types/node": "*",
-        "jest-regex-util": "30.0.1"
+        "tslib": "2.8.1"
       },
       "engines": {
-        "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
+        "node": ">=20.0.0"
       }
     },
-    "node_modules/@jest/reporters": {
-      "version": "30.2.0",
-      "resolved": "https://registry.npmjs.org/@jest/reporters/-/reporters-30.2.0.tgz",
-      "integrity": "sha512-DRyW6baWPqKMa9CzeiBjHwjd8XeAyco2Vt8XbcLFjiwCOEKOvy82GJ8QQnJE9ofsxCMPjH4MfH8fCWIHHDKpAQ==",
-      "dev": true,
+    "node_modules/@supabase/realtime-js": {
+      "version": "2.103.3",
+      "resolved": "https://registry.npmjs.org/@supabase/realtime-js/-/realtime-js-2.103.3.tgz",
+      "integrity": "sha512-fUvKtSXMUk1BkApVwAurWtHF4Vzbb0UB9aC/fQXrRBek7Ta3Kaora+wHf/fGwFNQs7uRz+mvjIVpzLfpR32VXA==",
       "license": "MIT",
       "dependencies": {
-        "@bcoe/v8-coverage": "^0.2.3",
-        "@jest/console": "30.2.0",
-        "@jest/test-result": "30.2.0",
-        "@jest/transform": "30.2.0",
-        "@jest/types": "30.2.0",
-        "@jridgewell/trace-mapping": "^0.3.25",
-        "@types/node": "*",
-        "chalk": "^4.1.2",
-        "collect-v8-coverage": "^1.0.2",
-        "exit-x": "^0.2.2",
-        "glob": "^10.3.10",
-        "graceful-fs": "^4.2.11",
-        "istanbul-lib-coverage": "^3.0.0",
-        "istanbul-lib-instrument": "^6.0.0",
-        "istanbul-lib-report": "^3.0.0",
-        "istanbul-lib-source-maps": "^5.0.0",
-        "istanbul-reports": "^3.1.3",
-        "jest-message-util": "30.2.0",
-        "jest-util": "30.2.0",
-        "jest-worker": "30.2.0",
-        "slash": "^3.0.0",
-        "string-length": "^4.0.2",
-        "v8-to-istanbul": "^9.0.1"
+        "@supabase/phoenix": "^0.4.0",
+        "@types/ws": "^8.18.1",
+        "tslib": "2.8.1",
+        "ws": "^8.18.2"
       },
       "engines": {
-        "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
-      },
-      "peerDependencies": {
-        "node-notifier": "^8.0.1 || ^9.0.0 || ^10.0.0"
-      },
-      "peerDependenciesMeta": {
-        "node-notifier": {
-          "optional": true
-        }
+        "node": ">=20.0.0"
       }
     },
-    "node_modules/@jest/schemas": {
-      "version": "30.0.5",
-      "resolved": "https://registry.npmjs.org/@jest/schemas/-/schemas-30.0.5.tgz",
-      "integrity": "sha512-DmdYgtezMkh3cpU8/1uyXakv3tJRcmcXxBOcO0tbaozPwpmh4YMsnWrQm9ZmZMfa5ocbxzbFk6O4bDPEc/iAnA==",
-      "dev": true,
+    "node_modules/@supabase/storage-js": {
+      "version": "2.103.3",
+      "resolved": "https://registry.npmjs.org/@supabase/storage-js/-/storage-js-2.103.3.tgz",
+      "integrity": "sha512-5bAIEubrw5keHcdKR2RTois0O1M2Ilx4UYuzOzc07G6mLGCPS/8t1nbC6Vq451pnxR3sK+rmtFHWb9CY/OPjAw==",
       "license": "MIT",
       "dependencies": {
-        "@sinclair/typebox": "^0.34.0"
+        "iceberg-js": "^0.8.1",
+        "tslib": "2.8.1"
       },
       "engines": {
-        "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
+        "node": ">=20.0.0"
       }
     },
-    "node_modules/@jest/snapshot-utils": {
-      "version": "30.2.0",
-      "resolved": "https://registry.npmjs.org/@jest/snapshot-utils/-/snapshot-utils-30.2.0.tgz",
-      "integrity": "sha512-0aVxM3RH6DaiLcjj/b0KrIBZhSX1373Xci4l3cW5xiUWPctZ59zQ7jj4rqcJQ/Z8JuN/4wX3FpJSa3RssVvCug==",
-      "dev": true,
+    "node_modules/@supabase/supabase-js": {
+      "version": "2.103.3",
+      "resolved": "https://registry.npmjs.org/@supabase/supabase-js/-/supabase-js-2.103.3.tgz",
+      "integrity": "sha512-DuPiAz5pIJsTAQCt7B6bDZrnLzlq9+/5bta/GWTsgpLn6AkuZQcmYsQHYplv4skQ8U2raKY5HASQOu4KtYq9Qw==",
       "license": "MIT",
       "dependencies": {
-        "@jest/types": "30.2.0",
-        "chalk": "^4.1.2",
-        "graceful-fs": "^4.2.11",
-        "natural-compare": "^1.4.0"
+        "@supabase/auth-js": "2.103.3",
+        "@supabase/functions-js": "2.103.3",
+        "@supabase/postgrest-js": "2.103.3",
+        "@supabase/realtime-js": "2.103.3",
+        "@supabase/storage-js": "2.103.3"
       },
       "engines": {
-        "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
+        "node": ">=20.0.0"
       }
     },
-    "node_modules/@jest/source-map": {
-      "version": "30.0.1",
-      "resolved": "https://registry.npmjs.org/@jest/source-map/-/source-map-30.0.1.tgz",
-      "integrity": "sha512-MIRWMUUR3sdbP36oyNyhbThLHyJ2eEDClPCiHVbrYAe5g3CHRArIVpBw7cdSB5fr+ofSfIb2Tnsw8iEHL0PYQg==",
-      "dev": true,
-      "license": "MIT",
+    "node_modules/@swc/helpers": {
+      "version": "0.5.15",
+      "resolved": "https://registry.npmjs.org/@swc/helpers/-/helpers-0.5.15.tgz",
+      "integrity": "sha512-JQ5TuMi45Owi4/BIMAJBoSQoOJu12oOk/gADqlcUL9JEdHB8vyjUSsxqeNXnmXHjYKMi2WcYtezGEEhqUI/E2g==",
+      "license": "Apache-2.0",
       "dependencies": {
-        "@jridgewell/trace-mapping": "^0.3.25",
-        "callsites": "^3.1.0",
-        "graceful-fs": "^4.2.11"
-      },
-      "engines": {
-        "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
+        "tslib": "^2.8.0"
       }
     },
-    "node_modules/@jest/test-result": {
-      "version": "30.2.0",
-      "resolved": "https://registry.npmjs.org/@jest/test-result/-/test-result-30.2.0.tgz",
-      "integrity": "sha512-RF+Z+0CCHkARz5HT9mcQCBulb1wgCP3FBvl9VFokMX27acKphwyQsNuWH3c+ojd1LeWBLoTYoxF0zm6S/66mjg==",
+    "node_modules/@tybys/wasm-util": {
+      "version": "0.10.1",
+      "resolved": "https://registry.npmjs.org/@tybys/wasm-util/-/wasm-util-0.10.1.tgz",
+      "integrity": "sha512-9tTaPJLSiejZKx+Bmog4uSubteqTvFrVrURwkmHixBo0G4seD0zUxp98E1DzUBJxLQ3NPwXrGKDiVjwx/DpPsg==",
       "dev": true,
       "license": "MIT",
+      "optional": true,
       "dependencies": {
-        "@jest/console": "30.2.0",
-        "@jest/types": "30.2.0",
-        "@types/istanbul-lib-coverage": "^2.0.6",
-        "collect-v8-coverage": "^1.0.2"
-      },
-      "engines": {
-        "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
+        "tslib": "^2.4.0"
       }
     },
-    "node_modules/@jest/test-sequencer": {
-      "version": "30.2.0",
-      "resolved": "https://registry.npmjs.org/@jest/test-sequencer/-/test-sequencer-30.2.0.tgz",
-      "integrity": "sha512-wXKgU/lk8fKXMu/l5Hog1R61bL4q5GCdT6OJvdAFz1P+QrpoFuLU68eoKuVc4RbrTtNnTL5FByhWdLgOPSph+Q==",
+    "node_modules/@types/d3": {
+      "version": "7.4.3",
+      "resolved": "https://registry.npmjs.org/@types/d3/-/d3-7.4.3.tgz",
+      "integrity": "sha512-lZXZ9ckh5R8uiFVt8ogUNf+pIrK4EsWrx2Np75WvF/eTpJ0FMHNhjXk8CKEx/+gpHbNQyJWehbFaTvqmHWB3ww==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@jest/test-result": "30.2.0",
-        "graceful-fs": "^4.2.11",
-        "jest-haste-map": "30.2.0",
-        "slash": "^3.0.0"
-      },
-      "engines": {
-        "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
+        "@types/d3-array": "*",
+        "@types/d3-axis": "*",
+        "@types/d3-brush": "*",
+        "@types/d3-chord": "*",
+        "@types/d3-color": "*",
+        "@types/d3-contour": "*",
+        "@types/d3-delaunay": "*",
+        "@types/d3-dispatch": "*",
+        "@types/d3-drag": "*",
+        "@types/d3-dsv": "*",
+        "@types/d3-ease": "*",
+        "@types/d3-fetch": "*",
+        "@types/d3-force": "*",
+        "@types/d3-format": "*",
+        "@types/d3-geo": "*",
+        "@types/d3-hierarchy": "*",
+        "@types/d3-interpolate": "*",
+        "@types/d3-path": "*",
+        "@types/d3-polygon": "*",
+        "@types/d3-quadtree": "*",
+        "@types/d3-random": "*",
+        "@types/d3-scale": "*",
+        "@types/d3-scale-chromatic": "*",
+        "@types/d3-selection": "*",
+        "@types/d3-shape": "*",
+        "@types/d3-time": "*",
+        "@types/d3-time-format": "*",
+        "@types/d3-timer": "*",
+        "@types/d3-transition": "*",
+        "@types/d3-zoom": "*"
       }
     },
-    "node_modules/@jest/transform": {
-      "version": "30.2.0",
-      "resolved": "https://registry.npmjs.org/@jest/transform/-/transform-30.2.0.tgz",
-      "integrity": "sha512-XsauDV82o5qXbhalKxD7p4TZYYdwcaEXC77PPD2HixEFF+6YGppjrAAQurTl2ECWcEomHBMMNS9AH3kcCFx8jA==",
+    "node_modules/@types/d3-array": {
+      "version": "3.2.2",
+      "resolved": "https://registry.npmjs.org/@types/d3-array/-/d3-array-3.2.2.tgz",
+      "integrity": "sha512-hOLWVbm7uRza0BYXpIIW5pxfrKe0W+D5lrFiAEYR+pb6w3N2SwSMaJbXdUfSEv+dT4MfHBLtn5js0LAWaO6otw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/d3-axis": {
+      "version": "3.0.6",
+      "resolved": "https://registry.npmjs.org/@types/d3-axis/-/d3-axis-3.0.6.tgz",
+      "integrity": "sha512-pYeijfZuBd87T0hGn0FO1vQ/cgLk6E1ALJjfkC0oJ8cbwkZl3TpgS8bVBLZN+2jjGgg38epgxb2zmoGtSfvgMw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/core": "^7.27.4",
-        "@jest/types": "30.2.0",
-        "@jridgewell/trace-mapping": "^0.3.25",
-        "babel-plugin-istanbul": "^7.0.1",
-        "chalk": "^4.1.2",
-        "convert-source-map": "^2.0.0",
-        "fast-json-stable-stringify": "^2.1.0",
-        "graceful-fs": "^4.2.11",
-        "jest-haste-map": "30.2.0",
-        "jest-regex-util": "30.0.1",
-        "jest-util": "30.2.0",
-        "micromatch": "^4.0.8",
-        "pirates": "^4.0.7",
-        "slash": "^3.0.0",
-        "write-file-atomic": "^5.0.1"
-      },
-      "engines": {
-        "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
+        "@types/d3-selection": "*"
       }
     },
-    "node_modules/@jest/types": {
-      "version": "30.2.0",
-      "resolved": "https://registry.npmjs.org/@jest/types/-/types-30.2.0.tgz",
-      "integrity": "sha512-H9xg1/sfVvyfU7o3zMfBEjQ1gcsdeTMgqHoYdN79tuLqfTtuu7WckRA1R5whDwOzxaZAeMKTYWqP+WCAi0CHsg==",
+    "node_modules/@types/d3-brush": {
+      "version": "3.0.6",
+      "resolved": "https://registry.npmjs.org/@types/d3-brush/-/d3-brush-3.0.6.tgz",
+      "integrity": "sha512-nH60IZNNxEcrh6L1ZSMNA28rj27ut/2ZmI3r96Zd+1jrZD++zD3LsMIjWlvg4AYrHn/Pqz4CF3veCxGjtbqt7A==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@jest/pattern": "30.0.1",
-        "@jest/schemas": "30.0.5",
-        "@types/istanbul-lib-coverage": "^2.0.6",
-        "@types/istanbul-reports": "^3.0.4",
-        "@types/node": "*",
-        "@types/yargs": "^17.0.33",
-        "chalk": "^4.1.2"
-      },
-      "engines": {
-        "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
+        "@types/d3-selection": "*"
       }
     },
-    "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==",
+    "node_modules/@types/d3-chord": {
+      "version": "3.0.6",
+      "resolved": "https://registry.npmjs.org/@types/d3-chord/-/d3-chord-3.0.6.tgz",
+      "integrity": "sha512-LFYWWd8nwfwEmTZG9PfQxd17HbNPksHBiJHaKuY1XeqscXacsS2tyoo6OdRsjf+NQYeB6XrNL3a25E3gH69lcg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/d3-color": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/@types/d3-color/-/d3-color-3.1.3.tgz",
+      "integrity": "sha512-iO90scth9WAbmgv7ogoq57O9YpKmFBbmoEoCHDB2xMBY0+/KVrqAaCDyCE16dUspeOvIxFFRI+0sEtqDqy2b4A==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/d3-contour": {
+      "version": "3.0.6",
+      "resolved": "https://registry.npmjs.org/@types/d3-contour/-/d3-contour-3.0.6.tgz",
+      "integrity": "sha512-BjzLgXGnCWjUSYGfH1cpdo41/hgdWETu4YxpezoztawmqsvCeep+8QGfiY6YbDvfgHz/DkjeIkkZVJavB4a3rg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@jridgewell/sourcemap-codec": "^1.5.0",
-        "@jridgewell/trace-mapping": "^0.3.24"
+        "@types/d3-array": "*",
+        "@types/geojson": "*"
       }
     },
-    "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==",
+    "node_modules/@types/d3-delaunay": {
+      "version": "6.0.4",
+      "resolved": "https://registry.npmjs.org/@types/d3-delaunay/-/d3-delaunay-6.0.4.tgz",
+      "integrity": "sha512-ZMaSKu4THYCU6sV64Lhg6qjf1orxBthaC161plr5KuPHo3CNm8DTHiLw/5Eq2b6TsNP0W0iJrUOFscY6Q450Hw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/d3-dispatch": {
+      "version": "3.0.7",
+      "resolved": "https://registry.npmjs.org/@types/d3-dispatch/-/d3-dispatch-3.0.7.tgz",
+      "integrity": "sha512-5o9OIAdKkhN1QItV2oqaE5KMIiXAvDWBDPrD85e58Qlz1c1kI/J0NcqbEG88CoTwJrYe7ntUCVfeUl2UJKbWgA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/d3-drag": {
+      "version": "3.0.7",
+      "resolved": "https://registry.npmjs.org/@types/d3-drag/-/d3-drag-3.0.7.tgz",
+      "integrity": "sha512-HE3jVKlzU9AaMazNufooRJ5ZpWmLIoc90A37WU2JMmeq28w1FQqCZswHZ3xR+SuxYftzHq6WU6KJHvqxKzTxxQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@jridgewell/gen-mapping": "^0.3.5",
-        "@jridgewell/trace-mapping": "^0.3.24"
+        "@types/d3-selection": "*"
       }
     },
-    "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==",
+    "node_modules/@types/d3-dsv": {
+      "version": "3.0.7",
+      "resolved": "https://registry.npmjs.org/@types/d3-dsv/-/d3-dsv-3.0.7.tgz",
+      "integrity": "sha512-n6QBF9/+XASqcKK6waudgL0pf/S5XHPPI8APyMLLUHd8NqouBGLsU8MgtO7NINGtPBtk9Kko/W4ea0oAspwh9g==",
       "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=6.0.0"
-      }
+      "license": "MIT"
     },
-    "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==",
+    "node_modules/@types/d3-ease": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/@types/d3-ease/-/d3-ease-3.0.2.tgz",
+      "integrity": "sha512-NcV1JjO5oDzoK26oMzbILE6HW7uVXOHLQvHshBUW4UMdZGfiY6v5BeQwh9a9tCzv+CeefZQHJt5SRgK154RtiA==",
       "dev": true,
       "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==",
+    "node_modules/@types/d3-fetch": {
+      "version": "3.0.7",
+      "resolved": "https://registry.npmjs.org/@types/d3-fetch/-/d3-fetch-3.0.7.tgz",
+      "integrity": "sha512-fTAfNmxSb9SOWNB9IoG5c8Hg6R+AzUHDRlsXsDZsNp6sxAEOP0tkP3gKkNSO/qmHPoBFTxNrjDprVHDQDvo5aA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@jridgewell/resolve-uri": "^3.1.0",
-        "@jridgewell/sourcemap-codec": "^1.4.14"
+        "@types/d3-dsv": "*"
       }
     },
-    "node_modules/@napi-rs/wasm-runtime": {
-      "version": "0.2.12",
-      "resolved": "https://registry.npmjs.org/@napi-rs/wasm-runtime/-/wasm-runtime-0.2.12.tgz",
-      "integrity": "sha512-ZVWUcfwY4E/yPitQJl481FjFo3K22D6qF0DuFH6Y/nbnE11GY5uguDxZMGXPQ8WQ0128MXQD7TnfHyK4oWoIJQ==",
+    "node_modules/@types/d3-force": {
+      "version": "3.0.10",
+      "resolved": "https://registry.npmjs.org/@types/d3-force/-/d3-force-3.0.10.tgz",
+      "integrity": "sha512-ZYeSaCF3p73RdOKcjj+swRlZfnYpK1EbaDiYICEEp5Q6sUiqFaFQ9qgoshp5CzIyyb/yD09kD9o2zEltCexlgw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/d3-format": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/@types/d3-format/-/d3-format-3.0.4.tgz",
+      "integrity": "sha512-fALi2aI6shfg7vM5KiR1wNJnZ7r6UuggVqtDA+xiEdPZQwy/trcQaHnwShLuLdta2rTymCNpxYTiMZX/e09F4g==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/d3-geo": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/@types/d3-geo/-/d3-geo-3.1.0.tgz",
+      "integrity": "sha512-856sckF0oP/diXtS4jNsiQw/UuK5fQG8l/a9VVLeSouf1/PPbBE1i1W852zVwKwYCBkFJJB7nCFTbk6UMEXBOQ==",
       "dev": true,
       "license": "MIT",
-      "optional": true,
       "dependencies": {
-        "@emnapi/core": "^1.4.3",
-        "@emnapi/runtime": "^1.4.3",
-        "@tybys/wasm-util": "^0.10.0"
+        "@types/geojson": "*"
       }
     },
-    "node_modules/@next/env": {
-      "version": "16.1.6",
-      "resolved": "https://registry.npmjs.org/@next/env/-/env-16.1.6.tgz",
-      "integrity": "sha512-N1ySLuZjnAtN3kFnwhAwPvZah8RJxKasD7x1f8shFqhncnWZn4JMfg37diLNuoHsLAlrDfM3g4mawVdtAG8XLQ==",
+    "node_modules/@types/d3-hierarchy": {
+      "version": "3.1.7",
+      "resolved": "https://registry.npmjs.org/@types/d3-hierarchy/-/d3-hierarchy-3.1.7.tgz",
+      "integrity": "sha512-tJFtNoYBtRtkNysX1Xq4sxtjK8YgoWUNpIiUee0/jHGRwqvzYxkq0hGVbbOGSz+JgFxxRu4K8nb3YpG3CMARtg==",
+      "dev": true,
       "license": "MIT"
     },
-    "node_modules/@next/eslint-plugin-next": {
-      "version": "16.1.6",
-      "resolved": "https://registry.npmjs.org/@next/eslint-plugin-next/-/eslint-plugin-next-16.1.6.tgz",
-      "integrity": "sha512-/Qq3PTagA6+nYVfryAtQ7/9FEr/6YVyvOtl6rZnGsbReGLf0jZU6gkpr1FuChAQpvV46a78p4cmHOVP8mbfSMQ==",
+    "node_modules/@types/d3-interpolate": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/@types/d3-interpolate/-/d3-interpolate-3.0.4.tgz",
+      "integrity": "sha512-mgLPETlrpVV1YRJIglr4Ez47g7Yxjl1lj7YKsiMCb27VJH9W8NVM6Bb9d8kkpG/uAQS5AmbA48q2IAolKKo1MA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "fast-glob": "3.3.1"
+        "@types/d3-color": "*"
       }
     },
-    "node_modules/@next/swc-darwin-arm64": {
-      "version": "16.1.6",
-      "resolved": "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-16.1.6.tgz",
-      "integrity": "sha512-wTzYulosJr/6nFnqGW7FrG3jfUUlEf8UjGA0/pyypJl42ExdVgC6xJgcXQ+V8QFn6niSG2Pb8+MIG1mZr2vczw==",
-      "cpu": [
-        "arm64"
-      ],
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "node": ">= 10"
-      }
-    },
-    "node_modules/@next/swc-darwin-x64": {
-      "version": "16.1.6",
-      "resolved": "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-16.1.6.tgz",
-      "integrity": "sha512-BLFPYPDO+MNJsiDWbeVzqvYd4NyuRrEYVB5k2N3JfWncuHAy2IVwMAOlVQDFjj+krkWzhY2apvmekMkfQR0CUQ==",
-      "cpu": [
-        "x64"
-      ],
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "node": ">= 10"
-      }
-    },
-    "node_modules/@next/swc-linux-arm64-gnu": {
-      "version": "16.1.6",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-16.1.6.tgz",
-      "integrity": "sha512-OJYkCd5pj/QloBvoEcJ2XiMnlJkRv9idWA/j0ugSuA34gMT6f5b7vOiCQHVRpvStoZUknhl6/UxOXL4OwtdaBw==",
-      "cpu": [
-        "arm64"
-      ],
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">= 10"
-      }
-    },
-    "node_modules/@next/swc-linux-arm64-musl": {
-      "version": "16.1.6",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-16.1.6.tgz",
-      "integrity": "sha512-S4J2v+8tT3NIO9u2q+S0G5KdvNDjXfAv06OhfOzNDaBn5rw84DGXWndOEB7d5/x852A20sW1M56vhC/tRVbccQ==",
-      "cpu": [
-        "arm64"
-      ],
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">= 10"
-      }
-    },
-    "node_modules/@next/swc-linux-x64-gnu": {
-      "version": "16.1.6",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-16.1.6.tgz",
-      "integrity": "sha512-2eEBDkFlMMNQnkTyPBhQOAyn2qMxyG2eE7GPH2WIDGEpEILcBPI/jdSv4t6xupSP+ot/jkfrCShLAa7+ZUPcJQ==",
-      "cpu": [
-        "x64"
-      ],
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">= 10"
-      }
-    },
-    "node_modules/@next/swc-linux-x64-musl": {
-      "version": "16.1.6",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-16.1.6.tgz",
-      "integrity": "sha512-oicJwRlyOoZXVlxmIMaTq7f8pN9QNbdes0q2FXfRsPhfCi8n8JmOZJm5oo1pwDaFbnnD421rVU409M3evFbIqg==",
-      "cpu": [
-        "x64"
-      ],
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">= 10"
-      }
-    },
-    "node_modules/@next/swc-win32-arm64-msvc": {
-      "version": "16.1.6",
-      "resolved": "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-16.1.6.tgz",
-      "integrity": "sha512-gQmm8izDTPgs+DCWH22kcDmuUp7NyiJgEl18bcr8irXA5N2m2O+JQIr6f3ct42GOs9c0h8QF3L5SzIxcYAAXXw==",
-      "cpu": [
-        "arm64"
-      ],
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "engines": {
-        "node": ">= 10"
-      }
+    "node_modules/@types/d3-path": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/@types/d3-path/-/d3-path-3.1.1.tgz",
+      "integrity": "sha512-VMZBYyQvbGmWyWVea0EHs/BwLgxc+MKi1zLDCONksozI4YJMcTt8ZEuIR4Sb1MMTE8MMW49v0IwI5+b7RmfWlg==",
+      "dev": true,
+      "license": "MIT"
     },
-    "node_modules/@next/swc-win32-x64-msvc": {
-      "version": "16.1.6",
-      "resolved": "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-16.1.6.tgz",
-      "integrity": "sha512-NRfO39AIrzBnixKbjuo2YiYhB6o9d8v/ymU9m/Xk8cyVk+k7XylniXkHwjs4s70wedVffc6bQNbufk5v0xEm0A==",
-      "cpu": [
-        "x64"
-      ],
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "engines": {
-        "node": ">= 10"
-      }
+    "node_modules/@types/d3-polygon": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/@types/d3-polygon/-/d3-polygon-3.0.2.tgz",
+      "integrity": "sha512-ZuWOtMaHCkN9xoeEMr1ubW2nGWsp4nIql+OPQRstu4ypeZ+zk3YKqQT0CXVe/PYqrKpZAi+J9mTs05TKwjXSRA==",
+      "dev": true,
+      "license": "MIT"
     },
-    "node_modules/@nodelib/fs.scandir": {
-      "version": "2.1.5",
-      "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
-      "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==",
+    "node_modules/@types/d3-quadtree": {
+      "version": "3.0.6",
+      "resolved": "https://registry.npmjs.org/@types/d3-quadtree/-/d3-quadtree-3.0.6.tgz",
+      "integrity": "sha512-oUzyO1/Zm6rsxKRHA1vH0NEDG58HrT5icx/azi9MF1TWdtttWl0UIUsjEQBBh+SIkrpd21ZjEv7ptxWys1ncsg==",
       "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@nodelib/fs.stat": "2.0.5",
-        "run-parallel": "^1.1.9"
-      },
-      "engines": {
-        "node": ">= 8"
-      }
+      "license": "MIT"
     },
-    "node_modules/@nodelib/fs.stat": {
-      "version": "2.0.5",
-      "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz",
-      "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==",
+    "node_modules/@types/d3-random": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/@types/d3-random/-/d3-random-3.0.3.tgz",
+      "integrity": "sha512-Imagg1vJ3y76Y2ea0871wpabqp613+8/r0mCLEBfdtqC7xMSfj9idOnmBYyMoULfHePJyxMAw3nWhJxzc+LFwQ==",
       "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">= 8"
-      }
+      "license": "MIT"
     },
-    "node_modules/@nodelib/fs.walk": {
-      "version": "1.2.8",
-      "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz",
-      "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==",
+    "node_modules/@types/d3-scale": {
+      "version": "4.0.9",
+      "resolved": "https://registry.npmjs.org/@types/d3-scale/-/d3-scale-4.0.9.tgz",
+      "integrity": "sha512-dLmtwB8zkAeO/juAMfnV+sItKjlsw2lKdZVVy6LRr0cBmegxSABiLEpGVmSJJ8O08i4+sGR6qQtb6WtuwJdvVw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@nodelib/fs.scandir": "2.1.5",
-        "fastq": "^1.6.0"
-      },
-      "engines": {
-        "node": ">= 8"
+        "@types/d3-time": "*"
       }
     },
-    "node_modules/@nolyfill/is-core-module": {
-      "version": "1.0.39",
-      "resolved": "https://registry.npmjs.org/@nolyfill/is-core-module/-/is-core-module-1.0.39.tgz",
-      "integrity": "sha512-nn5ozdjYQpUCZlWGuxcJY/KpxkWQs4DcbMCmKojjyrYDEAGy4Ce19NN4v5MduafTwJlbKc99UA8YhSVqq9yPZA==",
+    "node_modules/@types/d3-scale-chromatic": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/@types/d3-scale-chromatic/-/d3-scale-chromatic-3.1.0.tgz",
+      "integrity": "sha512-iWMJgwkK7yTRmWqRB5plb1kadXyQ5Sj8V/zYlFGMUBbIPKQScw+Dku9cAAMgJG+z5GYDoMjWGLVOvjghDEFnKQ==",
       "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=12.4.0"
-      }
+      "license": "MIT"
     },
-    "node_modules/@pkgjs/parseargs": {
-      "version": "0.11.0",
-      "resolved": "https://registry.npmjs.org/@pkgjs/parseargs/-/parseargs-0.11.0.tgz",
-      "integrity": "sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==",
+    "node_modules/@types/d3-selection": {
+      "version": "3.0.11",
+      "resolved": "https://registry.npmjs.org/@types/d3-selection/-/d3-selection-3.0.11.tgz",
+      "integrity": "sha512-bhAXu23DJWsrI45xafYpkQ4NtcKMwWnAC/vKrd2l+nxMFuvOT3XMYTIj2opv8vq8AO5Yh7Qac/nSeP/3zjTK0w==",
       "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "engines": {
-        "node": ">=14"
-      }
+      "license": "MIT"
     },
-    "node_modules/@pkgr/core": {
-      "version": "0.2.9",
-      "resolved": "https://registry.npmjs.org/@pkgr/core/-/core-0.2.9.tgz",
-      "integrity": "sha512-QNqXyfVS2wm9hweSYD2O7F0G06uurj9kZ96TRQE5Y9hU7+tgdZwIkbAKc5Ocy1HxEY2kuDQa6cQ1WRs/O5LFKA==",
+    "node_modules/@types/d3-shape": {
+      "version": "3.1.8",
+      "resolved": "https://registry.npmjs.org/@types/d3-shape/-/d3-shape-3.1.8.tgz",
+      "integrity": "sha512-lae0iWfcDeR7qt7rA88BNiqdvPS5pFVPpo5OfjElwNaT2yyekbM0C9vK+yqBqEmHr6lDkRnYNoTBYlAgJa7a4w==",
       "dev": true,
       "license": "MIT",
-      "engines": {
-        "node": "^12.20.0 || ^14.18.0 || >=16.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/pkgr"
+      "dependencies": {
+        "@types/d3-path": "*"
       }
     },
-    "node_modules/@rtsao/scc": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@rtsao/scc/-/scc-1.1.0.tgz",
-      "integrity": "sha512-zt6OdqaDoOnJ1ZYsCYGt9YmWzDXl4vQdKTyJev62gFhRGKdx7mcT54V9KIjg+d2wi9EXsPvAPKe7i7WjfVWB8g==",
+    "node_modules/@types/d3-time": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/@types/d3-time/-/d3-time-3.0.4.tgz",
+      "integrity": "sha512-yuzZug1nkAAaBlBBikKZTgzCeA+k1uy4ZFwWANOfKw5z5LRhV0gNA7gNkKm7HoK+HRN0wX3EkxGk0fpbWhmB7g==",
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/@sinclair/typebox": {
-      "version": "0.34.48",
-      "resolved": "https://registry.npmjs.org/@sinclair/typebox/-/typebox-0.34.48.tgz",
-      "integrity": "sha512-kKJTNuK3AQOrgjjotVxMrCn1sUJwM76wMszfq1kdU4uYVJjvEWuFQ6HgvLt4Xz3fSmZlTOxJ/Ie13KnIcWQXFA==",
+    "node_modules/@types/d3-time-format": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/@types/d3-time-format/-/d3-time-format-4.0.3.tgz",
+      "integrity": "sha512-5xg9rC+wWL8kdDj153qZcsJ0FWiFt0J5RB6LYUNZjwSnesfblqrI/bJ1wBdJ8OQfncgbJG5+2F+qfqnqyzYxyg==",
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/@sinonjs/commons": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/@sinonjs/commons/-/commons-3.0.1.tgz",
-      "integrity": "sha512-K3mCHKQ9sVh8o1C9cxkwxaOmXoAMlDxC1mYyHrjqOWEcBjYr76t96zL2zlj5dUGZ3HSw240X1qgH3Mjf1yJWpQ==",
+    "node_modules/@types/d3-timer": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/@types/d3-timer/-/d3-timer-3.0.2.tgz",
+      "integrity": "sha512-Ps3T8E8dZDam6fUyNiMkekK3XUsaUEik+idO9/YjPtfj2qruF8tFBXS7XhtE4iIXBLxhmLjP3SXpLhVf21I9Lw==",
       "dev": true,
-      "license": "BSD-3-Clause",
-      "dependencies": {
-        "type-detect": "4.0.8"
-      }
+      "license": "MIT"
     },
-    "node_modules/@sinonjs/fake-timers": {
-      "version": "13.0.5",
-      "resolved": "https://registry.npmjs.org/@sinonjs/fake-timers/-/fake-timers-13.0.5.tgz",
-      "integrity": "sha512-36/hTbH2uaWuGVERyC6da9YwGWnzUZXuPro/F2LfsdOsLnCojz/iSH8MxUt/FD2S5XBSVPhmArFUXcpCQ2Hkiw==",
+    "node_modules/@types/d3-transition": {
+      "version": "3.0.9",
+      "resolved": "https://registry.npmjs.org/@types/d3-transition/-/d3-transition-3.0.9.tgz",
+      "integrity": "sha512-uZS5shfxzO3rGlu0cC3bjmMFKsXv+SmZZcgp0KD22ts4uGXp5EVYGzu/0YdwZeKmddhcAccYtREJKkPfXkZuCg==",
       "dev": true,
-      "license": "BSD-3-Clause",
+      "license": "MIT",
       "dependencies": {
-        "@sinonjs/commons": "^3.0.1"
+        "@types/d3-selection": "*"
       }
     },
-    "node_modules/@supabase/auth-js": {
-      "version": "2.99.3",
-      "resolved": "https://registry.npmjs.org/@supabase/auth-js/-/auth-js-2.99.3.tgz",
-      "integrity": "sha512-vMEVLA1kGGYd/kdsJSwtjiFUZM1nGfrz2DWmgMBZtocV48qL+L2+4QpIkueXyBEumMQZFEyhz57i/5zGHjvdBw==",
+    "node_modules/@types/d3-zoom": {
+      "version": "3.0.8",
+      "resolved": "https://registry.npmjs.org/@types/d3-zoom/-/d3-zoom-3.0.8.tgz",
+      "integrity": "sha512-iqMC4/YlFCSlO8+2Ii1GGGliCAY4XdeG748w5vQUbevlbDu0zSjH/+jojorQVBK/se0j6DUFNPBGSqD3YWYnDw==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "tslib": "2.8.1"
-      },
-      "engines": {
-        "node": ">=20.0.0"
+        "@types/d3-interpolate": "*",
+        "@types/d3-selection": "*"
       }
     },
-    "node_modules/@supabase/functions-js": {
-      "version": "2.99.3",
-      "resolved": "https://registry.npmjs.org/@supabase/functions-js/-/functions-js-2.99.3.tgz",
-      "integrity": "sha512-6tk2zrcBkzKaaBXPOG5nshn30uJNFGOH9LxOnE8i850eQmsX+jVm7vql9kTPyvUzEHwU4zdjSOkXS9M+9ukMVA==",
+    "node_modules/@types/debug": {
+      "version": "4.1.13",
+      "resolved": "https://registry.npmjs.org/@types/debug/-/debug-4.1.13.tgz",
+      "integrity": "sha512-KSVgmQmzMwPlmtljOomayoR89W4FynCAi3E8PPs7vmDVPe84hT+vGPKkJfThkmXs0x0jAaa9U8uW8bbfyS2fWw==",
       "license": "MIT",
       "dependencies": {
-        "tslib": "2.8.1"
-      },
-      "engines": {
-        "node": ">=20.0.0"
+        "@types/ms": "*"
       }
     },
-    "node_modules/@supabase/postgrest-js": {
-      "version": "2.99.3",
-      "resolved": "https://registry.npmjs.org/@supabase/postgrest-js/-/postgrest-js-2.99.3.tgz",
-      "integrity": "sha512-8HxEf+zNycj7Z8+ONhhlu+7J7Ha+L6weyCtdEeK2mN5OWJbh6n4LPU4iuJ5UlCvvNnbSXMoutY7piITEEAgl2g==",
+    "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==",
+      "license": "MIT"
+    },
+    "node_modules/@types/estree-jsx": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/@types/estree-jsx/-/estree-jsx-1.0.5.tgz",
+      "integrity": "sha512-52CcUVNFyfb1A2ALocQw/Dd1BQFNmSdkuC3BkZ6iqhdMfQz7JWOFRuJFloOzjk+6WijU56m9oKXFAXc7o3Towg==",
       "license": "MIT",
       "dependencies": {
-        "tslib": "2.8.1"
-      },
-      "engines": {
-        "node": ">=20.0.0"
+        "@types/estree": "*"
       }
     },
-    "node_modules/@supabase/realtime-js": {
-      "version": "2.99.3",
-      "resolved": "https://registry.npmjs.org/@supabase/realtime-js/-/realtime-js-2.99.3.tgz",
-      "integrity": "sha512-c1azgZ2nZPczbY5k5u5iFrk1InpxN81IvNE+UBAkjrBz3yc5ALLJNkeTQwbJZT4PZBuYXEzqYGLMuh9fdTtTMg==",
+    "node_modules/@types/geojson": {
+      "version": "7946.0.16",
+      "resolved": "https://registry.npmjs.org/@types/geojson/-/geojson-7946.0.16.tgz",
+      "integrity": "sha512-6C8nqWur3j98U6+lXDfTUWIfgvZU+EumvpHKcYjujKH7woYyLj2sUmff0tRhrqM7BohUw7Pz3ZB1jj2gW9Fvmg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/hast": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/@types/hast/-/hast-3.0.4.tgz",
+      "integrity": "sha512-WPs+bbQw5aCj+x6laNGWLH3wviHtoCv/P3+otBhbOhJgG8qtpdAMlTCxLtsTWA7LH1Oh/bFCHsBn0TPS5m30EQ==",
       "license": "MIT",
       "dependencies": {
-        "@types/phoenix": "^1.6.6",
-        "@types/ws": "^8.18.1",
-        "tslib": "2.8.1",
-        "ws": "^8.18.2"
-      },
-      "engines": {
-        "node": ">=20.0.0"
+        "@types/unist": "*"
       }
     },
-    "node_modules/@supabase/storage-js": {
-      "version": "2.99.3",
-      "resolved": "https://registry.npmjs.org/@supabase/storage-js/-/storage-js-2.99.3.tgz",
-      "integrity": "sha512-lOfIm4hInNcd8x0i1LWphnLKxec42wwbjs+vhaVAvR801Vda0UAMbTooUY6gfqgQb8v29GofqKuQMMTAsl6w/w==",
+    "node_modules/@types/json-schema": {
+      "version": "7.0.15",
+      "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.15.tgz",
+      "integrity": "sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/json5": {
+      "version": "0.0.29",
+      "resolved": "https://registry.npmjs.org/@types/json5/-/json5-0.0.29.tgz",
+      "integrity": "sha512-dRLjCWHYg4oaA77cxO64oO+7JwCwnIzkZPdrrC71jQmQtlhM556pwKo5bUzqvZndkVbeFLIIi+9TC40JNF5hNQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/katex": {
+      "version": "0.16.8",
+      "resolved": "https://registry.npmjs.org/@types/katex/-/katex-0.16.8.tgz",
+      "integrity": "sha512-trgaNyfU+Xh2Tc+ABIb44a5AYUpicB3uwirOioeOkNPPbmgRNtcWyDeeFRzjPZENO9Vq8gvVqfhaaXWLlevVwg==",
+      "license": "MIT"
+    },
+    "node_modules/@types/mdast": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/@types/mdast/-/mdast-4.0.4.tgz",
+      "integrity": "sha512-kGaNbPh1k7AFzgpud/gMdvIm5xuECykRR+JnWKQno9TAXVa6WIVCGTPvYGekIDL4uwCZQSYbUxNBSb1aUo79oA==",
       "license": "MIT",
       "dependencies": {
-        "iceberg-js": "^0.8.1",
-        "tslib": "2.8.1"
-      },
-      "engines": {
-        "node": ">=20.0.0"
+        "@types/unist": "*"
       }
     },
-    "node_modules/@supabase/supabase-js": {
-      "version": "2.99.3",
-      "resolved": "https://registry.npmjs.org/@supabase/supabase-js/-/supabase-js-2.99.3.tgz",
-      "integrity": "sha512-GuPbzoEaI51AkLw9VGhLNvnzw4PHbS3p8j2/JlvLeZNQMKwZw4aEYQIDBRtFwL5Nv7/275n9m4DHtakY8nCvgg==",
+    "node_modules/@types/ms": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/@types/ms/-/ms-2.1.0.tgz",
+      "integrity": "sha512-GsCCIZDE/p3i96vtEqx+7dBUGXrc7zeSK3wwPHIaRThS+9OhWIXRqzs4d6k1SVU8g91DrNRWxWUGhp5KXQb2VA==",
+      "license": "MIT"
+    },
+    "node_modules/@types/node": {
+      "version": "20.19.39",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.19.39.tgz",
+      "integrity": "sha512-orrrD74MBUyK8jOAD/r0+lfa1I2MO6I+vAkmAWzMYbCcgrN4lCrmK52gRFQq/JRxfYPfonkr4b0jcY7Olqdqbw==",
       "license": "MIT",
       "dependencies": {
-        "@supabase/auth-js": "2.99.3",
-        "@supabase/functions-js": "2.99.3",
-        "@supabase/postgrest-js": "2.99.3",
-        "@supabase/realtime-js": "2.99.3",
-        "@supabase/storage-js": "2.99.3"
-      },
-      "engines": {
-        "node": ">=20.0.0"
+        "undici-types": "~6.21.0"
       }
     },
-    "node_modules/@swc/helpers": {
-      "version": "0.5.15",
-      "resolved": "https://registry.npmjs.org/@swc/helpers/-/helpers-0.5.15.tgz",
-      "integrity": "sha512-JQ5TuMi45Owi4/BIMAJBoSQoOJu12oOk/gADqlcUL9JEdHB8vyjUSsxqeNXnmXHjYKMi2WcYtezGEEhqUI/E2g==",
-      "license": "Apache-2.0",
+    "node_modules/@types/react": {
+      "version": "19.2.14",
+      "resolved": "https://registry.npmjs.org/@types/react/-/react-19.2.14.tgz",
+      "integrity": "sha512-ilcTH/UniCkMdtexkoCN0bI7pMcJDvmQFPvuPvmEaYA/NSfFTAgdUSLAoVjaRJm7+6PvcM+q1zYOwS4wTYMF9w==",
+      "license": "MIT",
       "dependencies": {
-        "tslib": "^2.8.0"
+        "csstype": "^3.2.2"
       }
     },
-    "node_modules/@tailwindcss/node": {
-      "version": "4.2.0",
-      "resolved": "https://registry.npmjs.org/@tailwindcss/node/-/node-4.2.0.tgz",
-      "integrity": "sha512-Yv+fn/o2OmL5fh/Ir62VXItdShnUxfpkMA4Y7jdeC8O81WPB8Kf6TT6GSHvnqgSwDzlB5iT7kDpeXxLsUS0T6Q==",
+    "node_modules/@types/react-dom": {
+      "version": "19.2.3",
+      "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-19.2.3.tgz",
+      "integrity": "sha512-jp2L/eY6fn+KgVVQAOqYItbF0VY/YApe5Mz2F0aykSO8gx31bYCZyvSeYxCHKvzHG5eZjc+zyaS5BrBWya2+kQ==",
       "dev": true,
       "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "^19.2.0"
+      }
+    },
+    "node_modules/@types/unist": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/@types/unist/-/unist-3.0.3.tgz",
+      "integrity": "sha512-ko/gIFJRv177XgZsZcBwnqJN5x/Gien8qNOn0D5bQU/zAzVf9Zt3BlcUiLqhV9y4ARk0GbT3tnUiPNgnTXzc/Q==",
+      "license": "MIT"
+    },
+    "node_modules/@types/ws": {
+      "version": "8.18.1",
+      "resolved": "https://registry.npmjs.org/@types/ws/-/ws-8.18.1.tgz",
+      "integrity": "sha512-ThVF6DCVhA8kUGy+aazFQ4kXQ7E1Ty7A3ypFOe0IcJV8O/M511G99AW24irKrW56Wt44yG9+ij8FaqoBGkuBXg==",
+      "license": "MIT",
       "dependencies": {
-        "@jridgewell/remapping": "^2.3.5",
-        "enhanced-resolve": "^5.19.0",
-        "jiti": "^2.6.1",
-        "lightningcss": "1.31.1",
-        "magic-string": "^0.30.21",
-        "source-map-js": "^1.2.1",
-        "tailwindcss": "4.2.0"
+        "@types/node": "*"
       }
     },
-    "node_modules/@tailwindcss/oxide": {
-      "version": "4.2.0",
-      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide/-/oxide-4.2.0.tgz",
-      "integrity": "sha512-AZqQzADaj742oqn2xjl5JbIOzZB/DGCYF/7bpvhA8KvjUj9HJkag6bBuwZvH1ps6dfgxNHyuJVlzSr2VpMgdTQ==",
+    "node_modules/@typescript-eslint/eslint-plugin": {
+      "version": "8.58.2",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-8.58.2.tgz",
+      "integrity": "sha512-aC2qc5thQahutKjP+cl8cgN9DWe3ZUqVko30CMSZHnFEHyhOYoZSzkGtAI2mcwZ38xeImDucI4dnqsHiOYuuCw==",
       "dev": true,
       "license": "MIT",
-      "engines": {
-        "node": ">= 20"
+      "dependencies": {
+        "@eslint-community/regexpp": "^4.12.2",
+        "@typescript-eslint/scope-manager": "8.58.2",
+        "@typescript-eslint/type-utils": "8.58.2",
+        "@typescript-eslint/utils": "8.58.2",
+        "@typescript-eslint/visitor-keys": "8.58.2",
+        "ignore": "^7.0.5",
+        "natural-compare": "^1.4.0",
+        "ts-api-utils": "^2.5.0"
       },
-      "optionalDependencies": {
-        "@tailwindcss/oxide-android-arm64": "4.2.0",
-        "@tailwindcss/oxide-darwin-arm64": "4.2.0",
-        "@tailwindcss/oxide-darwin-x64": "4.2.0",
-        "@tailwindcss/oxide-freebsd-x64": "4.2.0",
-        "@tailwindcss/oxide-linux-arm-gnueabihf": "4.2.0",
-        "@tailwindcss/oxide-linux-arm64-gnu": "4.2.0",
-        "@tailwindcss/oxide-linux-arm64-musl": "4.2.0",
-        "@tailwindcss/oxide-linux-x64-gnu": "4.2.0",
-        "@tailwindcss/oxide-linux-x64-musl": "4.2.0",
-        "@tailwindcss/oxide-wasm32-wasi": "4.2.0",
-        "@tailwindcss/oxide-win32-arm64-msvc": "4.2.0",
-        "@tailwindcss/oxide-win32-x64-msvc": "4.2.0"
-      }
-    },
-    "node_modules/@tailwindcss/oxide-android-arm64": {
-      "version": "4.2.0",
-      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-android-arm64/-/oxide-android-arm64-4.2.0.tgz",
-      "integrity": "sha512-F0QkHAVaW/JNBWl4CEKWdZ9PMb0khw5DCELAOnu+RtjAfx5Zgw+gqCHFvqg3AirU1IAd181fwOtJQ5I8Yx5wtw==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "android"
-      ],
       "engines": {
-        "node": ">= 20"
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "@typescript-eslint/parser": "^8.58.2",
+        "eslint": "^8.57.0 || ^9.0.0 || ^10.0.0",
+        "typescript": ">=4.8.4 <6.1.0"
       }
     },
-    "node_modules/@tailwindcss/oxide-darwin-arm64": {
-      "version": "4.2.0",
-      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-darwin-arm64/-/oxide-darwin-arm64-4.2.0.tgz",
-      "integrity": "sha512-I0QylkXsBsJMZ4nkUNSR04p6+UptjcwhcVo3Zu828ikiEqHjVmQL9RuQ6uT/cVIiKpvtVA25msu/eRV97JeNSA==",
-      "cpu": [
-        "arm64"
-      ],
+    "node_modules/@typescript-eslint/eslint-plugin/node_modules/ignore": {
+      "version": "7.0.5",
+      "resolved": "https://registry.npmjs.org/ignore/-/ignore-7.0.5.tgz",
+      "integrity": "sha512-Hs59xBNfUIunMFgWAbGX5cq6893IbWg4KnrjbYwX3tx0ztorVgTDA6B2sxf8ejHJ4wz8BqGUMYlnzNBer5NvGg==",
       "dev": true,
       "license": "MIT",
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
       "engines": {
-        "node": ">= 20"
+        "node": ">= 4"
       }
     },
-    "node_modules/@tailwindcss/oxide-darwin-x64": {
-      "version": "4.2.0",
-      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-darwin-x64/-/oxide-darwin-x64-4.2.0.tgz",
-      "integrity": "sha512-6TmQIn4p09PBrmnkvbYQ0wbZhLtbaksCDx7Y7R3FYYx0yxNA7xg5KP7dowmQ3d2JVdabIHvs3Hx4K3d5uCf8xg==",
-      "cpu": [
-        "x64"
-      ],
+    "node_modules/@typescript-eslint/parser": {
+      "version": "8.58.2",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-8.58.2.tgz",
+      "integrity": "sha512-/Zb/xaIDfxeJnvishjGdcR4jmr7S+bda8PKNhRGdljDM+elXhlvN0FyPSsMnLmJUrVG9aPO6dof80wjMawsASg==",
       "dev": true,
       "license": "MIT",
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
+      "dependencies": {
+        "@typescript-eslint/scope-manager": "8.58.2",
+        "@typescript-eslint/types": "8.58.2",
+        "@typescript-eslint/typescript-estree": "8.58.2",
+        "@typescript-eslint/visitor-keys": "8.58.2",
+        "debug": "^4.4.3"
+      },
       "engines": {
-        "node": ">= 20"
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^8.57.0 || ^9.0.0 || ^10.0.0",
+        "typescript": ">=4.8.4 <6.1.0"
       }
     },
-    "node_modules/@tailwindcss/oxide-freebsd-x64": {
-      "version": "4.2.0",
-      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-freebsd-x64/-/oxide-freebsd-x64-4.2.0.tgz",
-      "integrity": "sha512-qBudxDvAa2QwGlq9y7VIzhTvp2mLJ6nD/G8/tI70DCDoneaUeLWBJaPcbfzqRIWraj+o969aDQKvKW9dvkUizw==",
-      "cpu": [
-        "x64"
-      ],
+    "node_modules/@typescript-eslint/project-service": {
+      "version": "8.58.2",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/project-service/-/project-service-8.58.2.tgz",
+      "integrity": "sha512-Cq6UfpZZk15+r87BkIh5rDpi38W4b+Sjnb8wQCPPDDweS/LRCFjCyViEbzHk5Ck3f2QDfgmlxqSa7S7clDtlfg==",
       "dev": true,
       "license": "MIT",
-      "optional": true,
-      "os": [
-        "freebsd"
-      ],
+      "dependencies": {
+        "@typescript-eslint/tsconfig-utils": "^8.58.2",
+        "@typescript-eslint/types": "^8.58.2",
+        "debug": "^4.4.3"
+      },
       "engines": {
-        "node": ">= 20"
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "typescript": ">=4.8.4 <6.1.0"
       }
     },
-    "node_modules/@tailwindcss/oxide-linux-arm-gnueabihf": {
-      "version": "4.2.0",
-      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm-gnueabihf/-/oxide-linux-arm-gnueabihf-4.2.0.tgz",
-      "integrity": "sha512-7XKkitpy5NIjFZNUQPeUyNJNJn1CJeV7rmMR+exHfTuOsg8rxIO9eNV5TSEnqRcaOK77zQpsyUkBWmPy8FgdSg==",
-      "cpu": [
-        "arm"
-      ],
+    "node_modules/@typescript-eslint/scope-manager": {
+      "version": "8.58.2",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-8.58.2.tgz",
+      "integrity": "sha512-SgmyvDPexWETQek+qzZnrG6844IaO02UVyOLhI4wpo82dpZJY9+6YZCKAMFzXb7qhx37mFK1QcPQ18tud+vo6Q==",
       "dev": true,
       "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
+      "dependencies": {
+        "@typescript-eslint/types": "8.58.2",
+        "@typescript-eslint/visitor-keys": "8.58.2"
+      },
       "engines": {
-        "node": ">= 20"
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
       }
     },
-    "node_modules/@tailwindcss/oxide-linux-arm64-gnu": {
-      "version": "4.2.0",
-      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm64-gnu/-/oxide-linux-arm64-gnu-4.2.0.tgz",
-      "integrity": "sha512-Mff5a5Q3WoQR01pGU1gr29hHM1N93xYrKkGXfPw/aRtK4bOc331Ho4Tgfsm5WDGvpevqMpdlkCojT3qlCQbCpA==",
-      "cpu": [
-        "arm64"
-      ],
+    "node_modules/@typescript-eslint/tsconfig-utils": {
+      "version": "8.58.2",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/tsconfig-utils/-/tsconfig-utils-8.58.2.tgz",
+      "integrity": "sha512-3SR+RukipDvkkKp/d0jP0dyzuls3DbGmwDpVEc5wqk5f38KFThakqAAO0XMirWAE+kT00oTauTbzMFGPoAzB0A==",
       "dev": true,
       "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
       "engines": {
-        "node": ">= 20"
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "typescript": ">=4.8.4 <6.1.0"
       }
     },
-    "node_modules/@tailwindcss/oxide-linux-arm64-musl": {
-      "version": "4.2.0",
-      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm64-musl/-/oxide-linux-arm64-musl-4.2.0.tgz",
-      "integrity": "sha512-XKcSStleEVnbH6W/9DHzZv1YhjE4eSS6zOu2eRtYAIh7aV4o3vIBs+t/B15xlqoxt6ef/0uiqJVB6hkHjWD/0A==",
-      "cpu": [
-        "arm64"
-      ],
+    "node_modules/@typescript-eslint/type-utils": {
+      "version": "8.58.2",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-8.58.2.tgz",
+      "integrity": "sha512-Z7EloNR/B389FvabdGeTo2XMs4W9TjtPiO9DAsmT0yom0bwlPyRjkJ1uCdW1DvrrrYP50AJZ9Xc3sByZA9+dcg==",
       "dev": true,
       "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
+      "dependencies": {
+        "@typescript-eslint/types": "8.58.2",
+        "@typescript-eslint/typescript-estree": "8.58.2",
+        "@typescript-eslint/utils": "8.58.2",
+        "debug": "^4.4.3",
+        "ts-api-utils": "^2.5.0"
+      },
       "engines": {
-        "node": ">= 20"
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^8.57.0 || ^9.0.0 || ^10.0.0",
+        "typescript": ">=4.8.4 <6.1.0"
       }
     },
-    "node_modules/@tailwindcss/oxide-linux-x64-gnu": {
-      "version": "4.2.0",
-      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-x64-gnu/-/oxide-linux-x64-gnu-4.2.0.tgz",
-      "integrity": "sha512-/hlXCBqn9K6fi7eAM0RsobHwJYa5V/xzWspVTzxnX+Ft9v6n+30Pz8+RxCn7sQL/vRHHLS30iQPrHQunu6/vJA==",
-      "cpu": [
-        "x64"
-      ],
+    "node_modules/@typescript-eslint/types": {
+      "version": "8.58.2",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.58.2.tgz",
+      "integrity": "sha512-9TukXyATBQf/Jq9AMQXfvurk+G5R2MwfqQGDR2GzGz28HvY/lXNKGhkY+6IOubwcquikWk5cjlgPvD2uAA7htQ==",
       "dev": true,
       "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
       "engines": {
-        "node": ">= 20"
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
       }
     },
-    "node_modules/@tailwindcss/oxide-linux-x64-musl": {
-      "version": "4.2.0",
-      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-x64-musl/-/oxide-linux-x64-musl-4.2.0.tgz",
-      "integrity": "sha512-lKUaygq4G7sWkhQbfdRRBkaq4LY39IriqBQ+Gk6l5nKq6Ay2M2ZZb1tlIyRNgZKS8cbErTwuYSor0IIULC0SHw==",
-      "cpu": [
-        "x64"
-      ],
+    "node_modules/@typescript-eslint/typescript-estree": {
+      "version": "8.58.2",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-8.58.2.tgz",
+      "integrity": "sha512-ELGuoofuhhoCvNbQjFFiobFcGgcDCEm0ThWdmO4Z0UzLqPXS3KFvnEZ+SHewwOYHjM09tkzOWXNTv9u6Gqtyuw==",
       "dev": true,
       "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">= 20"
-      }
-    },
-    "node_modules/@tailwindcss/oxide-wasm32-wasi": {
-      "version": "4.2.0",
-      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-wasm32-wasi/-/oxide-wasm32-wasi-4.2.0.tgz",
-      "integrity": "sha512-xuDjhAsFdUuFP5W9Ze4k/o4AskUtI8bcAGU4puTYprr89QaYFmhYOPfP+d1pH+k9ets6RoE23BXZM1X1jJqoyw==",
-      "bundleDependencies": [
-        "@napi-rs/wasm-runtime",
-        "@emnapi/core",
-        "@emnapi/runtime",
-        "@tybys/wasm-util",
-        "@emnapi/wasi-threads",
-        "tslib"
-      ],
-      "cpu": [
-        "wasm32"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
       "dependencies": {
-        "@emnapi/core": "^1.8.1",
-        "@emnapi/runtime": "^1.8.1",
-        "@emnapi/wasi-threads": "^1.1.0",
-        "@napi-rs/wasm-runtime": "^1.1.1",
-        "@tybys/wasm-util": "^0.10.1",
-        "tslib": "^2.8.1"
+        "@typescript-eslint/project-service": "8.58.2",
+        "@typescript-eslint/tsconfig-utils": "8.58.2",
+        "@typescript-eslint/types": "8.58.2",
+        "@typescript-eslint/visitor-keys": "8.58.2",
+        "debug": "^4.4.3",
+        "minimatch": "^10.2.2",
+        "semver": "^7.7.3",
+        "tinyglobby": "^0.2.15",
+        "ts-api-utils": "^2.5.0"
       },
       "engines": {
-        "node": ">=14.0.0"
-      }
-    },
-    "node_modules/@tailwindcss/oxide-win32-arm64-msvc": {
-      "version": "4.2.0",
-      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-win32-arm64-msvc/-/oxide-win32-arm64-msvc-4.2.0.tgz",
-      "integrity": "sha512-2UU/15y1sWDEDNJXxEIrfWKC2Yb4YgIW5Xz2fKFqGzFWfoMHWFlfa1EJlGO2Xzjkq/tvSarh9ZTjvbxqWvLLXA==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "engines": {
-        "node": ">= 20"
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "typescript": ">=4.8.4 <6.1.0"
       }
     },
-    "node_modules/@tailwindcss/oxide-win32-x64-msvc": {
-      "version": "4.2.0",
-      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-win32-x64-msvc/-/oxide-win32-x64-msvc-4.2.0.tgz",
-      "integrity": "sha512-CrFadmFoc+z76EV6LPG1jx6XceDsaCG3lFhyLNo/bV9ByPrE+FnBPckXQVP4XRkN76h3Fjt/a+5Er/oA/nCBvQ==",
-      "cpu": [
-        "x64"
-      ],
+    "node_modules/@typescript-eslint/typescript-estree/node_modules/balanced-match": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-4.0.4.tgz",
+      "integrity": "sha512-BLrgEcRTwX2o6gGxGOCNyMvGSp35YofuYzw9h1IMTRmKqttAZZVU67bdb9Pr2vUHA8+j3i2tJfjO6C6+4myGTA==",
       "dev": true,
       "license": "MIT",
-      "optional": true,
-      "os": [
-        "win32"
-      ],
       "engines": {
-        "node": ">= 20"
+        "node": "18 || 20 || >=22"
       }
     },
-    "node_modules/@tailwindcss/postcss": {
-      "version": "4.2.0",
-      "resolved": "https://registry.npmjs.org/@tailwindcss/postcss/-/postcss-4.2.0.tgz",
-      "integrity": "sha512-u6YBacGpOm/ixPfKqfgrJEjMfrYmPD7gEFRoygS/hnQaRtV0VCBdpkx5Ouw9pnaLRwwlgGCuJw8xLpaR0hOrQg==",
+    "node_modules/@typescript-eslint/typescript-estree/node_modules/brace-expansion": {
+      "version": "5.0.5",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-5.0.5.tgz",
+      "integrity": "sha512-VZznLgtwhn+Mact9tfiwx64fA9erHH/MCXEUfB/0bX/6Fz6ny5EGTXYltMocqg4xFAQZtnO3DHWWXi8RiuN7cQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@alloc/quick-lru": "^5.2.0",
-        "@tailwindcss/node": "4.2.0",
-        "@tailwindcss/oxide": "4.2.0",
-        "postcss": "^8.5.6",
-        "tailwindcss": "4.2.0"
+        "balanced-match": "^4.0.2"
+      },
+      "engines": {
+        "node": "18 || 20 || >=22"
       }
     },
-    "node_modules/@testing-library/dom": {
-      "version": "10.4.1",
-      "resolved": "https://registry.npmjs.org/@testing-library/dom/-/dom-10.4.1.tgz",
-      "integrity": "sha512-o4PXJQidqJl82ckFaXUeoAW+XysPLauYI43Abki5hABd853iMhitooc6znOnczgbTYmEP6U6/y1ZyKAIsvMKGg==",
+    "node_modules/@typescript-eslint/typescript-estree/node_modules/minimatch": {
+      "version": "10.2.5",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-10.2.5.tgz",
+      "integrity": "sha512-MULkVLfKGYDFYejP07QOurDLLQpcjk7Fw+7jXS2R2czRQzR56yHRveU5NDJEOviH+hETZKSkIk5c+T23GjFUMg==",
       "dev": true,
-      "license": "MIT",
-      "peer": true,
+      "license": "BlueOak-1.0.0",
       "dependencies": {
-        "@babel/code-frame": "^7.10.4",
-        "@babel/runtime": "^7.12.5",
-        "@types/aria-query": "^5.0.1",
-        "aria-query": "5.3.0",
-        "dom-accessibility-api": "^0.5.9",
-        "lz-string": "^1.5.0",
-        "picocolors": "1.1.1",
-        "pretty-format": "^27.0.2"
+        "brace-expansion": "^5.0.5"
       },
       "engines": {
-        "node": ">=18"
+        "node": "18 || 20 || >=22"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
       }
     },
-    "node_modules/@testing-library/dom/node_modules/aria-query": {
-      "version": "5.3.0",
-      "resolved": "https://registry.npmjs.org/aria-query/-/aria-query-5.3.0.tgz",
-      "integrity": "sha512-b0P0sZPKtyu8HkeRAfCq0IfURZK+SuwMjY1UXGBU27wpAiTwQAIlq56IbIO+ytk/JjS1fMR14ee5WBBfKi5J6A==",
+    "node_modules/@typescript-eslint/typescript-estree/node_modules/semver": {
+      "version": "7.7.4",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.4.tgz",
+      "integrity": "sha512-vFKC2IEtQnVhpT78h1Yp8wzwrf8CM+MzKMHGJZfBtzhZNycRFnXsHk6E5TxIkkMsgNS7mdX3AGB7x2QM2di4lA==",
       "dev": true,
-      "license": "Apache-2.0",
-      "peer": true,
-      "dependencies": {
-        "dequal": "^2.0.3"
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
       }
     },
-    "node_modules/@testing-library/jest-dom": {
-      "version": "6.9.1",
-      "resolved": "https://registry.npmjs.org/@testing-library/jest-dom/-/jest-dom-6.9.1.tgz",
-      "integrity": "sha512-zIcONa+hVtVSSep9UT3jZ5rizo2BsxgyDYU7WFD5eICBE7no3881HGeb/QkGfsJs6JTkY1aQhT7rIPC7e+0nnA==",
+    "node_modules/@typescript-eslint/utils": {
+      "version": "8.58.2",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-8.58.2.tgz",
+      "integrity": "sha512-QZfjHNEzPY8+l0+fIXMvuQ2sJlplB4zgDZvA+NmvZsZv3EQwOcc1DuIU1VJUTWZ/RKouBMhDyNaBMx4sWvrzRA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@adobe/css-tools": "^4.4.0",
-        "aria-query": "^5.0.0",
-        "css.escape": "^1.5.1",
-        "dom-accessibility-api": "^0.6.3",
-        "picocolors": "^1.1.1",
-        "redent": "^3.0.0"
+        "@eslint-community/eslint-utils": "^4.9.1",
+        "@typescript-eslint/scope-manager": "8.58.2",
+        "@typescript-eslint/types": "8.58.2",
+        "@typescript-eslint/typescript-estree": "8.58.2"
       },
       "engines": {
-        "node": ">=14",
-        "npm": ">=6",
-        "yarn": ">=1"
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^8.57.0 || ^9.0.0 || ^10.0.0",
+        "typescript": ">=4.8.4 <6.1.0"
       }
     },
-    "node_modules/@testing-library/jest-dom/node_modules/dom-accessibility-api": {
-      "version": "0.6.3",
-      "resolved": "https://registry.npmjs.org/dom-accessibility-api/-/dom-accessibility-api-0.6.3.tgz",
-      "integrity": "sha512-7ZgogeTnjuHbo+ct10G9Ffp0mif17idi0IyWNVA/wcwcm7NPOD/WEHVP3n7n3MhXqxoIYm8d6MuZohYWIZ4T3w==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/@testing-library/react": {
-      "version": "16.3.2",
-      "resolved": "https://registry.npmjs.org/@testing-library/react/-/react-16.3.2.tgz",
-      "integrity": "sha512-XU5/SytQM+ykqMnAnvB2umaJNIOsLF3PVv//1Ew4CTcpz0/BRyy/af40qqrt7SjKpDdT1saBMc42CUok5gaw+g==",
+    "node_modules/@typescript-eslint/visitor-keys": {
+      "version": "8.58.2",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-8.58.2.tgz",
+      "integrity": "sha512-f1WO2Lx8a9t8DARmcWAUPJbu0G20bJlj8L4z72K00TMeJAoyLr/tHhI/pzYBLrR4dXWkcxO1cWYZEOX8DKHTqA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/runtime": "^7.12.5"
+        "@typescript-eslint/types": "8.58.2",
+        "eslint-visitor-keys": "^5.0.0"
       },
       "engines": {
-        "node": ">=18"
-      },
-      "peerDependencies": {
-        "@testing-library/dom": "^10.0.0",
-        "@types/react": "^18.0.0 || ^19.0.0",
-        "@types/react-dom": "^18.0.0 || ^19.0.0",
-        "react": "^18.0.0 || ^19.0.0",
-        "react-dom": "^18.0.0 || ^19.0.0"
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
       },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
       }
     },
-    "node_modules/@testing-library/user-event": {
-      "version": "14.6.1",
-      "resolved": "https://registry.npmjs.org/@testing-library/user-event/-/user-event-14.6.1.tgz",
-      "integrity": "sha512-vq7fv0rnt+QTXgPxr5Hjc210p6YKq2kmdziLgnsZGgLJ9e6VAShx1pACLuRjd/AS/sr7phAR58OIIpf0LlmQNw==",
+    "node_modules/@typescript-eslint/visitor-keys/node_modules/eslint-visitor-keys": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-5.0.1.tgz",
+      "integrity": "sha512-tD40eHxA35h0PEIZNeIjkHoDR4YjjJp34biM0mDvplBe//mB+IHCqHDGV7pxF+7MklTvighcCPPZC7ynWyjdTA==",
       "dev": true,
-      "license": "MIT",
+      "license": "Apache-2.0",
       "engines": {
-        "node": ">=12",
-        "npm": ">=6"
+        "node": "^20.19.0 || ^22.13.0 || >=24"
       },
-      "peerDependencies": {
-        "@testing-library/dom": ">=7.21.4"
+      "funding": {
+        "url": "https://opencollective.com/eslint"
       }
     },
-    "node_modules/@tybys/wasm-util": {
-      "version": "0.10.1",
-      "resolved": "https://registry.npmjs.org/@tybys/wasm-util/-/wasm-util-0.10.1.tgz",
-      "integrity": "sha512-9tTaPJLSiejZKx+Bmog4uSubteqTvFrVrURwkmHixBo0G4seD0zUxp98E1DzUBJxLQ3NPwXrGKDiVjwx/DpPsg==",
+    "node_modules/@ungap/structured-clone": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/@ungap/structured-clone/-/structured-clone-1.3.0.tgz",
+      "integrity": "sha512-WmoN8qaIAo7WTYWbAZuG8PYEhn5fkz7dZrqTBZ7dtt//lL2Gwms1IcnQ5yHqjDfX8Ft5j4YzDM23f87zBfDe9g==",
+      "license": "ISC"
+    },
+    "node_modules/@unrs/resolver-binding-android-arm-eabi": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-android-arm-eabi/-/resolver-binding-android-arm-eabi-1.11.1.tgz",
+      "integrity": "sha512-ppLRUgHVaGRWUx0R0Ut06Mjo9gBaBkg3v/8AxusGLhsIotbBLuRk51rAzqLC8gq6NyyAojEXglNjzf6R948DNw==",
+      "cpu": [
+        "arm"
+      ],
       "dev": true,
       "license": "MIT",
       "optional": true,
-      "dependencies": {
-        "tslib": "^2.4.0"
-      }
+      "os": [
+        "android"
+      ]
     },
-    "node_modules/@types/aria-query": {
-      "version": "5.0.4",
-      "resolved": "https://registry.npmjs.org/@types/aria-query/-/aria-query-5.0.4.tgz",
-      "integrity": "sha512-rfT93uj5s0PRL7EzccGMs3brplhcrghnDoV26NqKhCAS1hVo+WdNsPvE/yb6ilfr5hi2MEk6d5EWJTKdxg8jVw==",
+    "node_modules/@unrs/resolver-binding-android-arm64": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-android-arm64/-/resolver-binding-android-arm64-1.11.1.tgz",
+      "integrity": "sha512-lCxkVtb4wp1v+EoN+HjIG9cIIzPkX5OtM03pQYkG+U5O/wL53LC4QbIeazgiKqluGeVEeBlZahHalCaBvU1a2g==",
+      "cpu": [
+        "arm64"
+      ],
       "dev": true,
       "license": "MIT",
-      "peer": true
+      "optional": true,
+      "os": [
+        "android"
+      ]
     },
-    "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==",
+    "node_modules/@unrs/resolver-binding-darwin-arm64": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-darwin-arm64/-/resolver-binding-darwin-arm64-1.11.1.tgz",
+      "integrity": "sha512-gPVA1UjRu1Y/IsB/dQEsp2V1pm44Of6+LWvbLc9SDk1c2KhhDRDBUkQCYVWe6f26uJb3fOK8saWMgtX8IrMk3g==",
+      "cpu": [
+        "arm64"
+      ],
       "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "@babel/parser": "^7.20.7",
-        "@babel/types": "^7.20.7",
-        "@types/babel__generator": "*",
-        "@types/babel__template": "*",
-        "@types/babel__traverse": "*"
-      }
+      "optional": true,
+      "os": [
+        "darwin"
+      ]
     },
-    "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==",
+    "node_modules/@unrs/resolver-binding-darwin-x64": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-darwin-x64/-/resolver-binding-darwin-x64-1.11.1.tgz",
+      "integrity": "sha512-cFzP7rWKd3lZaCsDze07QX1SC24lO8mPty9vdP+YVa3MGdVgPmFc59317b2ioXtgCMKGiCLxJ4HQs62oz6GfRQ==",
+      "cpu": [
+        "x64"
+      ],
       "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "@babel/types": "^7.0.0"
-      }
+      "optional": true,
+      "os": [
+        "darwin"
+      ]
     },
-    "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==",
+    "node_modules/@unrs/resolver-binding-freebsd-x64": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-freebsd-x64/-/resolver-binding-freebsd-x64-1.11.1.tgz",
+      "integrity": "sha512-fqtGgak3zX4DCB6PFpsH5+Kmt/8CIi4Bry4rb1ho6Av2QHTREM+47y282Uqiu3ZRF5IQioJQ5qWRV6jduA+iGw==",
+      "cpu": [
+        "x64"
+      ],
       "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "@babel/parser": "^7.1.0",
-        "@babel/types": "^7.0.0"
-      }
+      "optional": true,
+      "os": [
+        "freebsd"
+      ]
     },
-    "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==",
+    "node_modules/@unrs/resolver-binding-linux-arm-gnueabihf": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-arm-gnueabihf/-/resolver-binding-linux-arm-gnueabihf-1.11.1.tgz",
+      "integrity": "sha512-u92mvlcYtp9MRKmP+ZvMmtPN34+/3lMHlyMj7wXJDeXxuM0Vgzz0+PPJNsro1m3IZPYChIkn944wW8TYgGKFHw==",
+      "cpu": [
+        "arm"
+      ],
       "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "@babel/types": "^7.28.2"
-      }
+      "optional": true,
+      "os": [
+        "linux"
+      ]
     },
-    "node_modules/@types/d3": {
-      "version": "7.4.3",
-      "resolved": "https://registry.npmjs.org/@types/d3/-/d3-7.4.3.tgz",
-      "integrity": "sha512-lZXZ9ckh5R8uiFVt8ogUNf+pIrK4EsWrx2Np75WvF/eTpJ0FMHNhjXk8CKEx/+gpHbNQyJWehbFaTvqmHWB3ww==",
+    "node_modules/@unrs/resolver-binding-linux-arm-musleabihf": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-arm-musleabihf/-/resolver-binding-linux-arm-musleabihf-1.11.1.tgz",
+      "integrity": "sha512-cINaoY2z7LVCrfHkIcmvj7osTOtm6VVT16b5oQdS4beibX2SYBwgYLmqhBjA1t51CarSaBuX5YNsWLjsqfW5Cw==",
+      "cpu": [
+        "arm"
+      ],
       "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "@types/d3-array": "*",
-        "@types/d3-axis": "*",
-        "@types/d3-brush": "*",
-        "@types/d3-chord": "*",
-        "@types/d3-color": "*",
-        "@types/d3-contour": "*",
-        "@types/d3-delaunay": "*",
-        "@types/d3-dispatch": "*",
-        "@types/d3-drag": "*",
-        "@types/d3-dsv": "*",
-        "@types/d3-ease": "*",
-        "@types/d3-fetch": "*",
-        "@types/d3-force": "*",
-        "@types/d3-format": "*",
-        "@types/d3-geo": "*",
-        "@types/d3-hierarchy": "*",
-        "@types/d3-interpolate": "*",
-        "@types/d3-path": "*",
-        "@types/d3-polygon": "*",
-        "@types/d3-quadtree": "*",
-        "@types/d3-random": "*",
-        "@types/d3-scale": "*",
-        "@types/d3-scale-chromatic": "*",
-        "@types/d3-selection": "*",
-        "@types/d3-shape": "*",
-        "@types/d3-time": "*",
-        "@types/d3-time-format": "*",
-        "@types/d3-timer": "*",
-        "@types/d3-transition": "*",
-        "@types/d3-zoom": "*"
-      }
-    },
-    "node_modules/@types/d3-array": {
-      "version": "3.2.2",
-      "resolved": "https://registry.npmjs.org/@types/d3-array/-/d3-array-3.2.2.tgz",
-      "integrity": "sha512-hOLWVbm7uRza0BYXpIIW5pxfrKe0W+D5lrFiAEYR+pb6w3N2SwSMaJbXdUfSEv+dT4MfHBLtn5js0LAWaO6otw==",
-      "dev": true,
-      "license": "MIT"
+      "optional": true,
+      "os": [
+        "linux"
+      ]
     },
-    "node_modules/@types/d3-axis": {
-      "version": "3.0.6",
-      "resolved": "https://registry.npmjs.org/@types/d3-axis/-/d3-axis-3.0.6.tgz",
-      "integrity": "sha512-pYeijfZuBd87T0hGn0FO1vQ/cgLk6E1ALJjfkC0oJ8cbwkZl3TpgS8bVBLZN+2jjGgg38epgxb2zmoGtSfvgMw==",
+    "node_modules/@unrs/resolver-binding-linux-arm64-gnu": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-arm64-gnu/-/resolver-binding-linux-arm64-gnu-1.11.1.tgz",
+      "integrity": "sha512-34gw7PjDGB9JgePJEmhEqBhWvCiiWCuXsL9hYphDF7crW7UgI05gyBAi6MF58uGcMOiOqSJ2ybEeCvHcq0BCmQ==",
+      "cpu": [
+        "arm64"
+      ],
       "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "@types/d3-selection": "*"
-      }
-    },
-    "node_modules/@types/d3-brush": {
-      "version": "3.0.6",
-      "resolved": "https://registry.npmjs.org/@types/d3-brush/-/d3-brush-3.0.6.tgz",
-      "integrity": "sha512-nH60IZNNxEcrh6L1ZSMNA28rj27ut/2ZmI3r96Zd+1jrZD++zD3LsMIjWlvg4AYrHn/Pqz4CF3veCxGjtbqt7A==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@types/d3-selection": "*"
-      }
-    },
-    "node_modules/@types/d3-chord": {
-      "version": "3.0.6",
-      "resolved": "https://registry.npmjs.org/@types/d3-chord/-/d3-chord-3.0.6.tgz",
-      "integrity": "sha512-LFYWWd8nwfwEmTZG9PfQxd17HbNPksHBiJHaKuY1XeqscXacsS2tyoo6OdRsjf+NQYeB6XrNL3a25E3gH69lcg==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/@types/d3-color": {
-      "version": "3.1.3",
-      "resolved": "https://registry.npmjs.org/@types/d3-color/-/d3-color-3.1.3.tgz",
-      "integrity": "sha512-iO90scth9WAbmgv7ogoq57O9YpKmFBbmoEoCHDB2xMBY0+/KVrqAaCDyCE16dUspeOvIxFFRI+0sEtqDqy2b4A==",
-      "dev": true,
-      "license": "MIT"
+      "optional": true,
+      "os": [
+        "linux"
+      ]
     },
-    "node_modules/@types/d3-contour": {
-      "version": "3.0.6",
-      "resolved": "https://registry.npmjs.org/@types/d3-contour/-/d3-contour-3.0.6.tgz",
-      "integrity": "sha512-BjzLgXGnCWjUSYGfH1cpdo41/hgdWETu4YxpezoztawmqsvCeep+8QGfiY6YbDvfgHz/DkjeIkkZVJavB4a3rg==",
+    "node_modules/@unrs/resolver-binding-linux-arm64-musl": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-arm64-musl/-/resolver-binding-linux-arm64-musl-1.11.1.tgz",
+      "integrity": "sha512-RyMIx6Uf53hhOtJDIamSbTskA99sPHS96wxVE/bJtePJJtpdKGXO1wY90oRdXuYOGOTuqjT8ACccMc4K6QmT3w==",
+      "cpu": [
+        "arm64"
+      ],
       "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "@types/d3-array": "*",
-        "@types/geojson": "*"
-      }
-    },
-    "node_modules/@types/d3-delaunay": {
-      "version": "6.0.4",
-      "resolved": "https://registry.npmjs.org/@types/d3-delaunay/-/d3-delaunay-6.0.4.tgz",
-      "integrity": "sha512-ZMaSKu4THYCU6sV64Lhg6qjf1orxBthaC161plr5KuPHo3CNm8DTHiLw/5Eq2b6TsNP0W0iJrUOFscY6Q450Hw==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/@types/d3-dispatch": {
-      "version": "3.0.7",
-      "resolved": "https://registry.npmjs.org/@types/d3-dispatch/-/d3-dispatch-3.0.7.tgz",
-      "integrity": "sha512-5o9OIAdKkhN1QItV2oqaE5KMIiXAvDWBDPrD85e58Qlz1c1kI/J0NcqbEG88CoTwJrYe7ntUCVfeUl2UJKbWgA==",
-      "dev": true,
-      "license": "MIT"
+      "optional": true,
+      "os": [
+        "linux"
+      ]
     },
-    "node_modules/@types/d3-drag": {
-      "version": "3.0.7",
-      "resolved": "https://registry.npmjs.org/@types/d3-drag/-/d3-drag-3.0.7.tgz",
-      "integrity": "sha512-HE3jVKlzU9AaMazNufooRJ5ZpWmLIoc90A37WU2JMmeq28w1FQqCZswHZ3xR+SuxYftzHq6WU6KJHvqxKzTxxQ==",
+    "node_modules/@unrs/resolver-binding-linux-ppc64-gnu": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-ppc64-gnu/-/resolver-binding-linux-ppc64-gnu-1.11.1.tgz",
+      "integrity": "sha512-D8Vae74A4/a+mZH0FbOkFJL9DSK2R6TFPC9M+jCWYia/q2einCubX10pecpDiTmkJVUH+y8K3BZClycD8nCShA==",
+      "cpu": [
+        "ppc64"
+      ],
       "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "@types/d3-selection": "*"
-      }
-    },
-    "node_modules/@types/d3-dsv": {
-      "version": "3.0.7",
-      "resolved": "https://registry.npmjs.org/@types/d3-dsv/-/d3-dsv-3.0.7.tgz",
-      "integrity": "sha512-n6QBF9/+XASqcKK6waudgL0pf/S5XHPPI8APyMLLUHd8NqouBGLsU8MgtO7NINGtPBtk9Kko/W4ea0oAspwh9g==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/@types/d3-ease": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/@types/d3-ease/-/d3-ease-3.0.2.tgz",
-      "integrity": "sha512-NcV1JjO5oDzoK26oMzbILE6HW7uVXOHLQvHshBUW4UMdZGfiY6v5BeQwh9a9tCzv+CeefZQHJt5SRgK154RtiA==",
-      "dev": true,
-      "license": "MIT"
+      "optional": true,
+      "os": [
+        "linux"
+      ]
     },
-    "node_modules/@types/d3-fetch": {
-      "version": "3.0.7",
-      "resolved": "https://registry.npmjs.org/@types/d3-fetch/-/d3-fetch-3.0.7.tgz",
-      "integrity": "sha512-fTAfNmxSb9SOWNB9IoG5c8Hg6R+AzUHDRlsXsDZsNp6sxAEOP0tkP3gKkNSO/qmHPoBFTxNrjDprVHDQDvo5aA==",
+    "node_modules/@unrs/resolver-binding-linux-riscv64-gnu": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-riscv64-gnu/-/resolver-binding-linux-riscv64-gnu-1.11.1.tgz",
+      "integrity": "sha512-frxL4OrzOWVVsOc96+V3aqTIQl1O2TjgExV4EKgRY09AJ9leZpEg8Ak9phadbuX0BA4k8U5qtvMSQQGGmaJqcQ==",
+      "cpu": [
+        "riscv64"
+      ],
       "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "@types/d3-dsv": "*"
-      }
+      "optional": true,
+      "os": [
+        "linux"
+      ]
     },
-    "node_modules/@types/d3-force": {
-      "version": "3.0.10",
-      "resolved": "https://registry.npmjs.org/@types/d3-force/-/d3-force-3.0.10.tgz",
-      "integrity": "sha512-ZYeSaCF3p73RdOKcjj+swRlZfnYpK1EbaDiYICEEp5Q6sUiqFaFQ9qgoshp5CzIyyb/yD09kD9o2zEltCexlgw==",
+    "node_modules/@unrs/resolver-binding-linux-riscv64-musl": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-riscv64-musl/-/resolver-binding-linux-riscv64-musl-1.11.1.tgz",
+      "integrity": "sha512-mJ5vuDaIZ+l/acv01sHoXfpnyrNKOk/3aDoEdLO/Xtn9HuZlDD6jKxHlkN8ZhWyLJsRBxfv9GYM2utQ1SChKew==",
+      "cpu": [
+        "riscv64"
+      ],
       "dev": true,
-      "license": "MIT"
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
     },
-    "node_modules/@types/d3-format": {
-      "version": "3.0.4",
-      "resolved": "https://registry.npmjs.org/@types/d3-format/-/d3-format-3.0.4.tgz",
-      "integrity": "sha512-fALi2aI6shfg7vM5KiR1wNJnZ7r6UuggVqtDA+xiEdPZQwy/trcQaHnwShLuLdta2rTymCNpxYTiMZX/e09F4g==",
+    "node_modules/@unrs/resolver-binding-linux-s390x-gnu": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-s390x-gnu/-/resolver-binding-linux-s390x-gnu-1.11.1.tgz",
+      "integrity": "sha512-kELo8ebBVtb9sA7rMe1Cph4QHreByhaZ2QEADd9NzIQsYNQpt9UkM9iqr2lhGr5afh885d/cB5QeTXSbZHTYPg==",
+      "cpu": [
+        "s390x"
+      ],
       "dev": true,
-      "license": "MIT"
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
     },
-    "node_modules/@types/d3-geo": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/@types/d3-geo/-/d3-geo-3.1.0.tgz",
-      "integrity": "sha512-856sckF0oP/diXtS4jNsiQw/UuK5fQG8l/a9VVLeSouf1/PPbBE1i1W852zVwKwYCBkFJJB7nCFTbk6UMEXBOQ==",
+    "node_modules/@unrs/resolver-binding-linux-x64-gnu": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-x64-gnu/-/resolver-binding-linux-x64-gnu-1.11.1.tgz",
+      "integrity": "sha512-C3ZAHugKgovV5YvAMsxhq0gtXuwESUKc5MhEtjBpLoHPLYM+iuwSj3lflFwK3DPm68660rZ7G8BMcwSro7hD5w==",
+      "cpu": [
+        "x64"
+      ],
       "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "@types/geojson": "*"
-      }
+      "optional": true,
+      "os": [
+        "linux"
+      ]
     },
-    "node_modules/@types/d3-hierarchy": {
-      "version": "3.1.7",
-      "resolved": "https://registry.npmjs.org/@types/d3-hierarchy/-/d3-hierarchy-3.1.7.tgz",
-      "integrity": "sha512-tJFtNoYBtRtkNysX1Xq4sxtjK8YgoWUNpIiUee0/jHGRwqvzYxkq0hGVbbOGSz+JgFxxRu4K8nb3YpG3CMARtg==",
+    "node_modules/@unrs/resolver-binding-linux-x64-musl": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-x64-musl/-/resolver-binding-linux-x64-musl-1.11.1.tgz",
+      "integrity": "sha512-rV0YSoyhK2nZ4vEswT/QwqzqQXw5I6CjoaYMOX0TqBlWhojUf8P94mvI7nuJTeaCkkds3QE4+zS8Ko+GdXuZtA==",
+      "cpu": [
+        "x64"
+      ],
       "dev": true,
-      "license": "MIT"
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
     },
-    "node_modules/@types/d3-interpolate": {
-      "version": "3.0.4",
-      "resolved": "https://registry.npmjs.org/@types/d3-interpolate/-/d3-interpolate-3.0.4.tgz",
-      "integrity": "sha512-mgLPETlrpVV1YRJIglr4Ez47g7Yxjl1lj7YKsiMCb27VJH9W8NVM6Bb9d8kkpG/uAQS5AmbA48q2IAolKKo1MA==",
+    "node_modules/@unrs/resolver-binding-wasm32-wasi": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-wasm32-wasi/-/resolver-binding-wasm32-wasi-1.11.1.tgz",
+      "integrity": "sha512-5u4RkfxJm+Ng7IWgkzi3qrFOvLvQYnPBmjmZQ8+szTK/b31fQCnleNl1GgEt7nIsZRIf5PLhPwT0WM+q45x/UQ==",
+      "cpu": [
+        "wasm32"
+      ],
       "dev": true,
       "license": "MIT",
+      "optional": true,
       "dependencies": {
-        "@types/d3-color": "*"
+        "@napi-rs/wasm-runtime": "^0.2.11"
+      },
+      "engines": {
+        "node": ">=14.0.0"
       }
     },
-    "node_modules/@types/d3-path": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/@types/d3-path/-/d3-path-3.1.1.tgz",
-      "integrity": "sha512-VMZBYyQvbGmWyWVea0EHs/BwLgxc+MKi1zLDCONksozI4YJMcTt8ZEuIR4Sb1MMTE8MMW49v0IwI5+b7RmfWlg==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/@types/d3-polygon": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/@types/d3-polygon/-/d3-polygon-3.0.2.tgz",
-      "integrity": "sha512-ZuWOtMaHCkN9xoeEMr1ubW2nGWsp4nIql+OPQRstu4ypeZ+zk3YKqQT0CXVe/PYqrKpZAi+J9mTs05TKwjXSRA==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/@types/d3-quadtree": {
-      "version": "3.0.6",
-      "resolved": "https://registry.npmjs.org/@types/d3-quadtree/-/d3-quadtree-3.0.6.tgz",
-      "integrity": "sha512-oUzyO1/Zm6rsxKRHA1vH0NEDG58HrT5icx/azi9MF1TWdtttWl0UIUsjEQBBh+SIkrpd21ZjEv7ptxWys1ncsg==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/@types/d3-random": {
-      "version": "3.0.3",
-      "resolved": "https://registry.npmjs.org/@types/d3-random/-/d3-random-3.0.3.tgz",
-      "integrity": "sha512-Imagg1vJ3y76Y2ea0871wpabqp613+8/r0mCLEBfdtqC7xMSfj9idOnmBYyMoULfHePJyxMAw3nWhJxzc+LFwQ==",
+    "node_modules/@unrs/resolver-binding-win32-arm64-msvc": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-win32-arm64-msvc/-/resolver-binding-win32-arm64-msvc-1.11.1.tgz",
+      "integrity": "sha512-nRcz5Il4ln0kMhfL8S3hLkxI85BXs3o8EYoattsJNdsX4YUU89iOkVn7g0VHSRxFuVMdM4Q1jEpIId1Ihim/Uw==",
+      "cpu": [
+        "arm64"
+      ],
       "dev": true,
-      "license": "MIT"
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
     },
-    "node_modules/@types/d3-scale": {
-      "version": "4.0.9",
-      "resolved": "https://registry.npmjs.org/@types/d3-scale/-/d3-scale-4.0.9.tgz",
-      "integrity": "sha512-dLmtwB8zkAeO/juAMfnV+sItKjlsw2lKdZVVy6LRr0cBmegxSABiLEpGVmSJJ8O08i4+sGR6qQtb6WtuwJdvVw==",
+    "node_modules/@unrs/resolver-binding-win32-ia32-msvc": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-win32-ia32-msvc/-/resolver-binding-win32-ia32-msvc-1.11.1.tgz",
+      "integrity": "sha512-DCEI6t5i1NmAZp6pFonpD5m7i6aFrpofcp4LA2i8IIq60Jyo28hamKBxNrZcyOwVOZkgsRp9O2sXWBWP8MnvIQ==",
+      "cpu": [
+        "ia32"
+      ],
       "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "@types/d3-time": "*"
-      }
+      "optional": true,
+      "os": [
+        "win32"
+      ]
     },
-    "node_modules/@types/d3-scale-chromatic": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/@types/d3-scale-chromatic/-/d3-scale-chromatic-3.1.0.tgz",
-      "integrity": "sha512-iWMJgwkK7yTRmWqRB5plb1kadXyQ5Sj8V/zYlFGMUBbIPKQScw+Dku9cAAMgJG+z5GYDoMjWGLVOvjghDEFnKQ==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/@types/d3-selection": {
-      "version": "3.0.11",
-      "resolved": "https://registry.npmjs.org/@types/d3-selection/-/d3-selection-3.0.11.tgz",
-      "integrity": "sha512-bhAXu23DJWsrI45xafYpkQ4NtcKMwWnAC/vKrd2l+nxMFuvOT3XMYTIj2opv8vq8AO5Yh7Qac/nSeP/3zjTK0w==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/@types/d3-shape": {
-      "version": "3.1.8",
-      "resolved": "https://registry.npmjs.org/@types/d3-shape/-/d3-shape-3.1.8.tgz",
-      "integrity": "sha512-lae0iWfcDeR7qt7rA88BNiqdvPS5pFVPpo5OfjElwNaT2yyekbM0C9vK+yqBqEmHr6lDkRnYNoTBYlAgJa7a4w==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@types/d3-path": "*"
-      }
-    },
-    "node_modules/@types/d3-time": {
-      "version": "3.0.4",
-      "resolved": "https://registry.npmjs.org/@types/d3-time/-/d3-time-3.0.4.tgz",
-      "integrity": "sha512-yuzZug1nkAAaBlBBikKZTgzCeA+k1uy4ZFwWANOfKw5z5LRhV0gNA7gNkKm7HoK+HRN0wX3EkxGk0fpbWhmB7g==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/@types/d3-time-format": {
-      "version": "4.0.3",
-      "resolved": "https://registry.npmjs.org/@types/d3-time-format/-/d3-time-format-4.0.3.tgz",
-      "integrity": "sha512-5xg9rC+wWL8kdDj153qZcsJ0FWiFt0J5RB6LYUNZjwSnesfblqrI/bJ1wBdJ8OQfncgbJG5+2F+qfqnqyzYxyg==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/@types/d3-timer": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/@types/d3-timer/-/d3-timer-3.0.2.tgz",
-      "integrity": "sha512-Ps3T8E8dZDam6fUyNiMkekK3XUsaUEik+idO9/YjPtfj2qruF8tFBXS7XhtE4iIXBLxhmLjP3SXpLhVf21I9Lw==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/@types/d3-transition": {
-      "version": "3.0.9",
-      "resolved": "https://registry.npmjs.org/@types/d3-transition/-/d3-transition-3.0.9.tgz",
-      "integrity": "sha512-uZS5shfxzO3rGlu0cC3bjmMFKsXv+SmZZcgp0KD22ts4uGXp5EVYGzu/0YdwZeKmddhcAccYtREJKkPfXkZuCg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@types/d3-selection": "*"
-      }
-    },
-    "node_modules/@types/d3-zoom": {
-      "version": "3.0.8",
-      "resolved": "https://registry.npmjs.org/@types/d3-zoom/-/d3-zoom-3.0.8.tgz",
-      "integrity": "sha512-iqMC4/YlFCSlO8+2Ii1GGGliCAY4XdeG748w5vQUbevlbDu0zSjH/+jojorQVBK/se0j6DUFNPBGSqD3YWYnDw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@types/d3-interpolate": "*",
-        "@types/d3-selection": "*"
-      }
-    },
-    "node_modules/@types/debug": {
-      "version": "4.1.12",
-      "resolved": "https://registry.npmjs.org/@types/debug/-/debug-4.1.12.tgz",
-      "integrity": "sha512-vIChWdVG3LG1SMxEvI/AK+FWJthlrqlTu7fbrlywTkkaONwk/UAGaULXRlf8vkzFBLVm0zkMdCquhL5aOjhXPQ==",
-      "license": "MIT",
-      "dependencies": {
-        "@types/ms": "*"
-      }
-    },
-    "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==",
-      "license": "MIT"
-    },
-    "node_modules/@types/estree-jsx": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/@types/estree-jsx/-/estree-jsx-1.0.5.tgz",
-      "integrity": "sha512-52CcUVNFyfb1A2ALocQw/Dd1BQFNmSdkuC3BkZ6iqhdMfQz7JWOFRuJFloOzjk+6WijU56m9oKXFAXc7o3Towg==",
-      "license": "MIT",
-      "dependencies": {
-        "@types/estree": "*"
-      }
-    },
-    "node_modules/@types/geojson": {
-      "version": "7946.0.16",
-      "resolved": "https://registry.npmjs.org/@types/geojson/-/geojson-7946.0.16.tgz",
-      "integrity": "sha512-6C8nqWur3j98U6+lXDfTUWIfgvZU+EumvpHKcYjujKH7woYyLj2sUmff0tRhrqM7BohUw7Pz3ZB1jj2gW9Fvmg==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/@types/hast": {
-      "version": "3.0.4",
-      "resolved": "https://registry.npmjs.org/@types/hast/-/hast-3.0.4.tgz",
-      "integrity": "sha512-WPs+bbQw5aCj+x6laNGWLH3wviHtoCv/P3+otBhbOhJgG8qtpdAMlTCxLtsTWA7LH1Oh/bFCHsBn0TPS5m30EQ==",
-      "license": "MIT",
-      "dependencies": {
-        "@types/unist": "*"
-      }
-    },
-    "node_modules/@types/istanbul-lib-coverage": {
-      "version": "2.0.6",
-      "resolved": "https://registry.npmjs.org/@types/istanbul-lib-coverage/-/istanbul-lib-coverage-2.0.6.tgz",
-      "integrity": "sha512-2QF/t/auWm0lsy8XtKVPG19v3sSOQlJe/YHZgfjb/KBBHOGSV+J2q/S671rcq9uTBrLAXmZpqJiaQbMT+zNU1w==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/@types/istanbul-lib-report": {
-      "version": "3.0.3",
-      "resolved": "https://registry.npmjs.org/@types/istanbul-lib-report/-/istanbul-lib-report-3.0.3.tgz",
-      "integrity": "sha512-NQn7AHQnk/RSLOxrBbGyJM/aVQ+pjj5HCgasFxc0K/KhoATfQ/47AyUl15I2yBUpihjmas+a+VJBOqecrFH+uA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@types/istanbul-lib-coverage": "*"
-      }
-    },
-    "node_modules/@types/istanbul-reports": {
-      "version": "3.0.4",
-      "resolved": "https://registry.npmjs.org/@types/istanbul-reports/-/istanbul-reports-3.0.4.tgz",
-      "integrity": "sha512-pk2B1NWalF9toCRu6gjBzR69syFjP4Od8WRAX+0mmf9lAjCRicLOWc+ZrxZHx/0XRjotgkF9t6iaMJ+aXcOdZQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@types/istanbul-lib-report": "*"
-      }
-    },
-    "node_modules/@types/jest": {
-      "version": "30.0.0",
-      "resolved": "https://registry.npmjs.org/@types/jest/-/jest-30.0.0.tgz",
-      "integrity": "sha512-XTYugzhuwqWjws0CVz8QpM36+T+Dz5mTEBKhNs/esGLnCIlGdRy+Dq78NRjd7ls7r8BC8ZRMOrKlkO1hU0JOwA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "expect": "^30.0.0",
-        "pretty-format": "^30.0.0"
-      }
-    },
-    "node_modules/@types/jest/node_modules/ansi-styles": {
-      "version": "5.2.0",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
-      "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
-      }
-    },
-    "node_modules/@types/jest/node_modules/pretty-format": {
-      "version": "30.2.0",
-      "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-30.2.0.tgz",
-      "integrity": "sha512-9uBdv/B4EefsuAL+pWqueZyZS2Ba+LxfFeQ9DN14HU4bN8bhaxKdkpjpB6fs9+pSjIBu+FXQHImEg8j/Lw0+vA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@jest/schemas": "30.0.5",
-        "ansi-styles": "^5.2.0",
-        "react-is": "^18.3.1"
-      },
-      "engines": {
-        "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
-      }
-    },
-    "node_modules/@types/jest/node_modules/react-is": {
-      "version": "18.3.1",
-      "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.3.1.tgz",
-      "integrity": "sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/@types/jsdom": {
-      "version": "21.1.7",
-      "resolved": "https://registry.npmjs.org/@types/jsdom/-/jsdom-21.1.7.tgz",
-      "integrity": "sha512-yOriVnggzrnQ3a9OKOCxaVuSug3w3/SbOj5i7VwXWZEyUNl3bLF9V3MfxGbZKuwqJOQyRfqXyROBB1CoZLFWzA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@types/node": "*",
-        "@types/tough-cookie": "*",
-        "parse5": "^7.0.0"
-      }
-    },
-    "node_modules/@types/json-schema": {
-      "version": "7.0.15",
-      "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.15.tgz",
-      "integrity": "sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/@types/json5": {
-      "version": "0.0.29",
-      "resolved": "https://registry.npmjs.org/@types/json5/-/json5-0.0.29.tgz",
-      "integrity": "sha512-dRLjCWHYg4oaA77cxO64oO+7JwCwnIzkZPdrrC71jQmQtlhM556pwKo5bUzqvZndkVbeFLIIi+9TC40JNF5hNQ==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/@types/katex": {
-      "version": "0.16.8",
-      "resolved": "https://registry.npmjs.org/@types/katex/-/katex-0.16.8.tgz",
-      "integrity": "sha512-trgaNyfU+Xh2Tc+ABIb44a5AYUpicB3uwirOioeOkNPPbmgRNtcWyDeeFRzjPZENO9Vq8gvVqfhaaXWLlevVwg==",
-      "license": "MIT"
-    },
-    "node_modules/@types/mdast": {
-      "version": "4.0.4",
-      "resolved": "https://registry.npmjs.org/@types/mdast/-/mdast-4.0.4.tgz",
-      "integrity": "sha512-kGaNbPh1k7AFzgpud/gMdvIm5xuECykRR+JnWKQno9TAXVa6WIVCGTPvYGekIDL4uwCZQSYbUxNBSb1aUo79oA==",
-      "license": "MIT",
-      "dependencies": {
-        "@types/unist": "*"
-      }
-    },
-    "node_modules/@types/ms": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/@types/ms/-/ms-2.1.0.tgz",
-      "integrity": "sha512-GsCCIZDE/p3i96vtEqx+7dBUGXrc7zeSK3wwPHIaRThS+9OhWIXRqzs4d6k1SVU8g91DrNRWxWUGhp5KXQb2VA==",
-      "license": "MIT"
-    },
-    "node_modules/@types/node": {
-      "version": "20.19.33",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.19.33.tgz",
-      "integrity": "sha512-Rs1bVAIdBs5gbTIKza/tgpMuG1k3U/UMJLWecIMxNdJFDMzcM5LOiLVRYh3PilWEYDIeUDv7bpiHPLPsbydGcw==",
-      "license": "MIT",
-      "dependencies": {
-        "undici-types": "~6.21.0"
-      }
-    },
-    "node_modules/@types/phoenix": {
-      "version": "1.6.7",
-      "resolved": "https://registry.npmjs.org/@types/phoenix/-/phoenix-1.6.7.tgz",
-      "integrity": "sha512-oN9ive//QSBkf19rfDv45M7eZPi0eEXylht2OLEXicu5b4KoQ1OzXIw+xDSGWxSxe1JmepRR/ZH283vsu518/Q==",
-      "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",
-      "dependencies": {
-        "csstype": "^3.2.2"
-      }
-    },
-    "node_modules/@types/react-dom": {
-      "version": "19.2.3",
-      "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-19.2.3.tgz",
-      "integrity": "sha512-jp2L/eY6fn+KgVVQAOqYItbF0VY/YApe5Mz2F0aykSO8gx31bYCZyvSeYxCHKvzHG5eZjc+zyaS5BrBWya2+kQ==",
-      "dev": true,
-      "license": "MIT",
-      "peerDependencies": {
-        "@types/react": "^19.2.0"
-      }
-    },
-    "node_modules/@types/stack-utils": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/@types/stack-utils/-/stack-utils-2.0.3.tgz",
-      "integrity": "sha512-9aEbYZ3TbYMznPdcdr3SmIrLXwC/AKZXQeCf9Pgao5CKb8CyHuEX5jzWPTkvregvhRJHcpRO6BFoGW9ycaOkYw==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/@types/tough-cookie": {
-      "version": "4.0.5",
-      "resolved": "https://registry.npmjs.org/@types/tough-cookie/-/tough-cookie-4.0.5.tgz",
-      "integrity": "sha512-/Ad8+nIOV7Rl++6f1BdKxFSMgmoqEoYbHRpPcx3JEfv8VRsQe9Z4mCXeJBzxs7mbHY/XOZZuXlRNfhpVPbs6ZA==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/@types/unist": {
-      "version": "3.0.3",
-      "resolved": "https://registry.npmjs.org/@types/unist/-/unist-3.0.3.tgz",
-      "integrity": "sha512-ko/gIFJRv177XgZsZcBwnqJN5x/Gien8qNOn0D5bQU/zAzVf9Zt3BlcUiLqhV9y4ARk0GbT3tnUiPNgnTXzc/Q==",
-      "license": "MIT"
-    },
-    "node_modules/@types/ws": {
-      "version": "8.18.1",
-      "resolved": "https://registry.npmjs.org/@types/ws/-/ws-8.18.1.tgz",
-      "integrity": "sha512-ThVF6DCVhA8kUGy+aazFQ4kXQ7E1Ty7A3ypFOe0IcJV8O/M511G99AW24irKrW56Wt44yG9+ij8FaqoBGkuBXg==",
-      "license": "MIT",
-      "dependencies": {
-        "@types/node": "*"
-      }
-    },
-    "node_modules/@types/yargs": {
-      "version": "17.0.35",
-      "resolved": "https://registry.npmjs.org/@types/yargs/-/yargs-17.0.35.tgz",
-      "integrity": "sha512-qUHkeCyQFxMXg79wQfTtfndEC+N9ZZg76HJftDJp+qH2tV7Gj4OJi7l+PiWwJ+pWtW8GwSmqsDj/oymhrTWXjg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@types/yargs-parser": "*"
-      }
-    },
-    "node_modules/@types/yargs-parser": {
-      "version": "21.0.3",
-      "resolved": "https://registry.npmjs.org/@types/yargs-parser/-/yargs-parser-21.0.3.tgz",
-      "integrity": "sha512-I4q9QU9MQv4oEOz4tAHJtNz1cwuLxn2F3xcc2iV5WdqLPpUnj30aUuxt1mAxYTG+oe8CZMV/+6rU4S4gRDzqtQ==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/@typescript-eslint/eslint-plugin": {
-      "version": "8.56.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-8.56.0.tgz",
-      "integrity": "sha512-lRyPDLzNCuae71A3t9NEINBiTn7swyOhvUj3MyUOxb8x6g6vPEFoOU+ZRmGMusNC3X3YMhqMIX7i8ShqhT74Pw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@eslint-community/regexpp": "^4.12.2",
-        "@typescript-eslint/scope-manager": "8.56.0",
-        "@typescript-eslint/type-utils": "8.56.0",
-        "@typescript-eslint/utils": "8.56.0",
-        "@typescript-eslint/visitor-keys": "8.56.0",
-        "ignore": "^7.0.5",
-        "natural-compare": "^1.4.0",
-        "ts-api-utils": "^2.4.0"
-      },
-      "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      },
-      "peerDependencies": {
-        "@typescript-eslint/parser": "^8.56.0",
-        "eslint": "^8.57.0 || ^9.0.0 || ^10.0.0",
-        "typescript": ">=4.8.4 <6.0.0"
-      }
-    },
-    "node_modules/@typescript-eslint/eslint-plugin/node_modules/ignore": {
-      "version": "7.0.5",
-      "resolved": "https://registry.npmjs.org/ignore/-/ignore-7.0.5.tgz",
-      "integrity": "sha512-Hs59xBNfUIunMFgWAbGX5cq6893IbWg4KnrjbYwX3tx0ztorVgTDA6B2sxf8ejHJ4wz8BqGUMYlnzNBer5NvGg==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">= 4"
-      }
-    },
-    "node_modules/@typescript-eslint/parser": {
-      "version": "8.56.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-8.56.0.tgz",
-      "integrity": "sha512-IgSWvLobTDOjnaxAfDTIHaECbkNlAlKv2j5SjpB2v7QHKv1FIfjwMy8FsDbVfDX/KjmCmYICcw7uGaXLhtsLNg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@typescript-eslint/scope-manager": "8.56.0",
-        "@typescript-eslint/types": "8.56.0",
-        "@typescript-eslint/typescript-estree": "8.56.0",
-        "@typescript-eslint/visitor-keys": "8.56.0",
-        "debug": "^4.4.3"
-      },
-      "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      },
-      "peerDependencies": {
-        "eslint": "^8.57.0 || ^9.0.0 || ^10.0.0",
-        "typescript": ">=4.8.4 <6.0.0"
-      }
-    },
-    "node_modules/@typescript-eslint/project-service": {
-      "version": "8.56.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/project-service/-/project-service-8.56.0.tgz",
-      "integrity": "sha512-M3rnyL1vIQOMeWxTWIW096/TtVP+8W3p/XnaFflhmcFp+U4zlxUxWj4XwNs6HbDeTtN4yun0GNTTDBw/SvufKg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@typescript-eslint/tsconfig-utils": "^8.56.0",
-        "@typescript-eslint/types": "^8.56.0",
-        "debug": "^4.4.3"
-      },
-      "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      },
-      "peerDependencies": {
-        "typescript": ">=4.8.4 <6.0.0"
-      }
-    },
-    "node_modules/@typescript-eslint/scope-manager": {
-      "version": "8.56.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-8.56.0.tgz",
-      "integrity": "sha512-7UiO/XwMHquH+ZzfVCfUNkIXlp/yQjjnlYUyYz7pfvlK3/EyyN6BK+emDmGNyQLBtLGaYrTAI6KOw8tFucWL2w==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@typescript-eslint/types": "8.56.0",
-        "@typescript-eslint/visitor-keys": "8.56.0"
-      },
-      "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      }
-    },
-    "node_modules/@typescript-eslint/tsconfig-utils": {
-      "version": "8.56.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/tsconfig-utils/-/tsconfig-utils-8.56.0.tgz",
-      "integrity": "sha512-bSJoIIt4o3lKXD3xmDh9chZcjCz5Lk8xS7Rxn+6l5/pKrDpkCwtQNQQwZ2qRPk7TkUYhrq3WPIHXOXlbXP0itg==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      },
-      "peerDependencies": {
-        "typescript": ">=4.8.4 <6.0.0"
-      }
-    },
-    "node_modules/@typescript-eslint/type-utils": {
-      "version": "8.56.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-8.56.0.tgz",
-      "integrity": "sha512-qX2L3HWOU2nuDs6GzglBeuFXviDODreS58tLY/BALPC7iu3Fa+J7EOTwnX9PdNBxUI7Uh0ntP0YWGnxCkXzmfA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@typescript-eslint/types": "8.56.0",
-        "@typescript-eslint/typescript-estree": "8.56.0",
-        "@typescript-eslint/utils": "8.56.0",
-        "debug": "^4.4.3",
-        "ts-api-utils": "^2.4.0"
-      },
-      "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      },
-      "peerDependencies": {
-        "eslint": "^8.57.0 || ^9.0.0 || ^10.0.0",
-        "typescript": ">=4.8.4 <6.0.0"
-      }
-    },
-    "node_modules/@typescript-eslint/types": {
-      "version": "8.56.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.56.0.tgz",
-      "integrity": "sha512-DBsLPs3GsWhX5HylbP9HNG15U0bnwut55Lx12bHB9MpXxQ+R5GC8MwQe+N1UFXxAeQDvEsEDY6ZYwX03K7Z6HQ==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      }
-    },
-    "node_modules/@typescript-eslint/typescript-estree": {
-      "version": "8.56.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-8.56.0.tgz",
-      "integrity": "sha512-ex1nTUMWrseMltXUHmR2GAQ4d+WjkZCT4f+4bVsps8QEdh0vlBsaCokKTPlnqBFqqGaxilDNJG7b8dolW2m43Q==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@typescript-eslint/project-service": "8.56.0",
-        "@typescript-eslint/tsconfig-utils": "8.56.0",
-        "@typescript-eslint/types": "8.56.0",
-        "@typescript-eslint/visitor-keys": "8.56.0",
-        "debug": "^4.4.3",
-        "minimatch": "^9.0.5",
-        "semver": "^7.7.3",
-        "tinyglobby": "^0.2.15",
-        "ts-api-utils": "^2.4.0"
-      },
-      "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      },
-      "peerDependencies": {
-        "typescript": ">=4.8.4 <6.0.0"
-      }
-    },
-    "node_modules/@typescript-eslint/typescript-estree/node_modules/brace-expansion": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.2.tgz",
-      "integrity": "sha512-Jt0vHyM+jmUBqojB7E1NIYadt0vI0Qxjxd2TErW94wDz+E2LAm5vKMXXwg6ZZBTHPuUlDgQHKXvjGBdfcF1ZDQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "balanced-match": "^1.0.0"
-      }
-    },
-    "node_modules/@typescript-eslint/typescript-estree/node_modules/minimatch": {
-      "version": "9.0.5",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.5.tgz",
-      "integrity": "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "brace-expansion": "^2.0.1"
-      },
-      "engines": {
-        "node": ">=16 || 14 >=14.17"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      }
-    },
-    "node_modules/@typescript-eslint/typescript-estree/node_modules/semver": {
-      "version": "7.7.4",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.4.tgz",
-      "integrity": "sha512-vFKC2IEtQnVhpT78h1Yp8wzwrf8CM+MzKMHGJZfBtzhZNycRFnXsHk6E5TxIkkMsgNS7mdX3AGB7x2QM2di4lA==",
-      "dev": true,
-      "license": "ISC",
-      "bin": {
-        "semver": "bin/semver.js"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/@typescript-eslint/utils": {
-      "version": "8.56.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-8.56.0.tgz",
-      "integrity": "sha512-RZ3Qsmi2nFGsS+n+kjLAYDPVlrzf7UhTffrDIKr+h2yzAlYP/y5ZulU0yeDEPItos2Ph46JAL5P/On3pe7kDIQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@eslint-community/eslint-utils": "^4.9.1",
-        "@typescript-eslint/scope-manager": "8.56.0",
-        "@typescript-eslint/types": "8.56.0",
-        "@typescript-eslint/typescript-estree": "8.56.0"
-      },
-      "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      },
-      "peerDependencies": {
-        "eslint": "^8.57.0 || ^9.0.0 || ^10.0.0",
-        "typescript": ">=4.8.4 <6.0.0"
-      }
-    },
-    "node_modules/@typescript-eslint/visitor-keys": {
-      "version": "8.56.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-8.56.0.tgz",
-      "integrity": "sha512-q+SL+b+05Ud6LbEE35qe4A99P+htKTKVbyiNEe45eCbJFyh/HVK9QXwlrbz+Q4L8SOW4roxSVwXYj4DMBT7Ieg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@typescript-eslint/types": "8.56.0",
-        "eslint-visitor-keys": "^5.0.0"
-      },
-      "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      }
-    },
-    "node_modules/@typescript-eslint/visitor-keys/node_modules/eslint-visitor-keys": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-5.0.1.tgz",
-      "integrity": "sha512-tD40eHxA35h0PEIZNeIjkHoDR4YjjJp34biM0mDvplBe//mB+IHCqHDGV7pxF+7MklTvighcCPPZC7ynWyjdTA==",
-      "dev": true,
-      "license": "Apache-2.0",
-      "engines": {
-        "node": "^20.19.0 || ^22.13.0 || >=24"
-      },
-      "funding": {
-        "url": "https://opencollective.com/eslint"
-      }
-    },
-    "node_modules/@ungap/structured-clone": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/@ungap/structured-clone/-/structured-clone-1.3.0.tgz",
-      "integrity": "sha512-WmoN8qaIAo7WTYWbAZuG8PYEhn5fkz7dZrqTBZ7dtt//lL2Gwms1IcnQ5yHqjDfX8Ft5j4YzDM23f87zBfDe9g==",
-      "license": "ISC"
-    },
-    "node_modules/@unrs/resolver-binding-android-arm-eabi": {
-      "version": "1.11.1",
-      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-android-arm-eabi/-/resolver-binding-android-arm-eabi-1.11.1.tgz",
-      "integrity": "sha512-ppLRUgHVaGRWUx0R0Ut06Mjo9gBaBkg3v/8AxusGLhsIotbBLuRk51rAzqLC8gq6NyyAojEXglNjzf6R948DNw==",
-      "cpu": [
-        "arm"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "android"
-      ]
-    },
-    "node_modules/@unrs/resolver-binding-android-arm64": {
-      "version": "1.11.1",
-      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-android-arm64/-/resolver-binding-android-arm64-1.11.1.tgz",
-      "integrity": "sha512-lCxkVtb4wp1v+EoN+HjIG9cIIzPkX5OtM03pQYkG+U5O/wL53LC4QbIeazgiKqluGeVEeBlZahHalCaBvU1a2g==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "android"
-      ]
-    },
-    "node_modules/@unrs/resolver-binding-darwin-arm64": {
-      "version": "1.11.1",
-      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-darwin-arm64/-/resolver-binding-darwin-arm64-1.11.1.tgz",
-      "integrity": "sha512-gPVA1UjRu1Y/IsB/dQEsp2V1pm44Of6+LWvbLc9SDk1c2KhhDRDBUkQCYVWe6f26uJb3fOK8saWMgtX8IrMk3g==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "darwin"
-      ]
-    },
-    "node_modules/@unrs/resolver-binding-darwin-x64": {
-      "version": "1.11.1",
-      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-darwin-x64/-/resolver-binding-darwin-x64-1.11.1.tgz",
-      "integrity": "sha512-cFzP7rWKd3lZaCsDze07QX1SC24lO8mPty9vdP+YVa3MGdVgPmFc59317b2ioXtgCMKGiCLxJ4HQs62oz6GfRQ==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "darwin"
-      ]
-    },
-    "node_modules/@unrs/resolver-binding-freebsd-x64": {
-      "version": "1.11.1",
-      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-freebsd-x64/-/resolver-binding-freebsd-x64-1.11.1.tgz",
-      "integrity": "sha512-fqtGgak3zX4DCB6PFpsH5+Kmt/8CIi4Bry4rb1ho6Av2QHTREM+47y282Uqiu3ZRF5IQioJQ5qWRV6jduA+iGw==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "freebsd"
-      ]
-    },
-    "node_modules/@unrs/resolver-binding-linux-arm-gnueabihf": {
-      "version": "1.11.1",
-      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-arm-gnueabihf/-/resolver-binding-linux-arm-gnueabihf-1.11.1.tgz",
-      "integrity": "sha512-u92mvlcYtp9MRKmP+ZvMmtPN34+/3lMHlyMj7wXJDeXxuM0Vgzz0+PPJNsro1m3IZPYChIkn944wW8TYgGKFHw==",
-      "cpu": [
-        "arm"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "node_modules/@unrs/resolver-binding-linux-arm-musleabihf": {
-      "version": "1.11.1",
-      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-arm-musleabihf/-/resolver-binding-linux-arm-musleabihf-1.11.1.tgz",
-      "integrity": "sha512-cINaoY2z7LVCrfHkIcmvj7osTOtm6VVT16b5oQdS4beibX2SYBwgYLmqhBjA1t51CarSaBuX5YNsWLjsqfW5Cw==",
-      "cpu": [
-        "arm"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "node_modules/@unrs/resolver-binding-linux-arm64-gnu": {
-      "version": "1.11.1",
-      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-arm64-gnu/-/resolver-binding-linux-arm64-gnu-1.11.1.tgz",
-      "integrity": "sha512-34gw7PjDGB9JgePJEmhEqBhWvCiiWCuXsL9hYphDF7crW7UgI05gyBAi6MF58uGcMOiOqSJ2ybEeCvHcq0BCmQ==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "node_modules/@unrs/resolver-binding-linux-arm64-musl": {
-      "version": "1.11.1",
-      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-arm64-musl/-/resolver-binding-linux-arm64-musl-1.11.1.tgz",
-      "integrity": "sha512-RyMIx6Uf53hhOtJDIamSbTskA99sPHS96wxVE/bJtePJJtpdKGXO1wY90oRdXuYOGOTuqjT8ACccMc4K6QmT3w==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "node_modules/@unrs/resolver-binding-linux-ppc64-gnu": {
-      "version": "1.11.1",
-      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-ppc64-gnu/-/resolver-binding-linux-ppc64-gnu-1.11.1.tgz",
-      "integrity": "sha512-D8Vae74A4/a+mZH0FbOkFJL9DSK2R6TFPC9M+jCWYia/q2einCubX10pecpDiTmkJVUH+y8K3BZClycD8nCShA==",
-      "cpu": [
-        "ppc64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "node_modules/@unrs/resolver-binding-linux-riscv64-gnu": {
-      "version": "1.11.1",
-      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-riscv64-gnu/-/resolver-binding-linux-riscv64-gnu-1.11.1.tgz",
-      "integrity": "sha512-frxL4OrzOWVVsOc96+V3aqTIQl1O2TjgExV4EKgRY09AJ9leZpEg8Ak9phadbuX0BA4k8U5qtvMSQQGGmaJqcQ==",
-      "cpu": [
-        "riscv64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "node_modules/@unrs/resolver-binding-linux-riscv64-musl": {
-      "version": "1.11.1",
-      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-riscv64-musl/-/resolver-binding-linux-riscv64-musl-1.11.1.tgz",
-      "integrity": "sha512-mJ5vuDaIZ+l/acv01sHoXfpnyrNKOk/3aDoEdLO/Xtn9HuZlDD6jKxHlkN8ZhWyLJsRBxfv9GYM2utQ1SChKew==",
-      "cpu": [
-        "riscv64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "node_modules/@unrs/resolver-binding-linux-s390x-gnu": {
-      "version": "1.11.1",
-      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-s390x-gnu/-/resolver-binding-linux-s390x-gnu-1.11.1.tgz",
-      "integrity": "sha512-kELo8ebBVtb9sA7rMe1Cph4QHreByhaZ2QEADd9NzIQsYNQpt9UkM9iqr2lhGr5afh885d/cB5QeTXSbZHTYPg==",
-      "cpu": [
-        "s390x"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "node_modules/@unrs/resolver-binding-linux-x64-gnu": {
-      "version": "1.11.1",
-      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-x64-gnu/-/resolver-binding-linux-x64-gnu-1.11.1.tgz",
-      "integrity": "sha512-C3ZAHugKgovV5YvAMsxhq0gtXuwESUKc5MhEtjBpLoHPLYM+iuwSj3lflFwK3DPm68660rZ7G8BMcwSro7hD5w==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "node_modules/@unrs/resolver-binding-linux-x64-musl": {
-      "version": "1.11.1",
-      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-x64-musl/-/resolver-binding-linux-x64-musl-1.11.1.tgz",
-      "integrity": "sha512-rV0YSoyhK2nZ4vEswT/QwqzqQXw5I6CjoaYMOX0TqBlWhojUf8P94mvI7nuJTeaCkkds3QE4+zS8Ko+GdXuZtA==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "node_modules/@unrs/resolver-binding-wasm32-wasi": {
-      "version": "1.11.1",
-      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-wasm32-wasi/-/resolver-binding-wasm32-wasi-1.11.1.tgz",
-      "integrity": "sha512-5u4RkfxJm+Ng7IWgkzi3qrFOvLvQYnPBmjmZQ8+szTK/b31fQCnleNl1GgEt7nIsZRIf5PLhPwT0WM+q45x/UQ==",
-      "cpu": [
-        "wasm32"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "dependencies": {
-        "@napi-rs/wasm-runtime": "^0.2.11"
-      },
-      "engines": {
-        "node": ">=14.0.0"
-      }
-    },
-    "node_modules/@unrs/resolver-binding-win32-arm64-msvc": {
-      "version": "1.11.1",
-      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-win32-arm64-msvc/-/resolver-binding-win32-arm64-msvc-1.11.1.tgz",
-      "integrity": "sha512-nRcz5Il4ln0kMhfL8S3hLkxI85BXs3o8EYoattsJNdsX4YUU89iOkVn7g0VHSRxFuVMdM4Q1jEpIId1Ihim/Uw==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "win32"
-      ]
-    },
-    "node_modules/@unrs/resolver-binding-win32-ia32-msvc": {
-      "version": "1.11.1",
-      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-win32-ia32-msvc/-/resolver-binding-win32-ia32-msvc-1.11.1.tgz",
-      "integrity": "sha512-DCEI6t5i1NmAZp6pFonpD5m7i6aFrpofcp4LA2i8IIq60Jyo28hamKBxNrZcyOwVOZkgsRp9O2sXWBWP8MnvIQ==",
-      "cpu": [
-        "ia32"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "win32"
-      ]
-    },
-    "node_modules/@unrs/resolver-binding-win32-x64-msvc": {
-      "version": "1.11.1",
-      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-win32-x64-msvc/-/resolver-binding-win32-x64-msvc-1.11.1.tgz",
-      "integrity": "sha512-lrW200hZdbfRtztbygyaq/6jP6AKE8qQN2KvPcJ+x7wiD038YtnYtZ82IMNJ69GJibV7bwL3y9FgK+5w/pYt6g==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "win32"
-      ]
-    },
-    "node_modules/acorn": {
-      "version": "8.16.0",
-      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.16.0.tgz",
-      "integrity": "sha512-UVJyE9MttOsBQIDKw1skb9nAwQuR5wuGD3+82K6JgJlm/Y+KI92oNsMNGZCYdDsVtRHSak0pcV5Dno5+4jh9sw==",
-      "dev": true,
-      "license": "MIT",
-      "bin": {
-        "acorn": "bin/acorn"
-      },
-      "engines": {
-        "node": ">=0.4.0"
-      }
-    },
-    "node_modules/acorn-jsx": {
-      "version": "5.3.2",
-      "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz",
-      "integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==",
-      "dev": true,
-      "license": "MIT",
-      "peerDependencies": {
-        "acorn": "^6.0.0 || ^7.0.0 || ^8.0.0"
-      }
-    },
-    "node_modules/agent-base": {
-      "version": "7.1.4",
-      "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-7.1.4.tgz",
-      "integrity": "sha512-MnA+YT8fwfJPgBx3m60MNqakm30XOkyIoH1y6huTQvC0PwZG7ki8NacLBcrPbNoo8vEZy7Jpuk7+jMO+CUovTQ==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">= 14"
-      }
-    },
-    "node_modules/ajv": {
-      "version": "6.14.0",
-      "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.14.0.tgz",
-      "integrity": "sha512-IWrosm/yrn43eiKqkfkHis7QioDleaXQHdDVPKg0FSwwd/DuvyX79TZnFOnYpB7dcsFAMmtFztZuXPDvSePkFw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "fast-deep-equal": "^3.1.1",
-        "fast-json-stable-stringify": "^2.0.0",
-        "json-schema-traverse": "^0.4.1",
-        "uri-js": "^4.2.2"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/epoberezkin"
-      }
-    },
-    "node_modules/ansi-escapes": {
-      "version": "4.3.2",
-      "resolved": "https://registry.npmjs.org/ansi-escapes/-/ansi-escapes-4.3.2.tgz",
-      "integrity": "sha512-gKXj5ALrKWQLsYG9jlTRmR/xKluxHV+Z9QEwNIgCfM1/uwPMCuzVVnh5mwTd+OuBZcwSIMbqssNWRm1lE51QaQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "type-fest": "^0.21.3"
-      },
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/ansi-regex": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
-      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/ansi-styles": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
-      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "color-convert": "^2.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
-      }
-    },
-    "node_modules/anymatch": {
-      "version": "3.1.3",
-      "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz",
-      "integrity": "sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "normalize-path": "^3.0.0",
-        "picomatch": "^2.0.4"
-      },
-      "engines": {
-        "node": ">= 8"
-      }
-    },
-    "node_modules/argparse": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
-      "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
-      "dev": true,
-      "license": "Python-2.0"
-    },
-    "node_modules/aria-query": {
-      "version": "5.3.2",
-      "resolved": "https://registry.npmjs.org/aria-query/-/aria-query-5.3.2.tgz",
-      "integrity": "sha512-COROpnaoap1E2F000S62r6A60uHZnmlvomhfyT2DlTcrY1OrBKn2UhH7qn5wTC9zMvD0AY7csdPSNwKP+7WiQw==",
-      "dev": true,
-      "license": "Apache-2.0",
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/array-buffer-byte-length": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/array-buffer-byte-length/-/array-buffer-byte-length-1.0.2.tgz",
-      "integrity": "sha512-LHE+8BuR7RYGDKvnrmcuSq3tDcKv9OFEXQt/HpbZhY7V6h0zlUXutnAD82GiFx9rdieCMjkvtcsPqBwgUl1Iiw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "call-bound": "^1.0.3",
-        "is-array-buffer": "^3.0.5"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/array-includes": {
-      "version": "3.1.9",
-      "resolved": "https://registry.npmjs.org/array-includes/-/array-includes-3.1.9.tgz",
-      "integrity": "sha512-FmeCCAenzH0KH381SPT5FZmiA/TmpndpcaShhfgEN9eCVjnFBqq3l1xrI42y8+PPLI6hypzou4GXw00WHmPBLQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "call-bind": "^1.0.8",
-        "call-bound": "^1.0.4",
-        "define-properties": "^1.2.1",
-        "es-abstract": "^1.24.0",
-        "es-object-atoms": "^1.1.1",
-        "get-intrinsic": "^1.3.0",
-        "is-string": "^1.1.1",
-        "math-intrinsics": "^1.1.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/array.prototype.findlast": {
-      "version": "1.2.5",
-      "resolved": "https://registry.npmjs.org/array.prototype.findlast/-/array.prototype.findlast-1.2.5.tgz",
-      "integrity": "sha512-CVvd6FHg1Z3POpBLxO6E6zr+rSKEQ9L6rZHAaY7lLfhKsWYUBBOuMs0e9o24oopj6H+geRCX0YJ+TJLBK2eHyQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "call-bind": "^1.0.7",
-        "define-properties": "^1.2.1",
-        "es-abstract": "^1.23.2",
-        "es-errors": "^1.3.0",
-        "es-object-atoms": "^1.0.0",
-        "es-shim-unscopables": "^1.0.2"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/array.prototype.findlastindex": {
-      "version": "1.2.6",
-      "resolved": "https://registry.npmjs.org/array.prototype.findlastindex/-/array.prototype.findlastindex-1.2.6.tgz",
-      "integrity": "sha512-F/TKATkzseUExPlfvmwQKGITM3DGTK+vkAsCZoDc5daVygbJBnjEUCbgkAvVFsgfXfX4YIqZ/27G3k3tdXrTxQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "call-bind": "^1.0.8",
-        "call-bound": "^1.0.4",
-        "define-properties": "^1.2.1",
-        "es-abstract": "^1.23.9",
-        "es-errors": "^1.3.0",
-        "es-object-atoms": "^1.1.1",
-        "es-shim-unscopables": "^1.1.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/array.prototype.flat": {
-      "version": "1.3.3",
-      "resolved": "https://registry.npmjs.org/array.prototype.flat/-/array.prototype.flat-1.3.3.tgz",
-      "integrity": "sha512-rwG/ja1neyLqCuGZ5YYrznA62D4mZXg0i1cIskIUKSiqF3Cje9/wXAls9B9s1Wa2fomMsIv8czB8jZcPmxCXFg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "call-bind": "^1.0.8",
-        "define-properties": "^1.2.1",
-        "es-abstract": "^1.23.5",
-        "es-shim-unscopables": "^1.0.2"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/array.prototype.flatmap": {
-      "version": "1.3.3",
-      "resolved": "https://registry.npmjs.org/array.prototype.flatmap/-/array.prototype.flatmap-1.3.3.tgz",
-      "integrity": "sha512-Y7Wt51eKJSyi80hFrJCePGGNo5ktJCslFuboqJsbf57CCPcm5zztluPlc4/aD8sWsKvlwatezpV4U1efk8kpjg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "call-bind": "^1.0.8",
-        "define-properties": "^1.2.1",
-        "es-abstract": "^1.23.5",
-        "es-shim-unscopables": "^1.0.2"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/array.prototype.tosorted": {
-      "version": "1.1.4",
-      "resolved": "https://registry.npmjs.org/array.prototype.tosorted/-/array.prototype.tosorted-1.1.4.tgz",
-      "integrity": "sha512-p6Fx8B7b7ZhL/gmUsAy0D15WhvDccw3mnGNbZpi3pmeJdxtWsj2jEaI4Y6oo3XiHfzuSgPwKc04MYt6KgvC/wA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "call-bind": "^1.0.7",
-        "define-properties": "^1.2.1",
-        "es-abstract": "^1.23.3",
-        "es-errors": "^1.3.0",
-        "es-shim-unscopables": "^1.0.2"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/arraybuffer.prototype.slice": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/arraybuffer.prototype.slice/-/arraybuffer.prototype.slice-1.0.4.tgz",
-      "integrity": "sha512-BNoCY6SXXPQ7gF2opIP4GBE+Xw7U+pHMYKuzjgCN3GwiaIR09UUeKfheyIry77QtrCBlC0KK0q5/TER/tYh3PQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "array-buffer-byte-length": "^1.0.1",
-        "call-bind": "^1.0.8",
-        "define-properties": "^1.2.1",
-        "es-abstract": "^1.23.5",
-        "es-errors": "^1.3.0",
-        "get-intrinsic": "^1.2.6",
-        "is-array-buffer": "^3.0.4"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/ast-types-flow": {
-      "version": "0.0.8",
-      "resolved": "https://registry.npmjs.org/ast-types-flow/-/ast-types-flow-0.0.8.tgz",
-      "integrity": "sha512-OH/2E5Fg20h2aPrbe+QL8JZQFko0YZaF+j4mnQ7BGhfavO7OpSLa8a0y9sBwomHdSbkhTS8TQNayBfnW5DwbvQ==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/async-function": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/async-function/-/async-function-1.0.0.tgz",
-      "integrity": "sha512-hsU18Ae8CDTR6Kgu9DYf0EbCr/a5iGL0rytQDobUcdpYOKokk8LEjVphnXkDkgpi0wYVsqrXuP0bZxJaTqdgoA==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/available-typed-arrays": {
-      "version": "1.0.7",
-      "resolved": "https://registry.npmjs.org/available-typed-arrays/-/available-typed-arrays-1.0.7.tgz",
-      "integrity": "sha512-wvUjBtSGN7+7SjNpq/9M2Tg350UZD3q62IFZLbRAR1bSMlCo1ZaeW+BJ+D090e4hIIZLBcTDWe4Mh4jvUDajzQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "possible-typed-array-names": "^1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/axe-core": {
-      "version": "4.11.1",
-      "resolved": "https://registry.npmjs.org/axe-core/-/axe-core-4.11.1.tgz",
-      "integrity": "sha512-BASOg+YwO2C+346x3LZOeoovTIoTrRqEsqMa6fmfAV0P+U9mFr9NsyOEpiYvFjbc64NMrSswhV50WdXzdb/Z5A==",
-      "dev": true,
-      "license": "MPL-2.0",
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/axobject-query": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/axobject-query/-/axobject-query-4.1.0.tgz",
-      "integrity": "sha512-qIj0G9wZbMGNLjLmg1PT6v2mE9AH2zlnADJD/2tC6E00hgmhUOfEB6greHPAfLRSufHqROIUTkw6E+M3lH0PTQ==",
-      "dev": true,
-      "license": "Apache-2.0",
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/babel-jest": {
-      "version": "30.2.0",
-      "resolved": "https://registry.npmjs.org/babel-jest/-/babel-jest-30.2.0.tgz",
-      "integrity": "sha512-0YiBEOxWqKkSQWL9nNGGEgndoeL0ZpWrbLMNL5u/Kaxrli3Eaxlt3ZtIDktEvXt4L/R9r3ODr2zKwGM/2BjxVw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@jest/transform": "30.2.0",
-        "@types/babel__core": "^7.20.5",
-        "babel-plugin-istanbul": "^7.0.1",
-        "babel-preset-jest": "30.2.0",
-        "chalk": "^4.1.2",
-        "graceful-fs": "^4.2.11",
-        "slash": "^3.0.0"
-      },
-      "engines": {
-        "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.11.0 || ^8.0.0-0"
-      }
-    },
-    "node_modules/babel-plugin-istanbul": {
-      "version": "7.0.1",
-      "resolved": "https://registry.npmjs.org/babel-plugin-istanbul/-/babel-plugin-istanbul-7.0.1.tgz",
-      "integrity": "sha512-D8Z6Qm8jCvVXtIRkBnqNHX0zJ37rQcFJ9u8WOS6tkYOsRdHBzypCstaxWiu5ZIlqQtviRYbgnRLSoCEvjqcqbA==",
-      "dev": true,
-      "license": "BSD-3-Clause",
-      "workspaces": [
-        "test/babel-8"
-      ],
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.0.0",
-        "@istanbuljs/load-nyc-config": "^1.0.0",
-        "@istanbuljs/schema": "^0.1.3",
-        "istanbul-lib-instrument": "^6.0.2",
-        "test-exclude": "^6.0.0"
-      },
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/babel-plugin-jest-hoist": {
-      "version": "30.2.0",
-      "resolved": "https://registry.npmjs.org/babel-plugin-jest-hoist/-/babel-plugin-jest-hoist-30.2.0.tgz",
-      "integrity": "sha512-ftzhzSGMUnOzcCXd6WHdBGMyuwy15Wnn0iyyWGKgBDLxf9/s5ABuraCSpBX2uG0jUg4rqJnxsLc5+oYBqoxVaA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@types/babel__core": "^7.20.5"
-      },
-      "engines": {
-        "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
-      }
-    },
-    "node_modules/babel-plugin-react-compiler": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/babel-plugin-react-compiler/-/babel-plugin-react-compiler-1.0.0.tgz",
-      "integrity": "sha512-Ixm8tFfoKKIPYdCCKYTsqv+Fd4IJ0DQqMyEimo+pxUOMUR9cVPlwTrFt9Avu+3cb6Zp3mAzl+t1MrG2fxxKsxw==",
-      "devOptional": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/types": "^7.26.0"
-      }
-    },
-    "node_modules/babel-preset-current-node-syntax": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/babel-preset-current-node-syntax/-/babel-preset-current-node-syntax-1.2.0.tgz",
-      "integrity": "sha512-E/VlAEzRrsLEb2+dv8yp3bo4scof3l9nR4lrld+Iy5NyVqgVYUJnDAmunkhPMisRI32Qc4iRiz425d8vM++2fg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/plugin-syntax-async-generators": "^7.8.4",
-        "@babel/plugin-syntax-bigint": "^7.8.3",
-        "@babel/plugin-syntax-class-properties": "^7.12.13",
-        "@babel/plugin-syntax-class-static-block": "^7.14.5",
-        "@babel/plugin-syntax-import-attributes": "^7.24.7",
-        "@babel/plugin-syntax-import-meta": "^7.10.4",
-        "@babel/plugin-syntax-json-strings": "^7.8.3",
-        "@babel/plugin-syntax-logical-assignment-operators": "^7.10.4",
-        "@babel/plugin-syntax-nullish-coalescing-operator": "^7.8.3",
-        "@babel/plugin-syntax-numeric-separator": "^7.10.4",
-        "@babel/plugin-syntax-object-rest-spread": "^7.8.3",
-        "@babel/plugin-syntax-optional-catch-binding": "^7.8.3",
-        "@babel/plugin-syntax-optional-chaining": "^7.8.3",
-        "@babel/plugin-syntax-private-property-in-object": "^7.14.5",
-        "@babel/plugin-syntax-top-level-await": "^7.14.5"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0 || ^8.0.0-0"
-      }
-    },
-    "node_modules/babel-preset-jest": {
-      "version": "30.2.0",
-      "resolved": "https://registry.npmjs.org/babel-preset-jest/-/babel-preset-jest-30.2.0.tgz",
-      "integrity": "sha512-US4Z3NOieAQumwFnYdUWKvUKh8+YSnS/gB3t6YBiz0bskpu7Pine8pPCheNxlPEW4wnUkma2a94YuW2q3guvCQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "babel-plugin-jest-hoist": "30.2.0",
-        "babel-preset-current-node-syntax": "^1.2.0"
-      },
-      "engines": {
-        "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.11.0 || ^8.0.0-beta.1"
-      }
-    },
-    "node_modules/bail": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/bail/-/bail-2.0.2.tgz",
-      "integrity": "sha512-0xO6mYd7JB2YesxDKplafRpsiOzPt9V02ddPCLbY1xYGPOX24NTyN50qnUxgCPcSoYMhKpAuBTjQoRZCAkUDRw==",
-      "license": "MIT",
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/wooorm"
-      }
-    },
-    "node_modules/balanced-match": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
-      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "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==",
-      "license": "Apache-2.0",
-      "bin": {
-        "baseline-browser-mapping": "dist/cli.cjs"
-      },
-      "engines": {
-        "node": ">=6.0.0"
-      }
-    },
-    "node_modules/brace-expansion": {
-      "version": "1.1.12",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz",
-      "integrity": "sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "balanced-match": "^1.0.0",
-        "concat-map": "0.0.1"
-      }
-    },
-    "node_modules/braces": {
-      "version": "3.0.3",
-      "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz",
-      "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "fill-range": "^7.1.1"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/browserslist": {
-      "version": "4.28.1",
-      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.28.1.tgz",
-      "integrity": "sha512-ZC5Bd0LgJXgwGqUknZY/vkUQ04r8NXnJZ3yYi4vDmSiZmC/pdSN0NbNRPxZpbtO4uAfDUAFffO8IZoM3Gj8IkA==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/browserslist"
-        },
-        {
-          "type": "tidelift",
-          "url": "https://tidelift.com/funding/github/npm/browserslist"
-        },
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/ai"
-        }
-      ],
-      "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/bs-logger": {
-      "version": "0.2.6",
-      "resolved": "https://registry.npmjs.org/bs-logger/-/bs-logger-0.2.6.tgz",
-      "integrity": "sha512-pd8DCoxmbgc7hyPKOvxtqNcjYoOsABPQdcCUjGp3d42VR2CX1ORhk2A87oqqu5R1kk+76nsxZupkmyd+MVtCog==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "fast-json-stable-stringify": "2.x"
-      },
-      "engines": {
-        "node": ">= 6"
-      }
-    },
-    "node_modules/bser": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/bser/-/bser-2.1.1.tgz",
-      "integrity": "sha512-gQxTNE/GAfIIrmHLUE3oJyp5FO6HRBfhjnw4/wMmA63ZGDJnWBmgY/lyQBpnDUkGmAhbSe39tx2d/iTOAfglwQ==",
-      "dev": true,
-      "license": "Apache-2.0",
-      "dependencies": {
-        "node-int64": "^0.4.0"
-      }
-    },
-    "node_modules/buffer-from": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.2.tgz",
-      "integrity": "sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/call-bind": {
-      "version": "1.0.8",
-      "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.8.tgz",
-      "integrity": "sha512-oKlSFMcMwpUg2ednkhQ454wfWiU/ul3CkJe/PEHcTKuiX6RpbehUiFMXu13HalGZxfUwCQzZG747YXBn1im9ww==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "call-bind-apply-helpers": "^1.0.0",
-        "es-define-property": "^1.0.0",
-        "get-intrinsic": "^1.2.4",
-        "set-function-length": "^1.2.2"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/call-bind-apply-helpers": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.2.tgz",
-      "integrity": "sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "es-errors": "^1.3.0",
-        "function-bind": "^1.1.2"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/call-bound": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/call-bound/-/call-bound-1.0.4.tgz",
-      "integrity": "sha512-+ys997U96po4Kx/ABpBCqhA9EuxJaQWDQg7295H4hBphv3IZg0boBKuwYpt4YXp6MZ5AmZQnU/tyMTlRpaSejg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "call-bind-apply-helpers": "^1.0.2",
-        "get-intrinsic": "^1.3.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/callsites": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",
-      "integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/camelcase": {
-      "version": "5.3.1",
-      "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-5.3.1.tgz",
-      "integrity": "sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/caniuse-lite": {
-      "version": "1.0.30001770",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001770.tgz",
-      "integrity": "sha512-x/2CLQ1jHENRbHg5PSId2sXq1CIO1CISvwWAj027ltMVG2UNgW+w9oH2+HzgEIRFembL8bUlXtfbBHR1fCg2xw==",
-      "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/ccount": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/ccount/-/ccount-2.0.1.tgz",
-      "integrity": "sha512-eyrF0jiFpY+3drT6383f1qhkbGsLSifNAjA61IUjZjmLCWjItY6LB9ft9YhoDgwfmclB2zhu51Lc7+95b8NRAg==",
-      "license": "MIT",
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/wooorm"
-      }
-    },
-    "node_modules/chalk": {
-      "version": "4.1.2",
-      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
-      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "ansi-styles": "^4.1.0",
-        "supports-color": "^7.1.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/chalk?sponsor=1"
-      }
-    },
-    "node_modules/char-regex": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/char-regex/-/char-regex-1.0.2.tgz",
-      "integrity": "sha512-kWWXztvZ5SBQV+eRgKFeh8q5sLuZY2+8WUIzlxWVTg+oGwY14qylx1KbKzHd8P6ZYkAg0xyIDU9JMHhyJMZ1jw==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/character-entities": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/character-entities/-/character-entities-2.0.2.tgz",
-      "integrity": "sha512-shx7oQ0Awen/BRIdkjkvz54PnEEI/EjwXDSIZp86/KKdbafHh1Df/RYGBhn4hbe2+uKC9FnT5UCEdyPz3ai9hQ==",
-      "license": "MIT",
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/wooorm"
-      }
-    },
-    "node_modules/character-entities-html4": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/character-entities-html4/-/character-entities-html4-2.1.0.tgz",
-      "integrity": "sha512-1v7fgQRj6hnSwFpq1Eu0ynr/CDEw0rXo2B61qXrLNdHZmPKgb7fqS1a2JwF0rISo9q77jDI8VMEHoApn8qDoZA==",
-      "license": "MIT",
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/wooorm"
-      }
-    },
-    "node_modules/character-entities-legacy": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/character-entities-legacy/-/character-entities-legacy-3.0.0.tgz",
-      "integrity": "sha512-RpPp0asT/6ufRm//AJVwpViZbGM/MkjQFxJccQRHmISF/22NBtsHqAWmL+/pmkPWoIUJdWyeVleTl1wydHATVQ==",
-      "license": "MIT",
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/wooorm"
-      }
-    },
-    "node_modules/character-reference-invalid": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/character-reference-invalid/-/character-reference-invalid-2.0.1.tgz",
-      "integrity": "sha512-iBZ4F4wRbyORVsu0jPV7gXkOsGYjGHPmAyv+HiHG8gi5PtC9KI2j1+v8/tlibRvjoWX027ypmG/n0HtO5t7unw==",
-      "license": "MIT",
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/wooorm"
-      }
-    },
-    "node_modules/ci-info": {
-      "version": "4.4.0",
-      "resolved": "https://registry.npmjs.org/ci-info/-/ci-info-4.4.0.tgz",
-      "integrity": "sha512-77PSwercCZU2Fc4sX94eF8k8Pxte6JAwL4/ICZLFjJLqegs7kCuAsqqj/70NQF6TvDpgFjkubQB2FW2ZZddvQg==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/sibiraj-s"
-        }
-      ],
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/cjs-module-lexer": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/cjs-module-lexer/-/cjs-module-lexer-2.2.0.tgz",
-      "integrity": "sha512-4bHTS2YuzUvtoLjdy+98ykbNB5jS0+07EvFNXerqZQJ89F7DI6ET7OQo/HJuW6K0aVsKA9hj9/RVb2kQVOrPDQ==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/client-only": {
-      "version": "0.0.1",
-      "resolved": "https://registry.npmjs.org/client-only/-/client-only-0.0.1.tgz",
-      "integrity": "sha512-IV3Ou0jSMzZrd3pZ48nLkT9DA7Ag1pnPzaiQhpW7c3RbcqqzvzzVu+L8gfqMp/8IM2MQtSiqaCxrrcfu8I8rMA==",
-      "license": "MIT"
-    },
-    "node_modules/cliui": {
-      "version": "8.0.1",
-      "resolved": "https://registry.npmjs.org/cliui/-/cliui-8.0.1.tgz",
-      "integrity": "sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "string-width": "^4.2.0",
-        "strip-ansi": "^6.0.1",
-        "wrap-ansi": "^7.0.0"
-      },
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/cliui/node_modules/emoji-regex": {
-      "version": "8.0.0",
-      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
-      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/cliui/node_modules/string-width": {
-      "version": "4.2.3",
-      "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
-      "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "emoji-regex": "^8.0.0",
-        "is-fullwidth-code-point": "^3.0.0",
-        "strip-ansi": "^6.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/cliui/node_modules/strip-ansi": {
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
-      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "ansi-regex": "^5.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/cliui/node_modules/wrap-ansi": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
-      "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "ansi-styles": "^4.0.0",
-        "string-width": "^4.1.0",
-        "strip-ansi": "^6.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
-      }
-    },
-    "node_modules/co": {
-      "version": "4.6.0",
-      "resolved": "https://registry.npmjs.org/co/-/co-4.6.0.tgz",
-      "integrity": "sha512-QVb0dM5HvG+uaxitm8wONl7jltx8dqhfU33DcqtOZcLSVIKSDDLDi7+0LbAKiyI8hD9u42m2YxXSkMGWThaecQ==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "iojs": ">= 1.0.0",
-        "node": ">= 0.12.0"
-      }
-    },
-    "node_modules/collect-v8-coverage": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/collect-v8-coverage/-/collect-v8-coverage-1.0.3.tgz",
-      "integrity": "sha512-1L5aqIkwPfiodaMgQunkF1zRhNqifHBmtbbbxcr6yVxxBnliw4TDOW6NxpO8DJLgJ16OT+Y4ztZqP6p/FtXnAw==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/color-convert": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
-      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "color-name": "~1.1.4"
-      },
-      "engines": {
-        "node": ">=7.0.0"
-      }
-    },
-    "node_modules/color-name": {
-      "version": "1.1.4",
-      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
-      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/comma-separated-tokens": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/comma-separated-tokens/-/comma-separated-tokens-2.0.3.tgz",
-      "integrity": "sha512-Fu4hJdvzeylCfQPp9SGWidpzrMs7tTrlu6Vb8XGaRGck8QSNZJJp538Wrb60Lax4fPwR64ViY468OIUTbRlGZg==",
-      "license": "MIT",
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/wooorm"
-      }
-    },
-    "node_modules/commander": {
-      "version": "7.2.0",
-      "resolved": "https://registry.npmjs.org/commander/-/commander-7.2.0.tgz",
-      "integrity": "sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw==",
-      "license": "MIT",
-      "engines": {
-        "node": ">= 10"
-      }
-    },
-    "node_modules/concat-map": {
-      "version": "0.0.1",
-      "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
-      "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "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/cross-spawn": {
-      "version": "7.0.6",
-      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz",
-      "integrity": "sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "path-key": "^3.1.0",
-        "shebang-command": "^2.0.0",
-        "which": "^2.0.1"
-      },
-      "engines": {
-        "node": ">= 8"
-      }
-    },
-    "node_modules/css.escape": {
-      "version": "1.5.1",
-      "resolved": "https://registry.npmjs.org/css.escape/-/css.escape-1.5.1.tgz",
-      "integrity": "sha512-YUifsXXuknHlUsmlgyY0PKzgPOr7/FjCePfHNt0jxm83wHZi44VDMQ7/fGNkjY3/jV1MC+1CmZbaHzugyeRtpg==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/cssstyle": {
-      "version": "4.6.0",
-      "resolved": "https://registry.npmjs.org/cssstyle/-/cssstyle-4.6.0.tgz",
-      "integrity": "sha512-2z+rWdzbbSZv6/rhtvzvqeZQHrBaqgogqt85sqFNbabZOuFbCVFb8kPeEtZjiKkbrm395irpNKiYeFeLiQnFPg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@asamuzakjp/css-color": "^3.2.0",
-        "rrweb-cssom": "^0.8.0"
-      },
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "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/d3": {
-      "version": "7.9.0",
-      "resolved": "https://registry.npmjs.org/d3/-/d3-7.9.0.tgz",
-      "integrity": "sha512-e1U46jVP+w7Iut8Jt8ri1YsPOvFpg46k+K8TpCb0P+zjCkjkPnV7WzfDJzMHy1LnA+wj5pLT1wjO901gLXeEhA==",
-      "license": "ISC",
-      "dependencies": {
-        "d3-array": "3",
-        "d3-axis": "3",
-        "d3-brush": "3",
-        "d3-chord": "3",
-        "d3-color": "3",
-        "d3-contour": "4",
-        "d3-delaunay": "6",
-        "d3-dispatch": "3",
-        "d3-drag": "3",
-        "d3-dsv": "3",
-        "d3-ease": "3",
-        "d3-fetch": "3",
-        "d3-force": "3",
-        "d3-format": "3",
-        "d3-geo": "3",
-        "d3-hierarchy": "3",
-        "d3-interpolate": "3",
-        "d3-path": "3",
-        "d3-polygon": "3",
-        "d3-quadtree": "3",
-        "d3-random": "3",
-        "d3-scale": "4",
-        "d3-scale-chromatic": "3",
-        "d3-selection": "3",
-        "d3-shape": "3",
-        "d3-time": "3",
-        "d3-time-format": "4",
-        "d3-timer": "3",
-        "d3-transition": "3",
-        "d3-zoom": "3"
-      },
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/d3-array": {
-      "version": "3.2.4",
-      "resolved": "https://registry.npmjs.org/d3-array/-/d3-array-3.2.4.tgz",
-      "integrity": "sha512-tdQAmyA18i4J7wprpYq8ClcxZy3SC31QMeByyCFyRt7BVHdREQZ5lpzoe5mFEYZUWe+oq8HBvk9JjpibyEV4Jg==",
-      "license": "ISC",
-      "dependencies": {
-        "internmap": "1 - 2"
-      },
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/d3-axis": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/d3-axis/-/d3-axis-3.0.0.tgz",
-      "integrity": "sha512-IH5tgjV4jE/GhHkRV0HiVYPDtvfjHQlQfJHs0usq7M30XcSBvOotpmH1IgkcXsO/5gEQZD43B//fc7SRT5S+xw==",
-      "license": "ISC",
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/d3-brush": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/d3-brush/-/d3-brush-3.0.0.tgz",
-      "integrity": "sha512-ALnjWlVYkXsVIGlOsuWH1+3udkYFI48Ljihfnh8FZPF2QS9o+PzGLBslO0PjzVoHLZ2KCVgAM8NVkXPJB2aNnQ==",
-      "license": "ISC",
-      "dependencies": {
-        "d3-dispatch": "1 - 3",
-        "d3-drag": "2 - 3",
-        "d3-interpolate": "1 - 3",
-        "d3-selection": "3",
-        "d3-transition": "3"
-      },
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/d3-chord": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/d3-chord/-/d3-chord-3.0.1.tgz",
-      "integrity": "sha512-VE5S6TNa+j8msksl7HwjxMHDM2yNK3XCkusIlpX5kwauBfXuyLAtNg9jCp/iHH61tgI4sb6R/EIMWCqEIdjT/g==",
-      "license": "ISC",
-      "dependencies": {
-        "d3-path": "1 - 3"
-      },
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/d3-color": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/d3-color/-/d3-color-3.1.0.tgz",
-      "integrity": "sha512-zg/chbXyeBtMQ1LbD/WSoW2DpC3I0mpmPdW+ynRTj/x2DAWYrIY7qeZIHidozwV24m4iavr15lNwIwLxRmOxhA==",
-      "license": "ISC",
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/d3-contour": {
-      "version": "4.0.2",
-      "resolved": "https://registry.npmjs.org/d3-contour/-/d3-contour-4.0.2.tgz",
-      "integrity": "sha512-4EzFTRIikzs47RGmdxbeUvLWtGedDUNkTcmzoeyg4sP/dvCexO47AaQL7VKy/gul85TOxw+IBgA8US2xwbToNA==",
-      "license": "ISC",
-      "dependencies": {
-        "d3-array": "^3.2.0"
-      },
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/d3-delaunay": {
-      "version": "6.0.4",
-      "resolved": "https://registry.npmjs.org/d3-delaunay/-/d3-delaunay-6.0.4.tgz",
-      "integrity": "sha512-mdjtIZ1XLAM8bm/hx3WwjfHt6Sggek7qH043O8KEjDXN40xi3vx/6pYSVTwLjEgiXQTbvaouWKynLBiUZ6SK6A==",
-      "license": "ISC",
-      "dependencies": {
-        "delaunator": "5"
-      },
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/d3-dispatch": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/d3-dispatch/-/d3-dispatch-3.0.1.tgz",
-      "integrity": "sha512-rzUyPU/S7rwUflMyLc1ETDeBj0NRuHKKAcvukozwhshr6g6c5d8zh4c2gQjY2bZ0dXeGLWc1PF174P2tVvKhfg==",
-      "license": "ISC",
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/d3-drag": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/d3-drag/-/d3-drag-3.0.0.tgz",
-      "integrity": "sha512-pWbUJLdETVA8lQNJecMxoXfH6x+mO2UQo8rSmZ+QqxcbyA3hfeprFgIT//HW2nlHChWeIIMwS2Fq+gEARkhTkg==",
-      "license": "ISC",
-      "dependencies": {
-        "d3-dispatch": "1 - 3",
-        "d3-selection": "3"
-      },
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/d3-dsv": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/d3-dsv/-/d3-dsv-3.0.1.tgz",
-      "integrity": "sha512-UG6OvdI5afDIFP9w4G0mNq50dSOsXHJaRE8arAS5o9ApWnIElp8GZw1Dun8vP8OyHOZ/QJUKUJwxiiCCnUwm+Q==",
-      "license": "ISC",
-      "dependencies": {
-        "commander": "7",
-        "iconv-lite": "0.6",
-        "rw": "1"
-      },
-      "bin": {
-        "csv2json": "bin/dsv2json.js",
-        "csv2tsv": "bin/dsv2dsv.js",
-        "dsv2dsv": "bin/dsv2dsv.js",
-        "dsv2json": "bin/dsv2json.js",
-        "json2csv": "bin/json2dsv.js",
-        "json2dsv": "bin/json2dsv.js",
-        "json2tsv": "bin/json2dsv.js",
-        "tsv2csv": "bin/dsv2dsv.js",
-        "tsv2json": "bin/dsv2json.js"
-      },
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/d3-ease": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/d3-ease/-/d3-ease-3.0.1.tgz",
-      "integrity": "sha512-wR/XK3D3XcLIZwpbvQwQ5fK+8Ykds1ip7A2Txe0yxncXSdq1L9skcG7blcedkOX+ZcgxGAmLX1FrRGbADwzi0w==",
-      "license": "BSD-3-Clause",
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/d3-fetch": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/d3-fetch/-/d3-fetch-3.0.1.tgz",
-      "integrity": "sha512-kpkQIM20n3oLVBKGg6oHrUchHM3xODkTzjMoj7aWQFq5QEM+R6E4WkzT5+tojDY7yjez8KgCBRoj4aEr99Fdqw==",
-      "license": "ISC",
-      "dependencies": {
-        "d3-dsv": "1 - 3"
-      },
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/d3-force": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/d3-force/-/d3-force-3.0.0.tgz",
-      "integrity": "sha512-zxV/SsA+U4yte8051P4ECydjD/S+qeYtnaIyAs9tgHCqfguma/aAQDjo85A9Z6EKhBirHRJHXIgJUlffT4wdLg==",
-      "license": "ISC",
-      "dependencies": {
-        "d3-dispatch": "1 - 3",
-        "d3-quadtree": "1 - 3",
-        "d3-timer": "1 - 3"
-      },
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/d3-format": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/d3-format/-/d3-format-3.1.2.tgz",
-      "integrity": "sha512-AJDdYOdnyRDV5b6ArilzCPPwc1ejkHcoyFarqlPqT7zRYjhavcT3uSrqcMvsgh2CgoPbK3RCwyHaVyxYcP2Arg==",
-      "license": "ISC",
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/d3-geo": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/d3-geo/-/d3-geo-3.1.1.tgz",
-      "integrity": "sha512-637ln3gXKXOwhalDzinUgY83KzNWZRKbYubaG+fGVuc/dxO64RRljtCTnf5ecMyE1RIdtqpkVcq0IbtU2S8j2Q==",
-      "license": "ISC",
-      "dependencies": {
-        "d3-array": "2.5.0 - 3"
-      },
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/d3-hierarchy": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/d3-hierarchy/-/d3-hierarchy-3.1.2.tgz",
-      "integrity": "sha512-FX/9frcub54beBdugHjDCdikxThEqjnR93Qt7PvQTOHxyiNCAlvMrHhclk3cD5VeAaq9fxmfRp+CnWw9rEMBuA==",
-      "license": "ISC",
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/d3-interpolate": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/d3-interpolate/-/d3-interpolate-3.0.1.tgz",
-      "integrity": "sha512-3bYs1rOD33uo8aqJfKP3JWPAibgw8Zm2+L9vBKEHJ2Rg+viTR7o5Mmv5mZcieN+FRYaAOWX5SJATX6k1PWz72g==",
-      "license": "ISC",
-      "dependencies": {
-        "d3-color": "1 - 3"
-      },
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/d3-path": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/d3-path/-/d3-path-3.1.0.tgz",
-      "integrity": "sha512-p3KP5HCf/bvjBSSKuXid6Zqijx7wIfNW+J/maPs+iwR35at5JCbLUT0LzF1cnjbCHWhqzQTIN2Jpe8pRebIEFQ==",
-      "license": "ISC",
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/d3-polygon": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/d3-polygon/-/d3-polygon-3.0.1.tgz",
-      "integrity": "sha512-3vbA7vXYwfe1SYhED++fPUQlWSYTTGmFmQiany/gdbiWgU/iEyQzyymwL9SkJjFFuCS4902BSzewVGsHHmHtXg==",
-      "license": "ISC",
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/d3-quadtree": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/d3-quadtree/-/d3-quadtree-3.0.1.tgz",
-      "integrity": "sha512-04xDrxQTDTCFwP5H6hRhsRcb9xxv2RzkcsygFzmkSIOJy3PeRJP7sNk3VRIbKXcog561P9oU0/rVH6vDROAgUw==",
-      "license": "ISC",
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/d3-random": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/d3-random/-/d3-random-3.0.1.tgz",
-      "integrity": "sha512-FXMe9GfxTxqd5D6jFsQ+DJ8BJS4E/fT5mqqdjovykEB2oFbTMDVdg1MGFxfQW+FBOGoB++k8swBrgwSHT1cUXQ==",
-      "license": "ISC",
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/d3-scale": {
-      "version": "4.0.2",
-      "resolved": "https://registry.npmjs.org/d3-scale/-/d3-scale-4.0.2.tgz",
-      "integrity": "sha512-GZW464g1SH7ag3Y7hXjf8RoUuAFIqklOAq3MRl4OaWabTFJY9PN/E1YklhXLh+OQ3fM9yS2nOkCoS+WLZ6kvxQ==",
-      "license": "ISC",
-      "dependencies": {
-        "d3-array": "2.10.0 - 3",
-        "d3-format": "1 - 3",
-        "d3-interpolate": "1.2.0 - 3",
-        "d3-time": "2.1.1 - 3",
-        "d3-time-format": "2 - 4"
-      },
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/d3-scale-chromatic": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/d3-scale-chromatic/-/d3-scale-chromatic-3.1.0.tgz",
-      "integrity": "sha512-A3s5PWiZ9YCXFye1o246KoscMWqf8BsD9eRiJ3He7C9OBaxKhAd5TFCdEx/7VbKtxxTsu//1mMJFrEt572cEyQ==",
-      "license": "ISC",
-      "dependencies": {
-        "d3-color": "1 - 3",
-        "d3-interpolate": "1 - 3"
-      },
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/d3-selection": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/d3-selection/-/d3-selection-3.0.0.tgz",
-      "integrity": "sha512-fmTRWbNMmsmWq6xJV8D19U/gw/bwrHfNXxrIN+HfZgnzqTHp9jOmKMhsTUjXOJnZOdZY9Q28y4yebKzqDKlxlQ==",
-      "license": "ISC",
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/d3-shape": {
-      "version": "3.2.0",
-      "resolved": "https://registry.npmjs.org/d3-shape/-/d3-shape-3.2.0.tgz",
-      "integrity": "sha512-SaLBuwGm3MOViRq2ABk3eLoxwZELpH6zhl3FbAoJ7Vm1gofKx6El1Ib5z23NUEhF9AsGl7y+dzLe5Cw2AArGTA==",
-      "license": "ISC",
-      "dependencies": {
-        "d3-path": "^3.1.0"
-      },
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/d3-time": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/d3-time/-/d3-time-3.1.0.tgz",
-      "integrity": "sha512-VqKjzBLejbSMT4IgbmVgDjpkYrNWUYJnbCGo874u7MMKIWsILRX+OpX/gTk8MqjpT1A/c6HY2dCA77ZN0lkQ2Q==",
-      "license": "ISC",
-      "dependencies": {
-        "d3-array": "2 - 3"
-      },
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/d3-time-format": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/d3-time-format/-/d3-time-format-4.1.0.tgz",
-      "integrity": "sha512-dJxPBlzC7NugB2PDLwo9Q8JiTR3M3e4/XANkreKSUxF8vvXKqm1Yfq4Q5dl8budlunRVlUUaDUgFt7eA8D6NLg==",
-      "license": "ISC",
-      "dependencies": {
-        "d3-time": "1 - 3"
-      },
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/d3-timer": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/d3-timer/-/d3-timer-3.0.1.tgz",
-      "integrity": "sha512-ndfJ/JxxMd3nw31uyKoY2naivF+r29V+Lc0svZxe1JvvIRmi8hUsrMvdOwgS1o6uBHmiz91geQ0ylPP0aj1VUA==",
-      "license": "ISC",
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/d3-transition": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/d3-transition/-/d3-transition-3.0.1.tgz",
-      "integrity": "sha512-ApKvfjsSR6tg06xrL434C0WydLr7JewBB3V+/39RMHsaXTOG0zmt/OAXeng5M5LBm0ojmxJrpomQVZ1aPvBL4w==",
-      "license": "ISC",
-      "dependencies": {
-        "d3-color": "1 - 3",
-        "d3-dispatch": "1 - 3",
-        "d3-ease": "1 - 3",
-        "d3-interpolate": "1 - 3",
-        "d3-timer": "1 - 3"
-      },
-      "engines": {
-        "node": ">=12"
-      },
-      "peerDependencies": {
-        "d3-selection": "2 - 3"
-      }
+    "node_modules/@unrs/resolver-binding-win32-x64-msvc": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-win32-x64-msvc/-/resolver-binding-win32-x64-msvc-1.11.1.tgz",
+      "integrity": "sha512-lrW200hZdbfRtztbygyaq/6jP6AKE8qQN2KvPcJ+x7wiD038YtnYtZ82IMNJ69GJibV7bwL3y9FgK+5w/pYt6g==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
     },
-    "node_modules/d3-zoom": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/d3-zoom/-/d3-zoom-3.0.0.tgz",
-      "integrity": "sha512-b8AmV3kfQaqWAuacbPuNbL6vahnOJflOhexLzMMNLga62+/nh0JzvJ0aO/5a5MVgUFGS7Hu1P9P03o3fJkDCyw==",
-      "license": "ISC",
-      "dependencies": {
-        "d3-dispatch": "1 - 3",
-        "d3-drag": "2 - 3",
-        "d3-interpolate": "1 - 3",
-        "d3-selection": "2 - 3",
-        "d3-transition": "2 - 3"
+    "node_modules/acorn": {
+      "version": "8.16.0",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.16.0.tgz",
+      "integrity": "sha512-UVJyE9MttOsBQIDKw1skb9nAwQuR5wuGD3+82K6JgJlm/Y+KI92oNsMNGZCYdDsVtRHSak0pcV5Dno5+4jh9sw==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "acorn": "bin/acorn"
       },
       "engines": {
-        "node": ">=12"
+        "node": ">=0.4.0"
       }
     },
-    "node_modules/damerau-levenshtein": {
-      "version": "1.0.8",
-      "resolved": "https://registry.npmjs.org/damerau-levenshtein/-/damerau-levenshtein-1.0.8.tgz",
-      "integrity": "sha512-sdQSFB7+llfUcQHUQO3+B8ERRj0Oa4w9POWMI/puGtuf7gFywGmkaLCElnudfTiKZV+NvHqL0ifzdrI8Ro7ESA==",
+    "node_modules/acorn-jsx": {
+      "version": "5.3.2",
+      "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz",
+      "integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==",
       "dev": true,
-      "license": "BSD-2-Clause"
+      "license": "MIT",
+      "peerDependencies": {
+        "acorn": "^6.0.0 || ^7.0.0 || ^8.0.0"
+      }
     },
-    "node_modules/data-urls": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/data-urls/-/data-urls-5.0.0.tgz",
-      "integrity": "sha512-ZYP5VBHshaDAiVZxjbRVcFJpc+4xGgT0bK3vzy1HLN8jTO975HEbuYzZJcHoQEY5K1a0z8YayJkyVETa08eNTg==",
+    "node_modules/ajv": {
+      "version": "6.14.0",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.14.0.tgz",
+      "integrity": "sha512-IWrosm/yrn43eiKqkfkHis7QioDleaXQHdDVPKg0FSwwd/DuvyX79TZnFOnYpB7dcsFAMmtFztZuXPDvSePkFw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "whatwg-mimetype": "^4.0.0",
-        "whatwg-url": "^14.0.0"
+        "fast-deep-equal": "^3.1.1",
+        "fast-json-stable-stringify": "^2.0.0",
+        "json-schema-traverse": "^0.4.1",
+        "uri-js": "^4.2.2"
       },
-      "engines": {
-        "node": ">=18"
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/epoberezkin"
       }
     },
-    "node_modules/data-view-buffer": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/data-view-buffer/-/data-view-buffer-1.0.2.tgz",
-      "integrity": "sha512-EmKO5V3OLXh1rtK2wgXRansaK1/mtVdTUEiEI0W8RkvgT05kfxaH29PliLnpLP73yYO6142Q72QNa8Wx/A5CqQ==",
+    "node_modules/ansi-styles": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "call-bound": "^1.0.3",
-        "es-errors": "^1.3.0",
-        "is-data-view": "^1.0.2"
+        "color-convert": "^2.0.1"
       },
       "engines": {
-        "node": ">= 0.4"
+        "node": ">=8"
       },
       "funding": {
-        "url": "https://github.com/sponsors/ljharb"
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
       }
     },
-    "node_modules/data-view-byte-length": {
+    "node_modules/argparse": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
+      "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
+      "dev": true,
+      "license": "Python-2.0"
+    },
+    "node_modules/aria-query": {
+      "version": "5.3.2",
+      "resolved": "https://registry.npmjs.org/aria-query/-/aria-query-5.3.2.tgz",
+      "integrity": "sha512-COROpnaoap1E2F000S62r6A60uHZnmlvomhfyT2DlTcrY1OrBKn2UhH7qn5wTC9zMvD0AY7csdPSNwKP+7WiQw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/array-buffer-byte-length": {
       "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/data-view-byte-length/-/data-view-byte-length-1.0.2.tgz",
-      "integrity": "sha512-tuhGbE6CfTM9+5ANGf+oQb72Ky/0+s3xKUpHvShfiz2RxMFgFPjsXuRLBVMtvMs15awe45SRb83D6wH4ew6wlQ==",
+      "resolved": "https://registry.npmjs.org/array-buffer-byte-length/-/array-buffer-byte-length-1.0.2.tgz",
+      "integrity": "sha512-LHE+8BuR7RYGDKvnrmcuSq3tDcKv9OFEXQt/HpbZhY7V6h0zlUXutnAD82GiFx9rdieCMjkvtcsPqBwgUl1Iiw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "call-bound": "^1.0.3",
-        "es-errors": "^1.3.0",
-        "is-data-view": "^1.0.2"
+        "is-array-buffer": "^3.0.5"
       },
       "engines": {
         "node": ">= 0.4"
       },
       "funding": {
-        "url": "https://github.com/sponsors/inspect-js"
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/data-view-byte-offset": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/data-view-byte-offset/-/data-view-byte-offset-1.0.1.tgz",
-      "integrity": "sha512-BS8PfmtDGnrgYdOonGZQdLZslWIeCGFP9tpan0hi1Co2Zr2NKADsvGYA8XxuG/4UWgJ6Cjtv+YJnB6MM69QGlQ==",
+    "node_modules/array-includes": {
+      "version": "3.1.9",
+      "resolved": "https://registry.npmjs.org/array-includes/-/array-includes-3.1.9.tgz",
+      "integrity": "sha512-FmeCCAenzH0KH381SPT5FZmiA/TmpndpcaShhfgEN9eCVjnFBqq3l1xrI42y8+PPLI6hypzou4GXw00WHmPBLQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "call-bound": "^1.0.2",
-        "es-errors": "^1.3.0",
-        "is-data-view": "^1.0.1"
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.4",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.24.0",
+        "es-object-atoms": "^1.1.1",
+        "get-intrinsic": "^1.3.0",
+        "is-string": "^1.1.1",
+        "math-intrinsics": "^1.1.0"
       },
       "engines": {
         "node": ">= 0.4"
@@ -5323,85 +2430,41 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/debug": {
-      "version": "4.4.3",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.3.tgz",
-      "integrity": "sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==",
+    "node_modules/array.prototype.findlast": {
+      "version": "1.2.5",
+      "resolved": "https://registry.npmjs.org/array.prototype.findlast/-/array.prototype.findlast-1.2.5.tgz",
+      "integrity": "sha512-CVvd6FHg1Z3POpBLxO6E6zr+rSKEQ9L6rZHAaY7lLfhKsWYUBBOuMs0e9o24oopj6H+geRCX0YJ+TJLBK2eHyQ==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "ms": "^2.1.3"
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.2",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.0.0",
+        "es-shim-unscopables": "^1.0.2"
       },
       "engines": {
-        "node": ">=6.0"
-      },
-      "peerDependenciesMeta": {
-        "supports-color": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/decimal.js": {
-      "version": "10.6.0",
-      "resolved": "https://registry.npmjs.org/decimal.js/-/decimal.js-10.6.0.tgz",
-      "integrity": "sha512-YpgQiITW3JXGntzdUmyUR1V812Hn8T1YVXhCu+wO3OpS4eU9l4YdD3qjyiKdV6mvV29zapkMeD390UVEf2lkUg==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/decode-named-character-reference": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/decode-named-character-reference/-/decode-named-character-reference-1.3.0.tgz",
-      "integrity": "sha512-GtpQYB283KrPp6nRw50q3U9/VfOutZOe103qlN7BPP6Ad27xYnOIWv4lPzo8HCAL+mMZofJ9KEy30fq6MfaK6Q==",
-      "license": "MIT",
-      "dependencies": {
-        "character-entities": "^2.0.0"
+        "node": ">= 0.4"
       },
       "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/wooorm"
-      }
-    },
-    "node_modules/dedent": {
-      "version": "1.7.1",
-      "resolved": "https://registry.npmjs.org/dedent/-/dedent-1.7.1.tgz",
-      "integrity": "sha512-9JmrhGZpOlEgOLdQgSm0zxFaYoQon408V1v49aqTWuXENVlnCuY9JBZcXZiCsZQWDjTm5Qf/nIvAy77mXDAjEg==",
-      "dev": true,
-      "license": "MIT",
-      "peerDependencies": {
-        "babel-plugin-macros": "^3.1.0"
-      },
-      "peerDependenciesMeta": {
-        "babel-plugin-macros": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/deep-is": {
-      "version": "0.1.4",
-      "resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.4.tgz",
-      "integrity": "sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/deepmerge": {
-      "version": "4.3.1",
-      "resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-4.3.1.tgz",
-      "integrity": "sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=0.10.0"
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/define-data-property": {
-      "version": "1.1.4",
-      "resolved": "https://registry.npmjs.org/define-data-property/-/define-data-property-1.1.4.tgz",
-      "integrity": "sha512-rBMvIzlpA8v6E+SJZoo++HAYqsLrkg7MSfIinMPFhmkorw7X+dOXVJQs+QT69zGkzMyfDnIMN2Wid1+NbL3T+A==",
+    "node_modules/array.prototype.findlastindex": {
+      "version": "1.2.6",
+      "resolved": "https://registry.npmjs.org/array.prototype.findlastindex/-/array.prototype.findlastindex-1.2.6.tgz",
+      "integrity": "sha512-F/TKATkzseUExPlfvmwQKGITM3DGTK+vkAsCZoDc5daVygbJBnjEUCbgkAvVFsgfXfX4YIqZ/27G3k3tdXrTxQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "es-define-property": "^1.0.0",
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.4",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.9",
         "es-errors": "^1.3.0",
-        "gopd": "^1.0.1"
+        "es-object-atoms": "^1.1.1",
+        "es-shim-unscopables": "^1.1.0"
       },
       "engines": {
         "node": ">= 0.4"
@@ -5410,16 +2473,17 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/define-properties": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/define-properties/-/define-properties-1.2.1.tgz",
-      "integrity": "sha512-8QmQKqEASLd5nx0U1B1okLElbUuuttJ/AnYmRXbbbGDWh6uS208EjD4Xqq/I9wK7u0v6O08XhTWnt5XtEbR6Dg==",
+    "node_modules/array.prototype.flat": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/array.prototype.flat/-/array.prototype.flat-1.3.3.tgz",
+      "integrity": "sha512-rwG/ja1neyLqCuGZ5YYrznA62D4mZXg0i1cIskIUKSiqF3Cje9/wXAls9B9s1Wa2fomMsIv8czB8jZcPmxCXFg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "define-data-property": "^1.0.1",
-        "has-property-descriptors": "^1.0.0",
-        "object-keys": "^1.1.1"
+        "call-bind": "^1.0.8",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.5",
+        "es-shim-unscopables": "^1.0.2"
       },
       "engines": {
         "node": ">= 0.4"
@@ -5428,332 +2492,246 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/delaunator": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/delaunator/-/delaunator-5.0.1.tgz",
-      "integrity": "sha512-8nvh+XBe96aCESrGOqMp/84b13H9cdKbG5P2ejQCh4d4sK9RL4371qou9drQjMhvnPmhWl5hnmqbEE0fXr9Xnw==",
-      "license": "ISC",
-      "dependencies": {
-        "robust-predicates": "^3.0.2"
-      }
-    },
-    "node_modules/dequal": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/dequal/-/dequal-2.0.3.tgz",
-      "integrity": "sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/detect-libc": {
-      "version": "2.1.2",
-      "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.1.2.tgz",
-      "integrity": "sha512-Btj2BOOO83o3WyH59e8MgXsxEQVcarkUOpEYrubB0urwnN10yQ364rsiByU11nZlqWYZm05i/of7io4mzihBtQ==",
-      "devOptional": true,
-      "license": "Apache-2.0",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/detect-newline": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/detect-newline/-/detect-newline-3.1.0.tgz",
-      "integrity": "sha512-TLz+x/vEXm/Y7P7wn1EJFNLxYpUD4TgMosxY6fAVJUnJMbupHBOncxyWUG9OpTaH9EBD7uFI5LfEgmMOc54DsA==",
+    "node_modules/array.prototype.flatmap": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/array.prototype.flatmap/-/array.prototype.flatmap-1.3.3.tgz",
+      "integrity": "sha512-Y7Wt51eKJSyi80hFrJCePGGNo5ktJCslFuboqJsbf57CCPcm5zztluPlc4/aD8sWsKvlwatezpV4U1efk8kpjg==",
       "dev": true,
       "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/devlop": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/devlop/-/devlop-1.1.0.tgz",
-      "integrity": "sha512-RWmIqhcFf1lRYBvNmr7qTNuyCt/7/ns2jbpp1+PalgE/rDQcBT0fioSMUpJ93irlUhC5hrg4cYqe6U+0ImW0rA==",
-      "license": "MIT",
       "dependencies": {
-        "dequal": "^2.0.0"
+        "call-bind": "^1.0.8",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.5",
+        "es-shim-unscopables": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
       },
       "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/wooorm"
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/doctrine": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-2.1.0.tgz",
-      "integrity": "sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==",
+    "node_modules/array.prototype.tosorted": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/array.prototype.tosorted/-/array.prototype.tosorted-1.1.4.tgz",
+      "integrity": "sha512-p6Fx8B7b7ZhL/gmUsAy0D15WhvDccw3mnGNbZpi3pmeJdxtWsj2jEaI4Y6oo3XiHfzuSgPwKc04MYt6KgvC/wA==",
       "dev": true,
-      "license": "Apache-2.0",
+      "license": "MIT",
       "dependencies": {
-        "esutils": "^2.0.2"
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.3",
+        "es-errors": "^1.3.0",
+        "es-shim-unscopables": "^1.0.2"
       },
       "engines": {
-        "node": ">=0.10.0"
+        "node": ">= 0.4"
       }
     },
-    "node_modules/dom-accessibility-api": {
-      "version": "0.5.16",
-      "resolved": "https://registry.npmjs.org/dom-accessibility-api/-/dom-accessibility-api-0.5.16.tgz",
-      "integrity": "sha512-X7BJ2yElsnOJ30pZF4uIIDfBEVgF4XEBxL9Bxhy6dnrm5hkzqmsWHGTiHqRiITNhMyFLyAiWndIJP7Z1NTteDg==",
-      "dev": true,
-      "license": "MIT",
-      "peer": true
-    },
-    "node_modules/dunder-proto": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/dunder-proto/-/dunder-proto-1.0.1.tgz",
-      "integrity": "sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==",
+    "node_modules/arraybuffer.prototype.slice": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/arraybuffer.prototype.slice/-/arraybuffer.prototype.slice-1.0.4.tgz",
+      "integrity": "sha512-BNoCY6SXXPQ7gF2opIP4GBE+Xw7U+pHMYKuzjgCN3GwiaIR09UUeKfheyIry77QtrCBlC0KK0q5/TER/tYh3PQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "call-bind-apply-helpers": "^1.0.1",
+        "array-buffer-byte-length": "^1.0.1",
+        "call-bind": "^1.0.8",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.5",
         "es-errors": "^1.3.0",
-        "gopd": "^1.2.0"
+        "get-intrinsic": "^1.2.6",
+        "is-array-buffer": "^3.0.4"
       },
       "engines": {
         "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/eastasianwidth": {
-      "version": "0.2.0",
-      "resolved": "https://registry.npmjs.org/eastasianwidth/-/eastasianwidth-0.2.0.tgz",
-      "integrity": "sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==",
+    "node_modules/ast-types-flow": {
+      "version": "0.0.8",
+      "resolved": "https://registry.npmjs.org/ast-types-flow/-/ast-types-flow-0.0.8.tgz",
+      "integrity": "sha512-OH/2E5Fg20h2aPrbe+QL8JZQFko0YZaF+j4mnQ7BGhfavO7OpSLa8a0y9sBwomHdSbkhTS8TQNayBfnW5DwbvQ==",
       "dev": true,
       "license": "MIT"
     },
-    "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/emittery": {
-      "version": "0.13.1",
-      "resolved": "https://registry.npmjs.org/emittery/-/emittery-0.13.1.tgz",
-      "integrity": "sha512-DeWwawk6r5yR9jFgnDKYt4sLS0LmHJJi3ZOnb5/JdbYwj3nW+FxQnHIjhBKz8YLC7oRNPVM9NQ47I3CVx34eqQ==",
+    "node_modules/async-function": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/async-function/-/async-function-1.0.0.tgz",
+      "integrity": "sha512-hsU18Ae8CDTR6Kgu9DYf0EbCr/a5iGL0rytQDobUcdpYOKokk8LEjVphnXkDkgpi0wYVsqrXuP0bZxJaTqdgoA==",
       "dev": true,
       "license": "MIT",
       "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/sindresorhus/emittery?sponsor=1"
+        "node": ">= 0.4"
       }
     },
-    "node_modules/emoji-regex": {
-      "version": "9.2.2",
-      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-9.2.2.tgz",
-      "integrity": "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/enhanced-resolve": {
-      "version": "5.19.0",
-      "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.19.0.tgz",
-      "integrity": "sha512-phv3E1Xl4tQOShqSte26C7Fl84EwUdZsyOuSSk9qtAGyyQs2s3jJzComh+Abf4g187lUUAvH+H26omrqia2aGg==",
+    "node_modules/available-typed-arrays": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/available-typed-arrays/-/available-typed-arrays-1.0.7.tgz",
+      "integrity": "sha512-wvUjBtSGN7+7SjNpq/9M2Tg350UZD3q62IFZLbRAR1bSMlCo1ZaeW+BJ+D090e4hIIZLBcTDWe4Mh4jvUDajzQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "graceful-fs": "^4.2.4",
-        "tapable": "^2.3.0"
+        "possible-typed-array-names": "^1.0.0"
       },
       "engines": {
-        "node": ">=10.13.0"
-      }
-    },
-    "node_modules/entities": {
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/entities/-/entities-6.0.1.tgz",
-      "integrity": "sha512-aN97NXWF6AWBTahfVOIrB/NShkzi5H7F9r1s9mD3cDj4Ko5f2qhhVoYMibXF7GlLveb/D2ioWay8lxI97Ven3g==",
-      "license": "BSD-2-Clause",
-      "engines": {
-        "node": ">=0.12"
+        "node": ">= 0.4"
       },
       "funding": {
-        "url": "https://github.com/fb55/entities?sponsor=1"
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "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==",
+    "node_modules/axe-core": {
+      "version": "4.11.3",
+      "resolved": "https://registry.npmjs.org/axe-core/-/axe-core-4.11.3.tgz",
+      "integrity": "sha512-zBQouZixDTbo3jMGqHKyePxYxr1e5W8UdTmBQ7sNtaA9M2bE32daxxPLS/jojhKOHxQ7LWwPjfiwf/fhaJWzlg==",
       "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "is-arrayish": "^0.2.1"
+      "license": "MPL-2.0",
+      "engines": {
+        "node": ">=4"
       }
     },
-    "node_modules/es-abstract": {
-      "version": "1.24.1",
-      "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.24.1.tgz",
-      "integrity": "sha512-zHXBLhP+QehSSbsS9Pt23Gg964240DPd6QCf8WpkqEXxQ7fhdZzYsocOr5u7apWonsS5EjZDmTF+/slGMyasvw==",
+    "node_modules/axobject-query": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/axobject-query/-/axobject-query-4.1.0.tgz",
+      "integrity": "sha512-qIj0G9wZbMGNLjLmg1PT6v2mE9AH2zlnADJD/2tC6E00hgmhUOfEB6greHPAfLRSufHqROIUTkw6E+M3lH0PTQ==",
       "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "array-buffer-byte-length": "^1.0.2",
-        "arraybuffer.prototype.slice": "^1.0.4",
-        "available-typed-arrays": "^1.0.7",
-        "call-bind": "^1.0.8",
-        "call-bound": "^1.0.4",
-        "data-view-buffer": "^1.0.2",
-        "data-view-byte-length": "^1.0.2",
-        "data-view-byte-offset": "^1.0.1",
-        "es-define-property": "^1.0.1",
-        "es-errors": "^1.3.0",
-        "es-object-atoms": "^1.1.1",
-        "es-set-tostringtag": "^2.1.0",
-        "es-to-primitive": "^1.3.0",
-        "function.prototype.name": "^1.1.8",
-        "get-intrinsic": "^1.3.0",
-        "get-proto": "^1.0.1",
-        "get-symbol-description": "^1.1.0",
-        "globalthis": "^1.0.4",
-        "gopd": "^1.2.0",
-        "has-property-descriptors": "^1.0.2",
-        "has-proto": "^1.2.0",
-        "has-symbols": "^1.1.0",
-        "hasown": "^2.0.2",
-        "internal-slot": "^1.1.0",
-        "is-array-buffer": "^3.0.5",
-        "is-callable": "^1.2.7",
-        "is-data-view": "^1.0.2",
-        "is-negative-zero": "^2.0.3",
-        "is-regex": "^1.2.1",
-        "is-set": "^2.0.3",
-        "is-shared-array-buffer": "^1.0.4",
-        "is-string": "^1.1.1",
-        "is-typed-array": "^1.1.15",
-        "is-weakref": "^1.1.1",
-        "math-intrinsics": "^1.1.0",
-        "object-inspect": "^1.13.4",
-        "object-keys": "^1.1.1",
-        "object.assign": "^4.1.7",
-        "own-keys": "^1.0.1",
-        "regexp.prototype.flags": "^1.5.4",
-        "safe-array-concat": "^1.1.3",
-        "safe-push-apply": "^1.0.0",
-        "safe-regex-test": "^1.1.0",
-        "set-proto": "^1.0.0",
-        "stop-iteration-iterator": "^1.1.0",
-        "string.prototype.trim": "^1.2.10",
-        "string.prototype.trimend": "^1.0.9",
-        "string.prototype.trimstart": "^1.0.8",
-        "typed-array-buffer": "^1.0.3",
-        "typed-array-byte-length": "^1.0.3",
-        "typed-array-byte-offset": "^1.0.4",
-        "typed-array-length": "^1.0.7",
-        "unbox-primitive": "^1.1.0",
-        "which-typed-array": "^1.1.19"
-      },
+      "license": "Apache-2.0",
       "engines": {
         "node": ">= 0.4"
-      },
+      }
+    },
+    "node_modules/bail": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/bail/-/bail-2.0.2.tgz",
+      "integrity": "sha512-0xO6mYd7JB2YesxDKplafRpsiOzPt9V02ddPCLbY1xYGPOX24NTyN50qnUxgCPcSoYMhKpAuBTjQoRZCAkUDRw==",
+      "license": "MIT",
       "funding": {
-        "url": "https://github.com/sponsors/ljharb"
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
       }
     },
-    "node_modules/es-define-property": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.1.tgz",
-      "integrity": "sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==",
+    "node_modules/balanced-match": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
+      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
       "dev": true,
-      "license": "MIT",
+      "license": "MIT"
+    },
+    "node_modules/baseline-browser-mapping": {
+      "version": "2.10.20",
+      "resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.10.20.tgz",
+      "integrity": "sha512-1AaXxEPfXT+GvTBJFuy4yXVHWJBXa4OdbIebGN/wX5DlsIkU0+wzGnd2lOzokSk51d5LUmqjgBLRLlypLUqInQ==",
+      "license": "Apache-2.0",
+      "bin": {
+        "baseline-browser-mapping": "dist/cli.cjs"
+      },
       "engines": {
-        "node": ">= 0.4"
+        "node": ">=6.0.0"
       }
     },
-    "node_modules/es-errors": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz",
-      "integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==",
+    "node_modules/brace-expansion": {
+      "version": "1.1.14",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.14.tgz",
+      "integrity": "sha512-MWPGfDxnyzKU7rNOW9SP/c50vi3xrmrua/+6hfPbCS2ABNWfx24vPidzvC7krjU/RTo235sV776ymlsMtGKj8g==",
       "dev": true,
       "license": "MIT",
-      "engines": {
-        "node": ">= 0.4"
+      "dependencies": {
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
       }
     },
-    "node_modules/es-iterator-helpers": {
-      "version": "1.2.2",
-      "resolved": "https://registry.npmjs.org/es-iterator-helpers/-/es-iterator-helpers-1.2.2.tgz",
-      "integrity": "sha512-BrUQ0cPTB/IwXj23HtwHjS9n7O4h9FX94b4xc5zlTHxeLgTAdzYUDyy6KdExAl9lbN5rtfe44xpjpmj9grxs5w==",
+    "node_modules/braces": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz",
+      "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "call-bind": "^1.0.8",
-        "call-bound": "^1.0.4",
-        "define-properties": "^1.2.1",
-        "es-abstract": "^1.24.1",
-        "es-errors": "^1.3.0",
-        "es-set-tostringtag": "^2.1.0",
-        "function-bind": "^1.1.2",
-        "get-intrinsic": "^1.3.0",
-        "globalthis": "^1.0.4",
-        "gopd": "^1.2.0",
-        "has-property-descriptors": "^1.0.2",
-        "has-proto": "^1.2.0",
-        "has-symbols": "^1.1.0",
-        "internal-slot": "^1.1.0",
-        "iterator.prototype": "^1.1.5",
-        "safe-array-concat": "^1.1.3"
+        "fill-range": "^7.1.1"
       },
       "engines": {
-        "node": ">= 0.4"
+        "node": ">=8"
       }
     },
-    "node_modules/es-object-atoms": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/es-object-atoms/-/es-object-atoms-1.1.1.tgz",
-      "integrity": "sha512-FGgH2h8zKNim9ljj7dankFPcICIK9Cp5bm+c2gQSYePhpaG5+esrLODihIorn+Pe6FGJzWhXQotPv73jTaldXA==",
+    "node_modules/browserslist": {
+      "version": "4.28.2",
+      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.28.2.tgz",
+      "integrity": "sha512-48xSriZYYg+8qXna9kwqjIVzuQxi+KYWp2+5nCYnYKPTr0LvD89Jqk2Or5ogxz0NUMfIjhh2lIUX/LyX9B4oIg==",
       "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": {
-        "es-errors": "^1.3.0"
+        "baseline-browser-mapping": "^2.10.12",
+        "caniuse-lite": "^1.0.30001782",
+        "electron-to-chromium": "^1.5.328",
+        "node-releases": "^2.0.36",
+        "update-browserslist-db": "^1.2.3"
+      },
+      "bin": {
+        "browserslist": "cli.js"
       },
       "engines": {
-        "node": ">= 0.4"
+        "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7"
       }
     },
-    "node_modules/es-set-tostringtag": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/es-set-tostringtag/-/es-set-tostringtag-2.1.0.tgz",
-      "integrity": "sha512-j6vWzfrGVfyXxge+O0x5sh6cvxAog0a/4Rdd2K36zCMV5eJ+/+tOAngRO8cODMNWbVRdVlmGZQL2YS3yR8bIUA==",
+    "node_modules/call-bind": {
+      "version": "1.0.9",
+      "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.9.tgz",
+      "integrity": "sha512-a/hy+pNsFUTR+Iz8TCJvXudKVLAnz/DyeSUo10I5yvFDQJBFU2s9uqQpoSrJlroHUKoKqzg+epxyP9lqFdzfBQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "es-errors": "^1.3.0",
-        "get-intrinsic": "^1.2.6",
-        "has-tostringtag": "^1.0.2",
-        "hasown": "^2.0.2"
+        "call-bind-apply-helpers": "^1.0.2",
+        "es-define-property": "^1.0.1",
+        "get-intrinsic": "^1.3.0",
+        "set-function-length": "^1.2.2"
       },
       "engines": {
         "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/es-shim-unscopables": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/es-shim-unscopables/-/es-shim-unscopables-1.1.0.tgz",
-      "integrity": "sha512-d9T8ucsEhh8Bi1woXCf+TIKDIROLG5WCkxg8geBCbvk22kzwC5G2OnXVMO6FUsvQlgUUXQ2itephWDLqDzbeCw==",
+    "node_modules/call-bind-apply-helpers": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.2.tgz",
+      "integrity": "sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "hasown": "^2.0.2"
+        "es-errors": "^1.3.0",
+        "function-bind": "^1.1.2"
       },
       "engines": {
         "node": ">= 0.4"
       }
     },
-    "node_modules/es-to-primitive": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/es-to-primitive/-/es-to-primitive-1.3.0.tgz",
-      "integrity": "sha512-w+5mJ3GuFL+NjVtJlvydShqE1eN3h3PbI7/5LAsYJP/2qtuMXjfL2LpHSRqo4b4eSF5K/DH1JXKUAHSB2UW50g==",
+    "node_modules/call-bound": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/call-bound/-/call-bound-1.0.4.tgz",
+      "integrity": "sha512-+ys997U96po4Kx/ABpBCqhA9EuxJaQWDQg7295H4hBphv3IZg0boBKuwYpt4YXp6MZ5AmZQnU/tyMTlRpaSejg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "is-callable": "^1.2.7",
-        "is-date-object": "^1.0.5",
-        "is-symbol": "^1.0.4"
+        "call-bind-apply-helpers": "^1.0.2",
+        "get-intrinsic": "^1.3.0"
       },
       "engines": {
         "node": ">= 0.4"
@@ -5762,853 +2740,601 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/escalade": {
-      "version": "3.2.0",
-      "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.2.0.tgz",
-      "integrity": "sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==",
+    "node_modules/callsites": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",
+      "integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==",
       "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==",
-      "dev": true,
+    "node_modules/caniuse-lite": {
+      "version": "1.0.30001788",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001788.tgz",
+      "integrity": "sha512-6q8HFp+lOQtcf7wBK+uEenxymVWkGKkjFpCvw5W25cmMwEDU45p1xQFBQv8JDlMMry7eNxyBaR+qxgmTUZkIRQ==",
+      "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/ccount": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/ccount/-/ccount-2.0.1.tgz",
+      "integrity": "sha512-eyrF0jiFpY+3drT6383f1qhkbGsLSifNAjA61IUjZjmLCWjItY6LB9ft9YhoDgwfmclB2zhu51Lc7+95b8NRAg==",
       "license": "MIT",
-      "engines": {
-        "node": ">=10"
-      },
       "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
       }
     },
-    "node_modules/eslint": {
-      "version": "9.39.3",
-      "resolved": "https://registry.npmjs.org/eslint/-/eslint-9.39.3.tgz",
-      "integrity": "sha512-VmQ+sifHUbI/IcSopBCF/HO3YiHQx/AVd3UVyYL6weuwW+HvON9VYn5l6Zl1WZzPWXPNZrSQpxwkkZ/VuvJZzg==",
+    "node_modules/chalk": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@eslint-community/eslint-utils": "^4.8.0",
-        "@eslint-community/regexpp": "^4.12.1",
-        "@eslint/config-array": "^0.21.1",
-        "@eslint/config-helpers": "^0.4.2",
-        "@eslint/core": "^0.17.0",
-        "@eslint/eslintrc": "^3.3.1",
-        "@eslint/js": "9.39.3",
-        "@eslint/plugin-kit": "^0.4.1",
-        "@humanfs/node": "^0.16.6",
-        "@humanwhocodes/module-importer": "^1.0.1",
-        "@humanwhocodes/retry": "^0.4.2",
-        "@types/estree": "^1.0.6",
-        "ajv": "^6.12.4",
-        "chalk": "^4.0.0",
-        "cross-spawn": "^7.0.6",
-        "debug": "^4.3.2",
-        "escape-string-regexp": "^4.0.0",
-        "eslint-scope": "^8.4.0",
-        "eslint-visitor-keys": "^4.2.1",
-        "espree": "^10.4.0",
-        "esquery": "^1.5.0",
-        "esutils": "^2.0.2",
-        "fast-deep-equal": "^3.1.3",
-        "file-entry-cache": "^8.0.0",
-        "find-up": "^5.0.0",
-        "glob-parent": "^6.0.2",
-        "ignore": "^5.2.0",
-        "imurmurhash": "^0.1.4",
-        "is-glob": "^4.0.0",
-        "json-stable-stringify-without-jsonify": "^1.0.1",
-        "lodash.merge": "^4.6.2",
-        "minimatch": "^3.1.2",
-        "natural-compare": "^1.4.0",
-        "optionator": "^0.9.3"
-      },
-      "bin": {
-        "eslint": "bin/eslint.js"
+        "ansi-styles": "^4.1.0",
+        "supports-color": "^7.1.0"
       },
       "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+        "node": ">=10"
       },
       "funding": {
-        "url": "https://eslint.org/donate"
-      },
-      "peerDependencies": {
-        "jiti": "*"
-      },
-      "peerDependenciesMeta": {
-        "jiti": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/eslint-config-next": {
-      "version": "16.1.6",
-      "resolved": "https://registry.npmjs.org/eslint-config-next/-/eslint-config-next-16.1.6.tgz",
-      "integrity": "sha512-vKq40io2B0XtkkNDYyleATwblNt8xuh3FWp8SpSz3pt7P01OkBFlKsJZ2mWt5WsCySlDQLckb1zMY9yE9Qy0LA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@next/eslint-plugin-next": "16.1.6",
-        "eslint-import-resolver-node": "^0.3.6",
-        "eslint-import-resolver-typescript": "^3.5.2",
-        "eslint-plugin-import": "^2.32.0",
-        "eslint-plugin-jsx-a11y": "^6.10.0",
-        "eslint-plugin-react": "^7.37.0",
-        "eslint-plugin-react-hooks": "^7.0.0",
-        "globals": "16.4.0",
-        "typescript-eslint": "^8.46.0"
-      },
-      "peerDependencies": {
-        "eslint": ">=9.0.0",
-        "typescript": ">=3.3.1"
-      },
-      "peerDependenciesMeta": {
-        "typescript": {
-          "optional": true
-        }
+        "url": "https://github.com/chalk/chalk?sponsor=1"
       }
     },
-    "node_modules/eslint-config-next/node_modules/globals": {
-      "version": "16.4.0",
-      "resolved": "https://registry.npmjs.org/globals/-/globals-16.4.0.tgz",
-      "integrity": "sha512-ob/2LcVVaVGCYN+r14cnwnoDPUufjiYgSqRhiFD0Q1iI4Odora5RE8Iv1D24hAz5oMophRGkGz+yuvQmmUMnMw==",
-      "dev": true,
+    "node_modules/character-entities": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/character-entities/-/character-entities-2.0.2.tgz",
+      "integrity": "sha512-shx7oQ0Awen/BRIdkjkvz54PnEEI/EjwXDSIZp86/KKdbafHh1Df/RYGBhn4hbe2+uKC9FnT5UCEdyPz3ai9hQ==",
       "license": "MIT",
-      "engines": {
-        "node": ">=18"
-      },
       "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
       }
     },
-    "node_modules/eslint-import-resolver-node": {
-      "version": "0.3.9",
-      "resolved": "https://registry.npmjs.org/eslint-import-resolver-node/-/eslint-import-resolver-node-0.3.9.tgz",
-      "integrity": "sha512-WFj2isz22JahUv+B788TlO3N6zL3nNJGU8CcZbPZvVEkBPaJdCV4vy5wyghty5ROFbCRnm132v8BScu5/1BQ8g==",
-      "dev": true,
+    "node_modules/character-entities-html4": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/character-entities-html4/-/character-entities-html4-2.1.0.tgz",
+      "integrity": "sha512-1v7fgQRj6hnSwFpq1Eu0ynr/CDEw0rXo2B61qXrLNdHZmPKgb7fqS1a2JwF0rISo9q77jDI8VMEHoApn8qDoZA==",
       "license": "MIT",
-      "dependencies": {
-        "debug": "^3.2.7",
-        "is-core-module": "^2.13.0",
-        "resolve": "^1.22.4"
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
       }
     },
-    "node_modules/eslint-import-resolver-node/node_modules/debug": {
-      "version": "3.2.7",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
-      "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
-      "dev": true,
+    "node_modules/character-entities-legacy": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/character-entities-legacy/-/character-entities-legacy-3.0.0.tgz",
+      "integrity": "sha512-RpPp0asT/6ufRm//AJVwpViZbGM/MkjQFxJccQRHmISF/22NBtsHqAWmL+/pmkPWoIUJdWyeVleTl1wydHATVQ==",
       "license": "MIT",
-      "dependencies": {
-        "ms": "^2.1.1"
-      }
-    },
-    "node_modules/eslint-import-resolver-typescript": {
-      "version": "3.10.1",
-      "resolved": "https://registry.npmjs.org/eslint-import-resolver-typescript/-/eslint-import-resolver-typescript-3.10.1.tgz",
-      "integrity": "sha512-A1rHYb06zjMGAxdLSkN2fXPBwuSaQ0iO5M/hdyS0Ajj1VBaRp0sPD3dn1FhME3c/JluGFbwSxyCfqdSbtQLAHQ==",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "@nolyfill/is-core-module": "1.0.39",
-        "debug": "^4.4.0",
-        "get-tsconfig": "^4.10.0",
-        "is-bun-module": "^2.0.0",
-        "stable-hash": "^0.0.5",
-        "tinyglobby": "^0.2.13",
-        "unrs-resolver": "^1.6.2"
-      },
-      "engines": {
-        "node": "^14.18.0 || >=16.0.0"
-      },
       "funding": {
-        "url": "https://opencollective.com/eslint-import-resolver-typescript"
-      },
-      "peerDependencies": {
-        "eslint": "*",
-        "eslint-plugin-import": "*",
-        "eslint-plugin-import-x": "*"
-      },
-      "peerDependenciesMeta": {
-        "eslint-plugin-import": {
-          "optional": true
-        },
-        "eslint-plugin-import-x": {
-          "optional": true
-        }
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
       }
     },
-    "node_modules/eslint-module-utils": {
-      "version": "2.12.1",
-      "resolved": "https://registry.npmjs.org/eslint-module-utils/-/eslint-module-utils-2.12.1.tgz",
-      "integrity": "sha512-L8jSWTze7K2mTg0vos/RuLRS5soomksDPoJLXIslC7c8Wmut3bx7CPpJijDcBZtxQ5lrbUdM+s0OlNbz0DCDNw==",
-      "dev": true,
+    "node_modules/character-reference-invalid": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/character-reference-invalid/-/character-reference-invalid-2.0.1.tgz",
+      "integrity": "sha512-iBZ4F4wRbyORVsu0jPV7gXkOsGYjGHPmAyv+HiHG8gi5PtC9KI2j1+v8/tlibRvjoWX027ypmG/n0HtO5t7unw==",
       "license": "MIT",
-      "dependencies": {
-        "debug": "^3.2.7"
-      },
-      "engines": {
-        "node": ">=4"
-      },
-      "peerDependenciesMeta": {
-        "eslint": {
-          "optional": true
-        }
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
       }
     },
-    "node_modules/eslint-module-utils/node_modules/debug": {
-      "version": "3.2.7",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
-      "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "ms": "^2.1.1"
-      }
+    "node_modules/client-only": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/client-only/-/client-only-0.0.1.tgz",
+      "integrity": "sha512-IV3Ou0jSMzZrd3pZ48nLkT9DA7Ag1pnPzaiQhpW7c3RbcqqzvzzVu+L8gfqMp/8IM2MQtSiqaCxrrcfu8I8rMA==",
+      "license": "MIT"
     },
-    "node_modules/eslint-plugin-import": {
-      "version": "2.32.0",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-import/-/eslint-plugin-import-2.32.0.tgz",
-      "integrity": "sha512-whOE1HFo/qJDyX4SnXzP4N6zOWn79WhnCUY/iDR0mPfQZO8wcYE4JClzI2oZrhBnnMUCBCHZhO6VQyoBU95mZA==",
+    "node_modules/color-convert": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@rtsao/scc": "^1.1.0",
-        "array-includes": "^3.1.9",
-        "array.prototype.findlastindex": "^1.2.6",
-        "array.prototype.flat": "^1.3.3",
-        "array.prototype.flatmap": "^1.3.3",
-        "debug": "^3.2.7",
-        "doctrine": "^2.1.0",
-        "eslint-import-resolver-node": "^0.3.9",
-        "eslint-module-utils": "^2.12.1",
-        "hasown": "^2.0.2",
-        "is-core-module": "^2.16.1",
-        "is-glob": "^4.0.3",
-        "minimatch": "^3.1.2",
-        "object.fromentries": "^2.0.8",
-        "object.groupby": "^1.0.3",
-        "object.values": "^1.2.1",
-        "semver": "^6.3.1",
-        "string.prototype.trimend": "^1.0.9",
-        "tsconfig-paths": "^3.15.0"
+        "color-name": "~1.1.4"
       },
       "engines": {
-        "node": ">=4"
-      },
-      "peerDependencies": {
-        "eslint": "^2 || ^3 || ^4 || ^5 || ^6 || ^7.2.0 || ^8 || ^9"
+        "node": ">=7.0.0"
       }
     },
-    "node_modules/eslint-plugin-import/node_modules/debug": {
-      "version": "3.2.7",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
-      "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
+    "node_modules/color-name": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
       "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/comma-separated-tokens": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/comma-separated-tokens/-/comma-separated-tokens-2.0.3.tgz",
+      "integrity": "sha512-Fu4hJdvzeylCfQPp9SGWidpzrMs7tTrlu6Vb8XGaRGck8QSNZJJp538Wrb60Lax4fPwR64ViY468OIUTbRlGZg==",
       "license": "MIT",
-      "dependencies": {
-        "ms": "^2.1.1"
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
       }
     },
-    "node_modules/eslint-plugin-jsx-a11y": {
-      "version": "6.10.2",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-jsx-a11y/-/eslint-plugin-jsx-a11y-6.10.2.tgz",
-      "integrity": "sha512-scB3nz4WmG75pV8+3eRUQOHZlNSUhFNq37xnpgRkCCELU3XMvXAxLk1eqWWyE22Ki4Q01Fnsw9BA3cJHDPgn2Q==",
-      "dev": true,
+    "node_modules/commander": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-7.2.0.tgz",
+      "integrity": "sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw==",
       "license": "MIT",
-      "dependencies": {
-        "aria-query": "^5.3.2",
-        "array-includes": "^3.1.8",
-        "array.prototype.flatmap": "^1.3.2",
-        "ast-types-flow": "^0.0.8",
-        "axe-core": "^4.10.0",
-        "axobject-query": "^4.1.0",
-        "damerau-levenshtein": "^1.0.8",
-        "emoji-regex": "^9.2.2",
-        "hasown": "^2.0.2",
-        "jsx-ast-utils": "^3.3.5",
-        "language-tags": "^1.0.9",
-        "minimatch": "^3.1.2",
-        "object.fromentries": "^2.0.8",
-        "safe-regex-test": "^1.0.3",
-        "string.prototype.includes": "^2.0.1"
-      },
       "engines": {
-        "node": ">=4.0"
-      },
-      "peerDependencies": {
-        "eslint": "^3 || ^4 || ^5 || ^6 || ^7 || ^8 || ^9"
+        "node": ">= 10"
       }
     },
-    "node_modules/eslint-plugin-react": {
-      "version": "7.37.5",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-react/-/eslint-plugin-react-7.37.5.tgz",
-      "integrity": "sha512-Qteup0SqU15kdocexFNAJMvCJEfa2xUKNV4CC1xsVMrIIqEy3SQ/rqyxCWNzfrd3/ldy6HMlD2e0JDVpDg2qIA==",
+    "node_modules/concat-map": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
+      "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==",
       "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "array-includes": "^3.1.8",
-        "array.prototype.findlast": "^1.2.5",
-        "array.prototype.flatmap": "^1.3.3",
-        "array.prototype.tosorted": "^1.1.4",
-        "doctrine": "^2.1.0",
-        "es-iterator-helpers": "^1.2.1",
-        "estraverse": "^5.3.0",
-        "hasown": "^2.0.2",
-        "jsx-ast-utils": "^2.4.1 || ^3.0.0",
-        "minimatch": "^3.1.2",
-        "object.entries": "^1.1.9",
-        "object.fromentries": "^2.0.8",
-        "object.values": "^1.2.1",
-        "prop-types": "^15.8.1",
-        "resolve": "^2.0.0-next.5",
-        "semver": "^6.3.1",
-        "string.prototype.matchall": "^4.0.12",
-        "string.prototype.repeat": "^1.0.0"
-      },
-      "engines": {
-        "node": ">=4"
-      },
-      "peerDependencies": {
-        "eslint": "^3 || ^4 || ^5 || ^6 || ^7 || ^8 || ^9.7"
-      }
+      "license": "MIT"
     },
-    "node_modules/eslint-plugin-react-hooks": {
-      "version": "7.0.1",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-7.0.1.tgz",
-      "integrity": "sha512-O0d0m04evaNzEPoSW+59Mezf8Qt0InfgGIBJnpC0h3NH/WjUAR7BIKUfysC6todmtiZ/A0oUVS8Gce0WhBrHsA==",
+    "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/cross-spawn": {
+      "version": "7.0.6",
+      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz",
+      "integrity": "sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/core": "^7.24.4",
-        "@babel/parser": "^7.24.4",
-        "hermes-parser": "^0.25.1",
-        "zod": "^3.25.0 || ^4.0.0",
-        "zod-validation-error": "^3.5.0 || ^4.0.0"
+        "path-key": "^3.1.0",
+        "shebang-command": "^2.0.0",
+        "which": "^2.0.1"
       },
       "engines": {
-        "node": ">=18"
-      },
-      "peerDependencies": {
-        "eslint": "^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0 || ^9.0.0"
+        "node": ">= 8"
       }
     },
-    "node_modules/eslint-plugin-react/node_modules/resolve": {
-      "version": "2.0.0-next.6",
-      "resolved": "https://registry.npmjs.org/resolve/-/resolve-2.0.0-next.6.tgz",
-      "integrity": "sha512-3JmVl5hMGtJ3kMmB3zi3DL25KfkCEyy3Tw7Gmw7z5w8M9WlwoPFnIvwChzu1+cF3iaK3sp18hhPz8ANeimdJfA==",
-      "dev": true,
-      "license": "MIT",
+    "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/d3": {
+      "version": "7.9.0",
+      "resolved": "https://registry.npmjs.org/d3/-/d3-7.9.0.tgz",
+      "integrity": "sha512-e1U46jVP+w7Iut8Jt8ri1YsPOvFpg46k+K8TpCb0P+zjCkjkPnV7WzfDJzMHy1LnA+wj5pLT1wjO901gLXeEhA==",
+      "license": "ISC",
       "dependencies": {
-        "es-errors": "^1.3.0",
-        "is-core-module": "^2.16.1",
-        "node-exports-info": "^1.6.0",
-        "object-keys": "^1.1.1",
-        "path-parse": "^1.0.7",
-        "supports-preserve-symlinks-flag": "^1.0.0"
-      },
-      "bin": {
-        "resolve": "bin/resolve"
+        "d3-array": "3",
+        "d3-axis": "3",
+        "d3-brush": "3",
+        "d3-chord": "3",
+        "d3-color": "3",
+        "d3-contour": "4",
+        "d3-delaunay": "6",
+        "d3-dispatch": "3",
+        "d3-drag": "3",
+        "d3-dsv": "3",
+        "d3-ease": "3",
+        "d3-fetch": "3",
+        "d3-force": "3",
+        "d3-format": "3",
+        "d3-geo": "3",
+        "d3-hierarchy": "3",
+        "d3-interpolate": "3",
+        "d3-path": "3",
+        "d3-polygon": "3",
+        "d3-quadtree": "3",
+        "d3-random": "3",
+        "d3-scale": "4",
+        "d3-scale-chromatic": "3",
+        "d3-selection": "3",
+        "d3-shape": "3",
+        "d3-time": "3",
+        "d3-time-format": "4",
+        "d3-timer": "3",
+        "d3-transition": "3",
+        "d3-zoom": "3"
       },
       "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
+        "node": ">=12"
       }
     },
-    "node_modules/eslint-scope": {
-      "version": "8.4.0",
-      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-8.4.0.tgz",
-      "integrity": "sha512-sNXOfKCn74rt8RICKMvJS7XKV/Xk9kA7DyJr8mJik3S7Cwgy3qlkkmyS2uQB3jiJg6VNdZd/pDBJu0nvG2NlTg==",
-      "dev": true,
-      "license": "BSD-2-Clause",
+    "node_modules/d3-array": {
+      "version": "3.2.4",
+      "resolved": "https://registry.npmjs.org/d3-array/-/d3-array-3.2.4.tgz",
+      "integrity": "sha512-tdQAmyA18i4J7wprpYq8ClcxZy3SC31QMeByyCFyRt7BVHdREQZ5lpzoe5mFEYZUWe+oq8HBvk9JjpibyEV4Jg==",
+      "license": "ISC",
       "dependencies": {
-        "esrecurse": "^4.3.0",
-        "estraverse": "^5.2.0"
+        "internmap": "1 - 2"
       },
       "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/eslint"
+        "node": ">=12"
       }
     },
-    "node_modules/eslint-visitor-keys": {
-      "version": "4.2.1",
-      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-4.2.1.tgz",
-      "integrity": "sha512-Uhdk5sfqcee/9H/rCOJikYz67o0a2Tw2hGRPOG2Y1R2dg7brRe1uG0yaNQDHu+TO/uQPF/5eCapvYSmHUjt7JQ==",
-      "dev": true,
-      "license": "Apache-2.0",
+    "node_modules/d3-axis": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/d3-axis/-/d3-axis-3.0.0.tgz",
+      "integrity": "sha512-IH5tgjV4jE/GhHkRV0HiVYPDtvfjHQlQfJHs0usq7M30XcSBvOotpmH1IgkcXsO/5gEQZD43B//fc7SRT5S+xw==",
+      "license": "ISC",
       "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/eslint"
+        "node": ">=12"
       }
     },
-    "node_modules/espree": {
-      "version": "10.4.0",
-      "resolved": "https://registry.npmjs.org/espree/-/espree-10.4.0.tgz",
-      "integrity": "sha512-j6PAQ2uUr79PZhBjP5C5fhl8e39FmRnOjsD5lGnWrFU8i2G776tBK7+nP8KuQUTTyAZUwfQqXAgrVH5MbH9CYQ==",
-      "dev": true,
-      "license": "BSD-2-Clause",
+    "node_modules/d3-brush": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/d3-brush/-/d3-brush-3.0.0.tgz",
+      "integrity": "sha512-ALnjWlVYkXsVIGlOsuWH1+3udkYFI48Ljihfnh8FZPF2QS9o+PzGLBslO0PjzVoHLZ2KCVgAM8NVkXPJB2aNnQ==",
+      "license": "ISC",
       "dependencies": {
-        "acorn": "^8.15.0",
-        "acorn-jsx": "^5.3.2",
-        "eslint-visitor-keys": "^4.2.1"
+        "d3-dispatch": "1 - 3",
+        "d3-drag": "2 - 3",
+        "d3-interpolate": "1 - 3",
+        "d3-selection": "3",
+        "d3-transition": "3"
       },
       "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/eslint"
+        "node": ">=12"
       }
     },
-    "node_modules/esprima": {
-      "version": "4.0.1",
-      "resolved": "https://registry.npmjs.org/esprima/-/esprima-4.0.1.tgz",
-      "integrity": "sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==",
-      "dev": true,
-      "license": "BSD-2-Clause",
-      "bin": {
-        "esparse": "bin/esparse.js",
-        "esvalidate": "bin/esvalidate.js"
+    "node_modules/d3-chord": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/d3-chord/-/d3-chord-3.0.1.tgz",
+      "integrity": "sha512-VE5S6TNa+j8msksl7HwjxMHDM2yNK3XCkusIlpX5kwauBfXuyLAtNg9jCp/iHH61tgI4sb6R/EIMWCqEIdjT/g==",
+      "license": "ISC",
+      "dependencies": {
+        "d3-path": "1 - 3"
       },
       "engines": {
-        "node": ">=4"
+        "node": ">=12"
       }
     },
-    "node_modules/esquery": {
-      "version": "1.7.0",
-      "resolved": "https://registry.npmjs.org/esquery/-/esquery-1.7.0.tgz",
-      "integrity": "sha512-Ap6G0WQwcU/LHsvLwON1fAQX9Zp0A2Y6Y/cJBl9r/JbW90Zyg4/zbG6zzKa2OTALELarYHmKu0GhpM5EO+7T0g==",
-      "dev": true,
-      "license": "BSD-3-Clause",
+    "node_modules/d3-color": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/d3-color/-/d3-color-3.1.0.tgz",
+      "integrity": "sha512-zg/chbXyeBtMQ1LbD/WSoW2DpC3I0mpmPdW+ynRTj/x2DAWYrIY7qeZIHidozwV24m4iavr15lNwIwLxRmOxhA==",
+      "license": "ISC",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-contour": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/d3-contour/-/d3-contour-4.0.2.tgz",
+      "integrity": "sha512-4EzFTRIikzs47RGmdxbeUvLWtGedDUNkTcmzoeyg4sP/dvCexO47AaQL7VKy/gul85TOxw+IBgA8US2xwbToNA==",
+      "license": "ISC",
       "dependencies": {
-        "estraverse": "^5.1.0"
+        "d3-array": "^3.2.0"
       },
       "engines": {
-        "node": ">=0.10"
+        "node": ">=12"
       }
     },
-    "node_modules/esrecurse": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/esrecurse/-/esrecurse-4.3.0.tgz",
-      "integrity": "sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==",
-      "dev": true,
-      "license": "BSD-2-Clause",
+    "node_modules/d3-delaunay": {
+      "version": "6.0.4",
+      "resolved": "https://registry.npmjs.org/d3-delaunay/-/d3-delaunay-6.0.4.tgz",
+      "integrity": "sha512-mdjtIZ1XLAM8bm/hx3WwjfHt6Sggek7qH043O8KEjDXN40xi3vx/6pYSVTwLjEgiXQTbvaouWKynLBiUZ6SK6A==",
+      "license": "ISC",
       "dependencies": {
-        "estraverse": "^5.2.0"
+        "delaunator": "5"
       },
       "engines": {
-        "node": ">=4.0"
+        "node": ">=12"
       }
     },
-    "node_modules/estraverse": {
-      "version": "5.3.0",
-      "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
-      "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
-      "dev": true,
-      "license": "BSD-2-Clause",
+    "node_modules/d3-dispatch": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/d3-dispatch/-/d3-dispatch-3.0.1.tgz",
+      "integrity": "sha512-rzUyPU/S7rwUflMyLc1ETDeBj0NRuHKKAcvukozwhshr6g6c5d8zh4c2gQjY2bZ0dXeGLWc1PF174P2tVvKhfg==",
+      "license": "ISC",
       "engines": {
-        "node": ">=4.0"
+        "node": ">=12"
       }
     },
-    "node_modules/estree-util-is-identifier-name": {
+    "node_modules/d3-drag": {
       "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/estree-util-is-identifier-name/-/estree-util-is-identifier-name-3.0.0.tgz",
-      "integrity": "sha512-hFtqIDZTIUZ9BXLb8y4pYGyk6+wekIivNVTcmvk8NoOh+VeRn5y6cEHzbURrWbfp1fIqdVipilzj+lfaadNZmg==",
-      "license": "MIT",
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/unified"
-      }
-    },
-    "node_modules/esutils": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz",
-      "integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==",
-      "dev": true,
-      "license": "BSD-2-Clause",
+      "resolved": "https://registry.npmjs.org/d3-drag/-/d3-drag-3.0.0.tgz",
+      "integrity": "sha512-pWbUJLdETVA8lQNJecMxoXfH6x+mO2UQo8rSmZ+QqxcbyA3hfeprFgIT//HW2nlHChWeIIMwS2Fq+gEARkhTkg==",
+      "license": "ISC",
+      "dependencies": {
+        "d3-dispatch": "1 - 3",
+        "d3-selection": "3"
+      },
       "engines": {
-        "node": ">=0.10.0"
+        "node": ">=12"
       }
     },
-    "node_modules/execa": {
-      "version": "5.1.1",
-      "resolved": "https://registry.npmjs.org/execa/-/execa-5.1.1.tgz",
-      "integrity": "sha512-8uSpZZocAZRBAPIEINJj3Lo9HyGitllczc27Eh5YYojjMFMn8yHMDMaUHE2Jqfq05D/wucwI4JGURyXt1vchyg==",
-      "dev": true,
-      "license": "MIT",
+    "node_modules/d3-dsv": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/d3-dsv/-/d3-dsv-3.0.1.tgz",
+      "integrity": "sha512-UG6OvdI5afDIFP9w4G0mNq50dSOsXHJaRE8arAS5o9ApWnIElp8GZw1Dun8vP8OyHOZ/QJUKUJwxiiCCnUwm+Q==",
+      "license": "ISC",
       "dependencies": {
-        "cross-spawn": "^7.0.3",
-        "get-stream": "^6.0.0",
-        "human-signals": "^2.1.0",
-        "is-stream": "^2.0.0",
-        "merge-stream": "^2.0.0",
-        "npm-run-path": "^4.0.1",
-        "onetime": "^5.1.2",
-        "signal-exit": "^3.0.3",
-        "strip-final-newline": "^2.0.0"
+        "commander": "7",
+        "iconv-lite": "0.6",
+        "rw": "1"
       },
-      "engines": {
-        "node": ">=10"
+      "bin": {
+        "csv2json": "bin/dsv2json.js",
+        "csv2tsv": "bin/dsv2dsv.js",
+        "dsv2dsv": "bin/dsv2dsv.js",
+        "dsv2json": "bin/dsv2json.js",
+        "json2csv": "bin/json2dsv.js",
+        "json2dsv": "bin/json2dsv.js",
+        "json2tsv": "bin/json2dsv.js",
+        "tsv2csv": "bin/dsv2dsv.js",
+        "tsv2json": "bin/dsv2json.js"
       },
-      "funding": {
-        "url": "https://github.com/sindresorhus/execa?sponsor=1"
+      "engines": {
+        "node": ">=12"
       }
     },
-    "node_modules/execa/node_modules/signal-exit": {
-      "version": "3.0.7",
-      "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.7.tgz",
-      "integrity": "sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==",
-      "dev": true,
-      "license": "ISC"
-    },
-    "node_modules/exit-x": {
-      "version": "0.2.2",
-      "resolved": "https://registry.npmjs.org/exit-x/-/exit-x-0.2.2.tgz",
-      "integrity": "sha512-+I6B/IkJc1o/2tiURyz/ivu/O0nKNEArIUB5O7zBrlDVJr22SCLH3xTeEry428LvFhRzIA1g8izguxJ/gbNcVQ==",
-      "dev": true,
-      "license": "MIT",
+    "node_modules/d3-ease": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/d3-ease/-/d3-ease-3.0.1.tgz",
+      "integrity": "sha512-wR/XK3D3XcLIZwpbvQwQ5fK+8Ykds1ip7A2Txe0yxncXSdq1L9skcG7blcedkOX+ZcgxGAmLX1FrRGbADwzi0w==",
+      "license": "BSD-3-Clause",
       "engines": {
-        "node": ">= 0.8.0"
+        "node": ">=12"
       }
     },
-    "node_modules/expect": {
-      "version": "30.2.0",
-      "resolved": "https://registry.npmjs.org/expect/-/expect-30.2.0.tgz",
-      "integrity": "sha512-u/feCi0GPsI+988gU2FLcsHyAHTU0MX1Wg68NhAnN7z/+C5wqG+CY8J53N9ioe8RXgaoz0nBR/TYMf3AycUuPw==",
-      "dev": true,
-      "license": "MIT",
+    "node_modules/d3-fetch": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/d3-fetch/-/d3-fetch-3.0.1.tgz",
+      "integrity": "sha512-kpkQIM20n3oLVBKGg6oHrUchHM3xODkTzjMoj7aWQFq5QEM+R6E4WkzT5+tojDY7yjez8KgCBRoj4aEr99Fdqw==",
+      "license": "ISC",
       "dependencies": {
-        "@jest/expect-utils": "30.2.0",
-        "@jest/get-type": "30.1.0",
-        "jest-matcher-utils": "30.2.0",
-        "jest-message-util": "30.2.0",
-        "jest-mock": "30.2.0",
-        "jest-util": "30.2.0"
+        "d3-dsv": "1 - 3"
       },
       "engines": {
-        "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
+        "node": ">=12"
       }
     },
-    "node_modules/extend": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/extend/-/extend-3.0.2.tgz",
-      "integrity": "sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g==",
-      "license": "MIT"
-    },
-    "node_modules/fast-deep-equal": {
-      "version": "3.1.3",
-      "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
-      "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/fast-glob": {
-      "version": "3.3.1",
-      "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.1.tgz",
-      "integrity": "sha512-kNFPyjhh5cKjrUltxs+wFx+ZkbRaxxmZ+X0ZU31SOsxCEtP9VPgtq2teZw1DebupL5GmDaNQ6yKMMVcM41iqDg==",
-      "dev": true,
-      "license": "MIT",
+    "node_modules/d3-force": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/d3-force/-/d3-force-3.0.0.tgz",
+      "integrity": "sha512-zxV/SsA+U4yte8051P4ECydjD/S+qeYtnaIyAs9tgHCqfguma/aAQDjo85A9Z6EKhBirHRJHXIgJUlffT4wdLg==",
+      "license": "ISC",
       "dependencies": {
-        "@nodelib/fs.stat": "^2.0.2",
-        "@nodelib/fs.walk": "^1.2.3",
-        "glob-parent": "^5.1.2",
-        "merge2": "^1.3.0",
-        "micromatch": "^4.0.4"
+        "d3-dispatch": "1 - 3",
+        "d3-quadtree": "1 - 3",
+        "d3-timer": "1 - 3"
       },
       "engines": {
-        "node": ">=8.6.0"
+        "node": ">=12"
       }
     },
-    "node_modules/fast-glob/node_modules/glob-parent": {
-      "version": "5.1.2",
-      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
-      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
-      "dev": true,
+    "node_modules/d3-format": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/d3-format/-/d3-format-3.1.2.tgz",
+      "integrity": "sha512-AJDdYOdnyRDV5b6ArilzCPPwc1ejkHcoyFarqlPqT7zRYjhavcT3uSrqcMvsgh2CgoPbK3RCwyHaVyxYcP2Arg==",
+      "license": "ISC",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-geo": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/d3-geo/-/d3-geo-3.1.1.tgz",
+      "integrity": "sha512-637ln3gXKXOwhalDzinUgY83KzNWZRKbYubaG+fGVuc/dxO64RRljtCTnf5ecMyE1RIdtqpkVcq0IbtU2S8j2Q==",
       "license": "ISC",
       "dependencies": {
-        "is-glob": "^4.0.1"
+        "d3-array": "2.5.0 - 3"
       },
       "engines": {
-        "node": ">= 6"
+        "node": ">=12"
       }
     },
-    "node_modules/fast-json-stable-stringify": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz",
-      "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/fast-levenshtein": {
-      "version": "2.0.6",
-      "resolved": "https://registry.npmjs.org/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz",
-      "integrity": "sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==",
-      "dev": true,
-      "license": "MIT"
+    "node_modules/d3-hierarchy": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/d3-hierarchy/-/d3-hierarchy-3.1.2.tgz",
+      "integrity": "sha512-FX/9frcub54beBdugHjDCdikxThEqjnR93Qt7PvQTOHxyiNCAlvMrHhclk3cD5VeAaq9fxmfRp+CnWw9rEMBuA==",
+      "license": "ISC",
+      "engines": {
+        "node": ">=12"
+      }
     },
-    "node_modules/fastq": {
-      "version": "1.20.1",
-      "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.20.1.tgz",
-      "integrity": "sha512-GGToxJ/w1x32s/D2EKND7kTil4n8OVk/9mycTc4VDza13lOvpUZTGX3mFSCtV9ksdGBVzvsyAVLM6mHFThxXxw==",
-      "dev": true,
+    "node_modules/d3-interpolate": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/d3-interpolate/-/d3-interpolate-3.0.1.tgz",
+      "integrity": "sha512-3bYs1rOD33uo8aqJfKP3JWPAibgw8Zm2+L9vBKEHJ2Rg+viTR7o5Mmv5mZcieN+FRYaAOWX5SJATX6k1PWz72g==",
       "license": "ISC",
       "dependencies": {
-        "reusify": "^1.0.4"
+        "d3-color": "1 - 3"
+      },
+      "engines": {
+        "node": ">=12"
       }
     },
-    "node_modules/fb-watchman": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/fb-watchman/-/fb-watchman-2.0.2.tgz",
-      "integrity": "sha512-p5161BqbuCaSnB8jIbzQHOlpgsPmK5rJVDfDKO91Axs5NC1uu3HRQm6wt9cd9/+GtQQIO53JdGXXoyDpTAsgYA==",
-      "dev": true,
-      "license": "Apache-2.0",
-      "dependencies": {
-        "bser": "2.1.1"
+    "node_modules/d3-path": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/d3-path/-/d3-path-3.1.0.tgz",
+      "integrity": "sha512-p3KP5HCf/bvjBSSKuXid6Zqijx7wIfNW+J/maPs+iwR35at5JCbLUT0LzF1cnjbCHWhqzQTIN2Jpe8pRebIEFQ==",
+      "license": "ISC",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-polygon": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/d3-polygon/-/d3-polygon-3.0.1.tgz",
+      "integrity": "sha512-3vbA7vXYwfe1SYhED++fPUQlWSYTTGmFmQiany/gdbiWgU/iEyQzyymwL9SkJjFFuCS4902BSzewVGsHHmHtXg==",
+      "license": "ISC",
+      "engines": {
+        "node": ">=12"
       }
     },
-    "node_modules/file-entry-cache": {
-      "version": "8.0.0",
-      "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-8.0.0.tgz",
-      "integrity": "sha512-XXTUwCvisa5oacNGRP9SfNtYBNAMi+RPwBFmblZEF7N7swHYQS6/Zfk7SRwx4D5j3CH211YNRco1DEMNVfZCnQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "flat-cache": "^4.0.0"
-      },
+    "node_modules/d3-quadtree": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/d3-quadtree/-/d3-quadtree-3.0.1.tgz",
+      "integrity": "sha512-04xDrxQTDTCFwP5H6hRhsRcb9xxv2RzkcsygFzmkSIOJy3PeRJP7sNk3VRIbKXcog561P9oU0/rVH6vDROAgUw==",
+      "license": "ISC",
       "engines": {
-        "node": ">=16.0.0"
+        "node": ">=12"
       }
     },
-    "node_modules/fill-range": {
-      "version": "7.1.1",
-      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz",
-      "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "to-regex-range": "^5.0.1"
-      },
+    "node_modules/d3-random": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/d3-random/-/d3-random-3.0.1.tgz",
+      "integrity": "sha512-FXMe9GfxTxqd5D6jFsQ+DJ8BJS4E/fT5mqqdjovykEB2oFbTMDVdg1MGFxfQW+FBOGoB++k8swBrgwSHT1cUXQ==",
+      "license": "ISC",
       "engines": {
-        "node": ">=8"
+        "node": ">=12"
       }
     },
-    "node_modules/find-up": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/find-up/-/find-up-5.0.0.tgz",
-      "integrity": "sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==",
-      "dev": true,
-      "license": "MIT",
+    "node_modules/d3-scale": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/d3-scale/-/d3-scale-4.0.2.tgz",
+      "integrity": "sha512-GZW464g1SH7ag3Y7hXjf8RoUuAFIqklOAq3MRl4OaWabTFJY9PN/E1YklhXLh+OQ3fM9yS2nOkCoS+WLZ6kvxQ==",
+      "license": "ISC",
       "dependencies": {
-        "locate-path": "^6.0.0",
-        "path-exists": "^4.0.0"
+        "d3-array": "2.10.0 - 3",
+        "d3-format": "1 - 3",
+        "d3-interpolate": "1.2.0 - 3",
+        "d3-time": "2.1.1 - 3",
+        "d3-time-format": "2 - 4"
       },
       "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
+        "node": ">=12"
       }
     },
-    "node_modules/flat-cache": {
-      "version": "4.0.1",
-      "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-4.0.1.tgz",
-      "integrity": "sha512-f7ccFPK3SXFHpx15UIGyRJ/FJQctuKZ0zVuN3frBo4HnK3cay9VEW0R6yPYFHC0AgqhukPzKjq22t5DmAyqGyw==",
-      "dev": true,
-      "license": "MIT",
+    "node_modules/d3-scale-chromatic": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/d3-scale-chromatic/-/d3-scale-chromatic-3.1.0.tgz",
+      "integrity": "sha512-A3s5PWiZ9YCXFye1o246KoscMWqf8BsD9eRiJ3He7C9OBaxKhAd5TFCdEx/7VbKtxxTsu//1mMJFrEt572cEyQ==",
+      "license": "ISC",
       "dependencies": {
-        "flatted": "^3.2.9",
-        "keyv": "^4.5.4"
+        "d3-color": "1 - 3",
+        "d3-interpolate": "1 - 3"
       },
       "engines": {
-        "node": ">=16"
+        "node": ">=12"
       }
     },
-    "node_modules/flatted": {
-      "version": "3.3.3",
-      "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.3.3.tgz",
-      "integrity": "sha512-GX+ysw4PBCz0PzosHDepZGANEuFCMLrnRTiEy9McGjmkCQYwRq4A/X786G/fjM/+OjsWSU1ZrY5qyARZmO/uwg==",
-      "dev": true,
-      "license": "ISC"
+    "node_modules/d3-selection": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/d3-selection/-/d3-selection-3.0.0.tgz",
+      "integrity": "sha512-fmTRWbNMmsmWq6xJV8D19U/gw/bwrHfNXxrIN+HfZgnzqTHp9jOmKMhsTUjXOJnZOdZY9Q28y4yebKzqDKlxlQ==",
+      "license": "ISC",
+      "engines": {
+        "node": ">=12"
+      }
     },
-    "node_modules/for-each": {
-      "version": "0.3.5",
-      "resolved": "https://registry.npmjs.org/for-each/-/for-each-0.3.5.tgz",
-      "integrity": "sha512-dKx12eRCVIzqCxFGplyFKJMPvLEWgmNtUrpTiJIR5u97zEhRG8ySrtboPHZXx7daLxQVrl643cTzbab2tkQjxg==",
-      "dev": true,
-      "license": "MIT",
+    "node_modules/d3-shape": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/d3-shape/-/d3-shape-3.2.0.tgz",
+      "integrity": "sha512-SaLBuwGm3MOViRq2ABk3eLoxwZELpH6zhl3FbAoJ7Vm1gofKx6El1Ib5z23NUEhF9AsGl7y+dzLe5Cw2AArGTA==",
+      "license": "ISC",
       "dependencies": {
-        "is-callable": "^1.2.7"
+        "d3-path": "^3.1.0"
       },
       "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
+        "node": ">=12"
       }
     },
-    "node_modules/foreground-child": {
-      "version": "3.3.1",
-      "resolved": "https://registry.npmjs.org/foreground-child/-/foreground-child-3.3.1.tgz",
-      "integrity": "sha512-gIXjKqtFuWEgzFRJA9WCQeSJLZDjgJUOMCMzxtvFq/37KojM1BFGufqsCy0r4qSQmYLsZYMeyRqzIWOMup03sw==",
-      "dev": true,
+    "node_modules/d3-time": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/d3-time/-/d3-time-3.1.0.tgz",
+      "integrity": "sha512-VqKjzBLejbSMT4IgbmVgDjpkYrNWUYJnbCGo874u7MMKIWsILRX+OpX/gTk8MqjpT1A/c6HY2dCA77ZN0lkQ2Q==",
       "license": "ISC",
       "dependencies": {
-        "cross-spawn": "^7.0.6",
-        "signal-exit": "^4.0.1"
+        "d3-array": "2 - 3"
       },
       "engines": {
-        "node": ">=14"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
+        "node": ">=12"
       }
     },
-    "node_modules/framer-motion": {
-      "version": "12.38.0",
-      "resolved": "https://registry.npmjs.org/framer-motion/-/framer-motion-12.38.0.tgz",
-      "integrity": "sha512-rFYkY/pigbcswl1XQSb7q424kSTQ8q6eAC+YUsSKooHQYuLdzdHjrt6uxUC+PRAO++q5IS7+TamgIw1AphxR+g==",
-      "license": "MIT",
+    "node_modules/d3-time-format": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/d3-time-format/-/d3-time-format-4.1.0.tgz",
+      "integrity": "sha512-dJxPBlzC7NugB2PDLwo9Q8JiTR3M3e4/XANkreKSUxF8vvXKqm1Yfq4Q5dl8budlunRVlUUaDUgFt7eA8D6NLg==",
+      "license": "ISC",
       "dependencies": {
-        "motion-dom": "^12.38.0",
-        "motion-utils": "^12.36.0",
-        "tslib": "^2.4.0"
-      },
-      "peerDependencies": {
-        "@emotion/is-prop-valid": "*",
-        "react": "^18.0.0 || ^19.0.0",
-        "react-dom": "^18.0.0 || ^19.0.0"
+        "d3-time": "1 - 3"
       },
-      "peerDependenciesMeta": {
-        "@emotion/is-prop-valid": {
-          "optional": true
-        },
-        "react": {
-          "optional": true
-        },
-        "react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/fs.realpath": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
-      "integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==",
-      "dev": true,
-      "license": "ISC"
-    },
-    "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": ">=12"
       }
     },
-    "node_modules/function-bind": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
-      "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
-      "dev": true,
-      "license": "MIT",
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
+    "node_modules/d3-timer": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/d3-timer/-/d3-timer-3.0.1.tgz",
+      "integrity": "sha512-ndfJ/JxxMd3nw31uyKoY2naivF+r29V+Lc0svZxe1JvvIRmi8hUsrMvdOwgS1o6uBHmiz91geQ0ylPP0aj1VUA==",
+      "license": "ISC",
+      "engines": {
+        "node": ">=12"
       }
     },
-    "node_modules/function.prototype.name": {
-      "version": "1.1.8",
-      "resolved": "https://registry.npmjs.org/function.prototype.name/-/function.prototype.name-1.1.8.tgz",
-      "integrity": "sha512-e5iwyodOHhbMr/yNrc7fDYG4qlbIvI5gajyzPnb5TCwyhjApznQh1BMFou9b30SevY43gCJKXycoCBjMbsuW0Q==",
-      "dev": true,
-      "license": "MIT",
+    "node_modules/d3-transition": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/d3-transition/-/d3-transition-3.0.1.tgz",
+      "integrity": "sha512-ApKvfjsSR6tg06xrL434C0WydLr7JewBB3V+/39RMHsaXTOG0zmt/OAXeng5M5LBm0ojmxJrpomQVZ1aPvBL4w==",
+      "license": "ISC",
       "dependencies": {
-        "call-bind": "^1.0.8",
-        "call-bound": "^1.0.3",
-        "define-properties": "^1.2.1",
-        "functions-have-names": "^1.2.3",
-        "hasown": "^2.0.2",
-        "is-callable": "^1.2.7"
+        "d3-color": "1 - 3",
+        "d3-dispatch": "1 - 3",
+        "d3-ease": "1 - 3",
+        "d3-interpolate": "1 - 3",
+        "d3-timer": "1 - 3"
       },
       "engines": {
-        "node": ">= 0.4"
+        "node": ">=12"
       },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/functions-have-names": {
-      "version": "1.2.3",
-      "resolved": "https://registry.npmjs.org/functions-have-names/-/functions-have-names-1.2.3.tgz",
-      "integrity": "sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==",
-      "dev": true,
-      "license": "MIT",
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/generator-function": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/generator-function/-/generator-function-2.0.1.tgz",
-      "integrity": "sha512-SFdFmIJi+ybC0vjlHN0ZGVGHc3lgE0DxPAT0djjVg+kjOnSqclqmj0KQ7ykTOLP6YxoqOvuAODGdcHJn+43q3g==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.4"
+      "peerDependencies": {
+        "d3-selection": "2 - 3"
       }
     },
-    "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",
+    "node_modules/d3-zoom": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/d3-zoom/-/d3-zoom-3.0.0.tgz",
+      "integrity": "sha512-b8AmV3kfQaqWAuacbPuNbL6vahnOJflOhexLzMMNLga62+/nh0JzvJ0aO/5a5MVgUFGS7Hu1P9P03o3fJkDCyw==",
+      "license": "ISC",
+      "dependencies": {
+        "d3-dispatch": "1 - 3",
+        "d3-drag": "2 - 3",
+        "d3-interpolate": "1 - 3",
+        "d3-selection": "2 - 3",
+        "d3-transition": "2 - 3"
+      },
       "engines": {
-        "node": ">=6.9.0"
+        "node": ">=12"
       }
     },
-    "node_modules/get-caller-file": {
-      "version": "2.0.5",
-      "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-2.0.5.tgz",
-      "integrity": "sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==",
+    "node_modules/damerau-levenshtein": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/damerau-levenshtein/-/damerau-levenshtein-1.0.8.tgz",
+      "integrity": "sha512-sdQSFB7+llfUcQHUQO3+B8ERRj0Oa4w9POWMI/puGtuf7gFywGmkaLCElnudfTiKZV+NvHqL0ifzdrI8Ro7ESA==",
       "dev": true,
-      "license": "ISC",
-      "engines": {
-        "node": "6.* || 8.* || >= 10.*"
-      }
+      "license": "BSD-2-Clause"
     },
-    "node_modules/get-intrinsic": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.3.0.tgz",
-      "integrity": "sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==",
+    "node_modules/data-view-buffer": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/data-view-buffer/-/data-view-buffer-1.0.2.tgz",
+      "integrity": "sha512-EmKO5V3OLXh1rtK2wgXRansaK1/mtVdTUEiEI0W8RkvgT05kfxaH29PliLnpLP73yYO6142Q72QNa8Wx/A5CqQ==",
       "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "call-bind-apply-helpers": "^1.0.2",
-        "es-define-property": "^1.0.1",
-        "es-errors": "^1.3.0",
-        "es-object-atoms": "^1.1.1",
-        "function-bind": "^1.1.2",
-        "get-proto": "^1.0.1",
-        "gopd": "^1.2.0",
-        "has-symbols": "^1.1.0",
-        "hasown": "^2.0.2",
-        "math-intrinsics": "^1.1.0"
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "es-errors": "^1.3.0",
+        "is-data-view": "^1.0.2"
       },
       "engines": {
         "node": ">= 0.4"
@@ -6617,53 +3343,89 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/get-package-type": {
-      "version": "0.1.0",
-      "resolved": "https://registry.npmjs.org/get-package-type/-/get-package-type-0.1.0.tgz",
-      "integrity": "sha512-pjzuKtY64GYfWizNAJ0fr9VqttZkNiK2iS430LtIHzjBEr6bX8Am2zm4sW4Ro5wjWW5cAlRL1qAMTcXbjNAO2Q==",
+    "node_modules/data-view-byte-length": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/data-view-byte-length/-/data-view-byte-length-1.0.2.tgz",
+      "integrity": "sha512-tuhGbE6CfTM9+5ANGf+oQb72Ky/0+s3xKUpHvShfiz2RxMFgFPjsXuRLBVMtvMs15awe45SRb83D6wH4ew6wlQ==",
       "dev": true,
       "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "es-errors": "^1.3.0",
+        "is-data-view": "^1.0.2"
+      },
       "engines": {
-        "node": ">=8.0.0"
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/inspect-js"
       }
     },
-    "node_modules/get-proto": {
+    "node_modules/data-view-byte-offset": {
       "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/get-proto/-/get-proto-1.0.1.tgz",
-      "integrity": "sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==",
+      "resolved": "https://registry.npmjs.org/data-view-byte-offset/-/data-view-byte-offset-1.0.1.tgz",
+      "integrity": "sha512-BS8PfmtDGnrgYdOonGZQdLZslWIeCGFP9tpan0hi1Co2Zr2NKADsvGYA8XxuG/4UWgJ6Cjtv+YJnB6MM69QGlQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "dunder-proto": "^1.0.1",
-        "es-object-atoms": "^1.0.0"
+        "call-bound": "^1.0.2",
+        "es-errors": "^1.3.0",
+        "is-data-view": "^1.0.1"
       },
       "engines": {
         "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/get-stream": {
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-6.0.1.tgz",
-      "integrity": "sha512-ts6Wi+2j3jQjqi70w5AlN8DFnkSwC+MqmxEzdEALB2qXZYV3X/b1CTfgPLGJNMeAWxdPfU8FO1ms3NUfaHCPYg==",
-      "dev": true,
+    "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": ">=10"
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/decode-named-character-reference": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/decode-named-character-reference/-/decode-named-character-reference-1.3.0.tgz",
+      "integrity": "sha512-GtpQYB283KrPp6nRw50q3U9/VfOutZOe103qlN7BPP6Ad27xYnOIWv4lPzo8HCAL+mMZofJ9KEy30fq6MfaK6Q==",
+      "license": "MIT",
+      "dependencies": {
+        "character-entities": "^2.0.0"
       },
       "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
       }
     },
-    "node_modules/get-symbol-description": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/get-symbol-description/-/get-symbol-description-1.1.0.tgz",
-      "integrity": "sha512-w9UMqWwJxHNOvoNzSJ2oPF5wvYcvP7jUvYzhp67yEhTi17ZDBBC1z9pTdGuzjD+EFIqLSYRweZjqfiPzQ06Ebg==",
+    "node_modules/deep-is": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.4.tgz",
+      "integrity": "sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/define-data-property": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/define-data-property/-/define-data-property-1.1.4.tgz",
+      "integrity": "sha512-rBMvIzlpA8v6E+SJZoo++HAYqsLrkg7MSfIinMPFhmkorw7X+dOXVJQs+QT69zGkzMyfDnIMN2Wid1+NbL3T+A==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "call-bound": "^1.0.3",
+        "es-define-property": "^1.0.0",
         "es-errors": "^1.3.0",
-        "get-intrinsic": "^1.2.6"
+        "gopd": "^1.0.1"
       },
       "engines": {
         "node": ">= 0.4"
@@ -6672,171 +3434,181 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/get-tsconfig": {
-      "version": "4.13.6",
-      "resolved": "https://registry.npmjs.org/get-tsconfig/-/get-tsconfig-4.13.6.tgz",
-      "integrity": "sha512-shZT/QMiSHc/YBLxxOkMtgSid5HFoauqCE3/exfsEcwg1WkeqjG+V40yBbBrsD+jW2HDXcs28xOfcbm2jI8Ddw==",
+    "node_modules/define-properties": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/define-properties/-/define-properties-1.2.1.tgz",
+      "integrity": "sha512-8QmQKqEASLd5nx0U1B1okLElbUuuttJ/AnYmRXbbbGDWh6uS208EjD4Xqq/I9wK7u0v6O08XhTWnt5XtEbR6Dg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "resolve-pkg-maps": "^1.0.0"
-      },
-      "funding": {
-        "url": "https://github.com/privatenumber/get-tsconfig?sponsor=1"
-      }
-    },
-    "node_modules/glob": {
-      "version": "10.5.0",
-      "resolved": "https://registry.npmjs.org/glob/-/glob-10.5.0.tgz",
-      "integrity": "sha512-DfXN8DfhJ7NH3Oe7cFmu3NCu1wKbkReJ8TorzSAFbSKrlNaQSKfIzqYqVY8zlbs2NLBbWpRiU52GX2PbaBVNkg==",
-      "deprecated": "Old versions of glob are not supported, and contain widely publicized security vulnerabilities, which have been fixed in the current version. Please update. Support for old versions may be purchased (at exorbitant rates) by contacting i@izs.me",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "foreground-child": "^3.1.0",
-        "jackspeak": "^3.1.2",
-        "minimatch": "^9.0.4",
-        "minipass": "^7.1.2",
-        "package-json-from-dist": "^1.0.0",
-        "path-scurry": "^1.11.1"
+        "define-data-property": "^1.0.1",
+        "has-property-descriptors": "^1.0.0",
+        "object-keys": "^1.1.1"
       },
-      "bin": {
-        "glob": "dist/esm/bin.mjs"
+      "engines": {
+        "node": ">= 0.4"
       },
       "funding": {
-        "url": "https://github.com/sponsors/isaacs"
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/glob-parent": {
-      "version": "6.0.2",
-      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
-      "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
-      "dev": true,
+    "node_modules/delaunator": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/delaunator/-/delaunator-5.1.0.tgz",
+      "integrity": "sha512-AGrQ4QSgssa1NGmWmLPqN5NY2KajF5MqxetNEO+o0n3ZwZZeTmt7bBnvzHWrmkZFxGgr4HdyFgelzgi06otLuQ==",
       "license": "ISC",
       "dependencies": {
-        "is-glob": "^4.0.3"
-      },
-      "engines": {
-        "node": ">=10.13.0"
+        "robust-predicates": "^3.0.2"
       }
     },
-    "node_modules/glob/node_modules/balanced-match": {
-      "version": "4.0.3",
-      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-4.0.3.tgz",
-      "integrity": "sha512-1pHv8LX9CpKut1Zp4EXey7Z8OfH11ONNH6Dhi2WDUt31VVZFXZzKwXcysBgqSumFCmR+0dqjMK5v5JiFHzi0+g==",
-      "dev": true,
+    "node_modules/dequal": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/dequal/-/dequal-2.0.3.tgz",
+      "integrity": "sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==",
       "license": "MIT",
       "engines": {
-        "node": "20 || >=22"
+        "node": ">=6"
       }
     },
-    "node_modules/glob/node_modules/brace-expansion": {
-      "version": "5.0.2",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-5.0.2.tgz",
-      "integrity": "sha512-Pdk8c9poy+YhOgVWw1JNN22/HcivgKWwpxKq04M/jTmHyCZn12WPJebZxdjSa5TmBqISrUSgNYU3eRORljfCCw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "balanced-match": "^4.0.2"
-      },
+    "node_modules/detect-libc": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.1.2.tgz",
+      "integrity": "sha512-Btj2BOOO83o3WyH59e8MgXsxEQVcarkUOpEYrubB0urwnN10yQ364rsiByU11nZlqWYZm05i/of7io4mzihBtQ==",
+      "license": "Apache-2.0",
+      "optional": true,
       "engines": {
-        "node": "20 || >=22"
+        "node": ">=8"
       }
     },
-    "node_modules/glob/node_modules/minimatch": {
-      "version": "9.0.6",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.6.tgz",
-      "integrity": "sha512-kQAVowdR33euIqeA0+VZTDqU+qo1IeVY+hrKYtZMio3Pg0P0vuh/kwRylLUddJhB6pf3q/botcOvRtx4IN1wqQ==",
-      "dev": true,
-      "license": "ISC",
+    "node_modules/devlop": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/devlop/-/devlop-1.1.0.tgz",
+      "integrity": "sha512-RWmIqhcFf1lRYBvNmr7qTNuyCt/7/ns2jbpp1+PalgE/rDQcBT0fioSMUpJ93irlUhC5hrg4cYqe6U+0ImW0rA==",
+      "license": "MIT",
       "dependencies": {
-        "brace-expansion": "^5.0.2"
-      },
-      "engines": {
-        "node": ">=16 || 14 >=14.17"
+        "dequal": "^2.0.0"
       },
       "funding": {
-        "url": "https://github.com/sponsors/isaacs"
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
       }
     },
-    "node_modules/globals": {
-      "version": "14.0.0",
-      "resolved": "https://registry.npmjs.org/globals/-/globals-14.0.0.tgz",
-      "integrity": "sha512-oahGvuMGQlPw/ivIYBjVSrWAfWLBeku5tpPE2fOPLi+WHffIWbuh2tCjhyQhTBPMf5E9jDEH4FOmTYgYwbKwtQ==",
+    "node_modules/doctrine": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-2.1.0.tgz",
+      "integrity": "sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==",
       "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=18"
+      "license": "Apache-2.0",
+      "dependencies": {
+        "esutils": "^2.0.2"
       },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
+      "engines": {
+        "node": ">=0.10.0"
       }
     },
-    "node_modules/globalthis": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/globalthis/-/globalthis-1.0.4.tgz",
-      "integrity": "sha512-DpLKbNU4WylpxJykQujfCcwYWiV/Jhm50Goo0wrVILAv5jOr9d+H+UR3PhSCD2rCCEIg0uc+G+muBTwD54JhDQ==",
+    "node_modules/dunder-proto": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/dunder-proto/-/dunder-proto-1.0.1.tgz",
+      "integrity": "sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "define-properties": "^1.2.1",
-        "gopd": "^1.0.1"
+        "call-bind-apply-helpers": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "gopd": "^1.2.0"
       },
       "engines": {
         "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/gopd": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.2.0.tgz",
-      "integrity": "sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==",
+    "node_modules/electron-to-chromium": {
+      "version": "1.5.340",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.340.tgz",
+      "integrity": "sha512-908qahOGocRMinT2nM3ajCEM99H4iPdv84eagPP3FfZy/1ZGeOy2CZYzjhms81ckOPCXPlW7LkY4XpxD8r1DrA==",
       "dev": true,
-      "license": "MIT",
+      "license": "ISC"
+    },
+    "node_modules/emoji-regex": {
+      "version": "9.2.2",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-9.2.2.tgz",
+      "integrity": "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/entities": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/entities/-/entities-6.0.1.tgz",
+      "integrity": "sha512-aN97NXWF6AWBTahfVOIrB/NShkzi5H7F9r1s9mD3cDj4Ko5f2qhhVoYMibXF7GlLveb/D2ioWay8lxI97Ven3g==",
+      "license": "BSD-2-Clause",
       "engines": {
-        "node": ">= 0.4"
+        "node": ">=0.12"
       },
       "funding": {
-        "url": "https://github.com/sponsors/ljharb"
+        "url": "https://github.com/fb55/entities?sponsor=1"
       }
     },
-    "node_modules/graceful-fs": {
-      "version": "4.2.11",
-      "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz",
-      "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==",
-      "dev": true,
-      "license": "ISC"
-    },
-    "node_modules/handlebars": {
-      "version": "4.7.8",
-      "resolved": "https://registry.npmjs.org/handlebars/-/handlebars-4.7.8.tgz",
-      "integrity": "sha512-vafaFqs8MZkRrSX7sFVUdo3ap/eNiLnb4IakshzvP56X5Nr1iGKAIqdX6tMlm6HcNRIkr6AxO5jFEoJzzpT8aQ==",
+    "node_modules/es-abstract": {
+      "version": "1.24.2",
+      "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.24.2.tgz",
+      "integrity": "sha512-2FpH9Q5i2RRwyEP1AylXe6nYLR5OhaJTZwmlcP0dL/+JCbgg7yyEo/sEK6HeGZRf3dFpWwThaRHVApXSkW3xeg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "minimist": "^1.2.5",
-        "neo-async": "^2.6.2",
-        "source-map": "^0.6.1",
-        "wordwrap": "^1.0.0"
-      },
-      "bin": {
-        "handlebars": "bin/handlebars"
-      },
-      "engines": {
-        "node": ">=0.4.7"
+        "array-buffer-byte-length": "^1.0.2",
+        "arraybuffer.prototype.slice": "^1.0.4",
+        "available-typed-arrays": "^1.0.7",
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.4",
+        "data-view-buffer": "^1.0.2",
+        "data-view-byte-length": "^1.0.2",
+        "data-view-byte-offset": "^1.0.1",
+        "es-define-property": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.1.1",
+        "es-set-tostringtag": "^2.1.0",
+        "es-to-primitive": "^1.3.0",
+        "function.prototype.name": "^1.1.8",
+        "get-intrinsic": "^1.3.0",
+        "get-proto": "^1.0.1",
+        "get-symbol-description": "^1.1.0",
+        "globalthis": "^1.0.4",
+        "gopd": "^1.2.0",
+        "has-property-descriptors": "^1.0.2",
+        "has-proto": "^1.2.0",
+        "has-symbols": "^1.1.0",
+        "hasown": "^2.0.2",
+        "internal-slot": "^1.1.0",
+        "is-array-buffer": "^3.0.5",
+        "is-callable": "^1.2.7",
+        "is-data-view": "^1.0.2",
+        "is-negative-zero": "^2.0.3",
+        "is-regex": "^1.2.1",
+        "is-set": "^2.0.3",
+        "is-shared-array-buffer": "^1.0.4",
+        "is-string": "^1.1.1",
+        "is-typed-array": "^1.1.15",
+        "is-weakref": "^1.1.1",
+        "math-intrinsics": "^1.1.0",
+        "object-inspect": "^1.13.4",
+        "object-keys": "^1.1.1",
+        "object.assign": "^4.1.7",
+        "own-keys": "^1.0.1",
+        "regexp.prototype.flags": "^1.5.4",
+        "safe-array-concat": "^1.1.3",
+        "safe-push-apply": "^1.0.0",
+        "safe-regex-test": "^1.1.0",
+        "set-proto": "^1.0.0",
+        "stop-iteration-iterator": "^1.1.0",
+        "string.prototype.trim": "^1.2.10",
+        "string.prototype.trimend": "^1.0.9",
+        "string.prototype.trimstart": "^1.0.8",
+        "typed-array-buffer": "^1.0.3",
+        "typed-array-byte-length": "^1.0.3",
+        "typed-array-byte-offset": "^1.0.4",
+        "typed-array-length": "^1.0.7",
+        "unbox-primitive": "^1.1.0",
+        "which-typed-array": "^1.1.19"
       },
-      "optionalDependencies": {
-        "uglify-js": "^3.1.4"
-      }
-    },
-    "node_modules/has-bigints": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/has-bigints/-/has-bigints-1.1.0.tgz",
-      "integrity": "sha512-R3pbpkcIqv2Pm3dUwgjclDRVmWpTJW2DcMzcIhEXEx1oh/CEMObMm3KLmRJOdvhM7o4uQBnwr8pzRK2sJWIqfg==",
-      "dev": true,
-      "license": "MIT",
       "engines": {
         "node": ">= 0.4"
       },
@@ -6844,694 +3616,692 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/has-flag": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
-      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+    "node_modules/es-define-property": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.1.tgz",
+      "integrity": "sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==",
       "dev": true,
       "license": "MIT",
       "engines": {
-        "node": ">=8"
+        "node": ">= 0.4"
       }
     },
-    "node_modules/has-property-descriptors": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.2.tgz",
-      "integrity": "sha512-55JNKuIW+vq4Ke1BjOTjM2YctQIvCT7GFzHwmfZPGo5wnrgkid0YQtnAleFSqumZm4az3n2BS+erby5ipJdgrg==",
+    "node_modules/es-errors": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz",
+      "integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==",
       "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "es-define-property": "^1.0.0"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
+      "engines": {
+        "node": ">= 0.4"
       }
     },
-    "node_modules/has-proto": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/has-proto/-/has-proto-1.2.0.tgz",
-      "integrity": "sha512-KIL7eQPfHQRC8+XluaIw7BHUwwqL19bQn4hzNgdr+1wXoU0KKj6rufu47lhY7KbJR2C6T6+PfyN0Ea7wkSS+qQ==",
+    "node_modules/es-iterator-helpers": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/es-iterator-helpers/-/es-iterator-helpers-1.3.2.tgz",
+      "integrity": "sha512-HVLACW1TppGYjJ8H6/jqH/pqOtKRw6wMlrB23xfExmFWxFquAIWCmwoLsOyN96K4a5KbmOf5At9ZUO3GZbetAw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "dunder-proto": "^1.0.0"
+        "call-bind": "^1.0.9",
+        "call-bound": "^1.0.4",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.24.2",
+        "es-errors": "^1.3.0",
+        "es-set-tostringtag": "^2.1.0",
+        "function-bind": "^1.1.2",
+        "get-intrinsic": "^1.3.0",
+        "globalthis": "^1.0.4",
+        "gopd": "^1.2.0",
+        "has-property-descriptors": "^1.0.2",
+        "has-proto": "^1.2.0",
+        "has-symbols": "^1.1.0",
+        "internal-slot": "^1.1.0",
+        "iterator.prototype": "^1.1.5",
+        "math-intrinsics": "^1.1.0"
       },
       "engines": {
         "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/has-symbols": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.1.0.tgz",
-      "integrity": "sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==",
+    "node_modules/es-object-atoms": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/es-object-atoms/-/es-object-atoms-1.1.1.tgz",
+      "integrity": "sha512-FGgH2h8zKNim9ljj7dankFPcICIK9Cp5bm+c2gQSYePhpaG5+esrLODihIorn+Pe6FGJzWhXQotPv73jTaldXA==",
       "dev": true,
       "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0"
+      },
       "engines": {
         "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/has-tostringtag": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/has-tostringtag/-/has-tostringtag-1.0.2.tgz",
-      "integrity": "sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==",
+    "node_modules/es-set-tostringtag": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/es-set-tostringtag/-/es-set-tostringtag-2.1.0.tgz",
+      "integrity": "sha512-j6vWzfrGVfyXxge+O0x5sh6cvxAog0a/4Rdd2K36zCMV5eJ+/+tOAngRO8cODMNWbVRdVlmGZQL2YS3yR8bIUA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "has-symbols": "^1.0.3"
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.6",
+        "has-tostringtag": "^1.0.2",
+        "hasown": "^2.0.2"
       },
       "engines": {
         "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/hasown": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.2.tgz",
-      "integrity": "sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==",
+    "node_modules/es-shim-unscopables": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/es-shim-unscopables/-/es-shim-unscopables-1.1.0.tgz",
+      "integrity": "sha512-d9T8ucsEhh8Bi1woXCf+TIKDIROLG5WCkxg8geBCbvk22kzwC5G2OnXVMO6FUsvQlgUUXQ2itephWDLqDzbeCw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "function-bind": "^1.1.2"
+        "hasown": "^2.0.2"
       },
       "engines": {
         "node": ">= 0.4"
       }
     },
-    "node_modules/hast-util-from-dom": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/hast-util-from-dom/-/hast-util-from-dom-5.0.1.tgz",
-      "integrity": "sha512-N+LqofjR2zuzTjCPzyDUdSshy4Ma6li7p/c3pA78uTwzFgENbgbUrm2ugwsOdcjI1muO+o6Dgzp9p8WHtn/39Q==",
-      "license": "ISC",
-      "dependencies": {
-        "@types/hast": "^3.0.0",
-        "hastscript": "^9.0.0",
-        "web-namespaces": "^2.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/unified"
-      }
-    },
-    "node_modules/hast-util-from-html": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/hast-util-from-html/-/hast-util-from-html-2.0.3.tgz",
-      "integrity": "sha512-CUSRHXyKjzHov8yKsQjGOElXy/3EKpyX56ELnkHH34vDVw1N1XSQ1ZcAvTyAPtGqLTuKP/uxM+aLkSPqF/EtMw==",
-      "license": "MIT",
-      "dependencies": {
-        "@types/hast": "^3.0.0",
-        "devlop": "^1.1.0",
-        "hast-util-from-parse5": "^8.0.0",
-        "parse5": "^7.0.0",
-        "vfile": "^6.0.0",
-        "vfile-message": "^4.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/unified"
-      }
-    },
-    "node_modules/hast-util-from-html-isomorphic": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/hast-util-from-html-isomorphic/-/hast-util-from-html-isomorphic-2.0.0.tgz",
-      "integrity": "sha512-zJfpXq44yff2hmE0XmwEOzdWin5xwH+QIhMLOScpX91e/NSGPsAzNCvLQDIEPyO2TXi+lBmU6hjLIhV8MwP2kw==",
+    "node_modules/es-to-primitive": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/es-to-primitive/-/es-to-primitive-1.3.0.tgz",
+      "integrity": "sha512-w+5mJ3GuFL+NjVtJlvydShqE1eN3h3PbI7/5LAsYJP/2qtuMXjfL2LpHSRqo4b4eSF5K/DH1JXKUAHSB2UW50g==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@types/hast": "^3.0.0",
-        "hast-util-from-dom": "^5.0.0",
-        "hast-util-from-html": "^2.0.0",
-        "unist-util-remove-position": "^5.0.0"
+        "is-callable": "^1.2.7",
+        "is-date-object": "^1.0.5",
+        "is-symbol": "^1.0.4"
       },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/unified"
-      }
-    },
-    "node_modules/hast-util-from-parse5": {
-      "version": "8.0.3",
-      "resolved": "https://registry.npmjs.org/hast-util-from-parse5/-/hast-util-from-parse5-8.0.3.tgz",
-      "integrity": "sha512-3kxEVkEKt0zvcZ3hCRYI8rqrgwtlIOFMWkbclACvjlDw8Li9S2hk/d51OI0nr/gIpdMHNepwgOKqZ/sy0Clpyg==",
-      "license": "MIT",
-      "dependencies": {
-        "@types/hast": "^3.0.0",
-        "@types/unist": "^3.0.0",
-        "devlop": "^1.0.0",
-        "hastscript": "^9.0.0",
-        "property-information": "^7.0.0",
-        "vfile": "^6.0.0",
-        "vfile-location": "^5.0.0",
-        "web-namespaces": "^2.0.0"
+      "engines": {
+        "node": ">= 0.4"
       },
       "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/unified"
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/hast-util-is-element": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/hast-util-is-element/-/hast-util-is-element-3.0.0.tgz",
-      "integrity": "sha512-Val9mnv2IWpLbNPqc/pUem+a7Ipj2aHacCwgNfTiK0vJKl0LF+4Ba4+v1oPHFpf3bLYmreq0/l3Gud9S5OH42g==",
+    "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",
-      "dependencies": {
-        "@types/hast": "^3.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/unified"
+      "engines": {
+        "node": ">=6"
       }
     },
-    "node_modules/hast-util-parse-selector": {
+    "node_modules/escape-string-regexp": {
       "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/hast-util-parse-selector/-/hast-util-parse-selector-4.0.0.tgz",
-      "integrity": "sha512-wkQCkSYoOGCRKERFWcxMVMOcYE2K1AaNLU8DXS9arxnLOUEWbOXKXiJUNzEpqZ3JOKpnha3jkFrumEjVliDe7A==",
+      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz",
+      "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==",
+      "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "@types/hast": "^3.0.0"
+      "engines": {
+        "node": ">=10"
       },
       "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/unified"
+        "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/hast-util-to-jsx-runtime": {
-      "version": "2.3.6",
-      "resolved": "https://registry.npmjs.org/hast-util-to-jsx-runtime/-/hast-util-to-jsx-runtime-2.3.6.tgz",
-      "integrity": "sha512-zl6s8LwNyo1P9uw+XJGvZtdFF1GdAkOg8ujOw+4Pyb76874fLps4ueHXDhXWdk6YHQ6OgUtinliG7RsYvCbbBg==",
+    "node_modules/eslint": {
+      "version": "9.39.4",
+      "resolved": "https://registry.npmjs.org/eslint/-/eslint-9.39.4.tgz",
+      "integrity": "sha512-XoMjdBOwe/esVgEvLmNsD3IRHkm7fbKIUGvrleloJXUZgDHig2IPWNniv+GwjyJXzuNqVjlr5+4yVUZjycJwfQ==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@types/estree": "^1.0.0",
-        "@types/hast": "^3.0.0",
-        "@types/unist": "^3.0.0",
-        "comma-separated-tokens": "^2.0.0",
-        "devlop": "^1.0.0",
-        "estree-util-is-identifier-name": "^3.0.0",
-        "hast-util-whitespace": "^3.0.0",
-        "mdast-util-mdx-expression": "^2.0.0",
-        "mdast-util-mdx-jsx": "^3.0.0",
-        "mdast-util-mdxjs-esm": "^2.0.0",
-        "property-information": "^7.0.0",
-        "space-separated-tokens": "^2.0.0",
-        "style-to-js": "^1.0.0",
-        "unist-util-position": "^5.0.0",
-        "vfile-message": "^4.0.0"
+        "@eslint-community/eslint-utils": "^4.8.0",
+        "@eslint-community/regexpp": "^4.12.1",
+        "@eslint/config-array": "^0.21.2",
+        "@eslint/config-helpers": "^0.4.2",
+        "@eslint/core": "^0.17.0",
+        "@eslint/eslintrc": "^3.3.5",
+        "@eslint/js": "9.39.4",
+        "@eslint/plugin-kit": "^0.4.1",
+        "@humanfs/node": "^0.16.6",
+        "@humanwhocodes/module-importer": "^1.0.1",
+        "@humanwhocodes/retry": "^0.4.2",
+        "@types/estree": "^1.0.6",
+        "ajv": "^6.14.0",
+        "chalk": "^4.0.0",
+        "cross-spawn": "^7.0.6",
+        "debug": "^4.3.2",
+        "escape-string-regexp": "^4.0.0",
+        "eslint-scope": "^8.4.0",
+        "eslint-visitor-keys": "^4.2.1",
+        "espree": "^10.4.0",
+        "esquery": "^1.5.0",
+        "esutils": "^2.0.2",
+        "fast-deep-equal": "^3.1.3",
+        "file-entry-cache": "^8.0.0",
+        "find-up": "^5.0.0",
+        "glob-parent": "^6.0.2",
+        "ignore": "^5.2.0",
+        "imurmurhash": "^0.1.4",
+        "is-glob": "^4.0.0",
+        "json-stable-stringify-without-jsonify": "^1.0.1",
+        "lodash.merge": "^4.6.2",
+        "minimatch": "^3.1.5",
+        "natural-compare": "^1.4.0",
+        "optionator": "^0.9.3"
+      },
+      "bin": {
+        "eslint": "bin/eslint.js"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
       },
       "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/unified"
+        "url": "https://eslint.org/donate"
+      },
+      "peerDependencies": {
+        "jiti": "*"
+      },
+      "peerDependenciesMeta": {
+        "jiti": {
+          "optional": true
+        }
       }
     },
-    "node_modules/hast-util-to-text": {
-      "version": "4.0.2",
-      "resolved": "https://registry.npmjs.org/hast-util-to-text/-/hast-util-to-text-4.0.2.tgz",
-      "integrity": "sha512-KK6y/BN8lbaq654j7JgBydev7wuNMcID54lkRav1P0CaE1e47P72AWWPiGKXTJU271ooYzcvTAn/Zt0REnvc7A==",
+    "node_modules/eslint-config-next": {
+      "version": "16.1.6",
+      "resolved": "https://registry.npmjs.org/eslint-config-next/-/eslint-config-next-16.1.6.tgz",
+      "integrity": "sha512-vKq40io2B0XtkkNDYyleATwblNt8xuh3FWp8SpSz3pt7P01OkBFlKsJZ2mWt5WsCySlDQLckb1zMY9yE9Qy0LA==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@types/hast": "^3.0.0",
-        "@types/unist": "^3.0.0",
-        "hast-util-is-element": "^3.0.0",
-        "unist-util-find-after": "^5.0.0"
+        "@next/eslint-plugin-next": "16.1.6",
+        "eslint-import-resolver-node": "^0.3.6",
+        "eslint-import-resolver-typescript": "^3.5.2",
+        "eslint-plugin-import": "^2.32.0",
+        "eslint-plugin-jsx-a11y": "^6.10.0",
+        "eslint-plugin-react": "^7.37.0",
+        "eslint-plugin-react-hooks": "^7.0.0",
+        "globals": "16.4.0",
+        "typescript-eslint": "^8.46.0"
       },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/unified"
+      "peerDependencies": {
+        "eslint": ">=9.0.0",
+        "typescript": ">=3.3.1"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
       }
     },
-    "node_modules/hast-util-whitespace": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/hast-util-whitespace/-/hast-util-whitespace-3.0.0.tgz",
-      "integrity": "sha512-88JUN06ipLwsnv+dVn+OIYOvAuvBMy/Qoi6O7mQHxdPXpjy+Cd6xRkWwux7DKO+4sYILtLBRIKgsdpS2gQc7qw==",
+    "node_modules/eslint-config-next/node_modules/globals": {
+      "version": "16.4.0",
+      "resolved": "https://registry.npmjs.org/globals/-/globals-16.4.0.tgz",
+      "integrity": "sha512-ob/2LcVVaVGCYN+r14cnwnoDPUufjiYgSqRhiFD0Q1iI4Odora5RE8Iv1D24hAz5oMophRGkGz+yuvQmmUMnMw==",
+      "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "@types/hast": "^3.0.0"
+      "engines": {
+        "node": ">=18"
       },
       "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/unified"
+        "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/hastscript": {
-      "version": "9.0.1",
-      "resolved": "https://registry.npmjs.org/hastscript/-/hastscript-9.0.1.tgz",
-      "integrity": "sha512-g7df9rMFX/SPi34tyGCyUBREQoKkapwdY/T04Qn9TDWfHhAYt4/I0gMVirzK5wEzeUqIjEB+LXC/ypb7Aqno5w==",
+    "node_modules/eslint-import-resolver-node": {
+      "version": "0.3.10",
+      "resolved": "https://registry.npmjs.org/eslint-import-resolver-node/-/eslint-import-resolver-node-0.3.10.tgz",
+      "integrity": "sha512-tRrKqFyCaKict5hOd244sL6EQFNycnMQnBe+j8uqGNXYzsImGbGUU4ibtoaBmv5FLwJwcFJNeg1GeVjQfbMrDQ==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@types/hast": "^3.0.0",
-        "comma-separated-tokens": "^2.0.0",
-        "hast-util-parse-selector": "^4.0.0",
-        "property-information": "^7.0.0",
-        "space-separated-tokens": "^2.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/unified"
+        "debug": "^3.2.7",
+        "is-core-module": "^2.16.1",
+        "resolve": "^2.0.0-next.6"
       }
     },
-    "node_modules/hermes-estree": {
-      "version": "0.25.1",
-      "resolved": "https://registry.npmjs.org/hermes-estree/-/hermes-estree-0.25.1.tgz",
-      "integrity": "sha512-0wUoCcLp+5Ev5pDW2OriHC2MJCbwLwuRx+gAqMTOkGKJJiBCLjtrvy4PWUGn6MIVefecRpzoOZ/UV6iGdOr+Cw==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/hermes-parser": {
-      "version": "0.25.1",
-      "resolved": "https://registry.npmjs.org/hermes-parser/-/hermes-parser-0.25.1.tgz",
-      "integrity": "sha512-6pEjquH3rqaI6cYAXYPcz9MS4rY6R4ngRgrgfDshRptUZIc3lw0MCIJIGDj9++mfySOuPTHB4nrSW99BCvOPIA==",
+    "node_modules/eslint-import-resolver-node/node_modules/debug": {
+      "version": "3.2.7",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
+      "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "hermes-estree": "0.25.1"
+        "ms": "^2.1.1"
       }
     },
-    "node_modules/html-encoding-sniffer": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/html-encoding-sniffer/-/html-encoding-sniffer-4.0.0.tgz",
-      "integrity": "sha512-Y22oTqIU4uuPgEemfz7NDJz6OeKf12Lsu+QC+s3BVpda64lTiMYCyGwg5ki4vFxkMwQdeZDl2adZoqUgdFuTgQ==",
+    "node_modules/eslint-import-resolver-typescript": {
+      "version": "3.10.1",
+      "resolved": "https://registry.npmjs.org/eslint-import-resolver-typescript/-/eslint-import-resolver-typescript-3.10.1.tgz",
+      "integrity": "sha512-A1rHYb06zjMGAxdLSkN2fXPBwuSaQ0iO5M/hdyS0Ajj1VBaRp0sPD3dn1FhME3c/JluGFbwSxyCfqdSbtQLAHQ==",
       "dev": true,
-      "license": "MIT",
+      "license": "ISC",
       "dependencies": {
-        "whatwg-encoding": "^3.1.1"
+        "@nolyfill/is-core-module": "1.0.39",
+        "debug": "^4.4.0",
+        "get-tsconfig": "^4.10.0",
+        "is-bun-module": "^2.0.0",
+        "stable-hash": "^0.0.5",
+        "tinyglobby": "^0.2.13",
+        "unrs-resolver": "^1.6.2"
       },
       "engines": {
-        "node": ">=18"
+        "node": "^14.18.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint-import-resolver-typescript"
+      },
+      "peerDependencies": {
+        "eslint": "*",
+        "eslint-plugin-import": "*",
+        "eslint-plugin-import-x": "*"
+      },
+      "peerDependenciesMeta": {
+        "eslint-plugin-import": {
+          "optional": true
+        },
+        "eslint-plugin-import-x": {
+          "optional": true
+        }
       }
     },
-    "node_modules/html-escaper": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/html-escaper/-/html-escaper-2.0.2.tgz",
-      "integrity": "sha512-H2iMtd0I4Mt5eYiapRdIDjp+XzelXQ0tFE4JS7YFwFevXXMmOp9myNrUvCg0D6ws8iqkRPBfKHgbwig1SmlLfg==",
+    "node_modules/eslint-module-utils": {
+      "version": "2.12.1",
+      "resolved": "https://registry.npmjs.org/eslint-module-utils/-/eslint-module-utils-2.12.1.tgz",
+      "integrity": "sha512-L8jSWTze7K2mTg0vos/RuLRS5soomksDPoJLXIslC7c8Wmut3bx7CPpJijDcBZtxQ5lrbUdM+s0OlNbz0DCDNw==",
       "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/html-url-attributes": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/html-url-attributes/-/html-url-attributes-3.0.1.tgz",
-      "integrity": "sha512-ol6UPyBWqsrO6EJySPz2O7ZSr856WDrEzM5zMqp+FJJLGMW35cLYmmZnl0vztAZxRUoNZJFTCohfjuIJ8I4QBQ==",
       "license": "MIT",
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/unified"
+      "dependencies": {
+        "debug": "^3.2.7"
+      },
+      "engines": {
+        "node": ">=4"
+      },
+      "peerDependenciesMeta": {
+        "eslint": {
+          "optional": true
+        }
       }
     },
-    "node_modules/http-proxy-agent": {
-      "version": "7.0.2",
-      "resolved": "https://registry.npmjs.org/http-proxy-agent/-/http-proxy-agent-7.0.2.tgz",
-      "integrity": "sha512-T1gkAiYYDWYx3V5Bmyu7HcfcvL7mUrTWiM6yOfa3PIphViJ/gFPbvidQ+veqSOHci/PxBcDabeUNCzpOODJZig==",
+    "node_modules/eslint-module-utils/node_modules/debug": {
+      "version": "3.2.7",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
+      "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "agent-base": "^7.1.0",
-        "debug": "^4.3.4"
-      },
-      "engines": {
-        "node": ">= 14"
+        "ms": "^2.1.1"
       }
     },
-    "node_modules/https-proxy-agent": {
-      "version": "7.0.6",
-      "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-7.0.6.tgz",
-      "integrity": "sha512-vK9P5/iUfdl95AI+JVyUuIcVtd4ofvtrOr3HNtM2yxC9bnMbEdp3x01OhQNnjb8IJYi38VlTE3mBXwcfvywuSw==",
+    "node_modules/eslint-plugin-import": {
+      "version": "2.32.0",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-import/-/eslint-plugin-import-2.32.0.tgz",
+      "integrity": "sha512-whOE1HFo/qJDyX4SnXzP4N6zOWn79WhnCUY/iDR0mPfQZO8wcYE4JClzI2oZrhBnnMUCBCHZhO6VQyoBU95mZA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "agent-base": "^7.1.2",
-        "debug": "4"
+        "@rtsao/scc": "^1.1.0",
+        "array-includes": "^3.1.9",
+        "array.prototype.findlastindex": "^1.2.6",
+        "array.prototype.flat": "^1.3.3",
+        "array.prototype.flatmap": "^1.3.3",
+        "debug": "^3.2.7",
+        "doctrine": "^2.1.0",
+        "eslint-import-resolver-node": "^0.3.9",
+        "eslint-module-utils": "^2.12.1",
+        "hasown": "^2.0.2",
+        "is-core-module": "^2.16.1",
+        "is-glob": "^4.0.3",
+        "minimatch": "^3.1.2",
+        "object.fromentries": "^2.0.8",
+        "object.groupby": "^1.0.3",
+        "object.values": "^1.2.1",
+        "semver": "^6.3.1",
+        "string.prototype.trimend": "^1.0.9",
+        "tsconfig-paths": "^3.15.0"
       },
       "engines": {
-        "node": ">= 14"
+        "node": ">=4"
+      },
+      "peerDependencies": {
+        "eslint": "^2 || ^3 || ^4 || ^5 || ^6 || ^7.2.0 || ^8 || ^9"
       }
     },
-    "node_modules/human-signals": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/human-signals/-/human-signals-2.1.0.tgz",
-      "integrity": "sha512-B4FFZ6q/T2jhhksgkbEW3HBvWIfDW85snkQgawt07S7J5QXTk6BkNV+0yAeZrM5QpMAdYlocGoljn0sJ/WQkFw==",
+    "node_modules/eslint-plugin-import/node_modules/debug": {
+      "version": "3.2.7",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
+      "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
       "dev": true,
-      "license": "Apache-2.0",
-      "engines": {
-        "node": ">=10.17.0"
+      "license": "MIT",
+      "dependencies": {
+        "ms": "^2.1.1"
       }
     },
-    "node_modules/iceberg-js": {
-      "version": "0.8.1",
-      "resolved": "https://registry.npmjs.org/iceberg-js/-/iceberg-js-0.8.1.tgz",
-      "integrity": "sha512-1dhVQZXhcHje7798IVM+xoo/1ZdVfzOMIc8/rgVSijRK38EDqOJoGula9N/8ZI5RD8QTxNQtK/Gozpr+qUqRRA==",
+    "node_modules/eslint-plugin-jsx-a11y": {
+      "version": "6.10.2",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-jsx-a11y/-/eslint-plugin-jsx-a11y-6.10.2.tgz",
+      "integrity": "sha512-scB3nz4WmG75pV8+3eRUQOHZlNSUhFNq37xnpgRkCCELU3XMvXAxLk1eqWWyE22Ki4Q01Fnsw9BA3cJHDPgn2Q==",
+      "dev": true,
       "license": "MIT",
+      "dependencies": {
+        "aria-query": "^5.3.2",
+        "array-includes": "^3.1.8",
+        "array.prototype.flatmap": "^1.3.2",
+        "ast-types-flow": "^0.0.8",
+        "axe-core": "^4.10.0",
+        "axobject-query": "^4.1.0",
+        "damerau-levenshtein": "^1.0.8",
+        "emoji-regex": "^9.2.2",
+        "hasown": "^2.0.2",
+        "jsx-ast-utils": "^3.3.5",
+        "language-tags": "^1.0.9",
+        "minimatch": "^3.1.2",
+        "object.fromentries": "^2.0.8",
+        "safe-regex-test": "^1.0.3",
+        "string.prototype.includes": "^2.0.1"
+      },
       "engines": {
-        "node": ">=20.0.0"
+        "node": ">=4.0"
+      },
+      "peerDependencies": {
+        "eslint": "^3 || ^4 || ^5 || ^6 || ^7 || ^8 || ^9"
       }
     },
-    "node_modules/iconv-lite": {
-      "version": "0.6.3",
-      "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz",
-      "integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==",
+    "node_modules/eslint-plugin-react": {
+      "version": "7.37.5",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-react/-/eslint-plugin-react-7.37.5.tgz",
+      "integrity": "sha512-Qteup0SqU15kdocexFNAJMvCJEfa2xUKNV4CC1xsVMrIIqEy3SQ/rqyxCWNzfrd3/ldy6HMlD2e0JDVpDg2qIA==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "safer-buffer": ">= 2.1.2 < 3.0.0"
+        "array-includes": "^3.1.8",
+        "array.prototype.findlast": "^1.2.5",
+        "array.prototype.flatmap": "^1.3.3",
+        "array.prototype.tosorted": "^1.1.4",
+        "doctrine": "^2.1.0",
+        "es-iterator-helpers": "^1.2.1",
+        "estraverse": "^5.3.0",
+        "hasown": "^2.0.2",
+        "jsx-ast-utils": "^2.4.1 || ^3.0.0",
+        "minimatch": "^3.1.2",
+        "object.entries": "^1.1.9",
+        "object.fromentries": "^2.0.8",
+        "object.values": "^1.2.1",
+        "prop-types": "^15.8.1",
+        "resolve": "^2.0.0-next.5",
+        "semver": "^6.3.1",
+        "string.prototype.matchall": "^4.0.12",
+        "string.prototype.repeat": "^1.0.0"
       },
       "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/ignore": {
-      "version": "5.3.2",
-      "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.3.2.tgz",
-      "integrity": "sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">= 4"
+        "node": ">=4"
+      },
+      "peerDependencies": {
+        "eslint": "^3 || ^4 || ^5 || ^6 || ^7 || ^8 || ^9.7"
       }
     },
-    "node_modules/import-fresh": {
-      "version": "3.3.1",
-      "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.1.tgz",
-      "integrity": "sha512-TR3KfrTZTYLPB6jUjfx6MF9WcWrHL9su5TObK4ZkYgBdWKPOFoSoQIdEuTuR82pmtxH2spWG9h6etwfr1pLBqQ==",
+    "node_modules/eslint-plugin-react-hooks": {
+      "version": "7.1.1",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-7.1.1.tgz",
+      "integrity": "sha512-f2I7Gw6JbvCexzIInuSbZpfdQ44D7iqdWX01FKLvrPgqxoE7oMj8clOfto8U6vYiz4yd5oKu39rRSVOe1zRu0g==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "parent-module": "^1.0.0",
-        "resolve-from": "^4.0.0"
+        "@babel/core": "^7.24.4",
+        "@babel/parser": "^7.24.4",
+        "hermes-parser": "^0.25.1",
+        "zod": "^3.25.0 || ^4.0.0",
+        "zod-validation-error": "^3.5.0 || ^4.0.0"
       },
       "engines": {
-        "node": ">=6"
+        "node": ">=18"
       },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
+      "peerDependencies": {
+        "eslint": "^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0 || ^9.0.0 || ^10.0.0"
       }
     },
-    "node_modules/import-local": {
-      "version": "3.2.0",
-      "resolved": "https://registry.npmjs.org/import-local/-/import-local-3.2.0.tgz",
-      "integrity": "sha512-2SPlun1JUPWoM6t3F0dw0FkCF/jWY8kttcY4f599GLTSjh2OCuuhdTkJQsEcZzBqbXZGKMK2OqW1oZsjtf/gQA==",
+    "node_modules/eslint-scope": {
+      "version": "8.4.0",
+      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-8.4.0.tgz",
+      "integrity": "sha512-sNXOfKCn74rt8RICKMvJS7XKV/Xk9kA7DyJr8mJik3S7Cwgy3qlkkmyS2uQB3jiJg6VNdZd/pDBJu0nvG2NlTg==",
       "dev": true,
-      "license": "MIT",
+      "license": "BSD-2-Clause",
       "dependencies": {
-        "pkg-dir": "^4.2.0",
-        "resolve-cwd": "^3.0.0"
-      },
-      "bin": {
-        "import-local-fixture": "fixtures/cli.js"
+        "esrecurse": "^4.3.0",
+        "estraverse": "^5.2.0"
       },
       "engines": {
-        "node": ">=8"
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
       },
       "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
+        "url": "https://opencollective.com/eslint"
       }
     },
-    "node_modules/imurmurhash": {
-      "version": "0.1.4",
-      "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz",
-      "integrity": "sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==",
+    "node_modules/eslint-visitor-keys": {
+      "version": "4.2.1",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-4.2.1.tgz",
+      "integrity": "sha512-Uhdk5sfqcee/9H/rCOJikYz67o0a2Tw2hGRPOG2Y1R2dg7brRe1uG0yaNQDHu+TO/uQPF/5eCapvYSmHUjt7JQ==",
       "dev": true,
-      "license": "MIT",
+      "license": "Apache-2.0",
       "engines": {
-        "node": ">=0.8.19"
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
       }
     },
-    "node_modules/indent-string": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/indent-string/-/indent-string-4.0.0.tgz",
-      "integrity": "sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg==",
+    "node_modules/espree": {
+      "version": "10.4.0",
+      "resolved": "https://registry.npmjs.org/espree/-/espree-10.4.0.tgz",
+      "integrity": "sha512-j6PAQ2uUr79PZhBjP5C5fhl8e39FmRnOjsD5lGnWrFU8i2G776tBK7+nP8KuQUTTyAZUwfQqXAgrVH5MbH9CYQ==",
       "dev": true,
-      "license": "MIT",
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "acorn": "^8.15.0",
+        "acorn-jsx": "^5.3.2",
+        "eslint-visitor-keys": "^4.2.1"
+      },
       "engines": {
-        "node": ">=8"
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
       }
     },
-    "node_modules/inflight": {
-      "version": "1.0.6",
-      "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz",
-      "integrity": "sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==",
-      "deprecated": "This module is not supported, and leaks memory. Do not use it. Check out lru-cache if you want a good and tested way to coalesce async requests by a key value, which is much more comprehensive and powerful.",
+    "node_modules/esquery": {
+      "version": "1.7.0",
+      "resolved": "https://registry.npmjs.org/esquery/-/esquery-1.7.0.tgz",
+      "integrity": "sha512-Ap6G0WQwcU/LHsvLwON1fAQX9Zp0A2Y6Y/cJBl9r/JbW90Zyg4/zbG6zzKa2OTALELarYHmKu0GhpM5EO+7T0g==",
       "dev": true,
-      "license": "ISC",
+      "license": "BSD-3-Clause",
       "dependencies": {
-        "once": "^1.3.0",
-        "wrappy": "1"
+        "estraverse": "^5.1.0"
+      },
+      "engines": {
+        "node": ">=0.10"
       }
     },
-    "node_modules/inherits": {
-      "version": "2.0.4",
-      "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
-      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
-      "dev": true,
-      "license": "ISC"
-    },
-    "node_modules/inline-style-parser": {
-      "version": "0.2.7",
-      "resolved": "https://registry.npmjs.org/inline-style-parser/-/inline-style-parser-0.2.7.tgz",
-      "integrity": "sha512-Nb2ctOyNR8DqQoR0OwRG95uNWIC0C1lCgf5Naz5H6Ji72KZ8OcFZLz2P5sNgwlyoJ8Yif11oMuYs5pBQa86csA==",
-      "license": "MIT"
-    },
-    "node_modules/internal-slot": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/internal-slot/-/internal-slot-1.1.0.tgz",
-      "integrity": "sha512-4gd7VpWNQNB4UKKCFFVcp1AVv+FMOgs9NKzjHKusc8jTMhd5eL1NqQqOpE0KzMds804/yHlglp3uxgluOqAPLw==",
+    "node_modules/esrecurse": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/esrecurse/-/esrecurse-4.3.0.tgz",
+      "integrity": "sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==",
       "dev": true,
-      "license": "MIT",
+      "license": "BSD-2-Clause",
       "dependencies": {
-        "es-errors": "^1.3.0",
-        "hasown": "^2.0.2",
-        "side-channel": "^1.1.0"
+        "estraverse": "^5.2.0"
       },
       "engines": {
-        "node": ">= 0.4"
+        "node": ">=4.0"
       }
     },
-    "node_modules/internmap": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/internmap/-/internmap-2.0.3.tgz",
-      "integrity": "sha512-5Hh7Y1wQbvY5ooGgPbDaL5iYLAPzMTUrjMulskHLH6wnv/A+1q5rgEaiuqEjB+oxGXIVZs1FF+R/KPN3ZSQYYg==",
-      "license": "ISC",
+    "node_modules/estraverse": {
+      "version": "5.3.0",
+      "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
+      "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
+      "dev": true,
+      "license": "BSD-2-Clause",
       "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/is-alphabetical": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/is-alphabetical/-/is-alphabetical-2.0.1.tgz",
-      "integrity": "sha512-FWyyY60MeTNyeSRpkM2Iry0G9hpr7/9kD40mD/cGQEuilcZYS4okz8SN2Q6rLCJ8gbCt6fN+rC+6tMGS99LaxQ==",
-      "license": "MIT",
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/wooorm"
+        "node": ">=4.0"
       }
     },
-    "node_modules/is-alphanumerical": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/is-alphanumerical/-/is-alphanumerical-2.0.1.tgz",
-      "integrity": "sha512-hmbYhX/9MUMF5uh7tOXyK/n0ZvWpad5caBA17GsC6vyuCqaWliRG5K1qS9inmUhEMaOBIW7/whAnSwveW/LtZw==",
+    "node_modules/estree-util-is-identifier-name": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/estree-util-is-identifier-name/-/estree-util-is-identifier-name-3.0.0.tgz",
+      "integrity": "sha512-hFtqIDZTIUZ9BXLb8y4pYGyk6+wekIivNVTcmvk8NoOh+VeRn5y6cEHzbURrWbfp1fIqdVipilzj+lfaadNZmg==",
       "license": "MIT",
-      "dependencies": {
-        "is-alphabetical": "^2.0.0",
-        "is-decimal": "^2.0.0"
-      },
       "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/wooorm"
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
       }
     },
-    "node_modules/is-array-buffer": {
-      "version": "3.0.5",
-      "resolved": "https://registry.npmjs.org/is-array-buffer/-/is-array-buffer-3.0.5.tgz",
-      "integrity": "sha512-DDfANUiiG2wC1qawP66qlTugJeL5HyzMpfr8lLK+jMQirGzNod0B12cFB/9q838Ru27sBwfw78/rdoU7RERz6A==",
+    "node_modules/esutils": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz",
+      "integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==",
       "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "call-bind": "^1.0.8",
-        "call-bound": "^1.0.3",
-        "get-intrinsic": "^1.2.6"
-      },
+      "license": "BSD-2-Clause",
       "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
+        "node": ">=0.10.0"
       }
     },
-    "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==",
-      "dev": true,
+    "node_modules/extend": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/extend/-/extend-3.0.2.tgz",
+      "integrity": "sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g==",
       "license": "MIT"
     },
-    "node_modules/is-async-function": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/is-async-function/-/is-async-function-2.1.1.tgz",
-      "integrity": "sha512-9dgM/cZBnNvjzaMYHVoxxfPj2QXt22Ev7SuuPrs+xav0ukGB0S6d4ydZdEiM48kLx5kDV+QBPrpVnFyefL8kkQ==",
+    "node_modules/fast-deep-equal": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
+      "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==",
       "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "async-function": "^1.0.0",
-        "call-bound": "^1.0.3",
-        "get-proto": "^1.0.1",
-        "has-tostringtag": "^1.0.2",
-        "safe-regex-test": "^1.1.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
+      "license": "MIT"
     },
-    "node_modules/is-bigint": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/is-bigint/-/is-bigint-1.1.0.tgz",
-      "integrity": "sha512-n4ZT37wG78iz03xPRKJrHTdZbe3IicyucEtdRsV5yglwc3GyUfbAfpSeD0FJ41NbUNSt5wbhqfp1fS+BgnvDFQ==",
+    "node_modules/fast-glob": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.1.tgz",
+      "integrity": "sha512-kNFPyjhh5cKjrUltxs+wFx+ZkbRaxxmZ+X0ZU31SOsxCEtP9VPgtq2teZw1DebupL5GmDaNQ6yKMMVcM41iqDg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "has-bigints": "^1.0.2"
+        "@nodelib/fs.stat": "^2.0.2",
+        "@nodelib/fs.walk": "^1.2.3",
+        "glob-parent": "^5.1.2",
+        "merge2": "^1.3.0",
+        "micromatch": "^4.0.4"
       },
       "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
+        "node": ">=8.6.0"
       }
     },
-    "node_modules/is-boolean-object": {
-      "version": "1.2.2",
-      "resolved": "https://registry.npmjs.org/is-boolean-object/-/is-boolean-object-1.2.2.tgz",
-      "integrity": "sha512-wa56o2/ElJMYqjCjGkXri7it5FbebW5usLw/nPmCMs5DeZ7eziSYZhSmPRn0txqeW4LnAmQQU7FgqLpsEFKM4A==",
+    "node_modules/fast-glob/node_modules/glob-parent": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
+      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
       "dev": true,
-      "license": "MIT",
+      "license": "ISC",
       "dependencies": {
-        "call-bound": "^1.0.3",
-        "has-tostringtag": "^1.0.2"
+        "is-glob": "^4.0.1"
       },
       "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
+        "node": ">= 6"
       }
     },
-    "node_modules/is-bun-module": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/is-bun-module/-/is-bun-module-2.0.0.tgz",
-      "integrity": "sha512-gNCGbnnnnFAUGKeZ9PdbyeGYJqewpmc2aKHUEMO5nQPWU9lOmv7jcmQIv+qHD8fXW6W7qfuCwX4rY9LNRjXrkQ==",
+    "node_modules/fast-json-stable-stringify": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz",
+      "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/fast-levenshtein": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz",
+      "integrity": "sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==",
       "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "semver": "^7.7.1"
-      }
+      "license": "MIT"
     },
-    "node_modules/is-bun-module/node_modules/semver": {
-      "version": "7.7.4",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.4.tgz",
-      "integrity": "sha512-vFKC2IEtQnVhpT78h1Yp8wzwrf8CM+MzKMHGJZfBtzhZNycRFnXsHk6E5TxIkkMsgNS7mdX3AGB7x2QM2di4lA==",
+    "node_modules/fastq": {
+      "version": "1.20.1",
+      "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.20.1.tgz",
+      "integrity": "sha512-GGToxJ/w1x32s/D2EKND7kTil4n8OVk/9mycTc4VDza13lOvpUZTGX3mFSCtV9ksdGBVzvsyAVLM6mHFThxXxw==",
       "dev": true,
       "license": "ISC",
-      "bin": {
-        "semver": "bin/semver.js"
-      },
-      "engines": {
-        "node": ">=10"
+      "dependencies": {
+        "reusify": "^1.0.4"
       }
     },
-    "node_modules/is-callable": {
-      "version": "1.2.7",
-      "resolved": "https://registry.npmjs.org/is-callable/-/is-callable-1.2.7.tgz",
-      "integrity": "sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==",
+    "node_modules/file-entry-cache": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-8.0.0.tgz",
+      "integrity": "sha512-XXTUwCvisa5oacNGRP9SfNtYBNAMi+RPwBFmblZEF7N7swHYQS6/Zfk7SRwx4D5j3CH211YNRco1DEMNVfZCnQ==",
       "dev": true,
       "license": "MIT",
-      "engines": {
-        "node": ">= 0.4"
+      "dependencies": {
+        "flat-cache": "^4.0.0"
       },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
+      "engines": {
+        "node": ">=16.0.0"
       }
     },
-    "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==",
+    "node_modules/fill-range": {
+      "version": "7.1.1",
+      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz",
+      "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "hasown": "^2.0.2"
+        "to-regex-range": "^5.0.1"
       },
       "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
+        "node": ">=8"
       }
     },
-    "node_modules/is-data-view": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/is-data-view/-/is-data-view-1.0.2.tgz",
-      "integrity": "sha512-RKtWF8pGmS87i2D6gqQu/l7EYRlVdfzemCJN/P3UOs//x1QE7mfhvzHIApBTRf7axvT6DMGwSwBXYCT0nfB9xw==",
+    "node_modules/find-up": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/find-up/-/find-up-5.0.0.tgz",
+      "integrity": "sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "call-bound": "^1.0.2",
-        "get-intrinsic": "^1.2.6",
-        "is-typed-array": "^1.1.13"
+        "locate-path": "^6.0.0",
+        "path-exists": "^4.0.0"
       },
       "engines": {
-        "node": ">= 0.4"
+        "node": ">=10"
       },
       "funding": {
-        "url": "https://github.com/sponsors/ljharb"
+        "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/is-date-object": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/is-date-object/-/is-date-object-1.1.0.tgz",
-      "integrity": "sha512-PwwhEakHVKTdRNVOw+/Gyh0+MzlCl4R6qKvkhuvLtPMggI1WAHt9sOwZxQLSGpUaDnrdyDsomoRgNnCfKNSXXg==",
+    "node_modules/flat-cache": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-4.0.1.tgz",
+      "integrity": "sha512-f7ccFPK3SXFHpx15UIGyRJ/FJQctuKZ0zVuN3frBo4HnK3cay9VEW0R6yPYFHC0AgqhukPzKjq22t5DmAyqGyw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "call-bound": "^1.0.2",
-        "has-tostringtag": "^1.0.2"
+        "flatted": "^3.2.9",
+        "keyv": "^4.5.4"
       },
       "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-decimal": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/is-decimal/-/is-decimal-2.0.1.tgz",
-      "integrity": "sha512-AAB9hiomQs5DXWcRB1rqsxGUstbRroFOPPVAomNk/3XHR5JyEZChOyTWe2oayKnsSsr/kcGqF+z6yuH6HHpN0A==",
-      "license": "MIT",
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/wooorm"
+        "node": ">=16"
       }
     },
-    "node_modules/is-extglob": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
-      "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
+    "node_modules/flatted": {
+      "version": "3.4.2",
+      "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.4.2.tgz",
+      "integrity": "sha512-PjDse7RzhcPkIJwy5t7KPWQSZ9cAbzQXcafsetQoD7sOJRQlGikNbx7yZp2OotDnJyrDcbyRq3Ttb18iYOqkxA==",
       "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=0.10.0"
-      }
+      "license": "ISC"
     },
-    "node_modules/is-finalizationregistry": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/is-finalizationregistry/-/is-finalizationregistry-1.1.1.tgz",
-      "integrity": "sha512-1pC6N8qWJbWoPtEjgcL2xyhQOP491EQjeUo3qTKcmV8YSDDJrOepfG8pcC7h/QgnQHYSv0mJ3Z/ZWxmatVrysg==",
+    "node_modules/for-each": {
+      "version": "0.3.5",
+      "resolved": "https://registry.npmjs.org/for-each/-/for-each-0.3.5.tgz",
+      "integrity": "sha512-dKx12eRCVIzqCxFGplyFKJMPvLEWgmNtUrpTiJIR5u97zEhRG8ySrtboPHZXx7daLxQVrl643cTzbab2tkQjxg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "call-bound": "^1.0.3"
+        "is-callable": "^1.2.7"
       },
       "engines": {
         "node": ">= 0.4"
@@ -7540,114 +4310,84 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/is-fullwidth-code-point": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
-      "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/is-generator-fn": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/is-generator-fn/-/is-generator-fn-2.1.0.tgz",
-      "integrity": "sha512-cTIB4yPYL/Grw0EaSzASzg6bBy9gqCofvWN8okThAYIxKJZC+udlRAmGbM0XLeniEJSs8uEgHPGuHSe1XsOLSQ==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/is-generator-function": {
+    "node_modules/function-bind": {
       "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/is-generator-function/-/is-generator-function-1.1.2.tgz",
-      "integrity": "sha512-upqt1SkGkODW9tsGNG5mtXTXtECizwtS2kA161M+gJPc1xdb/Ax629af6YrTwcOeQHbewrPNlE5Dx7kzvXTizA==",
+      "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
+      "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
       "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "call-bound": "^1.0.4",
-        "generator-function": "^2.0.0",
-        "get-proto": "^1.0.1",
-        "has-tostringtag": "^1.0.2",
-        "safe-regex-test": "^1.1.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/is-glob": {
-      "version": "4.0.3",
-      "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
-      "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
+    "node_modules/function.prototype.name": {
+      "version": "1.1.8",
+      "resolved": "https://registry.npmjs.org/function.prototype.name/-/function.prototype.name-1.1.8.tgz",
+      "integrity": "sha512-e5iwyodOHhbMr/yNrc7fDYG4qlbIvI5gajyzPnb5TCwyhjApznQh1BMFou9b30SevY43gCJKXycoCBjMbsuW0Q==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "is-extglob": "^2.1.1"
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.3",
+        "define-properties": "^1.2.1",
+        "functions-have-names": "^1.2.3",
+        "hasown": "^2.0.2",
+        "is-callable": "^1.2.7"
       },
       "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/is-hexadecimal": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/is-hexadecimal/-/is-hexadecimal-2.0.1.tgz",
-      "integrity": "sha512-DgZQp241c8oO6cA1SbTEWiXeoxV42vlcJxgH+B3hi1AiqqKruZR3ZGF8In3fj4+/y/7rHvlOZLZtgJ/4ttYGZg==",
-      "license": "MIT",
+        "node": ">= 0.4"
+      },
       "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/wooorm"
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/is-map": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/is-map/-/is-map-2.0.3.tgz",
-      "integrity": "sha512-1Qed0/Hr2m+YqxnM09CjA2d/i6YZNfF6R2oRAOj36eUdS6qIV/huPJNSEpKbupewFs+ZsJlxsjjPbc0/afW6Lw==",
+    "node_modules/functions-have-names": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/functions-have-names/-/functions-have-names-1.2.3.tgz",
+      "integrity": "sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==",
       "dev": true,
       "license": "MIT",
-      "engines": {
-        "node": ">= 0.4"
-      },
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/is-negative-zero": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/is-negative-zero/-/is-negative-zero-2.0.3.tgz",
-      "integrity": "sha512-5KoIu2Ngpyek75jXodFvnafB6DJgr3u8uuK0LEZJjrU19DrMD3EVERaR8sjz8CCGgpZvxPl9SuE1GMVPFHx1mw==",
+    "node_modules/generator-function": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/generator-function/-/generator-function-2.0.1.tgz",
+      "integrity": "sha512-SFdFmIJi+ybC0vjlHN0ZGVGHc3lgE0DxPAT0djjVg+kjOnSqclqmj0KQ7ykTOLP6YxoqOvuAODGdcHJn+43q3g==",
       "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/is-number": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
-      "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
+    "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": ">=0.12.0"
+        "node": ">=6.9.0"
       }
     },
-    "node_modules/is-number-object": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/is-number-object/-/is-number-object-1.1.1.tgz",
-      "integrity": "sha512-lZhclumE1G6VYD8VHe35wFaIif+CTy5SJIi5+3y4psDgWu4wPDoBhF8NxUOinEc7pHgiTsT6MaBb92rKhhD+Xw==",
+    "node_modules/get-intrinsic": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.3.0.tgz",
+      "integrity": "sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "call-bound": "^1.0.3",
-        "has-tostringtag": "^1.0.2"
+        "call-bind-apply-helpers": "^1.0.2",
+        "es-define-property": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.1.1",
+        "function-bind": "^1.1.2",
+        "get-proto": "^1.0.1",
+        "gopd": "^1.2.0",
+        "has-symbols": "^1.1.0",
+        "hasown": "^2.0.2",
+        "math-intrinsics": "^1.1.0"
       },
       "engines": {
         "node": ">= 0.4"
@@ -7656,36 +4396,30 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/is-plain-obj": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-4.1.0.tgz",
-      "integrity": "sha512-+Pgi+vMuUNkJyExiMBt5IlFoMyKnr5zhJ4Uspz58WOhBF5QoIZkFyNHIbBAtHwzVAgk5RtndVNsDRN61/mmDqg==",
+    "node_modules/get-proto": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/get-proto/-/get-proto-1.0.1.tgz",
+      "integrity": "sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==",
+      "dev": true,
       "license": "MIT",
-      "engines": {
-        "node": ">=12"
+      "dependencies": {
+        "dunder-proto": "^1.0.1",
+        "es-object-atoms": "^1.0.0"
       },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
+      "engines": {
+        "node": ">= 0.4"
       }
     },
-    "node_modules/is-potential-custom-element-name": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/is-potential-custom-element-name/-/is-potential-custom-element-name-1.0.1.tgz",
-      "integrity": "sha512-bCYeRA2rVibKZd+s2625gGnGF/t7DSqDs4dP7CrLA1m7jKWz6pps0LpYLJN8Q64HtmPKJ1hrN3nzPNKFEKOUiQ==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/is-regex": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.2.1.tgz",
-      "integrity": "sha512-MjYsKHO5O7mCsmRGxWcLWheFqN9DJ/2TmngvjKXihe6efViPqc274+Fx/4fYj/r03+ESvBdTXK0V6tA3rgez1g==",
+    "node_modules/get-symbol-description": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/get-symbol-description/-/get-symbol-description-1.1.0.tgz",
+      "integrity": "sha512-w9UMqWwJxHNOvoNzSJ2oPF5wvYcvP7jUvYzhp67yEhTi17ZDBBC1z9pTdGuzjD+EFIqLSYRweZjqfiPzQ06Ebg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "call-bound": "^1.0.2",
-        "gopd": "^1.2.0",
-        "has-tostringtag": "^1.0.2",
-        "hasown": "^2.0.2"
+        "call-bound": "^1.0.3",
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.6"
       },
       "engines": {
         "node": ">= 0.4"
@@ -7694,57 +4428,54 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/is-set": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/is-set/-/is-set-2.0.3.tgz",
-      "integrity": "sha512-iPAjerrse27/ygGLxw+EBR9agv9Y6uLeYVJMu+QNCoouJ1/1ri0mGrcWpfCqFZuzzx3WjtwxG098X+n4OuRkPg==",
+    "node_modules/get-tsconfig": {
+      "version": "4.14.0",
+      "resolved": "https://registry.npmjs.org/get-tsconfig/-/get-tsconfig-4.14.0.tgz",
+      "integrity": "sha512-yTb+8DXzDREzgvYmh6s9vHsSVCHeC0G3PI5bEXNBHtmshPnO+S5O7qgLEOn0I5QvMy6kpZN8K1NKGyilLb93wA==",
       "dev": true,
       "license": "MIT",
-      "engines": {
-        "node": ">= 0.4"
+      "dependencies": {
+        "resolve-pkg-maps": "^1.0.0"
       },
       "funding": {
-        "url": "https://github.com/sponsors/ljharb"
+        "url": "https://github.com/privatenumber/get-tsconfig?sponsor=1"
       }
     },
-    "node_modules/is-shared-array-buffer": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/is-shared-array-buffer/-/is-shared-array-buffer-1.0.4.tgz",
-      "integrity": "sha512-ISWac8drv4ZGfwKl5slpHG9OwPNty4jOWPRIhBpxOoD+hqITiwuipOQ2bNthAzwA3B4fIjO4Nln74N0S9byq8A==",
+    "node_modules/glob-parent": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
+      "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
       "dev": true,
-      "license": "MIT",
+      "license": "ISC",
       "dependencies": {
-        "call-bound": "^1.0.3"
+        "is-glob": "^4.0.3"
       },
       "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
+        "node": ">=10.13.0"
       }
     },
-    "node_modules/is-stream": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/is-stream/-/is-stream-2.0.1.tgz",
-      "integrity": "sha512-hFoiJiTl63nn+kstHGBtewWSKnQLpyb155KHheA1l39uvtO9nWIop1p3udqPcUd/xbF1VLMO4n7OI6p7RbngDg==",
+    "node_modules/globals": {
+      "version": "14.0.0",
+      "resolved": "https://registry.npmjs.org/globals/-/globals-14.0.0.tgz",
+      "integrity": "sha512-oahGvuMGQlPw/ivIYBjVSrWAfWLBeku5tpPE2fOPLi+WHffIWbuh2tCjhyQhTBPMf5E9jDEH4FOmTYgYwbKwtQ==",
       "dev": true,
       "license": "MIT",
       "engines": {
-        "node": ">=8"
+        "node": ">=18"
       },
       "funding": {
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/is-string": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/is-string/-/is-string-1.1.1.tgz",
-      "integrity": "sha512-BtEeSsoaQjlSPBemMQIrY1MY0uM6vnS1g5fmufYOtnxLGUZM2178PKbhsk7Ffv58IX+ZtcvoGwccYsh0PglkAA==",
+    "node_modules/globalthis": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/globalthis/-/globalthis-1.0.4.tgz",
+      "integrity": "sha512-DpLKbNU4WylpxJykQujfCcwYWiV/Jhm50Goo0wrVILAv5jOr9d+H+UR3PhSCD2rCCEIg0uc+G+muBTwD54JhDQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "call-bound": "^1.0.3",
-        "has-tostringtag": "^1.0.2"
+        "define-properties": "^1.2.1",
+        "gopd": "^1.0.1"
       },
       "engines": {
         "node": ">= 0.4"
@@ -7753,17 +4484,12 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/is-symbol": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/is-symbol/-/is-symbol-1.1.1.tgz",
-      "integrity": "sha512-9gGx6GTtCQM73BgmHQXfDmLtfjjTUDSyoxTCbp5WtoixAhfgsDirWIcVQ/IHpvI5Vgd5i/J5F7B9cN/WlVbC/w==",
+    "node_modules/gopd": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.2.0.tgz",
+      "integrity": "sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==",
       "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "call-bound": "^1.0.2",
-        "has-symbols": "^1.1.0",
-        "safe-regex-test": "^1.1.0"
-      },
       "engines": {
         "node": ">= 0.4"
       },
@@ -7771,15 +4497,12 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/is-typed-array": {
-      "version": "1.1.15",
-      "resolved": "https://registry.npmjs.org/is-typed-array/-/is-typed-array-1.1.15.tgz",
-      "integrity": "sha512-p3EcsicXjit7SaskXHs1hA91QxgTw46Fv6EFKKGS5DRFLD8yKnohjF3hxoju94b/OcMZoQukzpPpBE9uLVKzgQ==",
+    "node_modules/has-bigints": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/has-bigints/-/has-bigints-1.1.0.tgz",
+      "integrity": "sha512-R3pbpkcIqv2Pm3dUwgjclDRVmWpTJW2DcMzcIhEXEx1oh/CEMObMm3KLmRJOdvhM7o4uQBnwr8pzRK2sJWIqfg==",
       "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "which-typed-array": "^1.1.16"
-      },
       "engines": {
         "node": ">= 0.4"
       },
@@ -7787,44 +4510,37 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/is-weakmap": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/is-weakmap/-/is-weakmap-2.0.2.tgz",
-      "integrity": "sha512-K5pXYOm9wqY1RgjpL3YTkF39tni1XajUIkawTLUo9EZEVUFga5gSQJF8nNS7ZwJQ02y+1YCNYcMh+HIf1ZqE+w==",
+    "node_modules/has-flag": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
       "dev": true,
       "license": "MIT",
       "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
+        "node": ">=8"
       }
     },
-    "node_modules/is-weakref": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/is-weakref/-/is-weakref-1.1.1.tgz",
-      "integrity": "sha512-6i9mGWSlqzNMEqpCp93KwRS1uUOodk2OJ6b+sq7ZPDSy2WuI5NFIxp/254TytR8ftefexkWn5xNiHUNpPOfSew==",
+    "node_modules/has-property-descriptors": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.2.tgz",
+      "integrity": "sha512-55JNKuIW+vq4Ke1BjOTjM2YctQIvCT7GFzHwmfZPGo5wnrgkid0YQtnAleFSqumZm4az3n2BS+erby5ipJdgrg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "call-bound": "^1.0.3"
-      },
-      "engines": {
-        "node": ">= 0.4"
+        "es-define-property": "^1.0.0"
       },
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/is-weakset": {
-      "version": "2.0.4",
-      "resolved": "https://registry.npmjs.org/is-weakset/-/is-weakset-2.0.4.tgz",
-      "integrity": "sha512-mfcwb6IzQyOKTs84CQMrOwW4gQcaTOAWJ0zzJCl2WSPDrWk/OzDaImWFH3djXhb24g4eudZfLRozAvPGw4d9hQ==",
+    "node_modules/has-proto": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/has-proto/-/has-proto-1.2.0.tgz",
+      "integrity": "sha512-KIL7eQPfHQRC8+XluaIw7BHUwwqL19bQn4hzNgdr+1wXoU0KKj6rufu47lhY7KbJR2C6T6+PfyN0Ea7wkSS+qQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "call-bound": "^1.0.3",
-        "get-intrinsic": "^1.2.6"
+        "dunder-proto": "^1.0.0"
       },
       "engines": {
         "node": ">= 0.4"
@@ -7833,1102 +4549,832 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/isarray": {
-      "version": "2.0.5",
-      "resolved": "https://registry.npmjs.org/isarray/-/isarray-2.0.5.tgz",
-      "integrity": "sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/isexe": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
-      "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==",
-      "dev": true,
-      "license": "ISC"
-    },
-    "node_modules/istanbul-lib-coverage": {
-      "version": "3.2.2",
-      "resolved": "https://registry.npmjs.org/istanbul-lib-coverage/-/istanbul-lib-coverage-3.2.2.tgz",
-      "integrity": "sha512-O8dpsF+r0WV/8MNRKfnmrtCWhuKjxrq2w+jpzBL5UZKTi2LeVWnWOmWRxFlesJONmc+wLAGvKQZEOanko0LFTg==",
+    "node_modules/has-symbols": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.1.0.tgz",
+      "integrity": "sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==",
       "dev": true,
-      "license": "BSD-3-Clause",
+      "license": "MIT",
       "engines": {
-        "node": ">=8"
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/istanbul-lib-instrument": {
-      "version": "6.0.3",
-      "resolved": "https://registry.npmjs.org/istanbul-lib-instrument/-/istanbul-lib-instrument-6.0.3.tgz",
-      "integrity": "sha512-Vtgk7L/R2JHyyGW07spoFlB8/lpjiOLTjMdms6AFMraYt3BaJauod/NGrfnVG/y4Ix1JEuMRPDPEj2ua+zz1/Q==",
+    "node_modules/has-tostringtag": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/has-tostringtag/-/has-tostringtag-1.0.2.tgz",
+      "integrity": "sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==",
       "dev": true,
-      "license": "BSD-3-Clause",
+      "license": "MIT",
       "dependencies": {
-        "@babel/core": "^7.23.9",
-        "@babel/parser": "^7.23.9",
-        "@istanbuljs/schema": "^0.1.3",
-        "istanbul-lib-coverage": "^3.2.0",
-        "semver": "^7.5.4"
+        "has-symbols": "^1.0.3"
       },
       "engines": {
-        "node": ">=10"
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/istanbul-lib-instrument/node_modules/semver": {
-      "version": "7.7.4",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.4.tgz",
-      "integrity": "sha512-vFKC2IEtQnVhpT78h1Yp8wzwrf8CM+MzKMHGJZfBtzhZNycRFnXsHk6E5TxIkkMsgNS7mdX3AGB7x2QM2di4lA==",
+    "node_modules/hasown": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.3.tgz",
+      "integrity": "sha512-ej4AhfhfL2Q2zpMmLo7U1Uv9+PyhIZpgQLGT1F9miIGmiCJIoCgSmczFdrc97mWT4kVY72KA+WnnhJ5pghSvSg==",
       "dev": true,
-      "license": "ISC",
-      "bin": {
-        "semver": "bin/semver.js"
+      "license": "MIT",
+      "dependencies": {
+        "function-bind": "^1.1.2"
       },
       "engines": {
-        "node": ">=10"
+        "node": ">= 0.4"
       }
     },
-    "node_modules/istanbul-lib-report": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/istanbul-lib-report/-/istanbul-lib-report-3.0.1.tgz",
-      "integrity": "sha512-GCfE1mtsHGOELCU8e/Z7YWzpmybrx/+dSTfLrvY8qRmaY6zXTKWn6WQIjaAFw069icm6GVMNkgu0NzI4iPZUNw==",
-      "dev": true,
-      "license": "BSD-3-Clause",
+    "node_modules/hast-util-from-dom": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/hast-util-from-dom/-/hast-util-from-dom-5.0.1.tgz",
+      "integrity": "sha512-N+LqofjR2zuzTjCPzyDUdSshy4Ma6li7p/c3pA78uTwzFgENbgbUrm2ugwsOdcjI1muO+o6Dgzp9p8WHtn/39Q==",
+      "license": "ISC",
       "dependencies": {
-        "istanbul-lib-coverage": "^3.0.0",
-        "make-dir": "^4.0.0",
-        "supports-color": "^7.1.0"
+        "@types/hast": "^3.0.0",
+        "hastscript": "^9.0.0",
+        "web-namespaces": "^2.0.0"
       },
-      "engines": {
-        "node": ">=10"
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
       }
     },
-    "node_modules/istanbul-lib-source-maps": {
-      "version": "5.0.6",
-      "resolved": "https://registry.npmjs.org/istanbul-lib-source-maps/-/istanbul-lib-source-maps-5.0.6.tgz",
-      "integrity": "sha512-yg2d+Em4KizZC5niWhQaIomgf5WlL4vOOjZ5xGCmF8SnPE/mDWWXgvRExdcpCgh9lLRRa1/fSYp2ymmbJ1pI+A==",
-      "dev": true,
-      "license": "BSD-3-Clause",
+    "node_modules/hast-util-from-html": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/hast-util-from-html/-/hast-util-from-html-2.0.3.tgz",
+      "integrity": "sha512-CUSRHXyKjzHov8yKsQjGOElXy/3EKpyX56ELnkHH34vDVw1N1XSQ1ZcAvTyAPtGqLTuKP/uxM+aLkSPqF/EtMw==",
+      "license": "MIT",
       "dependencies": {
-        "@jridgewell/trace-mapping": "^0.3.23",
-        "debug": "^4.1.1",
-        "istanbul-lib-coverage": "^3.0.0"
+        "@types/hast": "^3.0.0",
+        "devlop": "^1.1.0",
+        "hast-util-from-parse5": "^8.0.0",
+        "parse5": "^7.0.0",
+        "vfile": "^6.0.0",
+        "vfile-message": "^4.0.0"
       },
-      "engines": {
-        "node": ">=10"
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
       }
     },
-    "node_modules/istanbul-reports": {
-      "version": "3.2.0",
-      "resolved": "https://registry.npmjs.org/istanbul-reports/-/istanbul-reports-3.2.0.tgz",
-      "integrity": "sha512-HGYWWS/ehqTV3xN10i23tkPkpH46MLCIMFNCaaKNavAXTF1RkqxawEPtnjnGZ6XKSInBKkiOA5BKS+aZiY3AvA==",
-      "dev": true,
-      "license": "BSD-3-Clause",
+    "node_modules/hast-util-from-html-isomorphic": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/hast-util-from-html-isomorphic/-/hast-util-from-html-isomorphic-2.0.0.tgz",
+      "integrity": "sha512-zJfpXq44yff2hmE0XmwEOzdWin5xwH+QIhMLOScpX91e/NSGPsAzNCvLQDIEPyO2TXi+lBmU6hjLIhV8MwP2kw==",
+      "license": "MIT",
       "dependencies": {
-        "html-escaper": "^2.0.0",
-        "istanbul-lib-report": "^3.0.0"
+        "@types/hast": "^3.0.0",
+        "hast-util-from-dom": "^5.0.0",
+        "hast-util-from-html": "^2.0.0",
+        "unist-util-remove-position": "^5.0.0"
       },
-      "engines": {
-        "node": ">=8"
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
       }
     },
-    "node_modules/iterator.prototype": {
-      "version": "1.1.5",
-      "resolved": "https://registry.npmjs.org/iterator.prototype/-/iterator.prototype-1.1.5.tgz",
-      "integrity": "sha512-H0dkQoCa3b2VEeKQBOxFph+JAbcrQdE7KC0UkqwpLmv2EC4P41QXP+rqo9wYodACiG5/WM5s9oDApTU8utwj9g==",
-      "dev": true,
+    "node_modules/hast-util-from-parse5": {
+      "version": "8.0.3",
+      "resolved": "https://registry.npmjs.org/hast-util-from-parse5/-/hast-util-from-parse5-8.0.3.tgz",
+      "integrity": "sha512-3kxEVkEKt0zvcZ3hCRYI8rqrgwtlIOFMWkbclACvjlDw8Li9S2hk/d51OI0nr/gIpdMHNepwgOKqZ/sy0Clpyg==",
       "license": "MIT",
       "dependencies": {
-        "define-data-property": "^1.1.4",
-        "es-object-atoms": "^1.0.0",
-        "get-intrinsic": "^1.2.6",
-        "get-proto": "^1.0.0",
-        "has-symbols": "^1.1.0",
-        "set-function-name": "^2.0.2"
+        "@types/hast": "^3.0.0",
+        "@types/unist": "^3.0.0",
+        "devlop": "^1.0.0",
+        "hastscript": "^9.0.0",
+        "property-information": "^7.0.0",
+        "vfile": "^6.0.0",
+        "vfile-location": "^5.0.0",
+        "web-namespaces": "^2.0.0"
       },
-      "engines": {
-        "node": ">= 0.4"
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
       }
     },
-    "node_modules/jackspeak": {
-      "version": "3.4.3",
-      "resolved": "https://registry.npmjs.org/jackspeak/-/jackspeak-3.4.3.tgz",
-      "integrity": "sha512-OGlZQpz2yfahA/Rd1Y8Cd9SIEsqvXkLVoSw/cgwhnhFMDbsQFeZYoJJ7bIZBS9BcamUW96asq/npPWugM+RQBw==",
-      "dev": true,
-      "license": "BlueOak-1.0.0",
+    "node_modules/hast-util-is-element": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/hast-util-is-element/-/hast-util-is-element-3.0.0.tgz",
+      "integrity": "sha512-Val9mnv2IWpLbNPqc/pUem+a7Ipj2aHacCwgNfTiK0vJKl0LF+4Ba4+v1oPHFpf3bLYmreq0/l3Gud9S5OH42g==",
+      "license": "MIT",
       "dependencies": {
-        "@isaacs/cliui": "^8.0.2"
+        "@types/hast": "^3.0.0"
       },
       "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      },
-      "optionalDependencies": {
-        "@pkgjs/parseargs": "^0.11.0"
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
       }
     },
-    "node_modules/jest": {
-      "version": "30.2.0",
-      "resolved": "https://registry.npmjs.org/jest/-/jest-30.2.0.tgz",
-      "integrity": "sha512-F26gjC0yWN8uAA5m5Ss8ZQf5nDHWGlN/xWZIh8S5SRbsEKBovwZhxGd6LJlbZYxBgCYOtreSUyb8hpXyGC5O4A==",
-      "dev": true,
+    "node_modules/hast-util-parse-selector": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/hast-util-parse-selector/-/hast-util-parse-selector-4.0.0.tgz",
+      "integrity": "sha512-wkQCkSYoOGCRKERFWcxMVMOcYE2K1AaNLU8DXS9arxnLOUEWbOXKXiJUNzEpqZ3JOKpnha3jkFrumEjVliDe7A==",
       "license": "MIT",
       "dependencies": {
-        "@jest/core": "30.2.0",
-        "@jest/types": "30.2.0",
-        "import-local": "^3.2.0",
-        "jest-cli": "30.2.0"
-      },
-      "bin": {
-        "jest": "bin/jest.js"
-      },
-      "engines": {
-        "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
-      },
-      "peerDependencies": {
-        "node-notifier": "^8.0.1 || ^9.0.0 || ^10.0.0"
+        "@types/hast": "^3.0.0"
       },
-      "peerDependenciesMeta": {
-        "node-notifier": {
-          "optional": true
-        }
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
       }
     },
-    "node_modules/jest-changed-files": {
-      "version": "30.2.0",
-      "resolved": "https://registry.npmjs.org/jest-changed-files/-/jest-changed-files-30.2.0.tgz",
-      "integrity": "sha512-L8lR1ChrRnSdfeOvTrwZMlnWV8G/LLjQ0nG9MBclwWZidA2N5FviRki0Bvh20WRMOX31/JYvzdqTJrk5oBdydQ==",
-      "dev": true,
+    "node_modules/hast-util-to-jsx-runtime": {
+      "version": "2.3.6",
+      "resolved": "https://registry.npmjs.org/hast-util-to-jsx-runtime/-/hast-util-to-jsx-runtime-2.3.6.tgz",
+      "integrity": "sha512-zl6s8LwNyo1P9uw+XJGvZtdFF1GdAkOg8ujOw+4Pyb76874fLps4ueHXDhXWdk6YHQ6OgUtinliG7RsYvCbbBg==",
       "license": "MIT",
       "dependencies": {
-        "execa": "^5.1.1",
-        "jest-util": "30.2.0",
-        "p-limit": "^3.1.0"
+        "@types/estree": "^1.0.0",
+        "@types/hast": "^3.0.0",
+        "@types/unist": "^3.0.0",
+        "comma-separated-tokens": "^2.0.0",
+        "devlop": "^1.0.0",
+        "estree-util-is-identifier-name": "^3.0.0",
+        "hast-util-whitespace": "^3.0.0",
+        "mdast-util-mdx-expression": "^2.0.0",
+        "mdast-util-mdx-jsx": "^3.0.0",
+        "mdast-util-mdxjs-esm": "^2.0.0",
+        "property-information": "^7.0.0",
+        "space-separated-tokens": "^2.0.0",
+        "style-to-js": "^1.0.0",
+        "unist-util-position": "^5.0.0",
+        "vfile-message": "^4.0.0"
       },
-      "engines": {
-        "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
       }
     },
-    "node_modules/jest-circus": {
-      "version": "30.2.0",
-      "resolved": "https://registry.npmjs.org/jest-circus/-/jest-circus-30.2.0.tgz",
-      "integrity": "sha512-Fh0096NC3ZkFx05EP2OXCxJAREVxj1BcW/i6EWqqymcgYKWjyyDpral3fMxVcHXg6oZM7iULer9wGRFvfpl+Tg==",
-      "dev": true,
+    "node_modules/hast-util-to-text": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/hast-util-to-text/-/hast-util-to-text-4.0.2.tgz",
+      "integrity": "sha512-KK6y/BN8lbaq654j7JgBydev7wuNMcID54lkRav1P0CaE1e47P72AWWPiGKXTJU271ooYzcvTAn/Zt0REnvc7A==",
       "license": "MIT",
       "dependencies": {
-        "@jest/environment": "30.2.0",
-        "@jest/expect": "30.2.0",
-        "@jest/test-result": "30.2.0",
-        "@jest/types": "30.2.0",
-        "@types/node": "*",
-        "chalk": "^4.1.2",
-        "co": "^4.6.0",
-        "dedent": "^1.6.0",
-        "is-generator-fn": "^2.1.0",
-        "jest-each": "30.2.0",
-        "jest-matcher-utils": "30.2.0",
-        "jest-message-util": "30.2.0",
-        "jest-runtime": "30.2.0",
-        "jest-snapshot": "30.2.0",
-        "jest-util": "30.2.0",
-        "p-limit": "^3.1.0",
-        "pretty-format": "30.2.0",
-        "pure-rand": "^7.0.0",
-        "slash": "^3.0.0",
-        "stack-utils": "^2.0.6"
+        "@types/hast": "^3.0.0",
+        "@types/unist": "^3.0.0",
+        "hast-util-is-element": "^3.0.0",
+        "unist-util-find-after": "^5.0.0"
       },
-      "engines": {
-        "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
       }
     },
-    "node_modules/jest-circus/node_modules/ansi-styles": {
-      "version": "5.2.0",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
-      "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
-      "dev": true,
+    "node_modules/hast-util-whitespace": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/hast-util-whitespace/-/hast-util-whitespace-3.0.0.tgz",
+      "integrity": "sha512-88JUN06ipLwsnv+dVn+OIYOvAuvBMy/Qoi6O7mQHxdPXpjy+Cd6xRkWwux7DKO+4sYILtLBRIKgsdpS2gQc7qw==",
       "license": "MIT",
-      "engines": {
-        "node": ">=10"
+      "dependencies": {
+        "@types/hast": "^3.0.0"
       },
       "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
       }
     },
-    "node_modules/jest-circus/node_modules/pretty-format": {
-      "version": "30.2.0",
-      "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-30.2.0.tgz",
-      "integrity": "sha512-9uBdv/B4EefsuAL+pWqueZyZS2Ba+LxfFeQ9DN14HU4bN8bhaxKdkpjpB6fs9+pSjIBu+FXQHImEg8j/Lw0+vA==",
-      "dev": true,
+    "node_modules/hastscript": {
+      "version": "9.0.1",
+      "resolved": "https://registry.npmjs.org/hastscript/-/hastscript-9.0.1.tgz",
+      "integrity": "sha512-g7df9rMFX/SPi34tyGCyUBREQoKkapwdY/T04Qn9TDWfHhAYt4/I0gMVirzK5wEzeUqIjEB+LXC/ypb7Aqno5w==",
       "license": "MIT",
       "dependencies": {
-        "@jest/schemas": "30.0.5",
-        "ansi-styles": "^5.2.0",
-        "react-is": "^18.3.1"
+        "@types/hast": "^3.0.0",
+        "comma-separated-tokens": "^2.0.0",
+        "hast-util-parse-selector": "^4.0.0",
+        "property-information": "^7.0.0",
+        "space-separated-tokens": "^2.0.0"
       },
-      "engines": {
-        "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
       }
     },
-    "node_modules/jest-circus/node_modules/react-is": {
-      "version": "18.3.1",
-      "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.3.1.tgz",
-      "integrity": "sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg==",
+    "node_modules/hermes-estree": {
+      "version": "0.25.1",
+      "resolved": "https://registry.npmjs.org/hermes-estree/-/hermes-estree-0.25.1.tgz",
+      "integrity": "sha512-0wUoCcLp+5Ev5pDW2OriHC2MJCbwLwuRx+gAqMTOkGKJJiBCLjtrvy4PWUGn6MIVefecRpzoOZ/UV6iGdOr+Cw==",
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/jest-cli": {
-      "version": "30.2.0",
-      "resolved": "https://registry.npmjs.org/jest-cli/-/jest-cli-30.2.0.tgz",
-      "integrity": "sha512-Os9ukIvADX/A9sLt6Zse3+nmHtHaE6hqOsjQtNiugFTbKRHYIYtZXNGNK9NChseXy7djFPjndX1tL0sCTlfpAA==",
+    "node_modules/hermes-parser": {
+      "version": "0.25.1",
+      "resolved": "https://registry.npmjs.org/hermes-parser/-/hermes-parser-0.25.1.tgz",
+      "integrity": "sha512-6pEjquH3rqaI6cYAXYPcz9MS4rY6R4ngRgrgfDshRptUZIc3lw0MCIJIGDj9++mfySOuPTHB4nrSW99BCvOPIA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@jest/core": "30.2.0",
-        "@jest/test-result": "30.2.0",
-        "@jest/types": "30.2.0",
-        "chalk": "^4.1.2",
-        "exit-x": "^0.2.2",
-        "import-local": "^3.2.0",
-        "jest-config": "30.2.0",
-        "jest-util": "30.2.0",
-        "jest-validate": "30.2.0",
-        "yargs": "^17.7.2"
-      },
-      "bin": {
-        "jest": "bin/jest.js"
-      },
-      "engines": {
-        "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
-      },
-      "peerDependencies": {
-        "node-notifier": "^8.0.1 || ^9.0.0 || ^10.0.0"
-      },
-      "peerDependenciesMeta": {
-        "node-notifier": {
-          "optional": true
-        }
+        "hermes-estree": "0.25.1"
       }
     },
-    "node_modules/jest-cli/node_modules/ansi-styles": {
-      "version": "5.2.0",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
-      "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
-      "dev": true,
+    "node_modules/html-url-attributes": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/html-url-attributes/-/html-url-attributes-3.0.1.tgz",
+      "integrity": "sha512-ol6UPyBWqsrO6EJySPz2O7ZSr856WDrEzM5zMqp+FJJLGMW35cLYmmZnl0vztAZxRUoNZJFTCohfjuIJ8I4QBQ==",
       "license": "MIT",
-      "engines": {
-        "node": ">=10"
-      },
       "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
       }
     },
-    "node_modules/jest-cli/node_modules/jest-config": {
-      "version": "30.2.0",
-      "resolved": "https://registry.npmjs.org/jest-config/-/jest-config-30.2.0.tgz",
-      "integrity": "sha512-g4WkyzFQVWHtu6uqGmQR4CQxz/CH3yDSlhzXMWzNjDx843gYjReZnMRanjRCq5XZFuQrGDxgUaiYWE8BRfVckA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/core": "^7.27.4",
-        "@jest/get-type": "30.1.0",
-        "@jest/pattern": "30.0.1",
-        "@jest/test-sequencer": "30.2.0",
-        "@jest/types": "30.2.0",
-        "babel-jest": "30.2.0",
-        "chalk": "^4.1.2",
-        "ci-info": "^4.2.0",
-        "deepmerge": "^4.3.1",
-        "glob": "^10.3.10",
-        "graceful-fs": "^4.2.11",
-        "jest-circus": "30.2.0",
-        "jest-docblock": "30.2.0",
-        "jest-environment-node": "30.2.0",
-        "jest-regex-util": "30.0.1",
-        "jest-resolve": "30.2.0",
-        "jest-runner": "30.2.0",
-        "jest-util": "30.2.0",
-        "jest-validate": "30.2.0",
-        "micromatch": "^4.0.8",
-        "parse-json": "^5.2.0",
-        "pretty-format": "30.2.0",
-        "slash": "^3.0.0",
-        "strip-json-comments": "^3.1.1"
-      },
+    "node_modules/iceberg-js": {
+      "version": "0.8.1",
+      "resolved": "https://registry.npmjs.org/iceberg-js/-/iceberg-js-0.8.1.tgz",
+      "integrity": "sha512-1dhVQZXhcHje7798IVM+xoo/1ZdVfzOMIc8/rgVSijRK38EDqOJoGula9N/8ZI5RD8QTxNQtK/Gozpr+qUqRRA==",
+      "license": "MIT",
       "engines": {
-        "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
-      },
-      "peerDependencies": {
-        "@types/node": "*",
-        "esbuild-register": ">=3.4.0",
-        "ts-node": ">=9.0.0"
-      },
-      "peerDependenciesMeta": {
-        "@types/node": {
-          "optional": true
-        },
-        "esbuild-register": {
-          "optional": true
-        },
-        "ts-node": {
-          "optional": true
-        }
+        "node": ">=20.0.0"
       }
     },
-    "node_modules/jest-cli/node_modules/pretty-format": {
-      "version": "30.2.0",
-      "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-30.2.0.tgz",
-      "integrity": "sha512-9uBdv/B4EefsuAL+pWqueZyZS2Ba+LxfFeQ9DN14HU4bN8bhaxKdkpjpB6fs9+pSjIBu+FXQHImEg8j/Lw0+vA==",
-      "dev": true,
+    "node_modules/iconv-lite": {
+      "version": "0.6.3",
+      "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz",
+      "integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==",
       "license": "MIT",
       "dependencies": {
-        "@jest/schemas": "30.0.5",
-        "ansi-styles": "^5.2.0",
-        "react-is": "^18.3.1"
+        "safer-buffer": ">= 2.1.2 < 3.0.0"
       },
       "engines": {
-        "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
+        "node": ">=0.10.0"
       }
     },
-    "node_modules/jest-cli/node_modules/react-is": {
-      "version": "18.3.1",
-      "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.3.1.tgz",
-      "integrity": "sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/jest-diff": {
-      "version": "30.2.0",
-      "resolved": "https://registry.npmjs.org/jest-diff/-/jest-diff-30.2.0.tgz",
-      "integrity": "sha512-dQHFo3Pt4/NLlG5z4PxZ/3yZTZ1C7s9hveiOj+GCN+uT109NC2QgsoVZsVOAvbJ3RgKkvyLGXZV9+piDpWbm6A==",
+    "node_modules/ignore": {
+      "version": "5.3.2",
+      "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.3.2.tgz",
+      "integrity": "sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==",
       "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "@jest/diff-sequences": "30.0.1",
-        "@jest/get-type": "30.1.0",
-        "chalk": "^4.1.2",
-        "pretty-format": "30.2.0"
-      },
       "engines": {
-        "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
+        "node": ">= 4"
       }
     },
-    "node_modules/jest-diff/node_modules/ansi-styles": {
-      "version": "5.2.0",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
-      "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
+    "node_modules/import-fresh": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.1.tgz",
+      "integrity": "sha512-TR3KfrTZTYLPB6jUjfx6MF9WcWrHL9su5TObK4ZkYgBdWKPOFoSoQIdEuTuR82pmtxH2spWG9h6etwfr1pLBqQ==",
       "dev": true,
       "license": "MIT",
+      "dependencies": {
+        "parent-module": "^1.0.0",
+        "resolve-from": "^4.0.0"
+      },
       "engines": {
-        "node": ">=10"
+        "node": ">=6"
       },
       "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+        "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/jest-diff/node_modules/pretty-format": {
-      "version": "30.2.0",
-      "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-30.2.0.tgz",
-      "integrity": "sha512-9uBdv/B4EefsuAL+pWqueZyZS2Ba+LxfFeQ9DN14HU4bN8bhaxKdkpjpB6fs9+pSjIBu+FXQHImEg8j/Lw0+vA==",
+    "node_modules/imurmurhash": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz",
+      "integrity": "sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==",
       "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "@jest/schemas": "30.0.5",
-        "ansi-styles": "^5.2.0",
-        "react-is": "^18.3.1"
-      },
       "engines": {
-        "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
+        "node": ">=0.8.19"
       }
     },
-    "node_modules/jest-diff/node_modules/react-is": {
-      "version": "18.3.1",
-      "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.3.1.tgz",
-      "integrity": "sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg==",
-      "dev": true,
+    "node_modules/inline-style-parser": {
+      "version": "0.2.7",
+      "resolved": "https://registry.npmjs.org/inline-style-parser/-/inline-style-parser-0.2.7.tgz",
+      "integrity": "sha512-Nb2ctOyNR8DqQoR0OwRG95uNWIC0C1lCgf5Naz5H6Ji72KZ8OcFZLz2P5sNgwlyoJ8Yif11oMuYs5pBQa86csA==",
       "license": "MIT"
     },
-    "node_modules/jest-docblock": {
-      "version": "30.2.0",
-      "resolved": "https://registry.npmjs.org/jest-docblock/-/jest-docblock-30.2.0.tgz",
-      "integrity": "sha512-tR/FFgZKS1CXluOQzZvNH3+0z9jXr3ldGSD8bhyuxvlVUwbeLOGynkunvlTMxchC5urrKndYiwCFC0DLVjpOCA==",
+    "node_modules/internal-slot": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/internal-slot/-/internal-slot-1.1.0.tgz",
+      "integrity": "sha512-4gd7VpWNQNB4UKKCFFVcp1AVv+FMOgs9NKzjHKusc8jTMhd5eL1NqQqOpE0KzMds804/yHlglp3uxgluOqAPLw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "detect-newline": "^3.1.0"
+        "es-errors": "^1.3.0",
+        "hasown": "^2.0.2",
+        "side-channel": "^1.1.0"
       },
       "engines": {
-        "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
+        "node": ">= 0.4"
       }
     },
-    "node_modules/jest-each": {
-      "version": "30.2.0",
-      "resolved": "https://registry.npmjs.org/jest-each/-/jest-each-30.2.0.tgz",
-      "integrity": "sha512-lpWlJlM7bCUf1mfmuqTA8+j2lNURW9eNafOy99knBM01i5CQeY5UH1vZjgT9071nDJac1M4XsbyI44oNOdhlDQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@jest/get-type": "30.1.0",
-        "@jest/types": "30.2.0",
-        "chalk": "^4.1.2",
-        "jest-util": "30.2.0",
-        "pretty-format": "30.2.0"
-      },
+    "node_modules/internmap": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/internmap/-/internmap-2.0.3.tgz",
+      "integrity": "sha512-5Hh7Y1wQbvY5ooGgPbDaL5iYLAPzMTUrjMulskHLH6wnv/A+1q5rgEaiuqEjB+oxGXIVZs1FF+R/KPN3ZSQYYg==",
+      "license": "ISC",
       "engines": {
-        "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
+        "node": ">=12"
       }
     },
-    "node_modules/jest-each/node_modules/ansi-styles": {
-      "version": "5.2.0",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
-      "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
-      "dev": true,
+    "node_modules/is-alphabetical": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/is-alphabetical/-/is-alphabetical-2.0.1.tgz",
+      "integrity": "sha512-FWyyY60MeTNyeSRpkM2Iry0G9hpr7/9kD40mD/cGQEuilcZYS4okz8SN2Q6rLCJ8gbCt6fN+rC+6tMGS99LaxQ==",
       "license": "MIT",
-      "engines": {
-        "node": ">=10"
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/is-alphanumerical": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/is-alphanumerical/-/is-alphanumerical-2.0.1.tgz",
+      "integrity": "sha512-hmbYhX/9MUMF5uh7tOXyK/n0ZvWpad5caBA17GsC6vyuCqaWliRG5K1qS9inmUhEMaOBIW7/whAnSwveW/LtZw==",
+      "license": "MIT",
+      "dependencies": {
+        "is-alphabetical": "^2.0.0",
+        "is-decimal": "^2.0.0"
       },
       "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
       }
     },
-    "node_modules/jest-each/node_modules/pretty-format": {
-      "version": "30.2.0",
-      "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-30.2.0.tgz",
-      "integrity": "sha512-9uBdv/B4EefsuAL+pWqueZyZS2Ba+LxfFeQ9DN14HU4bN8bhaxKdkpjpB6fs9+pSjIBu+FXQHImEg8j/Lw0+vA==",
+    "node_modules/is-array-buffer": {
+      "version": "3.0.5",
+      "resolved": "https://registry.npmjs.org/is-array-buffer/-/is-array-buffer-3.0.5.tgz",
+      "integrity": "sha512-DDfANUiiG2wC1qawP66qlTugJeL5HyzMpfr8lLK+jMQirGzNod0B12cFB/9q838Ru27sBwfw78/rdoU7RERz6A==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@jest/schemas": "30.0.5",
-        "ansi-styles": "^5.2.0",
-        "react-is": "^18.3.1"
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.3",
+        "get-intrinsic": "^1.2.6"
       },
       "engines": {
-        "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/jest-each/node_modules/react-is": {
-      "version": "18.3.1",
-      "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.3.1.tgz",
-      "integrity": "sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/jest-environment-jsdom": {
-      "version": "30.2.0",
-      "resolved": "https://registry.npmjs.org/jest-environment-jsdom/-/jest-environment-jsdom-30.2.0.tgz",
-      "integrity": "sha512-zbBTiqr2Vl78pKp/laGBREYzbZx9ZtqPjOK4++lL4BNDhxRnahg51HtoDrk9/VjIy9IthNEWdKVd7H5bqBhiWQ==",
+    "node_modules/is-async-function": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/is-async-function/-/is-async-function-2.1.1.tgz",
+      "integrity": "sha512-9dgM/cZBnNvjzaMYHVoxxfPj2QXt22Ev7SuuPrs+xav0ukGB0S6d4ydZdEiM48kLx5kDV+QBPrpVnFyefL8kkQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@jest/environment": "30.2.0",
-        "@jest/environment-jsdom-abstract": "30.2.0",
-        "@types/jsdom": "^21.1.7",
-        "@types/node": "*",
-        "jsdom": "^26.1.0"
+        "async-function": "^1.0.0",
+        "call-bound": "^1.0.3",
+        "get-proto": "^1.0.1",
+        "has-tostringtag": "^1.0.2",
+        "safe-regex-test": "^1.1.0"
       },
       "engines": {
-        "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
-      },
-      "peerDependencies": {
-        "canvas": "^3.0.0"
+        "node": ">= 0.4"
       },
-      "peerDependenciesMeta": {
-        "canvas": {
-          "optional": true
-        }
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/jest-environment-node": {
-      "version": "30.2.0",
-      "resolved": "https://registry.npmjs.org/jest-environment-node/-/jest-environment-node-30.2.0.tgz",
-      "integrity": "sha512-ElU8v92QJ9UrYsKrxDIKCxu6PfNj4Hdcktcn0JX12zqNdqWHB0N+hwOnnBBXvjLd2vApZtuLUGs1QSY+MsXoNA==",
+    "node_modules/is-bigint": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/is-bigint/-/is-bigint-1.1.0.tgz",
+      "integrity": "sha512-n4ZT37wG78iz03xPRKJrHTdZbe3IicyucEtdRsV5yglwc3GyUfbAfpSeD0FJ41NbUNSt5wbhqfp1fS+BgnvDFQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@jest/environment": "30.2.0",
-        "@jest/fake-timers": "30.2.0",
-        "@jest/types": "30.2.0",
-        "@types/node": "*",
-        "jest-mock": "30.2.0",
-        "jest-util": "30.2.0",
-        "jest-validate": "30.2.0"
+        "has-bigints": "^1.0.2"
       },
       "engines": {
-        "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/jest-haste-map": {
-      "version": "30.2.0",
-      "resolved": "https://registry.npmjs.org/jest-haste-map/-/jest-haste-map-30.2.0.tgz",
-      "integrity": "sha512-sQA/jCb9kNt+neM0anSj6eZhLZUIhQgwDt7cPGjumgLM4rXsfb9kpnlacmvZz3Q5tb80nS+oG/if+NBKrHC+Xw==",
+    "node_modules/is-boolean-object": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/is-boolean-object/-/is-boolean-object-1.2.2.tgz",
+      "integrity": "sha512-wa56o2/ElJMYqjCjGkXri7it5FbebW5usLw/nPmCMs5DeZ7eziSYZhSmPRn0txqeW4LnAmQQU7FgqLpsEFKM4A==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@jest/types": "30.2.0",
-        "@types/node": "*",
-        "anymatch": "^3.1.3",
-        "fb-watchman": "^2.0.2",
-        "graceful-fs": "^4.2.11",
-        "jest-regex-util": "30.0.1",
-        "jest-util": "30.2.0",
-        "jest-worker": "30.2.0",
-        "micromatch": "^4.0.8",
-        "walker": "^1.0.8"
+        "call-bound": "^1.0.3",
+        "has-tostringtag": "^1.0.2"
       },
       "engines": {
-        "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
+        "node": ">= 0.4"
       },
-      "optionalDependencies": {
-        "fsevents": "^2.3.3"
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/jest-leak-detector": {
-      "version": "30.2.0",
-      "resolved": "https://registry.npmjs.org/jest-leak-detector/-/jest-leak-detector-30.2.0.tgz",
-      "integrity": "sha512-M6jKAjyzjHG0SrQgwhgZGy9hFazcudwCNovY/9HPIicmNSBuockPSedAP9vlPK6ONFJ1zfyH/M2/YYJxOz5cdQ==",
+    "node_modules/is-bun-module": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/is-bun-module/-/is-bun-module-2.0.0.tgz",
+      "integrity": "sha512-gNCGbnnnnFAUGKeZ9PdbyeGYJqewpmc2aKHUEMO5nQPWU9lOmv7jcmQIv+qHD8fXW6W7qfuCwX4rY9LNRjXrkQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@jest/get-type": "30.1.0",
-        "pretty-format": "30.2.0"
+        "semver": "^7.7.1"
+      }
+    },
+    "node_modules/is-bun-module/node_modules/semver": {
+      "version": "7.7.4",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.4.tgz",
+      "integrity": "sha512-vFKC2IEtQnVhpT78h1Yp8wzwrf8CM+MzKMHGJZfBtzhZNycRFnXsHk6E5TxIkkMsgNS7mdX3AGB7x2QM2di4lA==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
       },
       "engines": {
-        "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
+        "node": ">=10"
       }
     },
-    "node_modules/jest-leak-detector/node_modules/ansi-styles": {
-      "version": "5.2.0",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
-      "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
+    "node_modules/is-callable": {
+      "version": "1.2.7",
+      "resolved": "https://registry.npmjs.org/is-callable/-/is-callable-1.2.7.tgz",
+      "integrity": "sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==",
       "dev": true,
       "license": "MIT",
       "engines": {
-        "node": ">=10"
+        "node": ">= 0.4"
       },
       "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/jest-leak-detector/node_modules/pretty-format": {
-      "version": "30.2.0",
-      "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-30.2.0.tgz",
-      "integrity": "sha512-9uBdv/B4EefsuAL+pWqueZyZS2Ba+LxfFeQ9DN14HU4bN8bhaxKdkpjpB6fs9+pSjIBu+FXQHImEg8j/Lw0+vA==",
+    "node_modules/is-core-module": {
+      "version": "2.16.1",
+      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.16.1.tgz",
+      "integrity": "sha512-UfoeMA6fIJ8wTYFEUjelnaGI67v6+N7qXJEvQuIGa99l4xsCruSYOVSQ0uPANn4dAzm8lkYPaKLrrijLq7x23w==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@jest/schemas": "30.0.5",
-        "ansi-styles": "^5.2.0",
-        "react-is": "^18.3.1"
+        "hasown": "^2.0.2"
       },
       "engines": {
-        "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/jest-leak-detector/node_modules/react-is": {
-      "version": "18.3.1",
-      "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.3.1.tgz",
-      "integrity": "sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/jest-matcher-utils": {
-      "version": "30.2.0",
-      "resolved": "https://registry.npmjs.org/jest-matcher-utils/-/jest-matcher-utils-30.2.0.tgz",
-      "integrity": "sha512-dQ94Nq4dbzmUWkQ0ANAWS9tBRfqCrn0bV9AMYdOi/MHW726xn7eQmMeRTpX2ViC00bpNaWXq+7o4lIQ3AX13Hg==",
+    "node_modules/is-data-view": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/is-data-view/-/is-data-view-1.0.2.tgz",
+      "integrity": "sha512-RKtWF8pGmS87i2D6gqQu/l7EYRlVdfzemCJN/P3UOs//x1QE7mfhvzHIApBTRf7axvT6DMGwSwBXYCT0nfB9xw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@jest/get-type": "30.1.0",
-        "chalk": "^4.1.2",
-        "jest-diff": "30.2.0",
-        "pretty-format": "30.2.0"
+        "call-bound": "^1.0.2",
+        "get-intrinsic": "^1.2.6",
+        "is-typed-array": "^1.1.13"
       },
       "engines": {
-        "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
-      }
-    },
-    "node_modules/jest-matcher-utils/node_modules/ansi-styles": {
-      "version": "5.2.0",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
-      "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=10"
+        "node": ">= 0.4"
       },
       "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/jest-matcher-utils/node_modules/pretty-format": {
-      "version": "30.2.0",
-      "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-30.2.0.tgz",
-      "integrity": "sha512-9uBdv/B4EefsuAL+pWqueZyZS2Ba+LxfFeQ9DN14HU4bN8bhaxKdkpjpB6fs9+pSjIBu+FXQHImEg8j/Lw0+vA==",
+    "node_modules/is-date-object": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/is-date-object/-/is-date-object-1.1.0.tgz",
+      "integrity": "sha512-PwwhEakHVKTdRNVOw+/Gyh0+MzlCl4R6qKvkhuvLtPMggI1WAHt9sOwZxQLSGpUaDnrdyDsomoRgNnCfKNSXXg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@jest/schemas": "30.0.5",
-        "ansi-styles": "^5.2.0",
-        "react-is": "^18.3.1"
+        "call-bound": "^1.0.2",
+        "has-tostringtag": "^1.0.2"
       },
       "engines": {
-        "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/jest-matcher-utils/node_modules/react-is": {
-      "version": "18.3.1",
-      "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.3.1.tgz",
-      "integrity": "sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg==",
-      "dev": true,
-      "license": "MIT"
+    "node_modules/is-decimal": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/is-decimal/-/is-decimal-2.0.1.tgz",
+      "integrity": "sha512-AAB9hiomQs5DXWcRB1rqsxGUstbRroFOPPVAomNk/3XHR5JyEZChOyTWe2oayKnsSsr/kcGqF+z6yuH6HHpN0A==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
     },
-    "node_modules/jest-message-util": {
-      "version": "30.2.0",
-      "resolved": "https://registry.npmjs.org/jest-message-util/-/jest-message-util-30.2.0.tgz",
-      "integrity": "sha512-y4DKFLZ2y6DxTWD4cDe07RglV88ZiNEdlRfGtqahfbIjfsw1nMCPx49Uev4IA/hWn3sDKyAnSPwoYSsAEdcimw==",
+    "node_modules/is-extglob": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
+      "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
       "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "@babel/code-frame": "^7.27.1",
-        "@jest/types": "30.2.0",
-        "@types/stack-utils": "^2.0.3",
-        "chalk": "^4.1.2",
-        "graceful-fs": "^4.2.11",
-        "micromatch": "^4.0.8",
-        "pretty-format": "30.2.0",
-        "slash": "^3.0.0",
-        "stack-utils": "^2.0.6"
-      },
       "engines": {
-        "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
+        "node": ">=0.10.0"
       }
     },
-    "node_modules/jest-message-util/node_modules/ansi-styles": {
-      "version": "5.2.0",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
-      "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
+    "node_modules/is-finalizationregistry": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/is-finalizationregistry/-/is-finalizationregistry-1.1.1.tgz",
+      "integrity": "sha512-1pC6N8qWJbWoPtEjgcL2xyhQOP491EQjeUo3qTKcmV8YSDDJrOepfG8pcC7h/QgnQHYSv0mJ3Z/ZWxmatVrysg==",
       "dev": true,
       "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3"
+      },
       "engines": {
-        "node": ">=10"
+        "node": ">= 0.4"
       },
       "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/jest-message-util/node_modules/pretty-format": {
-      "version": "30.2.0",
-      "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-30.2.0.tgz",
-      "integrity": "sha512-9uBdv/B4EefsuAL+pWqueZyZS2Ba+LxfFeQ9DN14HU4bN8bhaxKdkpjpB6fs9+pSjIBu+FXQHImEg8j/Lw0+vA==",
+    "node_modules/is-generator-function": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/is-generator-function/-/is-generator-function-1.1.2.tgz",
+      "integrity": "sha512-upqt1SkGkODW9tsGNG5mtXTXtECizwtS2kA161M+gJPc1xdb/Ax629af6YrTwcOeQHbewrPNlE5Dx7kzvXTizA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@jest/schemas": "30.0.5",
-        "ansi-styles": "^5.2.0",
-        "react-is": "^18.3.1"
+        "call-bound": "^1.0.4",
+        "generator-function": "^2.0.0",
+        "get-proto": "^1.0.1",
+        "has-tostringtag": "^1.0.2",
+        "safe-regex-test": "^1.1.0"
       },
       "engines": {
-        "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/jest-message-util/node_modules/react-is": {
-      "version": "18.3.1",
-      "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.3.1.tgz",
-      "integrity": "sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/jest-mock": {
-      "version": "30.2.0",
-      "resolved": "https://registry.npmjs.org/jest-mock/-/jest-mock-30.2.0.tgz",
-      "integrity": "sha512-JNNNl2rj4b5ICpmAcq+WbLH83XswjPbjH4T7yvGzfAGCPh1rw+xVNbtk+FnRslvt9lkCcdn9i1oAoKUuFsOxRw==",
+    "node_modules/is-glob": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
+      "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@jest/types": "30.2.0",
-        "@types/node": "*",
-        "jest-util": "30.2.0"
+        "is-extglob": "^2.1.1"
       },
       "engines": {
-        "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
+        "node": ">=0.10.0"
       }
     },
-    "node_modules/jest-pnp-resolver": {
-      "version": "1.2.3",
-      "resolved": "https://registry.npmjs.org/jest-pnp-resolver/-/jest-pnp-resolver-1.2.3.tgz",
-      "integrity": "sha512-+3NpwQEnRoIBtx4fyhblQDPgJI0H1IEIkX7ShLUjPGA7TtUTvI1oiKi3SR4oBR0hQhQR80l4WAe5RrXBwWMA8w==",
-      "dev": true,
+    "node_modules/is-hexadecimal": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/is-hexadecimal/-/is-hexadecimal-2.0.1.tgz",
+      "integrity": "sha512-DgZQp241c8oO6cA1SbTEWiXeoxV42vlcJxgH+B3hi1AiqqKruZR3ZGF8In3fj4+/y/7rHvlOZLZtgJ/4ttYGZg==",
       "license": "MIT",
-      "engines": {
-        "node": ">=6"
-      },
-      "peerDependencies": {
-        "jest-resolve": "*"
-      },
-      "peerDependenciesMeta": {
-        "jest-resolve": {
-          "optional": true
-        }
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
       }
     },
-    "node_modules/jest-regex-util": {
-      "version": "30.0.1",
-      "resolved": "https://registry.npmjs.org/jest-regex-util/-/jest-regex-util-30.0.1.tgz",
-      "integrity": "sha512-jHEQgBXAgc+Gh4g0p3bCevgRCVRkB4VB70zhoAE48gxeSr1hfUOsM/C2WoJgVL7Eyg//hudYENbm3Ne+/dRVVA==",
+    "node_modules/is-map": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/is-map/-/is-map-2.0.3.tgz",
+      "integrity": "sha512-1Qed0/Hr2m+YqxnM09CjA2d/i6YZNfF6R2oRAOj36eUdS6qIV/huPJNSEpKbupewFs+ZsJlxsjjPbc0/afW6Lw==",
       "dev": true,
       "license": "MIT",
       "engines": {
-        "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
-      }
-    },
-    "node_modules/jest-resolve": {
-      "version": "30.2.0",
-      "resolved": "https://registry.npmjs.org/jest-resolve/-/jest-resolve-30.2.0.tgz",
-      "integrity": "sha512-TCrHSxPlx3tBY3hWNtRQKbtgLhsXa1WmbJEqBlTBrGafd5fiQFByy2GNCEoGR+Tns8d15GaL9cxEzKOO3GEb2A==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "chalk": "^4.1.2",
-        "graceful-fs": "^4.2.11",
-        "jest-haste-map": "30.2.0",
-        "jest-pnp-resolver": "^1.2.3",
-        "jest-util": "30.2.0",
-        "jest-validate": "30.2.0",
-        "slash": "^3.0.0",
-        "unrs-resolver": "^1.7.11"
+        "node": ">= 0.4"
       },
-      "engines": {
-        "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/jest-resolve-dependencies": {
-      "version": "30.2.0",
-      "resolved": "https://registry.npmjs.org/jest-resolve-dependencies/-/jest-resolve-dependencies-30.2.0.tgz",
-      "integrity": "sha512-xTOIGug/0RmIe3mmCqCT95yO0vj6JURrn1TKWlNbhiAefJRWINNPgwVkrVgt/YaerPzY3iItufd80v3lOrFJ2w==",
+    "node_modules/is-negative-zero": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/is-negative-zero/-/is-negative-zero-2.0.3.tgz",
+      "integrity": "sha512-5KoIu2Ngpyek75jXodFvnafB6DJgr3u8uuK0LEZJjrU19DrMD3EVERaR8sjz8CCGgpZvxPl9SuE1GMVPFHx1mw==",
       "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "jest-regex-util": "30.0.1",
-        "jest-snapshot": "30.2.0"
-      },
       "engines": {
-        "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/jest-runner": {
-      "version": "30.2.0",
-      "resolved": "https://registry.npmjs.org/jest-runner/-/jest-runner-30.2.0.tgz",
-      "integrity": "sha512-PqvZ2B2XEyPEbclp+gV6KO/F1FIFSbIwewRgmROCMBo/aZ6J1w8Qypoj2pEOcg3G2HzLlaP6VUtvwCI8dM3oqQ==",
+    "node_modules/is-number": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
+      "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
       "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "@jest/console": "30.2.0",
-        "@jest/environment": "30.2.0",
-        "@jest/test-result": "30.2.0",
-        "@jest/transform": "30.2.0",
-        "@jest/types": "30.2.0",
-        "@types/node": "*",
-        "chalk": "^4.1.2",
-        "emittery": "^0.13.1",
-        "exit-x": "^0.2.2",
-        "graceful-fs": "^4.2.11",
-        "jest-docblock": "30.2.0",
-        "jest-environment-node": "30.2.0",
-        "jest-haste-map": "30.2.0",
-        "jest-leak-detector": "30.2.0",
-        "jest-message-util": "30.2.0",
-        "jest-resolve": "30.2.0",
-        "jest-runtime": "30.2.0",
-        "jest-util": "30.2.0",
-        "jest-watcher": "30.2.0",
-        "jest-worker": "30.2.0",
-        "p-limit": "^3.1.0",
-        "source-map-support": "0.5.13"
-      },
       "engines": {
-        "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
+        "node": ">=0.12.0"
       }
     },
-    "node_modules/jest-runtime": {
-      "version": "30.2.0",
-      "resolved": "https://registry.npmjs.org/jest-runtime/-/jest-runtime-30.2.0.tgz",
-      "integrity": "sha512-p1+GVX/PJqTucvsmERPMgCPvQJpFt4hFbM+VN3n8TMo47decMUcJbt+rgzwrEme0MQUA/R+1de2axftTHkKckg==",
+    "node_modules/is-number-object": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/is-number-object/-/is-number-object-1.1.1.tgz",
+      "integrity": "sha512-lZhclumE1G6VYD8VHe35wFaIif+CTy5SJIi5+3y4psDgWu4wPDoBhF8NxUOinEc7pHgiTsT6MaBb92rKhhD+Xw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@jest/environment": "30.2.0",
-        "@jest/fake-timers": "30.2.0",
-        "@jest/globals": "30.2.0",
-        "@jest/source-map": "30.0.1",
-        "@jest/test-result": "30.2.0",
-        "@jest/transform": "30.2.0",
-        "@jest/types": "30.2.0",
-        "@types/node": "*",
-        "chalk": "^4.1.2",
-        "cjs-module-lexer": "^2.1.0",
-        "collect-v8-coverage": "^1.0.2",
-        "glob": "^10.3.10",
-        "graceful-fs": "^4.2.11",
-        "jest-haste-map": "30.2.0",
-        "jest-message-util": "30.2.0",
-        "jest-mock": "30.2.0",
-        "jest-regex-util": "30.0.1",
-        "jest-resolve": "30.2.0",
-        "jest-snapshot": "30.2.0",
-        "jest-util": "30.2.0",
-        "slash": "^3.0.0",
-        "strip-bom": "^4.0.0"
+        "call-bound": "^1.0.3",
+        "has-tostringtag": "^1.0.2"
       },
       "engines": {
-        "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/jest-runtime/node_modules/strip-bom": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-4.0.0.tgz",
-      "integrity": "sha512-3xurFv5tEgii33Zi8Jtp55wEIILR9eh34FAW00PZf+JnSsTmV/ioewSgQl97JHvgjoRGwPShsWm+IdrxB35d0w==",
-      "dev": true,
+    "node_modules/is-plain-obj": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-4.1.0.tgz",
+      "integrity": "sha512-+Pgi+vMuUNkJyExiMBt5IlFoMyKnr5zhJ4Uspz58WOhBF5QoIZkFyNHIbBAtHwzVAgk5RtndVNsDRN61/mmDqg==",
       "license": "MIT",
       "engines": {
-        "node": ">=8"
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/jest-snapshot": {
-      "version": "30.2.0",
-      "resolved": "https://registry.npmjs.org/jest-snapshot/-/jest-snapshot-30.2.0.tgz",
-      "integrity": "sha512-5WEtTy2jXPFypadKNpbNkZ72puZCa6UjSr/7djeecHWOu7iYhSXSnHScT8wBz3Rn8Ena5d5RYRcsyKIeqG1IyA==",
+    "node_modules/is-regex": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.2.1.tgz",
+      "integrity": "sha512-MjYsKHO5O7mCsmRGxWcLWheFqN9DJ/2TmngvjKXihe6efViPqc274+Fx/4fYj/r03+ESvBdTXK0V6tA3rgez1g==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/core": "^7.27.4",
-        "@babel/generator": "^7.27.5",
-        "@babel/plugin-syntax-jsx": "^7.27.1",
-        "@babel/plugin-syntax-typescript": "^7.27.1",
-        "@babel/types": "^7.27.3",
-        "@jest/expect-utils": "30.2.0",
-        "@jest/get-type": "30.1.0",
-        "@jest/snapshot-utils": "30.2.0",
-        "@jest/transform": "30.2.0",
-        "@jest/types": "30.2.0",
-        "babel-preset-current-node-syntax": "^1.2.0",
-        "chalk": "^4.1.2",
-        "expect": "30.2.0",
-        "graceful-fs": "^4.2.11",
-        "jest-diff": "30.2.0",
-        "jest-matcher-utils": "30.2.0",
-        "jest-message-util": "30.2.0",
-        "jest-util": "30.2.0",
-        "pretty-format": "30.2.0",
-        "semver": "^7.7.2",
-        "synckit": "^0.11.8"
+        "call-bound": "^1.0.2",
+        "gopd": "^1.2.0",
+        "has-tostringtag": "^1.0.2",
+        "hasown": "^2.0.2"
       },
       "engines": {
-        "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/jest-snapshot/node_modules/ansi-styles": {
-      "version": "5.2.0",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
-      "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
+    "node_modules/is-set": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/is-set/-/is-set-2.0.3.tgz",
+      "integrity": "sha512-iPAjerrse27/ygGLxw+EBR9agv9Y6uLeYVJMu+QNCoouJ1/1ri0mGrcWpfCqFZuzzx3WjtwxG098X+n4OuRkPg==",
       "dev": true,
       "license": "MIT",
       "engines": {
-        "node": ">=10"
+        "node": ">= 0.4"
       },
       "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/jest-snapshot/node_modules/pretty-format": {
-      "version": "30.2.0",
-      "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-30.2.0.tgz",
-      "integrity": "sha512-9uBdv/B4EefsuAL+pWqueZyZS2Ba+LxfFeQ9DN14HU4bN8bhaxKdkpjpB6fs9+pSjIBu+FXQHImEg8j/Lw0+vA==",
+    "node_modules/is-shared-array-buffer": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/is-shared-array-buffer/-/is-shared-array-buffer-1.0.4.tgz",
+      "integrity": "sha512-ISWac8drv4ZGfwKl5slpHG9OwPNty4jOWPRIhBpxOoD+hqITiwuipOQ2bNthAzwA3B4fIjO4Nln74N0S9byq8A==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@jest/schemas": "30.0.5",
-        "ansi-styles": "^5.2.0",
-        "react-is": "^18.3.1"
+        "call-bound": "^1.0.3"
       },
       "engines": {
-        "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
-      }
-    },
-    "node_modules/jest-snapshot/node_modules/react-is": {
-      "version": "18.3.1",
-      "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.3.1.tgz",
-      "integrity": "sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/jest-snapshot/node_modules/semver": {
-      "version": "7.7.4",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.4.tgz",
-      "integrity": "sha512-vFKC2IEtQnVhpT78h1Yp8wzwrf8CM+MzKMHGJZfBtzhZNycRFnXsHk6E5TxIkkMsgNS7mdX3AGB7x2QM2di4lA==",
-      "dev": true,
-      "license": "ISC",
-      "bin": {
-        "semver": "bin/semver.js"
+        "node": ">= 0.4"
       },
-      "engines": {
-        "node": ">=10"
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/jest-util": {
-      "version": "30.2.0",
-      "resolved": "https://registry.npmjs.org/jest-util/-/jest-util-30.2.0.tgz",
-      "integrity": "sha512-QKNsM0o3Xe6ISQU869e+DhG+4CK/48aHYdJZGlFQVTjnbvgpcKyxpzk29fGiO7i/J8VENZ+d2iGnSsvmuHywlA==",
+    "node_modules/is-string": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/is-string/-/is-string-1.1.1.tgz",
+      "integrity": "sha512-BtEeSsoaQjlSPBemMQIrY1MY0uM6vnS1g5fmufYOtnxLGUZM2178PKbhsk7Ffv58IX+ZtcvoGwccYsh0PglkAA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@jest/types": "30.2.0",
-        "@types/node": "*",
-        "chalk": "^4.1.2",
-        "ci-info": "^4.2.0",
-        "graceful-fs": "^4.2.11",
-        "picomatch": "^4.0.2"
+        "call-bound": "^1.0.3",
+        "has-tostringtag": "^1.0.2"
       },
       "engines": {
-        "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/jest-util/node_modules/picomatch": {
-      "version": "4.0.3",
-      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.3.tgz",
-      "integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==",
+    "node_modules/is-symbol": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/is-symbol/-/is-symbol-1.1.1.tgz",
+      "integrity": "sha512-9gGx6GTtCQM73BgmHQXfDmLtfjjTUDSyoxTCbp5WtoixAhfgsDirWIcVQ/IHpvI5Vgd5i/J5F7B9cN/WlVbC/w==",
       "dev": true,
       "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "has-symbols": "^1.1.0",
+        "safe-regex-test": "^1.1.0"
+      },
       "engines": {
-        "node": ">=12"
+        "node": ">= 0.4"
       },
       "funding": {
-        "url": "https://github.com/sponsors/jonschlinkert"
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/jest-validate": {
-      "version": "30.2.0",
-      "resolved": "https://registry.npmjs.org/jest-validate/-/jest-validate-30.2.0.tgz",
-      "integrity": "sha512-FBGWi7dP2hpdi8nBoWxSsLvBFewKAg0+uSQwBaof4Y4DPgBabXgpSYC5/lR7VmnIlSpASmCi/ntRWPbv7089Pw==",
+    "node_modules/is-typed-array": {
+      "version": "1.1.15",
+      "resolved": "https://registry.npmjs.org/is-typed-array/-/is-typed-array-1.1.15.tgz",
+      "integrity": "sha512-p3EcsicXjit7SaskXHs1hA91QxgTw46Fv6EFKKGS5DRFLD8yKnohjF3hxoju94b/OcMZoQukzpPpBE9uLVKzgQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@jest/get-type": "30.1.0",
-        "@jest/types": "30.2.0",
-        "camelcase": "^6.3.0",
-        "chalk": "^4.1.2",
-        "leven": "^3.1.0",
-        "pretty-format": "30.2.0"
+        "which-typed-array": "^1.1.16"
       },
       "engines": {
-        "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/jest-validate/node_modules/ansi-styles": {
-      "version": "5.2.0",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
-      "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
+    "node_modules/is-weakmap": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/is-weakmap/-/is-weakmap-2.0.2.tgz",
+      "integrity": "sha512-K5pXYOm9wqY1RgjpL3YTkF39tni1XajUIkawTLUo9EZEVUFga5gSQJF8nNS7ZwJQ02y+1YCNYcMh+HIf1ZqE+w==",
       "dev": true,
       "license": "MIT",
       "engines": {
-        "node": ">=10"
+        "node": ">= 0.4"
       },
       "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/jest-validate/node_modules/camelcase": {
-      "version": "6.3.0",
-      "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-6.3.0.tgz",
-      "integrity": "sha512-Gmy6FhYlCY7uOElZUSbxo2UCDH8owEk996gkbrpsgGtrJLM3J7jGxl9Ic7Qwwj4ivOE5AWZWRMecDdF7hqGjFA==",
+    "node_modules/is-weakref": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/is-weakref/-/is-weakref-1.1.1.tgz",
+      "integrity": "sha512-6i9mGWSlqzNMEqpCp93KwRS1uUOodk2OJ6b+sq7ZPDSy2WuI5NFIxp/254TytR8ftefexkWn5xNiHUNpPOfSew==",
       "dev": true,
       "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3"
+      },
       "engines": {
-        "node": ">=10"
+        "node": ">= 0.4"
       },
       "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/jest-validate/node_modules/pretty-format": {
-      "version": "30.2.0",
-      "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-30.2.0.tgz",
-      "integrity": "sha512-9uBdv/B4EefsuAL+pWqueZyZS2Ba+LxfFeQ9DN14HU4bN8bhaxKdkpjpB6fs9+pSjIBu+FXQHImEg8j/Lw0+vA==",
+    "node_modules/is-weakset": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/is-weakset/-/is-weakset-2.0.4.tgz",
+      "integrity": "sha512-mfcwb6IzQyOKTs84CQMrOwW4gQcaTOAWJ0zzJCl2WSPDrWk/OzDaImWFH3djXhb24g4eudZfLRozAvPGw4d9hQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@jest/schemas": "30.0.5",
-        "ansi-styles": "^5.2.0",
-        "react-is": "^18.3.1"
+        "call-bound": "^1.0.3",
+        "get-intrinsic": "^1.2.6"
       },
       "engines": {
-        "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/jest-validate/node_modules/react-is": {
-      "version": "18.3.1",
-      "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.3.1.tgz",
-      "integrity": "sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg==",
+    "node_modules/isarray": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/isarray/-/isarray-2.0.5.tgz",
+      "integrity": "sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==",
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/jest-watcher": {
-      "version": "30.2.0",
-      "resolved": "https://registry.npmjs.org/jest-watcher/-/jest-watcher-30.2.0.tgz",
-      "integrity": "sha512-PYxa28dxJ9g777pGm/7PrbnMeA0Jr7osHP9bS7eJy9DuAjMgdGtxgf0uKMyoIsTWAkIbUW5hSDdJ3urmgXBqxg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@jest/test-result": "30.2.0",
-        "@jest/types": "30.2.0",
-        "@types/node": "*",
-        "ansi-escapes": "^4.3.2",
-        "chalk": "^4.1.2",
-        "emittery": "^0.13.1",
-        "jest-util": "30.2.0",
-        "string-length": "^4.0.2"
-      },
-      "engines": {
-        "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
-      }
-    },
-    "node_modules/jest-worker": {
-      "version": "30.2.0",
-      "resolved": "https://registry.npmjs.org/jest-worker/-/jest-worker-30.2.0.tgz",
-      "integrity": "sha512-0Q4Uk8WF7BUwqXHuAjc23vmopWJw5WH7w2tqBoUOZpOjW/ZnR44GXXd1r82RvnmI2GZge3ivrYXk/BE2+VtW2g==",
+    "node_modules/isexe": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
+      "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==",
       "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@types/node": "*",
-        "@ungap/structured-clone": "^1.3.0",
-        "jest-util": "30.2.0",
-        "merge-stream": "^2.0.0",
-        "supports-color": "^8.1.1"
-      },
-      "engines": {
-        "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
-      }
+      "license": "ISC"
     },
-    "node_modules/jest-worker/node_modules/supports-color": {
-      "version": "8.1.1",
-      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-8.1.1.tgz",
-      "integrity": "sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==",
+    "node_modules/iterator.prototype": {
+      "version": "1.1.5",
+      "resolved": "https://registry.npmjs.org/iterator.prototype/-/iterator.prototype-1.1.5.tgz",
+      "integrity": "sha512-H0dkQoCa3b2VEeKQBOxFph+JAbcrQdE7KC0UkqwpLmv2EC4P41QXP+rqo9wYodACiG5/WM5s9oDApTU8utwj9g==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "has-flag": "^4.0.0"
+        "define-data-property": "^1.1.4",
+        "es-object-atoms": "^1.0.0",
+        "get-intrinsic": "^1.2.6",
+        "get-proto": "^1.0.0",
+        "has-symbols": "^1.1.0",
+        "set-function-name": "^2.0.2"
       },
       "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/supports-color?sponsor=1"
-      }
-    },
-    "node_modules/jiti": {
-      "version": "2.6.1",
-      "resolved": "https://registry.npmjs.org/jiti/-/jiti-2.6.1.tgz",
-      "integrity": "sha512-ekilCSN1jwRvIbgeg/57YFh8qQDNbwDb9xT/qu2DAHbFFZUicIl4ygVaAvzveMhMVr3LnpSKTNnwt8PoOfmKhQ==",
-      "dev": true,
-      "license": "MIT",
-      "bin": {
-        "jiti": "lib/jiti-cli.mjs"
+        "node": ">= 0.4"
       }
     },
     "node_modules/js-tokens": {
@@ -8951,46 +5397,6 @@
         "js-yaml": "bin/js-yaml.js"
       }
     },
-    "node_modules/jsdom": {
-      "version": "26.1.0",
-      "resolved": "https://registry.npmjs.org/jsdom/-/jsdom-26.1.0.tgz",
-      "integrity": "sha512-Cvc9WUhxSMEo4McES3P7oK3QaXldCfNWp7pl2NNeiIFlCoLr3kfq9kb1fxftiwk1FLV7CvpvDfonxtzUDeSOPg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "cssstyle": "^4.2.1",
-        "data-urls": "^5.0.0",
-        "decimal.js": "^10.5.0",
-        "html-encoding-sniffer": "^4.0.0",
-        "http-proxy-agent": "^7.0.2",
-        "https-proxy-agent": "^7.0.6",
-        "is-potential-custom-element-name": "^1.0.1",
-        "nwsapi": "^2.2.16",
-        "parse5": "^7.2.1",
-        "rrweb-cssom": "^0.8.0",
-        "saxes": "^6.0.0",
-        "symbol-tree": "^3.2.4",
-        "tough-cookie": "^5.1.1",
-        "w3c-xmlserializer": "^5.0.0",
-        "webidl-conversions": "^7.0.0",
-        "whatwg-encoding": "^3.1.1",
-        "whatwg-mimetype": "^4.0.0",
-        "whatwg-url": "^14.1.1",
-        "ws": "^8.18.0",
-        "xml-name-validator": "^5.0.0"
-      },
-      "engines": {
-        "node": ">=18"
-      },
-      "peerDependencies": {
-        "canvas": "^3.0.0"
-      },
-      "peerDependenciesMeta": {
-        "canvas": {
-          "optional": true
-        }
-      }
-    },
     "node_modules/jsesc": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-3.1.0.tgz",
@@ -9011,13 +5417,6 @@
       "dev": true,
       "license": "MIT"
     },
-    "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==",
-      "dev": true,
-      "license": "MIT"
-    },
     "node_modules/json-schema-traverse": {
       "version": "0.4.1",
       "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
@@ -9026,388 +5425,110 @@
       "license": "MIT"
     },
     "node_modules/json-stable-stringify-without-jsonify": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz",
-      "integrity": "sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==",
-      "dev": true,
-      "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/jsx-ast-utils": {
-      "version": "3.3.5",
-      "resolved": "https://registry.npmjs.org/jsx-ast-utils/-/jsx-ast-utils-3.3.5.tgz",
-      "integrity": "sha512-ZZow9HBI5O6EPgSJLUb8n2NKgmVWTwCvHGwFuJlMjvLFqlGG6pjirPhtdsseaLZjSibD8eegzmYpUZwoIlj2cQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "array-includes": "^3.1.6",
-        "array.prototype.flat": "^1.3.1",
-        "object.assign": "^4.1.4",
-        "object.values": "^1.1.6"
-      },
-      "engines": {
-        "node": ">=4.0"
-      }
-    },
-    "node_modules/katex": {
-      "version": "0.16.40",
-      "resolved": "https://registry.npmjs.org/katex/-/katex-0.16.40.tgz",
-      "integrity": "sha512-1DJcK/L05k1Y9Gf7wMcyuqFOL6BiY3vY0CFcAM/LPRN04NALxcl6u7lOWNsp3f/bCHWxigzQl6FbR95XJ4R84Q==",
-      "funding": [
-        "https://opencollective.com/katex",
-        "https://github.com/sponsors/katex"
-      ],
-      "license": "MIT",
-      "dependencies": {
-        "commander": "^8.3.0"
-      },
-      "bin": {
-        "katex": "cli.js"
-      }
-    },
-    "node_modules/katex/node_modules/commander": {
-      "version": "8.3.0",
-      "resolved": "https://registry.npmjs.org/commander/-/commander-8.3.0.tgz",
-      "integrity": "sha512-OkTL9umf+He2DZkUq8f8J9of7yL6RJKI24dVITBmNfZBmri9zYZQrKkuXiKhyfPSu8tUhnVBB1iKXevvnlR4Ww==",
-      "license": "MIT",
-      "engines": {
-        "node": ">= 12"
-      }
-    },
-    "node_modules/keyv": {
-      "version": "4.5.4",
-      "resolved": "https://registry.npmjs.org/keyv/-/keyv-4.5.4.tgz",
-      "integrity": "sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "json-buffer": "3.0.1"
-      }
-    },
-    "node_modules/language-subtag-registry": {
-      "version": "0.3.23",
-      "resolved": "https://registry.npmjs.org/language-subtag-registry/-/language-subtag-registry-0.3.23.tgz",
-      "integrity": "sha512-0K65Lea881pHotoGEa5gDlMxt3pctLi2RplBb7Ezh4rRdLEOtgi7n4EwK9lamnUCkKBqaeKRVebTq6BAxSkpXQ==",
-      "dev": true,
-      "license": "CC0-1.0"
-    },
-    "node_modules/language-tags": {
-      "version": "1.0.9",
-      "resolved": "https://registry.npmjs.org/language-tags/-/language-tags-1.0.9.tgz",
-      "integrity": "sha512-MbjN408fEndfiQXbFQ1vnd+1NoLDsnQW41410oQBXiyXDMYH5z505juWa4KUE1LqxRC7DgOgZDbKLxHIwm27hA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "language-subtag-registry": "^0.3.20"
-      },
-      "engines": {
-        "node": ">=0.10"
-      }
-    },
-    "node_modules/leven": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/leven/-/leven-3.1.0.tgz",
-      "integrity": "sha512-qsda+H8jTaUaN/x5vzW2rzc+8Rw4TAQ/4KjB46IwK5VH+IlVeeeje/EoZRpiXvIqjFgK84QffqPztGI3VBLG1A==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/levn": {
-      "version": "0.4.1",
-      "resolved": "https://registry.npmjs.org/levn/-/levn-0.4.1.tgz",
-      "integrity": "sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "prelude-ls": "^1.2.1",
-        "type-check": "~0.4.0"
-      },
-      "engines": {
-        "node": ">= 0.8.0"
-      }
-    },
-    "node_modules/lightningcss": {
-      "version": "1.31.1",
-      "resolved": "https://registry.npmjs.org/lightningcss/-/lightningcss-1.31.1.tgz",
-      "integrity": "sha512-l51N2r93WmGUye3WuFoN5k10zyvrVs0qfKBhyC5ogUQ6Ew6JUSswh78mbSO+IU3nTWsyOArqPCcShdQSadghBQ==",
-      "dev": true,
-      "license": "MPL-2.0",
-      "dependencies": {
-        "detect-libc": "^2.0.3"
-      },
-      "engines": {
-        "node": ">= 12.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/parcel"
-      },
-      "optionalDependencies": {
-        "lightningcss-android-arm64": "1.31.1",
-        "lightningcss-darwin-arm64": "1.31.1",
-        "lightningcss-darwin-x64": "1.31.1",
-        "lightningcss-freebsd-x64": "1.31.1",
-        "lightningcss-linux-arm-gnueabihf": "1.31.1",
-        "lightningcss-linux-arm64-gnu": "1.31.1",
-        "lightningcss-linux-arm64-musl": "1.31.1",
-        "lightningcss-linux-x64-gnu": "1.31.1",
-        "lightningcss-linux-x64-musl": "1.31.1",
-        "lightningcss-win32-arm64-msvc": "1.31.1",
-        "lightningcss-win32-x64-msvc": "1.31.1"
-      }
-    },
-    "node_modules/lightningcss-android-arm64": {
-      "version": "1.31.1",
-      "resolved": "https://registry.npmjs.org/lightningcss-android-arm64/-/lightningcss-android-arm64-1.31.1.tgz",
-      "integrity": "sha512-HXJF3x8w9nQ4jbXRiNppBCqeZPIAfUo8zE/kOEGbW5NZvGc/K7nMxbhIr+YlFlHW5mpbg/YFPdbnCh1wAXCKFg==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MPL-2.0",
-      "optional": true,
-      "os": [
-        "android"
-      ],
-      "engines": {
-        "node": ">= 12.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/parcel"
-      }
-    },
-    "node_modules/lightningcss-darwin-arm64": {
-      "version": "1.31.1",
-      "resolved": "https://registry.npmjs.org/lightningcss-darwin-arm64/-/lightningcss-darwin-arm64-1.31.1.tgz",
-      "integrity": "sha512-02uTEqf3vIfNMq3h/z2cJfcOXnQ0GRwQrkmPafhueLb2h7mqEidiCzkE4gBMEH65abHRiQvhdcQ+aP0D0g67sg==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MPL-2.0",
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "node": ">= 12.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/parcel"
-      }
-    },
-    "node_modules/lightningcss-darwin-x64": {
-      "version": "1.31.1",
-      "resolved": "https://registry.npmjs.org/lightningcss-darwin-x64/-/lightningcss-darwin-x64-1.31.1.tgz",
-      "integrity": "sha512-1ObhyoCY+tGxtsz1lSx5NXCj3nirk0Y0kB/g8B8DT+sSx4G9djitg9ejFnjb3gJNWo7qXH4DIy2SUHvpoFwfTA==",
-      "cpu": [
-        "x64"
-      ],
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz",
+      "integrity": "sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==",
       "dev": true,
-      "license": "MPL-2.0",
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "node": ">= 12.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/parcel"
-      }
+      "license": "MIT"
     },
-    "node_modules/lightningcss-freebsd-x64": {
-      "version": "1.31.1",
-      "resolved": "https://registry.npmjs.org/lightningcss-freebsd-x64/-/lightningcss-freebsd-x64-1.31.1.tgz",
-      "integrity": "sha512-1RINmQKAItO6ISxYgPwszQE1BrsVU5aB45ho6O42mu96UiZBxEXsuQ7cJW4zs4CEodPUioj/QrXW1r9pLUM74A==",
-      "cpu": [
-        "x64"
-      ],
+    "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": "MPL-2.0",
-      "optional": true,
-      "os": [
-        "freebsd"
-      ],
-      "engines": {
-        "node": ">= 12.0.0"
+      "license": "MIT",
+      "bin": {
+        "json5": "lib/cli.js"
       },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/parcel"
+      "engines": {
+        "node": ">=6"
       }
     },
-    "node_modules/lightningcss-linux-arm-gnueabihf": {
-      "version": "1.31.1",
-      "resolved": "https://registry.npmjs.org/lightningcss-linux-arm-gnueabihf/-/lightningcss-linux-arm-gnueabihf-1.31.1.tgz",
-      "integrity": "sha512-OOCm2//MZJ87CdDK62rZIu+aw9gBv4azMJuA8/KB74wmfS3lnC4yoPHm0uXZ/dvNNHmnZnB8XLAZzObeG0nS1g==",
-      "cpu": [
-        "arm"
-      ],
+    "node_modules/jsx-ast-utils": {
+      "version": "3.3.5",
+      "resolved": "https://registry.npmjs.org/jsx-ast-utils/-/jsx-ast-utils-3.3.5.tgz",
+      "integrity": "sha512-ZZow9HBI5O6EPgSJLUb8n2NKgmVWTwCvHGwFuJlMjvLFqlGG6pjirPhtdsseaLZjSibD8eegzmYpUZwoIlj2cQ==",
       "dev": true,
-      "license": "MPL-2.0",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">= 12.0.0"
+      "license": "MIT",
+      "dependencies": {
+        "array-includes": "^3.1.6",
+        "array.prototype.flat": "^1.3.1",
+        "object.assign": "^4.1.4",
+        "object.values": "^1.1.6"
       },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/parcel"
+      "engines": {
+        "node": ">=4.0"
       }
     },
-    "node_modules/lightningcss-linux-arm64-gnu": {
-      "version": "1.31.1",
-      "resolved": "https://registry.npmjs.org/lightningcss-linux-arm64-gnu/-/lightningcss-linux-arm64-gnu-1.31.1.tgz",
-      "integrity": "sha512-WKyLWztD71rTnou4xAD5kQT+982wvca7E6QoLpoawZ1gP9JM0GJj4Tp5jMUh9B3AitHbRZ2/H3W5xQmdEOUlLg==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MPL-2.0",
-      "optional": true,
-      "os": [
-        "linux"
+    "node_modules/katex": {
+      "version": "0.16.45",
+      "resolved": "https://registry.npmjs.org/katex/-/katex-0.16.45.tgz",
+      "integrity": "sha512-pQpZbdBu7wCTmQUh7ufPmLr0pFoObnGUoL/yhtwJDgmmQpbkg/0HSVti25Fu4rmd1oCR6NGWe9vqTWuWv3GcNA==",
+      "funding": [
+        "https://opencollective.com/katex",
+        "https://github.com/sponsors/katex"
       ],
-      "engines": {
-        "node": ">= 12.0.0"
+      "license": "MIT",
+      "dependencies": {
+        "commander": "^8.3.0"
       },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/parcel"
+      "bin": {
+        "katex": "cli.js"
       }
     },
-    "node_modules/lightningcss-linux-arm64-musl": {
-      "version": "1.31.1",
-      "resolved": "https://registry.npmjs.org/lightningcss-linux-arm64-musl/-/lightningcss-linux-arm64-musl-1.31.1.tgz",
-      "integrity": "sha512-mVZ7Pg2zIbe3XlNbZJdjs86YViQFoJSpc41CbVmKBPiGmC4YrfeOyz65ms2qpAobVd7WQsbW4PdsSJEMymyIMg==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MPL-2.0",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
+    "node_modules/katex/node_modules/commander": {
+      "version": "8.3.0",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-8.3.0.tgz",
+      "integrity": "sha512-OkTL9umf+He2DZkUq8f8J9of7yL6RJKI24dVITBmNfZBmri9zYZQrKkuXiKhyfPSu8tUhnVBB1iKXevvnlR4Ww==",
+      "license": "MIT",
       "engines": {
-        "node": ">= 12.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/parcel"
+        "node": ">= 12"
       }
     },
-    "node_modules/lightningcss-linux-x64-gnu": {
-      "version": "1.31.1",
-      "resolved": "https://registry.npmjs.org/lightningcss-linux-x64-gnu/-/lightningcss-linux-x64-gnu-1.31.1.tgz",
-      "integrity": "sha512-xGlFWRMl+0KvUhgySdIaReQdB4FNudfUTARn7q0hh/V67PVGCs3ADFjw+6++kG1RNd0zdGRlEKa+T13/tQjPMA==",
-      "cpu": [
-        "x64"
-      ],
+    "node_modules/keyv": {
+      "version": "4.5.4",
+      "resolved": "https://registry.npmjs.org/keyv/-/keyv-4.5.4.tgz",
+      "integrity": "sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==",
       "dev": true,
-      "license": "MPL-2.0",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">= 12.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/parcel"
+      "license": "MIT",
+      "dependencies": {
+        "json-buffer": "3.0.1"
       }
     },
-    "node_modules/lightningcss-linux-x64-musl": {
-      "version": "1.31.1",
-      "resolved": "https://registry.npmjs.org/lightningcss-linux-x64-musl/-/lightningcss-linux-x64-musl-1.31.1.tgz",
-      "integrity": "sha512-eowF8PrKHw9LpoZii5tdZwnBcYDxRw2rRCyvAXLi34iyeYfqCQNA9rmUM0ce62NlPhCvof1+9ivRaTY6pSKDaA==",
-      "cpu": [
-        "x64"
-      ],
+    "node_modules/language-subtag-registry": {
+      "version": "0.3.23",
+      "resolved": "https://registry.npmjs.org/language-subtag-registry/-/language-subtag-registry-0.3.23.tgz",
+      "integrity": "sha512-0K65Lea881pHotoGEa5gDlMxt3pctLi2RplBb7Ezh4rRdLEOtgi7n4EwK9lamnUCkKBqaeKRVebTq6BAxSkpXQ==",
       "dev": true,
-      "license": "MPL-2.0",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">= 12.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/parcel"
-      }
+      "license": "CC0-1.0"
     },
-    "node_modules/lightningcss-win32-arm64-msvc": {
-      "version": "1.31.1",
-      "resolved": "https://registry.npmjs.org/lightningcss-win32-arm64-msvc/-/lightningcss-win32-arm64-msvc-1.31.1.tgz",
-      "integrity": "sha512-aJReEbSEQzx1uBlQizAOBSjcmr9dCdL3XuC/6HLXAxmtErsj2ICo5yYggg1qOODQMtnjNQv2UHb9NpOuFtYe4w==",
-      "cpu": [
-        "arm64"
-      ],
+    "node_modules/language-tags": {
+      "version": "1.0.9",
+      "resolved": "https://registry.npmjs.org/language-tags/-/language-tags-1.0.9.tgz",
+      "integrity": "sha512-MbjN408fEndfiQXbFQ1vnd+1NoLDsnQW41410oQBXiyXDMYH5z505juWa4KUE1LqxRC7DgOgZDbKLxHIwm27hA==",
       "dev": true,
-      "license": "MPL-2.0",
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "engines": {
-        "node": ">= 12.0.0"
+      "license": "MIT",
+      "dependencies": {
+        "language-subtag-registry": "^0.3.20"
       },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/parcel"
+      "engines": {
+        "node": ">=0.10"
       }
     },
-    "node_modules/lightningcss-win32-x64-msvc": {
-      "version": "1.31.1",
-      "resolved": "https://registry.npmjs.org/lightningcss-win32-x64-msvc/-/lightningcss-win32-x64-msvc-1.31.1.tgz",
-      "integrity": "sha512-I9aiFrbd7oYHwlnQDqr1Roz+fTz61oDDJX7n9tYF9FJymH1cIN1DtKw3iYt6b8WZgEjoNwVSncwF4wx/ZedMhw==",
-      "cpu": [
-        "x64"
-      ],
+    "node_modules/levn": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/levn/-/levn-0.4.1.tgz",
+      "integrity": "sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==",
       "dev": true,
-      "license": "MPL-2.0",
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "engines": {
-        "node": ">= 12.0.0"
+      "license": "MIT",
+      "dependencies": {
+        "prelude-ls": "^1.2.1",
+        "type-check": "~0.4.0"
       },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/parcel"
+      "engines": {
+        "node": ">= 0.8.0"
       }
     },
-    "node_modules/lines-and-columns": {
-      "version": "1.2.4",
-      "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz",
-      "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==",
-      "dev": true,
-      "license": "MIT"
-    },
     "node_modules/locate-path": {
       "version": "6.0.0",
       "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz",
@@ -9424,13 +5545,6 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/lodash.memoize": {
-      "version": "4.1.2",
-      "resolved": "https://registry.npmjs.org/lodash.memoize/-/lodash.memoize-4.1.2.tgz",
-      "integrity": "sha512-t7j+NzmgnQzTAYXcsHYLgimltOV1MXHtlOWf6GjL9Kj8GK5FInw5JotxvbOs+IvV1/Dzo04/fCGfLVs7aXb4Ag==",
-      "dev": true,
-      "license": "MIT"
-    },
     "node_modules/lodash.merge": {
       "version": "4.6.2",
       "resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz",
@@ -9471,82 +5585,6 @@
         "yallist": "^3.0.2"
       }
     },
-    "node_modules/lucide-react": {
-      "version": "0.577.0",
-      "resolved": "https://registry.npmjs.org/lucide-react/-/lucide-react-0.577.0.tgz",
-      "integrity": "sha512-4LjoFv2eEPwYDPg/CUdBJQSDfPyzXCRrVW1X7jrx/trgxnxkHFjnVZINbzvzxjN70dxychOfg+FTYwBiS3pQ5A==",
-      "license": "ISC",
-      "peerDependencies": {
-        "react": "^16.5.1 || ^17.0.0 || ^18.0.0 || ^19.0.0"
-      }
-    },
-    "node_modules/lz-string": {
-      "version": "1.5.0",
-      "resolved": "https://registry.npmjs.org/lz-string/-/lz-string-1.5.0.tgz",
-      "integrity": "sha512-h5bgJWpxJNswbU7qCrV0tIKQCaS3blPDrqKWx+QxzuzL1zGUzij9XCWLrSLsJPu5t+eWA/ycetzYAO5IOMcWAQ==",
-      "dev": true,
-      "license": "MIT",
-      "peer": true,
-      "bin": {
-        "lz-string": "bin/bin.js"
-      }
-    },
-    "node_modules/magic-string": {
-      "version": "0.30.21",
-      "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.21.tgz",
-      "integrity": "sha512-vd2F4YUyEXKGcLHoq+TEyCjxueSeHnFxyyjNp80yg0XV4vUhnDer/lvvlqM/arB5bXQN5K2/3oinyCRyx8T2CQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@jridgewell/sourcemap-codec": "^1.5.5"
-      }
-    },
-    "node_modules/make-dir": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-4.0.0.tgz",
-      "integrity": "sha512-hXdUTZYIVOt1Ex//jAQi+wTZZpUpwBj/0QsOzqegb3rGMMeJiSEu5xLHnYfBrRV4RH2+OCSOO95Is/7x1WJ4bw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "semver": "^7.5.3"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/make-dir/node_modules/semver": {
-      "version": "7.7.4",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.4.tgz",
-      "integrity": "sha512-vFKC2IEtQnVhpT78h1Yp8wzwrf8CM+MzKMHGJZfBtzhZNycRFnXsHk6E5TxIkkMsgNS7mdX3AGB7x2QM2di4lA==",
-      "dev": true,
-      "license": "ISC",
-      "bin": {
-        "semver": "bin/semver.js"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/make-error": {
-      "version": "1.3.6",
-      "resolved": "https://registry.npmjs.org/make-error/-/make-error-1.3.6.tgz",
-      "integrity": "sha512-s8UhlNe7vPKomQhC1qFelMokr/Sc3AgNbso3n74mVPA5LTZwkB9NlXf4XPamLxJE8h0gh73rM94xvwRT2CVInw==",
-      "dev": true,
-      "license": "ISC"
-    },
-    "node_modules/makeerror": {
-      "version": "1.0.12",
-      "resolved": "https://registry.npmjs.org/makeerror/-/makeerror-1.0.12.tgz",
-      "integrity": "sha512-JmqCvUhmt43madlpFzG4BQzG2Z3m6tvQDNKdClZnO3VbIudJYmxsT0FNJMeiB2+JTSlTQTSbU8QdesVmwJcmLg==",
-      "dev": true,
-      "license": "BSD-3-Clause",
-      "dependencies": {
-        "tmpl": "1.0.5"
-      }
-    },
     "node_modules/math-intrinsics": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/math-intrinsics/-/math-intrinsics-1.1.0.tgz",
@@ -9729,13 +5767,6 @@
         "url": "https://opencollective.com/unified"
       }
     },
-    "node_modules/merge-stream": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/merge-stream/-/merge-stream-2.0.0.tgz",
-      "integrity": "sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==",
-      "dev": true,
-      "license": "MIT"
-    },
     "node_modules/merge2": {
       "version": "1.4.1",
       "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
@@ -10215,36 +6246,16 @@
       "license": "MIT",
       "dependencies": {
         "braces": "^3.0.3",
-        "picomatch": "^2.3.1"
-      },
-      "engines": {
-        "node": ">=8.6"
-      }
-    },
-    "node_modules/mimic-fn": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-2.1.0.tgz",
-      "integrity": "sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/min-indent": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/min-indent/-/min-indent-1.0.1.tgz",
-      "integrity": "sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==",
-      "dev": true,
-      "license": "MIT",
+        "picomatch": "^2.3.1"
+      },
       "engines": {
-        "node": ">=4"
+        "node": ">=8.6"
       }
     },
     "node_modules/minimatch": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
-      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+      "version": "3.1.5",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.5.tgz",
+      "integrity": "sha512-VgjWUsnnT6n+NUk6eZq77zeFdpW2LWDzP6zFGrCbHXiYNul5Dzqk2HHQ5uFH2DNW5Xbp8+jVzaeNt94ssEEl4w==",
       "dev": true,
       "license": "ISC",
       "dependencies": {
@@ -10264,31 +6275,6 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/minipass": {
-      "version": "7.1.3",
-      "resolved": "https://registry.npmjs.org/minipass/-/minipass-7.1.3.tgz",
-      "integrity": "sha512-tEBHqDnIoM/1rXME1zgka9g6Q2lcoCkxHLuc7ODJ5BxbP5d4c2Z5cGgtXAku59200Cx7diuHTOYfSBD8n6mm8A==",
-      "dev": true,
-      "license": "BlueOak-1.0.0",
-      "engines": {
-        "node": ">=16 || 14 >=14.17"
-      }
-    },
-    "node_modules/motion-dom": {
-      "version": "12.38.0",
-      "resolved": "https://registry.npmjs.org/motion-dom/-/motion-dom-12.38.0.tgz",
-      "integrity": "sha512-pdkHLD8QYRp8VfiNLb8xIBJis1byQ9gPT3Jnh2jqfFtAsWUA3dEepDlsWe/xMpO8McV+VdpKVcp+E+TGJEtOoA==",
-      "license": "MIT",
-      "dependencies": {
-        "motion-utils": "^12.36.0"
-      }
-    },
-    "node_modules/motion-utils": {
-      "version": "12.36.0",
-      "resolved": "https://registry.npmjs.org/motion-utils/-/motion-utils-12.36.0.tgz",
-      "integrity": "sha512-eHWisygbiwVvf6PZ1vhaHCLamvkSbPIeAYxWUuL3a2PD/TROgE7FvfHWTIH4vMl798QLfMw15nRqIaRDXTlYRg==",
-      "license": "MIT"
-    },
     "node_modules/ms": {
       "version": "2.1.3",
       "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
@@ -10336,13 +6322,6 @@
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/neo-async": {
-      "version": "2.6.2",
-      "resolved": "https://registry.npmjs.org/neo-async/-/neo-async-2.6.2.tgz",
-      "integrity": "sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw==",
-      "dev": true,
-      "license": "MIT"
-    },
     "node_modules/next": {
       "version": "16.1.6",
       "resolved": "https://registry.npmjs.org/next/-/next-16.1.6.tgz",
@@ -10396,34 +6375,6 @@
         }
       }
     },
-    "node_modules/next/node_modules/postcss": {
-      "version": "8.4.31",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.31.tgz",
-      "integrity": "sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ==",
-      "funding": [
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/postcss/"
-        },
-        {
-          "type": "tidelift",
-          "url": "https://tidelift.com/funding/github/npm/postcss"
-        },
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/ai"
-        }
-      ],
-      "license": "MIT",
-      "dependencies": {
-        "nanoid": "^3.3.6",
-        "picocolors": "^1.0.0",
-        "source-map-js": "^1.0.2"
-      },
-      "engines": {
-        "node": "^10 || ^12 || >=14"
-      }
-    },
     "node_modules/node-exports-info": {
       "version": "1.6.0",
       "resolved": "https://registry.npmjs.org/node-exports-info/-/node-exports-info-1.6.0.tgz",
@@ -10443,47 +6394,10 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/node-int64": {
-      "version": "0.4.0",
-      "resolved": "https://registry.npmjs.org/node-int64/-/node-int64-0.4.0.tgz",
-      "integrity": "sha512-O5lz91xSOeoXP6DulyHfllpq+Eg00MWitZIbtPfoSEvqIHdl5gfcY6hYzDWnj0qD5tz52PI08u9qUvSVeUBeHw==",
-      "dev": true,
-      "license": "MIT"
-    },
     "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/normalize-path": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
-      "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/npm-run-path": {
-      "version": "4.0.1",
-      "resolved": "https://registry.npmjs.org/npm-run-path/-/npm-run-path-4.0.1.tgz",
-      "integrity": "sha512-S48WzZW777zhNIrn7gxOlISNAqi9ZC/uQFnRdbeIHhZhCA6UqpkOT8T1G7BvfdgP4Er8gF4sUbaS0i7QvIfCWw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "path-key": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/nwsapi": {
-      "version": "2.2.23",
-      "resolved": "https://registry.npmjs.org/nwsapi/-/nwsapi-2.2.23.tgz",
-      "integrity": "sha512-7wfH4sLbt4M0gCDzGE6vzQBo0bfTKjU7Sfpqy/7gs1qBfYz2vEJH6vXcBKpO3+6Yu1telwd0t9HpyOoLEQQbIQ==",
+      "version": "2.0.37",
+      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.37.tgz",
+      "integrity": "sha512-1h5gKZCF+pO/o3Iqt5Jp7wc9rH3eJJ0+nh/CIoiRwjRxde/hAHyLPXYN4V3CqKAbiZPSeJFSWHmJsbkicta0Eg==",
       "dev": true,
       "license": "MIT"
     },
@@ -10610,32 +6524,6 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/once": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
-      "integrity": "sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "wrappy": "1"
-      }
-    },
-    "node_modules/onetime": {
-      "version": "5.1.2",
-      "resolved": "https://registry.npmjs.org/onetime/-/onetime-5.1.2.tgz",
-      "integrity": "sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "mimic-fn": "^2.1.0"
-      },
-      "engines": {
-        "node": ">=6"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
     "node_modules/optionator": {
       "version": "0.9.4",
       "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.4.tgz",
@@ -10704,23 +6592,6 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/p-try": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/p-try/-/p-try-2.2.0.tgz",
-      "integrity": "sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/package-json-from-dist": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/package-json-from-dist/-/package-json-from-dist-1.0.1.tgz",
-      "integrity": "sha512-UEZIS3/by4OC8vL3P2dTXRETpebLI2NiI5vIrjaD/5UtrkFX/tNbwjTSRAGC/+7CAo2pIcBaRgWmcBBHcsaCIw==",
-      "dev": true,
-      "license": "BlueOak-1.0.0"
-    },
     "node_modules/parent-module": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz",
@@ -10759,25 +6630,6 @@
       "integrity": "sha512-CmBKiL6NNo/OqgmMn95Fk9Whlp2mtvIv+KNpQKN2F4SjvrEesubTRWGYSg+BnWZOnlCaSTU1sMpsBOzgbYhnsA==",
       "license": "MIT"
     },
-    "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==",
-      "dev": true,
-      "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/parse5": {
       "version": "7.3.0",
       "resolved": "https://registry.npmjs.org/parse5/-/parse5-7.3.0.tgz",
@@ -10800,16 +6652,6 @@
         "node": ">=8"
       }
     },
-    "node_modules/path-is-absolute": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
-      "integrity": "sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
     "node_modules/path-key": {
       "version": "3.1.1",
       "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
@@ -10827,30 +6669,6 @@
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/path-scurry": {
-      "version": "1.11.1",
-      "resolved": "https://registry.npmjs.org/path-scurry/-/path-scurry-1.11.1.tgz",
-      "integrity": "sha512-Xa4Nw17FS9ApQFJ9umLiJS4orGjm7ZzwUrwamcGQuHSzDyth9boKDaycYdDcZDuqYATXw4HFXgaqWTctW/v1HA==",
-      "dev": true,
-      "license": "BlueOak-1.0.0",
-      "dependencies": {
-        "lru-cache": "^10.2.0",
-        "minipass": "^5.0.0 || ^6.0.2 || ^7.0.0"
-      },
-      "engines": {
-        "node": ">=16 || 14 >=14.18"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      }
-    },
-    "node_modules/path-scurry/node_modules/lru-cache": {
-      "version": "10.4.3",
-      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.4.3.tgz",
-      "integrity": "sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==",
-      "dev": true,
-      "license": "ISC"
-    },
     "node_modules/picocolors": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
@@ -10858,9 +6676,9 @@
       "license": "ISC"
     },
     "node_modules/picomatch": {
-      "version": "2.3.1",
-      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
-      "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
+      "version": "2.3.2",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.2.tgz",
+      "integrity": "sha512-V7+vQEJ06Z+c5tSye8S+nHUfI51xoXIXjHQ99cQtKUkQqqO1kO/KCJUfZXuB47h/YBlDhah2H3hdUGXn8ie0oA==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -10870,85 +6688,6 @@
         "url": "https://github.com/sponsors/jonschlinkert"
       }
     },
-    "node_modules/pirates": {
-      "version": "4.0.7",
-      "resolved": "https://registry.npmjs.org/pirates/-/pirates-4.0.7.tgz",
-      "integrity": "sha512-TfySrs/5nm8fQJDcBDuUng3VOUKsd7S+zqvbOTiGXHfxX4wK31ard+hoNuvkicM/2YFzlpDgABOevKSsB4G/FA==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">= 6"
-      }
-    },
-    "node_modules/pkg-dir": {
-      "version": "4.2.0",
-      "resolved": "https://registry.npmjs.org/pkg-dir/-/pkg-dir-4.2.0.tgz",
-      "integrity": "sha512-HRDzbaKjC+AOWVXxAU/x54COGeIv9eb+6CkDSQoNTt4XyWoIJvuPsXizxu/Fr23EiekbtZwmh1IcIG/l/a10GQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "find-up": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/pkg-dir/node_modules/find-up": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/find-up/-/find-up-4.1.0.tgz",
-      "integrity": "sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "locate-path": "^5.0.0",
-        "path-exists": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/pkg-dir/node_modules/locate-path": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-5.0.0.tgz",
-      "integrity": "sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "p-locate": "^4.1.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/pkg-dir/node_modules/p-limit": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz",
-      "integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "p-try": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=6"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/pkg-dir/node_modules/p-locate": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-4.1.0.tgz",
-      "integrity": "sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "p-limit": "^2.2.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/possible-typed-array-names": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/possible-typed-array-names/-/possible-typed-array-names-1.1.0.tgz",
@@ -10960,10 +6699,9 @@
       }
     },
     "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,
+      "version": "8.4.31",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.31.tgz",
+      "integrity": "sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ==",
       "funding": [
         {
           "type": "opencollective",
@@ -10980,9 +6718,9 @@
       ],
       "license": "MIT",
       "dependencies": {
-        "nanoid": "^3.3.11",
-        "picocolors": "^1.1.1",
-        "source-map-js": "^1.2.1"
+        "nanoid": "^3.3.6",
+        "picocolors": "^1.0.0",
+        "source-map-js": "^1.0.2"
       },
       "engines": {
         "node": "^10 || ^12 || >=14"
@@ -10998,44 +6736,6 @@
         "node": ">= 0.8.0"
       }
     },
-    "node_modules/pretty-format": {
-      "version": "27.5.1",
-      "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-27.5.1.tgz",
-      "integrity": "sha512-Qb1gy5OrP5+zDf2Bvnzdl3jsTf1qXVMazbvCoKhtKqVs4/YK4ozX4gKQJJVyNe+cajNPn0KoC0MC3FUmaHWEmQ==",
-      "dev": true,
-      "license": "MIT",
-      "peer": true,
-      "dependencies": {
-        "ansi-regex": "^5.0.1",
-        "ansi-styles": "^5.0.0",
-        "react-is": "^17.0.1"
-      },
-      "engines": {
-        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
-      }
-    },
-    "node_modules/pretty-format/node_modules/ansi-styles": {
-      "version": "5.2.0",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
-      "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
-      "dev": true,
-      "license": "MIT",
-      "peer": true,
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
-      }
-    },
-    "node_modules/pretty-format/node_modules/react-is": {
-      "version": "17.0.2",
-      "resolved": "https://registry.npmjs.org/react-is/-/react-is-17.0.2.tgz",
-      "integrity": "sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w==",
-      "dev": true,
-      "license": "MIT",
-      "peer": true
-    },
     "node_modules/prop-types": {
       "version": "15.8.1",
       "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz",
@@ -11068,23 +6768,6 @@
         "node": ">=6"
       }
     },
-    "node_modules/pure-rand": {
-      "version": "7.0.1",
-      "resolved": "https://registry.npmjs.org/pure-rand/-/pure-rand-7.0.1.tgz",
-      "integrity": "sha512-oTUZM/NAZS8p7ANR3SHh30kXB+zK2r2BPcEn/awJIbOvq82WoMN4p62AWWp3Hhw50G0xMsw1mhIBLqHw64EcNQ==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "individual",
-          "url": "https://github.com/sponsors/dubzzz"
-        },
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/fast-check"
-        }
-      ],
-      "license": "MIT"
-    },
     "node_modules/queue-microtask": {
       "version": "1.2.3",
       "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
@@ -11161,20 +6844,6 @@
         "react": ">=18"
       }
     },
-    "node_modules/redent": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/redent/-/redent-3.0.0.tgz",
-      "integrity": "sha512-6tDA8g98We0zd0GvVeMT9arEOnTw9qM03L9cJXaCjrip1OO764RDBLBfrB4cwzNGDj5OA5ioymC9GkizgWJDUg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "indent-string": "^4.0.0",
-        "strip-indent": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/reflect.getprototypeof": {
       "version": "1.0.10",
       "resolved": "https://registry.npmjs.org/reflect.getprototypeof/-/reflect.getprototypeof-1.0.10.tgz",
@@ -11287,58 +6956,28 @@
         "url": "https://opencollective.com/unified"
       }
     },
-    "node_modules/require-directory": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/require-directory/-/require-directory-2.1.1.tgz",
-      "integrity": "sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
     "node_modules/resolve": {
-      "version": "1.22.11",
-      "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.11.tgz",
-      "integrity": "sha512-RfqAvLnMl313r7c9oclB1HhUEAezcpLjz95wFH4LVuhk9JF/r22qmVP9AMmOU4vMX7Q8pN8jwNg/CSpdFnMjTQ==",
+      "version": "2.0.0-next.6",
+      "resolved": "https://registry.npmjs.org/resolve/-/resolve-2.0.0-next.6.tgz",
+      "integrity": "sha512-3JmVl5hMGtJ3kMmB3zi3DL25KfkCEyy3Tw7Gmw7z5w8M9WlwoPFnIvwChzu1+cF3iaK3sp18hhPz8ANeimdJfA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
+        "es-errors": "^1.3.0",
         "is-core-module": "^2.16.1",
+        "node-exports-info": "^1.6.0",
+        "object-keys": "^1.1.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-cwd": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/resolve-cwd/-/resolve-cwd-3.0.0.tgz",
-      "integrity": "sha512-OrZaX2Mb+rJCpH/6CpSqt9xFVpN++x01XnN2ie9g6P5/3xelLAkXWVADpdz1IHD/KFfEXyE6V0U01OQ3UO2rEg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "resolve-from": "^5.0.0"
+      "bin": {
+        "resolve": "bin/resolve"
       },
       "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/resolve-cwd/node_modules/resolve-from": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-5.0.0.tgz",
-      "integrity": "sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
     "node_modules/resolve-from": {
@@ -11373,18 +7012,11 @@
       }
     },
     "node_modules/robust-predicates": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/robust-predicates/-/robust-predicates-3.0.2.tgz",
-      "integrity": "sha512-IXgzBWvWQwE6PrDI05OvmXUIruQTcoMDzRsOd5CDvHCVLcLHMTSYvOK5Cm46kWqlV3yAbuSpBZdJ5oP5OUoStg==",
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/robust-predicates/-/robust-predicates-3.0.3.tgz",
+      "integrity": "sha512-NS3levdsRIUOmiJ8FZWCP7LG3QpJyrs/TE0Zpf1yvZu8cAJJ6QMW92H1c7kWpdIHo8RvmLxN/o2JXTKHp74lUA==",
       "license": "Unlicense"
     },
-    "node_modules/rrweb-cssom": {
-      "version": "0.8.0",
-      "resolved": "https://registry.npmjs.org/rrweb-cssom/-/rrweb-cssom-0.8.0.tgz",
-      "integrity": "sha512-guoltQEx+9aMf2gDZ0s62EcV8lsXR+0w8915TC3ITdn2YueuNjdAYh/levpU9nFaoChh9RUS5ZdQMrKfVEN9tw==",
-      "dev": true,
-      "license": "MIT"
-    },
     "node_modules/run-parallel": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
@@ -11476,19 +7108,6 @@
       "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==",
       "license": "MIT"
     },
-    "node_modules/saxes": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/saxes/-/saxes-6.0.0.tgz",
-      "integrity": "sha512-xAg7SOnEhrm5zI3puOOKyy1OMcMlIJZYNJY7xLBwSze0UjhPLnWfj2GF2EpT0jmzaJKIWKHLsaSSajf35bcYnA==",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "xmlchars": "^2.2.0"
-      },
-      "engines": {
-        "node": ">=v12.22.7"
-      }
-    },
     "node_modules/scheduler": {
       "version": "0.27.0",
       "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.27.0.tgz",
@@ -11656,14 +7275,14 @@
       }
     },
     "node_modules/side-channel-list": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/side-channel-list/-/side-channel-list-1.0.0.tgz",
-      "integrity": "sha512-FCLHtRD/gnpCiCHEiJLOwdmFP+wzCmDEkc9y7NsYxeF4u7Btsn1ZuwgwJGxImImHicJArLP4R0yX4c2KCrMrTA==",
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/side-channel-list/-/side-channel-list-1.0.1.tgz",
+      "integrity": "sha512-mjn/0bi/oUURjc5Xl7IaWi/OJJJumuoJFQJfDDyO46+hBWsfaVM65TBHq2eoZBhzl9EchxOijpkbRC8SVBQU0w==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "es-errors": "^1.3.0",
-        "object-inspect": "^1.13.3"
+        "object-inspect": "^1.13.4"
       },
       "engines": {
         "node": ">= 0.4"
@@ -11711,39 +7330,6 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/signal-exit": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-4.1.0.tgz",
-      "integrity": "sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==",
-      "dev": true,
-      "license": "ISC",
-      "engines": {
-        "node": ">=14"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      }
-    },
-    "node_modules/slash": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/slash/-/slash-3.0.0.tgz",
-      "integrity": "sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/source-map": {
-      "version": "0.6.1",
-      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-      "dev": true,
-      "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",
@@ -11753,17 +7339,6 @@
         "node": ">=0.10.0"
       }
     },
-    "node_modules/source-map-support": {
-      "version": "0.5.13",
-      "resolved": "https://registry.npmjs.org/source-map-support/-/source-map-support-0.5.13.tgz",
-      "integrity": "sha512-SHSKFHadjVA5oR4PPqhtAVdcBWwRYVd6g6cAXnIbRiIwc2EhPrTuKUBdSLvlEKyIP3GCf89fltvcZiP9MMFA1w==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "buffer-from": "^1.0.0",
-        "source-map": "^0.6.0"
-      }
-    },
     "node_modules/space-separated-tokens": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/space-separated-tokens/-/space-separated-tokens-2.0.2.tgz",
@@ -11774,13 +7349,6 @@
         "url": "https://github.com/sponsors/wooorm"
       }
     },
-    "node_modules/sprintf-js": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/sprintf-js/-/sprintf-js-1.0.3.tgz",
-      "integrity": "sha512-D9cPgkvLlV3t3IzL0D0YLvGA9Ahk4PcvVwUbN0dSGr1aP0Nrt4AEnTUbuGvquEC0mA64Gqt1fzirlRs5ibXx8g==",
-      "dev": true,
-      "license": "BSD-3-Clause"
-    },
     "node_modules/stable-hash": {
       "version": "0.0.5",
       "resolved": "https://registry.npmjs.org/stable-hash/-/stable-hash-0.0.5.tgz",
@@ -11788,29 +7356,6 @@
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/stack-utils": {
-      "version": "2.0.6",
-      "resolved": "https://registry.npmjs.org/stack-utils/-/stack-utils-2.0.6.tgz",
-      "integrity": "sha512-XlkWvfIm6RmsWtNJx+uqtKLS8eqFbxUg0ZzLXqY0caEy9l7hruX8IpiDnjsLavoBgqCCR71TqWO8MaXYheJ3RQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "escape-string-regexp": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/stack-utils/node_modules/escape-string-regexp": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-2.0.0.tgz",
-      "integrity": "sha512-UpzcLCXolUWcNu5HtVMHYdXJjArjsF9C0aNnquZYY4uW/Vu0miy5YoWvbV345HauVvcAUnpRuhMMcqTcGOY2+w==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/stop-iteration-iterator": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/stop-iteration-iterator/-/stop-iteration-iterator-1.1.0.tgz",
@@ -11825,87 +7370,6 @@
         "node": ">= 0.4"
       }
     },
-    "node_modules/string-length": {
-      "version": "4.0.2",
-      "resolved": "https://registry.npmjs.org/string-length/-/string-length-4.0.2.tgz",
-      "integrity": "sha512-+l6rNN5fYHNhZZy41RXsYptCjA2Igmq4EG7kZAYFQI1E1VTXarr6ZPXBg6eq7Y6eK4FEhY6AJlyuFIb/v/S0VQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "char-regex": "^1.0.2",
-        "strip-ansi": "^6.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/string-length/node_modules/strip-ansi": {
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
-      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "ansi-regex": "^5.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/string-width": {
-      "version": "5.1.2",
-      "resolved": "https://registry.npmjs.org/string-width/-/string-width-5.1.2.tgz",
-      "integrity": "sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "eastasianwidth": "^0.2.0",
-        "emoji-regex": "^9.2.2",
-        "strip-ansi": "^7.0.1"
-      },
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/string-width-cjs": {
-      "name": "string-width",
-      "version": "4.2.3",
-      "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
-      "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "emoji-regex": "^8.0.0",
-        "is-fullwidth-code-point": "^3.0.0",
-        "strip-ansi": "^6.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/string-width-cjs/node_modules/emoji-regex": {
-      "version": "8.0.0",
-      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
-      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/string-width-cjs/node_modules/strip-ansi": {
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
-      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "ansi-regex": "^5.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/string.prototype.includes": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/string.prototype.includes/-/string.prototype.includes-2.0.1.tgz",
@@ -12033,49 +7497,6 @@
         "url": "https://github.com/sponsors/wooorm"
       }
     },
-    "node_modules/strip-ansi": {
-      "version": "7.1.2",
-      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.2.tgz",
-      "integrity": "sha512-gmBGslpoQJtgnMAvOVqGZpEz9dyoKTCzy2nfz/n8aIFhN/jCE/rCmcxabB6jOOHV+0WNnylOxaxBQPSvcWklhA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "ansi-regex": "^6.0.1"
-      },
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/strip-ansi?sponsor=1"
-      }
-    },
-    "node_modules/strip-ansi-cjs": {
-      "name": "strip-ansi",
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
-      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "ansi-regex": "^5.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/strip-ansi/node_modules/ansi-regex": {
-      "version": "6.2.2",
-      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.2.2.tgz",
-      "integrity": "sha512-Bq3SmSpyFHaWjPk8If9yc6svM8c56dB5BAtW4Qbw5jHTwwXXcTLoRMkpDJp6VL0XzlWaCHTXrkFURMYmD0sLqg==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-regex?sponsor=1"
-      }
-    },
     "node_modules/strip-bom": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-3.0.0.tgz",
@@ -12086,29 +7507,6 @@
         "node": ">=4"
       }
     },
-    "node_modules/strip-final-newline": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/strip-final-newline/-/strip-final-newline-2.0.0.tgz",
-      "integrity": "sha512-BrpvfNAE3dcvq7ll3xVumzjKjZQ5tI1sEUIKr3Uoks0XUl45St3FlatVqef9prk4jRDzhW6WZg+3bk93y6pLjA==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/strip-indent": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/strip-indent/-/strip-indent-3.0.0.tgz",
-      "integrity": "sha512-laJTa3Jb+VQpaC6DseHhF7dXVqHTfJPCRDaEbid/drOhgitgYku/letMUqOXFoWV0zIIUbjpdH2t+tYj4bQMRQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "min-indent": "^1.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/strip-json-comments": {
       "version": "3.1.1",
       "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz",
@@ -12189,96 +7587,15 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/symbol-tree": {
-      "version": "3.2.4",
-      "resolved": "https://registry.npmjs.org/symbol-tree/-/symbol-tree-3.2.4.tgz",
-      "integrity": "sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/synckit": {
-      "version": "0.11.12",
-      "resolved": "https://registry.npmjs.org/synckit/-/synckit-0.11.12.tgz",
-      "integrity": "sha512-Bh7QjT8/SuKUIfObSXNHNSK6WHo6J1tHCqJsuaFDP7gP0fkzSfTxI8y85JrppZ0h8l0maIgc2tfuZQ6/t3GtnQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@pkgr/core": "^0.2.9"
-      },
-      "engines": {
-        "node": "^14.18.0 || >=16.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/synckit"
-      }
-    },
-    "node_modules/tailwindcss": {
-      "version": "4.2.0",
-      "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-4.2.0.tgz",
-      "integrity": "sha512-yYzTZ4++b7fNYxFfpnberEEKu43w44aqDMNM9MHMmcKuCH7lL8jJ4yJ7LGHv7rSwiqM0nkiobF9I6cLlpS2P7Q==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/tapable": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/tapable/-/tapable-2.3.0.tgz",
-      "integrity": "sha512-g9ljZiwki/LfxmQADO3dEY1CbpmXT5Hm2fJ+QaGKwSXUylMybePR7/67YW7jOrrvjEgL1Fmz5kzyAjWVWLlucg==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=6"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/webpack"
-      }
-    },
-    "node_modules/test-exclude": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/test-exclude/-/test-exclude-6.0.0.tgz",
-      "integrity": "sha512-cAGWPIyOHU6zlmg88jwm7VRyXnMN7iV68OGAbYDk/Mh/xC/pzVPlQtY6ngoIH/5/tciuhGfvESU8GrHrcxD56w==",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "@istanbuljs/schema": "^0.1.2",
-        "glob": "^7.1.4",
-        "minimatch": "^3.0.4"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/test-exclude/node_modules/glob": {
-      "version": "7.2.3",
-      "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz",
-      "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==",
-      "deprecated": "Old versions of glob are not supported, and contain widely publicized security vulnerabilities, which have been fixed in the current version. Please update. Support for old versions may be purchased (at exorbitant rates) by contacting i@izs.me",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "fs.realpath": "^1.0.0",
-        "inflight": "^1.0.4",
-        "inherits": "2",
-        "minimatch": "^3.1.1",
-        "once": "^1.3.0",
-        "path-is-absolute": "^1.0.0"
-      },
-      "engines": {
-        "node": "*"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      }
-    },
     "node_modules/tinyglobby": {
-      "version": "0.2.15",
-      "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.15.tgz",
-      "integrity": "sha512-j2Zq4NyQYG5XMST4cbs02Ak8iJUdxRM0XI5QyxXuZOzKOINmWurp3smXu3y5wDcJrptwpSjgXHzIQxR0omXljQ==",
+      "version": "0.2.16",
+      "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.16.tgz",
+      "integrity": "sha512-pn99VhoACYR8nFHhxqix+uvsbXineAasWm5ojXoN8xEwK5Kd3/TrhNn1wByuD52UxWRLy8pu+kRMniEi6Eq9Zg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "fdir": "^6.5.0",
-        "picomatch": "^4.0.3"
+        "picomatch": "^4.0.4"
       },
       "engines": {
         "node": ">=12.0.0"
@@ -12306,82 +7623,29 @@
       }
     },
     "node_modules/tinyglobby/node_modules/picomatch": {
-      "version": "4.0.3",
-      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.3.tgz",
-      "integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==",
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.4.tgz",
+      "integrity": "sha512-QP88BAKvMam/3NxH6vj2o21R6MjxZUAd6nlwAS/pnGvN9IVLocLHxGYIzFhg6fUQ+5th6P4dv4eW9jX3DSIj7A==",
       "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=12"
       },
-      "funding": {
-        "url": "https://github.com/sponsors/jonschlinkert"
-      }
-    },
-    "node_modules/tldts": {
-      "version": "6.1.86",
-      "resolved": "https://registry.npmjs.org/tldts/-/tldts-6.1.86.tgz",
-      "integrity": "sha512-WMi/OQ2axVTf/ykqCQgXiIct+mSQDFdH2fkwhPwgEwvJ1kSzZRiinb0zF2Xb8u4+OqPChmyI6MEu4EezNJz+FQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "tldts-core": "^6.1.86"
-      },
-      "bin": {
-        "tldts": "bin/cli.js"
-      }
-    },
-    "node_modules/tldts-core": {
-      "version": "6.1.86",
-      "resolved": "https://registry.npmjs.org/tldts-core/-/tldts-core-6.1.86.tgz",
-      "integrity": "sha512-Je6p7pkk+KMzMv2XXKmAE3McmolOQFdxkKw0R8EYNr7sELW46JqnNeTX8ybPiQgvg1ymCoF8LXs5fzFaZvJPTA==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/tmpl": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/tmpl/-/tmpl-1.0.5.tgz",
-      "integrity": "sha512-3f0uOEAQwIqGuWW2MVzYg8fV/QNnc/IpuJNG837rLuczAaLVHslWHZQj4IGiEl5Hs3kkbhwL9Ab7Hrsmuj+Smw==",
-      "dev": true,
-      "license": "BSD-3-Clause"
-    },
-    "node_modules/to-regex-range": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
-      "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "is-number": "^7.0.0"
-      },
-      "engines": {
-        "node": ">=8.0"
-      }
-    },
-    "node_modules/tough-cookie": {
-      "version": "5.1.2",
-      "resolved": "https://registry.npmjs.org/tough-cookie/-/tough-cookie-5.1.2.tgz",
-      "integrity": "sha512-FVDYdxtnj0G6Qm/DhNPSb8Ju59ULcup3tuJxkFb5K8Bv2pUXILbf0xZWU8PX8Ov19OXljbUyveOFwRMwkXzO+A==",
-      "dev": true,
-      "license": "BSD-3-Clause",
-      "dependencies": {
-        "tldts": "^6.1.32"
-      },
-      "engines": {
-        "node": ">=16"
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
       }
     },
-    "node_modules/tr46": {
-      "version": "5.1.1",
-      "resolved": "https://registry.npmjs.org/tr46/-/tr46-5.1.1.tgz",
-      "integrity": "sha512-hdF5ZgjTqgAntKkklYw0R03MG2x/bSzTtkxmIRw/sTNV8YXsCJ1tfLAX23lhxhHJlEf3CRCOCGGWw3vI3GaSPw==",
+    "node_modules/to-regex-range": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
+      "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "punycode": "^2.3.1"
+        "is-number": "^7.0.0"
       },
       "engines": {
-        "node": ">=18"
+        "node": ">=8.0"
       }
     },
     "node_modules/trim-lines": {
@@ -12405,9 +7669,9 @@
       }
     },
     "node_modules/ts-api-utils": {
-      "version": "2.4.0",
-      "resolved": "https://registry.npmjs.org/ts-api-utils/-/ts-api-utils-2.4.0.tgz",
-      "integrity": "sha512-3TaVTaAv2gTiMB35i3FiGJaRfwb3Pyn/j3m/bfAvGe8FB7CF6u+LMYqYlDh7reQf7UNvoTvdfAqHGmPGOSsPmA==",
+      "version": "2.5.0",
+      "resolved": "https://registry.npmjs.org/ts-api-utils/-/ts-api-utils-2.5.0.tgz",
+      "integrity": "sha512-OJ/ibxhPlqrMM0UiNHJ/0CKQkoKF243/AEmplt3qpRgkW8VG7IfOS41h7V8TjITqdByHzrjcS/2si+y4lIh8NA==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -12417,85 +7681,6 @@
         "typescript": ">=4.8.4"
       }
     },
-    "node_modules/ts-jest": {
-      "version": "29.4.6",
-      "resolved": "https://registry.npmjs.org/ts-jest/-/ts-jest-29.4.6.tgz",
-      "integrity": "sha512-fSpWtOO/1AjSNQguk43hb/JCo16oJDnMJf3CdEGNkqsEX3t0KX96xvyX1D7PfLCpVoKu4MfVrqUkFyblYoY4lA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "bs-logger": "^0.2.6",
-        "fast-json-stable-stringify": "^2.1.0",
-        "handlebars": "^4.7.8",
-        "json5": "^2.2.3",
-        "lodash.memoize": "^4.1.2",
-        "make-error": "^1.3.6",
-        "semver": "^7.7.3",
-        "type-fest": "^4.41.0",
-        "yargs-parser": "^21.1.1"
-      },
-      "bin": {
-        "ts-jest": "cli.js"
-      },
-      "engines": {
-        "node": "^14.15.0 || ^16.10.0 || ^18.0.0 || >=20.0.0"
-      },
-      "peerDependencies": {
-        "@babel/core": ">=7.0.0-beta.0 <8",
-        "@jest/transform": "^29.0.0 || ^30.0.0",
-        "@jest/types": "^29.0.0 || ^30.0.0",
-        "babel-jest": "^29.0.0 || ^30.0.0",
-        "jest": "^29.0.0 || ^30.0.0",
-        "jest-util": "^29.0.0 || ^30.0.0",
-        "typescript": ">=4.3 <6"
-      },
-      "peerDependenciesMeta": {
-        "@babel/core": {
-          "optional": true
-        },
-        "@jest/transform": {
-          "optional": true
-        },
-        "@jest/types": {
-          "optional": true
-        },
-        "babel-jest": {
-          "optional": true
-        },
-        "esbuild": {
-          "optional": true
-        },
-        "jest-util": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/ts-jest/node_modules/semver": {
-      "version": "7.7.4",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.4.tgz",
-      "integrity": "sha512-vFKC2IEtQnVhpT78h1Yp8wzwrf8CM+MzKMHGJZfBtzhZNycRFnXsHk6E5TxIkkMsgNS7mdX3AGB7x2QM2di4lA==",
-      "dev": true,
-      "license": "ISC",
-      "bin": {
-        "semver": "bin/semver.js"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/ts-jest/node_modules/type-fest": {
-      "version": "4.41.0",
-      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-4.41.0.tgz",
-      "integrity": "sha512-TeTSQ6H5YHvpqVwBRcnLDCBnDOHWYu7IvGbHT6N8AOymcr9PJGjc1GTtiWZTYg0NCgYwvnYWEkVChQAr9bjfwA==",
-      "dev": true,
-      "license": "(MIT OR CC0-1.0)",
-      "engines": {
-        "node": ">=16"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
     "node_modules/tsconfig-paths": {
       "version": "3.15.0",
       "resolved": "https://registry.npmjs.org/tsconfig-paths/-/tsconfig-paths-3.15.0.tgz",
@@ -12541,29 +7726,6 @@
         "node": ">= 0.8.0"
       }
     },
-    "node_modules/type-detect": {
-      "version": "4.0.8",
-      "resolved": "https://registry.npmjs.org/type-detect/-/type-detect-4.0.8.tgz",
-      "integrity": "sha512-0fr/mIH1dlO+x7TlcMy+bIDqKPsw/70tVyeHW787goQjhmqaZe10uwLujubK9q9Lg6Fiho1KUKDYz0Z7k7g5/g==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/type-fest": {
-      "version": "0.21.3",
-      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.21.3.tgz",
-      "integrity": "sha512-t0rzBq87m3fVcduHDUFhKmyyX+9eo6WQjZvf51Ea/M0Q7+T374Jp1aUiyUl0GKxp8M/OETVHSDvmkyPgvX+X2w==",
-      "dev": true,
-      "license": "(MIT OR CC0-1.0)",
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
     "node_modules/typed-array-buffer": {
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/typed-array-buffer/-/typed-array-buffer-1.0.3.tgz",
@@ -12657,16 +7819,16 @@
       }
     },
     "node_modules/typescript-eslint": {
-      "version": "8.56.0",
-      "resolved": "https://registry.npmjs.org/typescript-eslint/-/typescript-eslint-8.56.0.tgz",
-      "integrity": "sha512-c7toRLrotJ9oixgdW7liukZpsnq5CZ7PuKztubGYlNppuTqhIoWfhgHo/7EU0v06gS2l/x0i2NEFK1qMIf0rIg==",
+      "version": "8.58.2",
+      "resolved": "https://registry.npmjs.org/typescript-eslint/-/typescript-eslint-8.58.2.tgz",
+      "integrity": "sha512-V8iSng9mRbdZjl54VJ9NKr6ZB+dW0J3TzRXRGcSbLIej9jV86ZRtlYeTKDR/QLxXykocJ5icNzbsl2+5TzIvcQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/eslint-plugin": "8.56.0",
-        "@typescript-eslint/parser": "8.56.0",
-        "@typescript-eslint/typescript-estree": "8.56.0",
-        "@typescript-eslint/utils": "8.56.0"
+        "@typescript-eslint/eslint-plugin": "8.58.2",
+        "@typescript-eslint/parser": "8.58.2",
+        "@typescript-eslint/typescript-estree": "8.58.2",
+        "@typescript-eslint/utils": "8.58.2"
       },
       "engines": {
         "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
@@ -12677,21 +7839,7 @@
       },
       "peerDependencies": {
         "eslint": "^8.57.0 || ^9.0.0 || ^10.0.0",
-        "typescript": ">=4.8.4 <6.0.0"
-      }
-    },
-    "node_modules/uglify-js": {
-      "version": "3.19.3",
-      "resolved": "https://registry.npmjs.org/uglify-js/-/uglify-js-3.19.3.tgz",
-      "integrity": "sha512-v3Xu+yuwBXisp6QYTcH4UbH+xYJXqnq2m/LtQVWKWzYc1iehYnLixoQDN9FH6/j9/oybfd6W9Ghwkl8+UMKTKQ==",
-      "dev": true,
-      "license": "BSD-2-Clause",
-      "optional": true,
-      "bin": {
-        "uglifyjs": "bin/uglifyjs"
-      },
-      "engines": {
-        "node": ">=0.8.0"
+        "typescript": ">=4.8.4 <6.1.0"
       }
     },
     "node_modules/unbox-primitive": {
@@ -12910,21 +8058,6 @@
         "punycode": "^2.1.0"
       }
     },
-    "node_modules/v8-to-istanbul": {
-      "version": "9.3.0",
-      "resolved": "https://registry.npmjs.org/v8-to-istanbul/-/v8-to-istanbul-9.3.0.tgz",
-      "integrity": "sha512-kiGUalWN+rgBJ/1OHZsBtU4rXZOfj/7rKQxULKlIzwzQSvMJUUNgPwJEEh7gU6xEVxC0ahoOBvN2YI8GH6FNgA==",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "@jridgewell/trace-mapping": "^0.3.12",
-        "@types/istanbul-lib-coverage": "^2.0.1",
-        "convert-source-map": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=10.12.0"
-      }
-    },
     "node_modules/vfile": {
       "version": "6.0.3",
       "resolved": "https://registry.npmjs.org/vfile/-/vfile-6.0.3.tgz",
@@ -12967,29 +8100,6 @@
         "url": "https://opencollective.com/unified"
       }
     },
-    "node_modules/w3c-xmlserializer": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/w3c-xmlserializer/-/w3c-xmlserializer-5.0.0.tgz",
-      "integrity": "sha512-o8qghlI8NZHU1lLPrpi2+Uq7abh4GGPpYANlalzWxyWteJOCsr/P+oPBA49TOLu5FTZO4d3F9MnWJfiMo4BkmA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "xml-name-validator": "^5.0.0"
-      },
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/walker": {
-      "version": "1.0.8",
-      "resolved": "https://registry.npmjs.org/walker/-/walker-1.0.8.tgz",
-      "integrity": "sha512-ts/8E8l5b7kY0vlWLewOkDXMmPdLcVV4GmOQLyxuSswIJsweeFZtAsMF7k1Nszz+TYBQrlYRmzOnr398y1JemQ==",
-      "dev": true,
-      "license": "Apache-2.0",
-      "dependencies": {
-        "makeerror": "1.0.12"
-      }
-    },
     "node_modules/web-namespaces": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/web-namespaces/-/web-namespaces-2.0.1.tgz",
@@ -13000,54 +8110,6 @@
         "url": "https://github.com/sponsors/wooorm"
       }
     },
-    "node_modules/webidl-conversions": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-7.0.0.tgz",
-      "integrity": "sha512-VwddBukDzu71offAQR975unBIGqfKZpM+8ZX6ySk8nYhVoo5CYaZyzt3YBvYtRtO+aoGlqxPg/B87NGVZ/fu6g==",
-      "dev": true,
-      "license": "BSD-2-Clause",
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/whatwg-encoding": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/whatwg-encoding/-/whatwg-encoding-3.1.1.tgz",
-      "integrity": "sha512-6qN4hJdMwfYBtE3YBTTHhoeuUrDBPZmbQaxWAqSALV/MeEnR5z1xd8UKud2RAkFoPkmB+hli1TZSnyi84xz1vQ==",
-      "deprecated": "Use @exodus/bytes instead for a more spec-conformant and faster implementation",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "iconv-lite": "0.6.3"
-      },
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/whatwg-mimetype": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/whatwg-mimetype/-/whatwg-mimetype-4.0.0.tgz",
-      "integrity": "sha512-QaKxh0eNIi2mE9p2vEdzfagOKHCcj1pJ56EEHGQOVxp8r9/iszLUUV7v89x9O1p/T+NlTM5W7jW6+cz4Fq1YVg==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/whatwg-url": {
-      "version": "14.2.0",
-      "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-14.2.0.tgz",
-      "integrity": "sha512-De72GdQZzNTUBBChsXueQUnPKDkg/5A5zp7pFDuQAj5UFoENpiACU0wlCvzpAGnTkj++ihpKwKyYewn/XNUbKw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "tr46": "^5.1.0",
-        "webidl-conversions": "^7.0.0"
-      },
-      "engines": {
-        "node": ">=18"
-      }
-    },
     "node_modules/which": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
@@ -13163,123 +8225,10 @@
         "node": ">=0.10.0"
       }
     },
-    "node_modules/wordwrap": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/wordwrap/-/wordwrap-1.0.0.tgz",
-      "integrity": "sha512-gvVzJFlPycKc5dZN4yPkP8w7Dc37BtP1yczEneOb4uq34pXZcvrtRTmWV8W+Ume+XCxKgbjM+nevkyFPMybd4Q==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/wrap-ansi": {
-      "version": "8.1.0",
-      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-8.1.0.tgz",
-      "integrity": "sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "ansi-styles": "^6.1.0",
-        "string-width": "^5.0.1",
-        "strip-ansi": "^7.0.1"
-      },
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
-      }
-    },
-    "node_modules/wrap-ansi-cjs": {
-      "name": "wrap-ansi",
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
-      "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "ansi-styles": "^4.0.0",
-        "string-width": "^4.1.0",
-        "strip-ansi": "^6.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
-      }
-    },
-    "node_modules/wrap-ansi-cjs/node_modules/emoji-regex": {
-      "version": "8.0.0",
-      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
-      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/wrap-ansi-cjs/node_modules/string-width": {
-      "version": "4.2.3",
-      "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
-      "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "emoji-regex": "^8.0.0",
-        "is-fullwidth-code-point": "^3.0.0",
-        "strip-ansi": "^6.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/wrap-ansi-cjs/node_modules/strip-ansi": {
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
-      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "ansi-regex": "^5.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/wrap-ansi/node_modules/ansi-styles": {
-      "version": "6.2.3",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.3.tgz",
-      "integrity": "sha512-4Dj6M28JB+oAH8kFkTLUo+a2jwOFkuqb3yucU0CANcRRUbxS0cP0nZYCGjcc3BNXwRIsUVmDGgzawme7zvJHvg==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
-      }
-    },
-    "node_modules/wrappy": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
-      "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==",
-      "dev": true,
-      "license": "ISC"
-    },
-    "node_modules/write-file-atomic": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/write-file-atomic/-/write-file-atomic-5.0.1.tgz",
-      "integrity": "sha512-+QU2zd6OTD8XWIJCbffaiQeH9U73qIqafo1x6V1snCWYGJf6cVE0cDR4D8xRzcEnfI21IFrUPzPGtcPf8AC+Rw==",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "imurmurhash": "^0.1.4",
-        "signal-exit": "^4.0.1"
-      },
-      "engines": {
-        "node": "^14.17.0 || ^16.13.0 || >=18.0.0"
-      }
-    },
     "node_modules/ws": {
-      "version": "8.19.0",
-      "resolved": "https://registry.npmjs.org/ws/-/ws-8.19.0.tgz",
-      "integrity": "sha512-blAT2mjOEIi0ZzruJfIhb3nps74PRWTCz1IjglWEEpQl5XS/UNama6u2/rjFkDDouqr4L67ry+1aGIALViWjDg==",
+      "version": "8.20.0",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-8.20.0.tgz",
+      "integrity": "sha512-sAt8BhgNbzCtgGbt2OxmpuryO63ZoDk/sqaB/znQm94T4fCEsy/yV+7CdC1kJhOU9lboAEU7R3kquuycDoibVA==",
       "license": "MIT",
       "engines": {
         "node": ">=10.0.0"
@@ -13297,33 +8246,6 @@
         }
       }
     },
-    "node_modules/xml-name-validator": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/xml-name-validator/-/xml-name-validator-5.0.0.tgz",
-      "integrity": "sha512-EvGK8EJ3DhaHfbRlETOWAS5pO9MZITeauHKJyb8wyajUfQUenkIg2MvLDTZ4T/TgIcm3HU0TFBgWWboAZ30UHg==",
-      "dev": true,
-      "license": "Apache-2.0",
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/xmlchars": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/xmlchars/-/xmlchars-2.2.0.tgz",
-      "integrity": "sha512-JZnDKK8B0RCDw84FNdDAIpZK+JuJw+s7Lz8nksI7SIuU3UXJJslUthsi+uWBUYOwPFwW7W7PRLRfUKpxjtjFCw==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/y18n": {
-      "version": "5.0.8",
-      "resolved": "https://registry.npmjs.org/y18n/-/y18n-5.0.8.tgz",
-      "integrity": "sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==",
-      "dev": true,
-      "license": "ISC",
-      "engines": {
-        "node": ">=10"
-      }
-    },
     "node_modules/yallist": {
       "version": "3.1.1",
       "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz",
@@ -13331,70 +8253,6 @@
       "dev": true,
       "license": "ISC"
     },
-    "node_modules/yargs": {
-      "version": "17.7.2",
-      "resolved": "https://registry.npmjs.org/yargs/-/yargs-17.7.2.tgz",
-      "integrity": "sha512-7dSzzRQ++CKnNI/krKnYRV7JKKPUXMEh61soaHKg9mrWEhzFWhFnxPxGl+69cD1Ou63C13NUPCnmIcrvqCuM6w==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "cliui": "^8.0.1",
-        "escalade": "^3.1.1",
-        "get-caller-file": "^2.0.5",
-        "require-directory": "^2.1.1",
-        "string-width": "^4.2.3",
-        "y18n": "^5.0.5",
-        "yargs-parser": "^21.1.1"
-      },
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/yargs-parser": {
-      "version": "21.1.1",
-      "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-21.1.1.tgz",
-      "integrity": "sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==",
-      "dev": true,
-      "license": "ISC",
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/yargs/node_modules/emoji-regex": {
-      "version": "8.0.0",
-      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
-      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/yargs/node_modules/string-width": {
-      "version": "4.2.3",
-      "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
-      "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "emoji-regex": "^8.0.0",
-        "is-fullwidth-code-point": "^3.0.0",
-        "strip-ansi": "^6.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/yargs/node_modules/strip-ansi": {
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
-      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "ansi-regex": "^5.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/yocto-queue": {
       "version": "0.1.0",
       "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",
diff --git a/frontend/package.json b/frontend/package.json
index 75347ebf..991a0fc0 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -1,21 +1,18 @@
 {
-  "name": "frontend",
+  "name": "sapling-frontend",
   "version": "0.1.0",
   "private": true,
   "scripts": {
     "dev": "next dev",
     "build": "next build",
     "start": "next start",
-    "lint": "eslint",
-    "test": "jest",
-    "test:watch": "jest --watch"
+    "lint": "next lint",
+    "typecheck": "tsc --noEmit"
   },
   "dependencies": {
     "@supabase/supabase-js": "^2.99.3",
     "d3": "^7.9.0",
-    "framer-motion": "^12.38.0",
-    "katex": "^0.16.40",
-    "lucide-react": "^0.577.0",
+    "katex": "^0.16.45",
     "next": "16.1.6",
     "react": "19.2.3",
     "react-dom": "19.2.3",
@@ -24,22 +21,12 @@
     "remark-math": "^6.0.0"
   },
   "devDependencies": {
-    "@tailwindcss/postcss": "^4",
-    "@testing-library/jest-dom": "^6.9.1",
-    "@testing-library/react": "^16.3.2",
-    "@testing-library/user-event": "^14.6.1",
     "@types/d3": "^7.4.3",
-    "@types/jest": "^30.0.0",
     "@types/node": "^20",
     "@types/react": "^19",
     "@types/react-dom": "^19",
-    "babel-plugin-react-compiler": "1.0.0",
     "eslint": "^9",
     "eslint-config-next": "16.1.6",
-    "jest": "^30.2.0",
-    "jest-environment-jsdom": "^30.2.0",
-    "tailwindcss": "^4",
-    "ts-jest": "^29.4.6",
     "typescript": "^5"
   }
 }
diff --git a/frontend/postcss.config.mjs b/frontend/postcss.config.mjs
deleted file mode 100644
index 61e36849..00000000
--- a/frontend/postcss.config.mjs
+++ /dev/null
@@ -1,7 +0,0 @@
-const config = {
-  plugins: {
-    "@tailwindcss/postcss": {},
-  },
-};
-
-export default config;
diff --git a/frontend/public/sapling-icon.svg b/frontend/public/sapling-icon.svg
deleted file mode 100644
index 361b5a78..00000000
--- a/frontend/public/sapling-icon.svg
+++ /dev/null
@@ -1,10 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" fill="none">
-  <!-- Stem -->
-  <path d="M32 54 L32 28" stroke="#1a5c2a" stroke-width="3.5" stroke-linecap="round"/>
-  <!-- Left leaf -->
-  <path d="M32 38 C32 38 18 34 16 22 C16 22 30 20 32 38Z" fill="#1a5c2a"/>
-  <!-- Right leaf -->
-  <path d="M32 30 C32 30 46 24 50 12 C50 12 36 12 32 30Z" fill="#2d8a47"/>
-  <!-- Small sprout tip -->
-  <circle cx="32" cy="26" r="2.5" fill="#1a5c2a"/>
-</svg>
diff --git a/frontend/public/sapling-word-icon.png b/frontend/public/sapling-word-icon.png
deleted file mode 100644
index 54bfd903f33d5d9fe722b4f972e5398d8bd935df..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 40998
zcmYhi18^o?us<Bz&c@m}*(4j=wr$(CHnwfswz;wGZ1jXr`0d{BzIFfARWnnkYP$P$
z_vz{Ln?4Z=a^i?^-{3$%KoBJ*M3g{4z=-}nC&57dy)x8$YlDEGfJll6s(66@>4DDI
z6?bKLpP6PT+bOh~NTi=~N{WV0BLp}J-+Z8<E$D$kpnZY_#(#chrKJf;z)%YW#D^U9
z@OvtjLq(JH%L@IFZI`lZq}yzytJ-qAuw(gZd+HGHOjWI|r0~4yTFqErJk4UYUa4L`
z)rmQvL81D8h$99DV{*(AqN}`8Apd`94+KnJN58;_$8oIp%rj8nf2sd4NZ{`vLp^p1
z77WJ!&;u&f79}BADBx}w@4j#h66`;Uqy0D7KB%vvN38Id=Ed_J;30B3{s}`jua3(7
zj{^owHtN4YTqXojGB^l0h*ua4yT1baJL3Kd%YHM~d8q$C#iE7s75HY$_o==q|1Zmb
zugvN~z#SiM5o{Kk|0f?3%$)qM299D#(!b03z(TeEM+*gFhieiADx%Y!bS&QgvjayF
zDphhEi<if14DA+J;D6){9Vi6ka35_vll(s$Xa@FcmiT02{=$l(`+v<y`cImON96c_
zZ~wi6f>2_H{AE$$klQ+lF*^2m_EPS?VMRyt|A?0SH+e}gfC^UA{;7WZS*CmMZHao%
zp}7COX5UBT9Pd?|UhBQ)z)3Ny_Qyg+bsJUJe_kSnh#X7$=aOs;9C<$y#`lsm`<H!v
z&k=i`D|WrlU_j`;9^GRfN;To<hgo_rY1P}QYr^^X#$5J$W)vFyU&H<XBuD>GcdI+z
z(uF#|OXpetCvW|`Ya$>~9dLHZ!L3V=@I4TBX*IJ^>6Y2$kgd6{U_XEH=iTNGWn4uN
zspCIq;Rg4QkN@iPv+;Ep{du<bO{tgxg@fduS3>r<sWX<B`<@E1`5xQ!Kj#Jjld(2y
zUrBDPzFI0x>C>gC6>MhQ%JZa!E>IWvxB2<sCc@c$|8zb{S_&#k{9|4rZh&C6yjBVD
zWbAsdtkUoK{7}X&c^+o-ak!GM^?{>RFFs&E@falj>)E(Pg{i4R`PXIap5w_~U!bny
zx*sPFod2{6g4P6r5~i>>mZ0Xn1BI|@eY6`^Q5Hq{>Sg%_%BRVxJz-fX_VT~5d_d*s
ztV-p5E<8T%c>v^fDDa*;uOP}n4W-<aXFlhywPA+^r+{Lo3n38^jFFCTh6xNjlz9q_
zjg39B?0zKb=e2?(w~G#lyQ=Cc;ZiMjGDT5c6{<WYn4wlndrmI|DpQ+jH{F8eO-jJd
zWI%oMHs}ASk(b%>%goYKQU4pK4nHAA3s!qPblYD$@Nzq!Ox62t4pw!XPv-$6UGJ4&
z&nwD|kF<IfQ$YG+;ox*UxRMlZtp-t_ziTG!Uo?!O`fhCIJ})r3^f^aqV|^CXY+&Bf
z8?daAi%qcHV#ZTY`^X~GMJp;u73eUK#Ttu&r6>_hR>ozInqjMA!r&tYQo8YA#%^`q
zy-WMKUDd4mvB3rP3?%M#)t2s9gX?_bZZP3;IB@EugyHA|x8=A|PVZ-*<p@pkZIJzN
zml}qQ^O1AI6!nAzqx_%fgz<u(egm|1cLR>x`M!e9Ot0YG68w)%xZqFC1Elk_L*10(
zOHzVgAx9KSf5vHpNVCT(w=WeKP2Qp*Zp!q2T=4@BR>{Q$|E=vfaIm7Hoy^~?B@~S9
z9wz5g48T2Ln|-^r!SR8vRsUC)0f$Eize+7@<9D6C_{?Ny&2c9`cmj*M$sR1p>)hM$
zL5`nmt?>E{`{ImUZ<cwsdguJimoh({J0jVWb6qzx)9hZhY4und!A4Yx9iaY&RG9}#
z?%ix!3|}+3H-|1(Z;|4OB3!6qe-WmwvV|5e1|40Af=z(Lc#*VJ3bdjSjUhqcy`otV
zMQ4~z=UbPJQ*G@${WS}0U?Ke}514xQZ6&3CNAt(cxq_`dhXznh;dys|b-L4xISOD9
z;M?T=`<EH&3Yd!xr8=LIG3VGDc~&H0&L2si^U?%SY{sk)ab3i|PX}wjF+C<CWr47o
z)7oZ6_u$g|7wF-2=b32Q2l;44d44+_1R?*w^@m~Pf7O-yb#0;H-@=^_-P!Cyo-1sH
z?xJm*JcNdUpA9Ag1FQL(Fa<H9mXIx&32Hg)q8s&O@+Qsy5`|}HVB(m^1>wa#e&<7M
z;^#mtr)w%YVU7(pyFnp!ZceY)-F}gcIQT=PYkN9QqDvCnkU}Kl2;;OGrE4{BlezD0
z3E8<@MQri=V$QhlfOOu^qoAXtj0XF&PMBcni(kM~pK!4)Fd+x$r2MLb*ZzZoKHd8(
z=^Yo+M@&z62ssQ;)LKd{v4k&T2r-Xor>nZ|TlACei@atj6;2ws$S$I^;qo*g2%Xi;
zCRvkIut?9G#&-yI3IPFAG8xux8DVZ@ro5>~K>;97p`w3uZmrO1bkE#qScPI{mAIJL
zyDOs}cJ*%e&XlE1&)5%nnROgI7IWjVNVYs3i0k)@D}75jcKsh+=1&8W>R~ZxD(}qf
z=$Ili3>+1x?qoFN1RkSvv^TW)_qq*MlcT|~*-Z*AabKl{_^FRwRBU=ivSNz+RP3D+
z3oug3qwNTO1}LfEF1FZ<zoYr<ZC;QW{m+xc6m<TEH2S~vn;7W-nw8tNrM9tJF)}d6
zYT@=M6$zjUDh*-cF_YZTRgqHl&<h}@;w^PM{+WV+XzUFkRbHG$l6(FMjJfH%-X%&Z
zfZ-s7SbA-E9Jo-|>2eyGTIqAVx~%&g2cI(QZE|+C7H>On=k6tfWo?Q5&M5g*t=Ijw
z61BX&t8<@8%in#?y88J(!q{^$SyFUqO=gdKM}i&N#{tR9gwlRP+veYbabC7*=hbug
zU2td0ifvP)*+P-8tYxKKt*Tx#6@2h9@17{``zY0{>)}siRiFddbBQ~@YYb9%Uc;!M
zo?Kj^TrEV(2+g96QN5lphG@FwY`#iOf3olNXpN|@v47$+jgliaOtu@ugJs<ve(mi>
z8^6D4=kS-&d64LwWf#LFCJ{~So;!L-hH%8-=%Hd{OEO}GQ0AHrF}22cEmaW?$|?<_
zxRPAKwWE5<8A0X##|bCG_W4Do)?N1_cD2uX82_*C3%BGe;m(tfoAzSAf`SeCmEZwp
ze??rx&9E8{a>K~hRRWdZPfS^Kelq$)TSr{~BCPN>#M(+Ww?9@pov*H|?*ou+y1tO~
z-}iMWIU*_BlX7Uw9cKT=OS|FX5SLXim(-Q_MO50zt<Q9Gr-hSqLNOLl67IB%^qdpW
zUT|9x2b0j^L|ay>v-i7l=;iKSrfRdJFo^=&BQWm#+%m*Q+JMI-2WCix$E@@_>MNfR
z4H*_vf@}g+xKq#Tw6$1WfhOj^#I*6RU`c`iF7DoK9oL4~8&KhAM3?Qag1Z!9@sv12
z3Wo@0mMY{5CX%BFl5iLMJ$_q~ctt)aI{<~Nsm>|jUVbe(Se1DWcAh3A%y~)cd$pX?
zxsRl^hrv#{CemPgxxA|GB4rJ@r(?z*3JJ4|T$ckUbPua3hgXEM<QD&f_KL1S^lM&_
z%#xIuX>6?zAJh+=&o1ubIDEDHTJomrjCED7pX^(PdMKLHG?}ZL>6+Kaip6S~{a1f(
z_|xaF({69DzL0#CuoXhdA&VSqj17`B(8$^ch1@qk&nKN+neH)Bq;;scNzw3?7^xC4
z<9D4=oI{clQjGaQtBym|#JWGwg7JOcrO{k{y3WgomCfTS#126)XXw-Z&41*7y-fLC
zhhGrP`RpQurd0+cikN1<>vELDD@}6j3a4@7V}?lBh(U@t7DO4Uf|&-;O|^$nCu6>#
zfb$fEmN^aV8$A!)`0q{Snaem5L4!GoG`h>W2zM<3)wIU$4~a`BI$#fJJ&ryDh}dFL
zl&D=SgCf-rVwno~_64g|U~AMsL)&5OMjApIROIlhBT$OqFDb@d;AohJVD9vi7v329
zQzPK@yhofpn-7V^lcMPUCR95>CwH%H;hFg4##i7JT{P3LPF))O)TK)VUljvaIoK35
zAe2lgef0_#lbGRs`t+yXf$=+nRA3`R=&7~K#83n{f@w_mXk|0<<xhNsVX#BXq`oqt
z9K2D(aZ#&tCN*_(MidTen6o6MN%W5RJI5>f8vmMJBLmem?z3SxQ1g9gsNT7jF={y<
zS<xc#e*B}!lXB`3Cqs&;EDe$Oeqn*8ip$dS3Wwbh_wXA*M*<cw^`5=Ti;FaUV3y>}
zPI77^k!&|Yg`}bAUN9WE_=w`fWh*z8qC!y?Nj+4-y}~msjOEFXhCzi2Bw6-=a5}j?
zWz+;mD*)X#GB1ZIiRmQcZ><r4Y-x2KANS+kav1ZM-vDi$ZrlM^8!ApXTj@fpB^x*m
zQR>*Y7AHt4>R-JZH$0-Co}mYVfdG*FSP<B$Lw1|wu`TatA{xogCV*@fF~WZK6m=4r
z?iER7q7UOx|2r>+=d-XfumTx@SbA|=MU0Sh^fmIx923mk&iFB7v$?6rH0|o+HM~-I
zUm0&3Do8<j4}{dmMNCsjnerGR8q%GB7tOGEjdf)ESA5D9Y#s{@fv&!B=i;%WY><>y
z<Jta%y4_Ygld+2<5jYrj?_On8Vc-Jxkk#$m21_oCHZlznxJE3zhb2wu7NpuFIDQ@o
z&3#|a&#TR(^P}(|DLUncM}zf;Y~`A7|0;)p&RQFmgdjN#M10UNt09aFe92g{6NV}}
zY)trin_4jynq?M*#;DUm_)~mQgJ`v=W&-Py<OBw<+_9FO0_n?e9-`3Xscga=oMmxI
z_jU{OlpUU*-5i!JT=kNX0W<lA$e_+kLnx+Nddh^r+15-L8dVur?({#+g0_~<#%$?k
zjem=3jw={^#-Y5Yu-phty^q<`uUSBpdN=EVoYvxafu{<Z>t=bf)YctGan3LJtkN%#
z<B#+<g9+zB=XJSE!8e_yFf0-k&>xsRhbMinqyCaUg7D&d2iQ9I)%ALx&t@yY1RTxJ
zG+KO~>jk+7Fi6pTgc6WgVei&^V0(hz)l93HJMZyz+}2meW?#z{yf)!ltK$^7Hh-Jv
zR8L;-u|6R}otHcsf-MeninWTi@5&TdvFt@i^REEz8NW-D)eNQm>Am@;FpvzT;E$I<
zUUt;AUooCzQrXXq<M2eyo5|oQQiOiR$R*?9;!^bi?LUz0uh=?wA5umgd|{LdHTalm
zNR0}Tuw_eRd$9)-*~6)f-}6J3_VwMiJdE8zRkI%@BayN_Va{0UB+bR6YTu7f-;;HZ
zVs31&goBU}Y6!Q>Ly2Mb9K~}ML>NzeMj+)w1g{s6ABeH-<z%d>ng!S+sJ`JB$4&i*
z1#IAQA<w;UyYsy)Bj*rEWOLT&ye(MkRfY{-D%`7AHA3s&CEU^J#H#<ynqaZ>kW<7x
z3RZQfz+1Hhj=6`Z+w8nP)WD8XXWgYw1+J7``SbtYe)qTUJT9D|Fg`0@O?Exr6~-Lo
z0B@+KDk-0?m!To64tk9hmJ*!noHLGyJ~DUA%Yv~9SnPGIQJabYBfW80wqhNh%7H(x
zH_x{E`E6{5Y_qPzbA`3@rVg0W%)|n3f~8uq%N4Q=_ubrFp?1jw0v$9WIEHz+DTmR!
z;T3H2RANN;-`8rstY_3Yf3Rxz{g3oa{1<!Y$z{EqDcQsCi`IBfcvL>8TB~H}A%fOi
z_7+pc#Or6>TK_XMSo}rL3_*gem_OG$92T>06q4%mgQyz!iB-AR%Y*VJy}HeHtPvU%
z7H(NOnD}>BDMbbz4~2%+VNy-{M3V>nTbzv*@SOHU{KW@>!F3T45f8m{HoYa=PK=Tp
zcXgIkXhS`vD|)pd4;ZK?3vf;dhbcTGWe0p|e-loVWa;EF+R-+B3C8dNF<t_ht9LAu
zQ(04MQkS@t|604_+M9UmR{XTfuF`!~hI~o;_8;O0ADWFLSFM)=wGb_h@b@^X#g;Es
z_GNvPlH+<)EL2FaG8|Cf$SHpIsJg6YRVZ4)CA<7(OA=LFq1>9+USy^=8o4JY6w(Wq
zb`V$yEV)Oj#Z*Hf0kH=H$dJ<Iq7$&Qp6#wQmu{lIyE!&Da&<v?;l05$eYb?#J>!Uo
zG)jrR#S6s>b+1V16c8lnyPFBO5op`xRTne<UelpejKg}){k7VhRa>i@+tsg%*jueM
z5@jTehcjKz9JoT0QU=-`;8}swtiPP>qh6kZ)G?NVqDbtDWr>%MXS0iV3{iO3>4r96
z23rz#D$14>l}_|yK&|k0U4hl)t#OK&x3+&_shNJK?NBKJ4&_bJzx@Xh#KWQT)w=fO
zIAdIIMYqeXYRn29&9ai+xdeI?o%7b$x9b{Toa>-X+iRZ5<L;tHm<Rv~x1r-3c|v4D
zZOVZ4dQULH<3*kSne?-?$KUxH%v9Cl!a)V~HTU*ZCbb%Z1^<kgx0>#MMl81u2t%Uz
zg_P=~$LSEgly}wtiW@z&FTy}Lmh9>UF1t>oN}XQ}<^;-7x<?VK(aXdTNL9-M5vaTz
zT_T-!B#t+#fD}Ir);Zrfxj9KW8Wr%akg@p`s@+E@d*!RO@r!|-;Ek*9Q18a<aJ9_4
zYi_EP5}W@en!c~~YPWU92p{WjQFhBgnol&=IoDa~|I+t$tK={FA&iJOfCDKSN+wPJ
zLHJg9B5@iO{{;3+$cXi{z0TseUZN3aV|C9CCqwrB8TlOt$K{yAulzBn?&J7TTSLN;
z5g*iaa$UP~TrU&VT#?NNzu*Y>Wg~!CSg(08H+<Oa*8zs0LT^tpFzck!!TH*eTbs=;
zqDc;r76`b8PC@20Q>LSzVYZOfix0DzO+kh=lX1+ef^p%}1*A>CMLY8s0WKNat0-Om
zIOSuB*KPi*(N5EDI;}U&?LU@$^ZIOy=E3#10jy!qDM*rI#ebLb?F&ghQD5a;Z)O?v
z(C&E%0~NBWp_Jf_PulkUmY%g;T}nD<K?f9U^|!`*)m*`*<)BkMh=RCcyaKgK;w3(h
zr^x+k6K?LZ&&_B4JA3wm_E^|JT0O7jFqIDX($NzQX|pT37Z^v=mbMjAIdlttfetm%
zvh{9H_}(^3|2bjiY>3x_h2`hrnTI$YfIz;F!ki!u#Mx*=a<7xFvo5B2_9OUTPy7QM
zZ`(=o<;`d0y&s*i^*^_&7<&#N)pb1|t@AqfgHCxZuO@#>r`01i%FS~+-%R=6_3>7D
z?I(VfNnVb)GzDg;q5mKh7!ghoC?PA`nlo@4N$6Az(dx;hrO`|z2?)QI!R|c#QEfHx
zXC-HD>!F~|CtNb>4F~m%>aA47ShSS9=om(WYB~WNLsAbUl?W1@Hst*}=oHc&%($Ne
zUv8nr@ldR4bD!UH)@K3$Gdl`fTpOr`xG^u{mUuxO$?1;D0XxQU%D^EyH!BGtR|QBg
z-M$G2Kkibvx3lg%djc%n>iJvx&Q-4RbhzGG=e3$%RpkNN@buoM+v<F;!^+UE7B|>d
z+=sbqyz?xGg%pq!YgT`7aHKQ-*h{3uUCv%0@f-Wm;584I*N2Yg46OqvCBY3V^of{7
zW7TR^)_U_=p#8Z&dLxw^6pIL|#al~<thTc@N1^fjalb8B7VOjkh6}#?oG>iOg`G!B
z<ot>5y47lKPwGwXufT}RHf0F;C`G`+!lEFB>>`!xPs*R?TNpzN$TNaC(QG+NztONF
zL$5TJ)Gww-;ZR4JFKZ%8h+&f*Ynpe>EbhTbNOR1~%-4CGOo*(N=zi&A?>S>!_B_7P
z<8ZU>w6i&Cy42?ftibC#tc#X4<v_1KChPm|TU$#*G2~rMgH4iJwar^JD^wwZ)W?x3
za^ZkzB8=?H8jX9CTxDQg2oe}t8I)Z;oqVv!_W}=hUvrD;&(=^aO1Ft5Q!uM=<1}34
z)RKGo6pP_Md!LB0P=HU0W$S_1USoReLQc^`%Y-z(?3W_`=StxxHsIioBo;NPoR_L%
z&wmV~u#^-MPHaT_OPLSjdX8UBd^eBRsu-LwV0da_vek}<zWKCp>5Qp(Luu|=i2pM9
zK-jK^ud_0s(fiyL;{Gl;7N@!xr^ji%5O*eeY<sEqc0^R|`#a2C_dSSKJ<n`7xz_88
zrIi3-WorBY25>*}s06v~79K_D1eTJh*F~pueM3zFI`=88G{R^ckUUe|)+zS>p7r^J
z*Y>cG2b*WEj;9vG+r;yu`%F|fHne+>dg&&R4m1NQh2QVTJPwUF51iy7Lhqfz(;)51
z&a(nXN808CKz7}x>5c@^Sve*ZnbT|EF^(p0%PVqW_Af@cFV`$dc^<lmZY!41C$QH{
zGM_YGR?&IBJ}OeQSy+e)Rv-oqOIJfQE6=pO6Rsi-LQmREPfUf&kwjwblLg;b>AAWg
zcmr<s!^Z%4zw%)Zv@fBoT9<!~Fh|yZX{6+J-mc1fnx^b|SRcBd(*24h@++$Jx@?&-
zD8x~n3zk}|m4nEeO6xYR*S}M^$BfgXroJbJ)Uja#jvuWq*}T8w@%s#|=-J$P^1yi1
zWC)(F)A|q=Il$!CeDD7js}?6?InGU77&7jRL2=tWp)XW(|3WddfOxv=1iW2aOXth&
zj7vAicM}I*=(0(D3Q%JXaC(f=xl!D7kHWqO9iv{-k<Q^m;D->zRq$SL0PvL|MGwFN
zSug^V7z5(wf9LGBUoyl+31^l{G$M>Hx}f9i62thIXu>(LX<7e1Zzhh4(m++25GO0D
zL<3PgQ_#}#CJX!6WbjxId#>>TN<fZz>H>qx_%0_K%6uF<Sy;~z)q72+F0>svGrJ#D
z$?|&M5#@ccMhiZ?UaqOmPa?xkj1nE04((EHpYmIvJJw7b+h2~6jxJjk>^uSOKh#t~
zmM7V~SXk;_R`mT%+d{Bi-eFXRHUMT_JzEP$ByeHL<db3X_$@GxLxVra8C?PH_TOs0
zCo9TRX8;!2ax0DFWALsPC`uSR+!`A$Queu(gIEn4no>}y&kP{4FPtw2n93eB0~--J
z+)QC9{Ro<Z+zwQ+D6%8|#lA4et@1r6BPfrZJnLzWy$`w0JTJo$Gcv0>ilPD-qe!M!
zzi0h?{RZ(NfUpWDLK3wLX)E8${-Eu<diMihRbqWi$Xd?@IL8Ln`L)Beo#sIio<1p?
zmbEOFUa09_mkoFLrRBC8)(4ROWW}Tr<8qGQjk!IWTZ{eWC2rHdemPW%Bt;!&hC)wK
zGG{rWhPR~h>ui6$?^W-1n%(Agt&}bDG6eNZ#Ma;7F8<sM_UISI@;5nH-cE}vI<zce
zI_R@v-Lw9DW3tBNH~$p|TNNg#*uA3r><~)zzAi#!FK~Y~xoMRV;6@a>>tyfD4>`6=
zbmE{M@sIl6&A3bcs3?{bC7{N*heTJ%=qN%+{4=b0yBEA=ZusE@vzWMe4^Q3E9Be7}
zs0T_N8HSsV;-Ryxit{xX-0#}7@d>DDj%9ByiacJQ6Nj^X=I{ZW8h_(qV6sYA-+b`p
z>R-M%h65h3d_7JlG0t)3Ykskw*J&IDp=nXd4g?mISX=x&sEi+La(Nr^?Y}!}2WJcx
zBo&xR5DC6*zy@A}D%pfNy^r7MvCxB?W^&~?H8kjWD7{1t{-`v|(|Z1g44S#fQp@`#
z$4%)w95*GxeSWXfW-KL5vPu<IpOlpi3pt*OQ!|CKzjE7b9w&ED`ChDXieF6N+n2uL
z437x@t|UP*DkSq!0B@j$bw@U%-*-Oud6>q;XO~gjE)NFAH?_w><sgHP)Jx|Hm;H$4
zMD0x+8lCk%S<QMqk`cMX(`YM#BQ24b`!f?Kr#{LpU0b+n7nk**k2b@r(ei3TFIY~D
zp433p1Ku`F>p92ub7AI^_O#~$0I%Nn-l$&fHG|3Tzn@C`<usF{?r*Y8P)slXdYQuS
z_DEEN<Gm1<=RXzp``*6C>UdI?tR$f=`o#d3jLbzeATPR=z!<j?rNPhMWv(1-%y?#I
z6`{KKIC8aah}XY^t?P8crijv#*cU21<r)WD1{Qq~=izncvZv(F7vx>o)Ji*|@iYDA
zTR8T47r$3R$6FEh20f9^X|3mw?v8L8U0z3Jv!6{*o8QMPh;avL(AXDREyRJD%(>fw
zHkniolqbYmI(Dzw-1EC?4(&>9ujNObj?oQp(RGG<WlzO$pka^$<Ga|SmkrxgA#IvY
z{PxHFW?IXq3-G`fJG$F6M4JQu^Wu0l`EtK9O}7&;n6=vHFmv*F)1zSjav3!p7N>Wl
z|M(ko{pzr)kyfvv+j|{yaIxKP*uZ7!s2g-8X3-^q(iwkj^kH1C)zC<`-tNx^MU|e@
z#3G~Ddf2M&ZP1jS`|l|BZo6&TI<IZhx-K)D?aMm9eITP=o7M4@y4srFfZ*t)LG4^W
z>ZTu!2V~hB*Ll#h1;N^<y}MjHxizvH6pHHskEi|X@y?hJ%w%IQCNok`Xefh+CC6HM
zloPeU$-eFWe1D9**Ljk-L-G_6Rop7nMJb*r3cOfam1Z9zVH%7+0#37;$I7ICR>+@v
zdhE_*3(XbkF04FUgc_2C+V^y-7^dyBqtr~(M^l*0jnKu{F?L^r17Dk2ov3r#>!hFn
zgIZ4hP<{+Lpb!i~2HDt}C&Vphn;fW`X8+>NuCw8Lt*Y@H!f*6mILga!;h2yj$fIA$
z?GtSbnGbz&F?bWIlsbW_t+7h!b+k7>s=}Z2+L^V#Hn#(BM<Z`oCsS_ubP@Ti!EO%!
z>@sr6_dw=)!}~m%T~$0=>3<QSd+Fc%d>Cj*QBsyI)YYVr>a_od1$^83h<aXjrw^z5
zG~N;o5+DgjExWyd)jHq{g#FV&S8K~)?|*d>#g&JAVK(_3?7z_KndNH9m*&p6T~jhw
zq@yC%-u`DlVSRW3wymbKu9vF|;M(NCo*Zr0Ub$`~e3NIBzmxR(0$duJ8yoHEsVV%@
z)#hwAb%^LQW^3)^?~>C6sb(i5Q|WX7yjD_?IYg&91vodBaE(TX%hlp+Q358@Pgqh#
z(p1$%(s=zv-A44yr>u}GGdr}^gPyar&TAqRr<_LQ(Q<VrQ({f|+nvrM2gLna!N0On
z8r!DeXT)O$7_(Gt$E)z>fb`Eo@AnqKHij;TnJf8M;jU)CzS>l`_C}x*)){{>)17Sc
zGk>1t^S$82*HyjJtBY-Y<4oP?BDQYg`(<Xyo1X>rDfHMXxF<r{lTtj}efuNxK{s6|
zFa`Nf=I1mk9z(WWQP(C>tv@$?R?P8z7~94E!f35IyBOamh1&I$S3bbN)56sHc)^!F
z_bZdu-&FK6QZ?QhA45UMVtALbLikq}Wb|Ob_54|8L6n~3G2qdd4Et|shRN7*qAKsb
z{CcYQIMmN019T|e;dIWu9&It}Bmz_izJDWc7ufru?ys0Iq9^e?x)wjdl+ZEM=fEZj
zBNbL>qO0_(WVihYQvTIGoEi<A=S^~mVQJ33RXe_jAouf#Ojb7t9tVJpj(Ayc0BTF1
z74!Xw0Mpb<K~Vu@QplMEeMC4{)CFNBTmjy?d=0IWdo!zn-E+nL^Uu^*^a0m7jECNj
zD`s}%b~_wvlEV_tNKVdx>i8t186g*d_9)F^wiz17cO{BPzARS0UY;H+CdwwmLf{0@
z1MHcDE^a-M9<PlY9Uc7~HhF1^M##lQr7lNHyQ{7DjdFYb7CFevvx>p{5az>rA6Fyu
zmH?>Y!DY&iZe+Ax6kVNVnf0vsiYUBprc=)IUayY$<zunziCnAIcoUX#M<9<qCBV=;
zHlWi}DZfyb$pXwmz4n0Kl>eq7H)8lP!tatJwQW+O_jX#Z<E7ZO83^|?PJ_i{Qb|(4
z4l^Fx4KIyNrAN=*ebpUFH(lorZzo`<RQfef^(;nfx8F11fkhPwR!QXjCnk|zPtbaC
z4Aw#c-NTM?<p6Kh-pAe0<0$dlR1GxlIk_u9BkDXj+f6BU$+1OPa5VCrWD<9Dz6qoI
zDKaX}#m;Mt#`n=bxpE-7@^!VSdRGLuBLtp(0i?dSaWFlIUhe%Oh7q&#`0t<S^#yF*
z2j{fB-FLH=LibP#njya2%64y;<eC+VAA#Ci85c)za8=ijf3bUmfP4E6ACHk4bsqzV
zkv%p%ubYx?y;MlJ1-t#Lbf27fqf|1y2)BiO3vP?K7p_~q-`A~_gQn7boz{}ZzO@=L
zf+uWMoD*$(v!slLL9RQr3~xntCCyDrbv~8M8ouW{=e{IBY+Jm6FsPcJV&PY=59UF^
zbp}#|#mI)N9#YXS@=$6>cKU!|SAE^5$|*lUVxG^dH-pEvDiNyIM<=DMj?eRW4)(V1
zm9DkgEZa(TH(Q6pvW=3qVqT>5d2KBAcAo0(NNX%#aOHE>9KN^Nucp0=`%g>T%DRUy
z*y=zjon8r!6$T+C7z})&#(Hb9hw+nhFF%Q&0BN<4pG9bf90>uf5eccP1X0rHw0iA&
zKl^#s-{U5YoI~HGD)3V@JkOUwk05cl(;_2Bvg2Zfu_))89VEV4W;!D+$Q6Wu>XkqM
zA!k-hz)Nby-uE8#8T_d{U)?_eul7v=2Yiq)RKtkHc6p`MYV}9qe1V^QmKK|24)q)=
z@zSG=B_J3isgwCDOL!lhpVyHi-nm(fBD{hn<X4iUPHV6!$?#^1Tnzd<9@-9{jovan
z5AFomb$RDboTg(({!pTp5CtJd>0?sklG+S=xG%6}fBet_uZ}DfDaL)GG|Y*y=I&^B
z{AEjC_`TJ?SBY5|j;Dkk+IJePQPRU7ZdAy&z%RGdZEPy$)zKqT%JROPR*X(ZF+Y)1
zr;;$b(SjGV2~t{-RVOo~dpd|s4R%LJh101$Gi2dc(SK_P$GrE>I1MvOAxYp1_RY__
z)5JhI@1x_aX^){Q(jmrj>bCMtl^@6peI@V`J=UIyeI5d~2Tz9_cAsF)7|+lHqIIFO
zn&+!~Aob`}2FrNWrxb?@PdYD7267nN=e+@xi<rU4roFvg-R-YsY|V2<d6=-bAOn<Y
z)M#lZ7J}5Pn$i>ohV<i}36hWakGUQ2b^OooqNncmUlH)DB43KyO8zDuBZYk#HuAjN
ziG4~*q{hBjn%8iQP`$J6Kr$67CbqIOyUo(Huf53C@Z}4vKEht(MwS>2N6qi1gH`z2
zQ;s4?*+C261{sBzfPJF5mSY4<ScnC`Z9g1*&*$BV@N?fs9yNCT{eR8yS-Sgeb-c4)
z?&cywYtI;*_sqJtBwu0dJo?B&PK9H?oGEb@CdN%u{n|>H5y&oy2X4%8Sy0j|7!Ig7
ze_I}TJWWsh3|Cw6^0!%NQ#$ve#Y`oV1oxF>xvaHbZ%+<|({=I{V)4}~;2&?l25qg}
zTmHBmAVAJ-mdl+CdZ?g#cQD;`A3D+IQogzrreD1NEn6QqX;MJNg*jxBc*5{;Z(ou=
zsMXIB4~yj}utB3{_9I>6xiNuqPM-FYTux<lWGunh_jt%1iV&N6h(btW!2yQ^OvVMz
zfwCewP$^PT$R%40$}C{?j|;dobgB_bNrlPk^rhWbRbAg9?bk~RmNMouwGgonRklo$
zOVkO+xW;jp=gM(=|H8Welm&H(S7W3aT?tMhCV9>=%t_FiD8}&b(As2Q&$yVczU9|S
z+8@jZG2Nyj>F9Brta2ycgzYFao^o90iWcr>GKxR2-@YwM*VGk&1uNA+7$fj(AIg_t
z0Gm%&H^7zeGzXV-*y%((xEc63p(5vo4NF-e>umZD;gT;>Rx2ujE7K#_oMbu(?LX2x
zrp4V&n2v-*XcN=BSeYJH{x&szBocMKsy@?ixaxB0<hJTP)m=4z6e78YY|{x*`QG|Y
zx8g~(<4-nqlUEB9{kVSDNTW?D!PJJm(cVxvx#<!3@?X4Kr@$>DyCyevNI6L7%C&Ng
z7VTJKW?k1R!3ZK27!0MRV*>X+2qzTLOd5&r*F8XfS-r}N(3^2vz!DfwzY(!3Sz<E9
z?r7~tkiuwB*thlKWy@0aFsnClS{$KmqTTV`$2^aTn$zc*$$7vwCg@Rw)F3}xm)%Ux
z)s&kxMX{k9!*}|vDrM<$UCt=nq=!sK_Bjr7Dq5Q?^xJ;c|N1yeZOdx}Pn}`op6FD+
z-m9+i%-_NEF}n3KKf_Jo8x5Iib((7g59D3iT_R^ya|c2<Tg0O=_}1QY?$7r3pq22-
zsH(4Iuk}VTcdQhz@eZ0++)4K*(z&sQoH$MP2*dXNzYxD6Ysdi?u`8SCxr?QN@cn60
z%n?D*I@2BVrdv9<db?Wh-hrxS&nvYmlmBm-jh10i2_Uv8fyxP6F_hGvXnC-jvz3`~
z+d8nm?t`&w+RbNH6F1H&!g)>k*D+p7_TpfbAB6%zYz`GUbxOwgsKmr&iWcT12sQhR
zQOvUx$tn*GQ8haY5&+;-w7B9n0WdZm9CCS3fxcAM9oU~#SL?~+66#e>`Pn%COl{r*
z#Qz>$My{gtRGzo;EF?#RL<lJp9-SUAt-&<TQ%2VJcI8@h>4eyo27fEPo)ZQqUbbku
z{f%#Vex63be7`%Miw*|@O0Zc)nB**4ye}-eJLz}0nU;WdOsD$L^b@cDVvqf6W7g*d
zULIKg`M}%(pDB#ZMziDzko^IFA+>w|#Q<~Q2HiT%B88R;pPO&0=3G@u@CCXa1}EO3
z?I#Bh2tnrRg~E30#lnlQcH5O^OhdyCyg}lf3)&??LA?I(_MceYroPsfcTxQv-uv;C
z7Ex9jXc9EIqF;kF(u-R(;)K220YJ)5qQ!{U^r$Pu;#67P*~4(FPKQo|?@_n6iThg@
z20jkYtPx8lr=H7uo#C_Ay;de3B8&<a=$-;@jZw3^ikkbnkCizr+m}m9nPI5Dk)88V
zK?;jf)FuXpzl1u$I6q}LkoX`g_DL6FJ3;8tQ?xR;M_&qUBvi|Cd?y=AhQ2aL-|l{K
zj{*c@a7^%p;fpx2IdjFpGns|yN+->JV9X0)re-wAh_CMrkQBi)3>)q#{u=wGqeH0E
zdq!l;=s`hGyi-uGC6QkBt64*0a;$V;PlA`tg~4PN7Y}cdd-g_U!|`@O^YCM;KYyp|
zWst(%6Z6Jbaf=`#sTIwKC96ISHnAN(E}zP1lX75;@-V9UzD6*gV~@irO|vc|ezzQT
z3Z0%DnLZ0wE6MI<Vg>VrUz)bkd%waT=Hip3Y;#e;6j77v{*ciG<udXxy`E+qUp0(H
z?t}(*vev77yV_`ux$E6Kt+qmKVeZZJ{={xcq>CkrW{m%P98L|fNcdq@do~%RY&&bp
zOu(dRDuo4`IjS?F10A=N5du8{R86qMA0yw1J)-I6M)hMXl<a<1q!`EYWp;hf1Y89E
zW!2x(F^WI_7?-Goot|fxbzLC==SWNd9!^j0L9u!*?l*wE^b9><EOcAD`k7l}Cih++
zeFn<57;WBA%8vkP^ufeqWA!46dM54|r8BZy4t*T#dkHjLa|TNf0~FMIGe@YuDRiTd
zb+iArkc2J*EwpLxAlcVP%ku`Y%?G@pXEvTCg$_l?QyGJU->DH_<?eLgo{wAx>svv3
zP;t^I{tHO&DG7{lvqfy{_s|LtKcxlzfFFont2ucc&iZE$j}(0nH9dO7{3%KbF5Yd&
zCXO9wh2S*oDty(4(}B=&Tlfmxu*$(wM$B&#r(<@Xi*<d+rG0O6ygl6`r{@9!njiF6
zOBe!J-)|hGPI!bfAV~HREyHgkoesbe#5JZkl0c+OmItU}8i@?7cFCKWfY+Ol7c(iQ
zL(g>X?tUf{^l5d6NP2F*7{&@ciE{g=IMEvTggpFODixkYca<m4X52iDM3n|kZfMDJ
zHtu0o9X{48vHGjg--OpVon2Yw{N2t4Zl4IWd)m~^iqyYbdJ$$$ICsl@rHu_aDJGL>
z1oEnnHxy#W!n;b5+;GH^(ipY`(uh!7x@mvzEfnx?-b*|uLc(16sP~d=IsP7EdFrG9
zr!`|v`mBPx8yt6QVZjRP>g2d4mE=~auEKw{U^Ux^232B6FNEM^lhBDp_;!VL5!?dr
z8{7x*`HE7wFfvBiER9!eaF`XeW_*qkP@~S*1Yrl<CeKD(f^D!MA|N6-?a=%JBZXIs
z803*9wP=-oL%OQI3J*>}mS<fk`wfP6fK!JKJoj<3*VFEF37zB(2gaw_bk)q>n-|TR
zcUu8d-n14|#L8f;m6NAPNUz&X5vo)U4miv-BH)$aVk0hq|6u{tyC}47m_nK2<D8EB
zSX)TS+n)x&*l8-vI92Jg+^w4BUS;i{?b@LyH(d-~Uffqg;ZRIt%5-=kM5$5yWAKsi
zj@hO04H(kSatfTgoVEr&H%91C%lm<Et7+kr`s8!Go6o*fB`EQfba9KU>ACPVWPw*R
zn=?|)D2vo3@d@s{32)QrN>61+=7u5P=`APKCE^Q{M0ffR_IE91%%uT{BcD42Mdn5-
z`nNrlHICoO?5oNy;vb!_s3A$Tsu?BGT)K1-mcxH_32sFD+a3=I-)w%aXPFb<_{z$d
z?2Vq2)Cw|Wd3j?|5D``*3cY5EFr7l?w}ct?l~fbo5*y>9OgW+K%sJR)JNl0!wSF&C
ze4L~Tme&m($d3(l0EyXVnP7UlaFnhkYRlAYuwLK2O@W>y45$h<2g6}TOD@IAI*Oj$
z+oI?rp=5UFpJvuA#PG4oVQ{>qgO5>u*>JeUWR~M%)#!K~ys7!(Fn-!ScR74UOo<4&
zYg8Di$9ILkqAqQyH!%>eTgG1+iQ4yJ26az>;u{<e&z&)FYy0wf`s|tVyT$%`Vw@(I
zEmGbpg9T;3&ELlF?;2R;!zRv(V--i)OXmcHo`9h%Q%QN7&|&g68faRRFc4)V7es`L
zA5$z5mhk}EqqP;sRJGHVv#f=|-FbiFe%$C{yR15!XZy2as-UFjWdJ>$?0Ns<q4G+1
z^QCW0aBX=Ggql<3*_1;HubB-!aE{!seO1`%{QNDaK`T!s^0KW4(yf-qr3j4*E^4OU
z^(9T06Yd}0&d-0O7sa0Ctua)#A_vVD#8bysqVn$}FdH#IvE9z4MkmhtMK%iX+-KPX
zpJ|(L{`j+qB;u!XS+ZfIzL&9Ovd9>dbSY>?Cp(SXz|Ea@AH7&`P%(T5{fOT0X2}j@
zpe$icRw54<D;n_YQn#uJ|2ZZB(Kt5n6YEEIUoYT(yGxuf{`(M($E5H#N`n*yAEb`}
zcoi@W=%HSz?bwgUb)g|Qmn4S0CQKSloyxS&!r)1zSm*vT<8ElcgYS-#)bX77he02Y
zhqx>o6PF;wW2utHr_rP+uOX34zn(>G$*{nH1A=J-O~afcrI3LSgR%{D_#z5+22xPO
zH12>h?dU$$>S&BxkYuN3YqD?GC>l#abU;?Wz)6w;y{mMW&u(~oES%BV+n$Qi)K4GA
zkZAqUyL+Ek0<6`_$5jLb1V0L?qN%B4r`~xfO~SDWMW92)%v*rW3nYqP%4<k}YZI?$
zp0XBXvXUoo0jUJTfMa37@M_N`(r%%5A$f*Yq+#q%$Jp4+v<J0({=<($p;wHK2MeoL
zO+gZBUr@H&kcVcLU}^Hv9%O&)B0Daw(heWkFcTZY%~e_A#~r)ipL8d&u3mzGFg3oW
zKL@|2AII}2AAj%Q;gI`#*D8XxPUh%a<^GNx=VlU}+FNH;cWq~RPnT#^q_6Ho=$Ex(
zH<g!4j`>-zAJ1mXBVL<LtT}g|{tBoMgazwHdXBA-CzP1?Jif#M(q#O{3`SoFYy`jZ
zH>}Jggdb`{97mr%{TR^nKX1dU_}vGjSH7J3;=TL4R{cp_iJ}T&sBxDQ6gM@4rWeo5
znD9e;nhoy`C~Tm$N9lEV%gM52_gnr1dola|j`4qLaku*%j!F7phJSt_?Jr6z=3M@S
zH>t!_s)zK0<qOrKl**?HG4F7$y^U7E;*S?Dc8w%T7DZA271zz$4+-MTQ;bt6VzdBx
z@0x_=BH6c76}HuT#>fEcuG3Q6F?$GhoHx%v!}#@^sHmvuHL!)?qV35aYWWs(1tfWy
zJc}~970;_AW>j-C;T}*TO~7V1U5|=8y1o|?;Sv;r=&;69TAJHavmZLtht66QXKl5S
zQV$j<<=3@sYLo)cMx8`8e<QIc+E6JuS;(g0@B6doxiQ0(B{9S?yn9=z)!2i$D^%%|
zlc8ak{>{{mW`U<+T6yXuLRA<Gfu!DzJ~C`7iRZ%DFaBiBL<OZqsT@ibVq^D``>RQ@
z=*@9c@>8tjl{=S(s!5-87@Yy4#VIC=bbhE-{lTX%L;^2l@~6GK1*-)m!S!B}b=BjZ
zZNvM?D9*3mVjUdnI@Z2*_^DwPqmjFgj)Ld%=i^0T?o7?gF|L^tdq(ZXpOT$Dtfi~$
zlLMS1T)|}0RoTS~5!lZh6BCLXI};S_GIH16G=U$n@*UYuGQ~Xmk|h}CbND)Hf(#i#
zLQ>S@9KmVEG$jZ|G;;W5kuBGAF-%h}02EjB5W$Q_ZRY}0BfIa=ldb`^QS?6O{Z8QH
zI1tBZJcP={N}%Ac(G?tELI_5jsj;FW#|w<WqgI5Lz>TS_Q+DZSj#BUFNa&|Oilfc`
zV(Q)O)6M1yiFrN!;=_k;#4!2ELNXLo)heiJ*6G=nJ`Q)mr73fwjR!iRNQX9)9MCZR
z;QHORky2yO=rp6?;LWKH+gX-u`4h;5m~C!lLn`^q=9Wy;e#RYf*mmpn6x)FWcTW*l
zzhm*(<gZ@_x4GSYpJuPP>-z3Hx%s^p%j~+Yy}$U>&2yh+KF{Jd4_8Ltw53N0%zGyS
z_BT+lkQu^cXmCLc7lznnPRXd~z9&g*=!Km5IR%&+WSKQ!xjP?^1pE69+%xEIGBU<;
zeW_Nc7+8MPtFRf(7P2i?1TqH|a9u=&d-}CPVAh2Qs^n7|Lo80zeW*KJW!`)~_H73o
zcx|D!f8n<ImL0wCx-+4)p^+;_TeW1ugEHR!E`?R`0M`+jK(wiIfG6naC=WcMLa9l#
z%rAJ6VH?NP09LYMdw4kfAeZw$Q{b)ZE^fB0v|*nGxx6Q``)2%8KyD~P_i(<;{bt2*
zwYQ#4#a}sXvOYb2yE`!jJd}o*=bEzy04I7k&I|1uJ#-=k8|-eNYQz1+NMi^j!85g~
z54z<m0%&7-91D;G#y*G;29F+8diYel6$z<?IG%Z)jLF=`AG<EE`MR#%&`TI4%{GV#
z^9SvU*%&y~@Jxm|O;=>V7Z^)0@&vXVe?>*$WHQc<Zf@t=e01j6=wgV*>7cl5^1J=^
z6z=<Ju+8YXI76h!fFpD8fN1%rHC5Vmnym|C1?vYPGg6Fc4=H>|_QkU8KF%pIe}_I^
zxv=7`I#kuI)J_+gvR@-rdbOWm+dI-k5E>zA!cx|n$iBs{0*-lb##baXw&>eajfcLq
z{iWw|{S!#G8UGr!-O8)4E50NN%(drkMp*5he?UO=dbSZL-Se;K?*bU{uBV8*3lfK?
zzb~Hf9;N7+nOmo835KDC)f<SZm0%!rbY?UzME^F>B`ZcqcqAKTw8}zO_AR<2tlmDS
z3|*+xe)f-Pv;3xP9QLtYPrTRO@ce}yu2d3Majq%DZocmrXoeXty#ey1-M|}p75}54
z9)tMgx6FwW+n8QfbCMwqFn5?f`DpyIvE*v`JHpOv?YJYckd~EJjT(dfun=_7zB2U&
zJ4=jRA|DFGqc&5}knRT-jTP1|(jXuv#td(pL$qer7$;V>XfsTodcX=io;^otIdFeq
zR~ryKHLD%>2)H7c8N|da+A8^~?kd@jv;W%`y)qIPo)I@IgQv+ZdX_f+!*aG<4)i)7
zi}@@+ey1oXbodcRaq#62b^82JZw7U8*u@vPbJ|_<Vm4~x&cb652r912IdF=p-3Atm
zUJop;M70To<@xGW{O{qKg`2NsME~eJM{aeIeV!ed=%HD;R{jg|i`Rkru*3tL*3S5}
zJ|X^qV~-%7-`EOqwzXlyoN)B)*wjJRe4I383Rtm;Ex0WxOHx#bYWlgUOR`n8tM3!Q
zq%>qh8<`|3iW4|aLUa6I4EJGF20NUbEES^lUVnlyOeexUxnBfoL+67iuQ{A3jt*7|
zxr1f=8A@9i3zf{G18;dvf*Q7lwpF#D_7=)odIX)5-SP0<bux-Q&n~#j!lFG_r+d#=
zaW7}69KKr$BS>lyG)f&KH4B^+^H7%+)O-eeF!vT3B_T8HDEnHB<+@I!@=n?0M9O(;
zuOnU)Hfs~nw6*OX`gUs3@E7qez8bWsP#~-Pz8bFolZSC-60KPu-4?IpV?a@&1gm>M
z5~Z9JC0VpdlXj7k_eakCaeTbuYgE}^r@@L<+j)3XHd;<Yk|eUfk;K<{K{6Mz>T|h4
zIPCDeIF4LWI5t$F?gqqgToQwy#B3suSJDS#<8NzE#vXlYD|~B85p*~G&5cYOyGhQ2
zb1WonY!b>@<R46v(Bif1v9km}8a6TN*gj_ksR3oElKc=Wjoyk5^QSWIq^7Cc+XtGu
zZLjtD?TfTjMur|+kacOoUh5mrn)4^;aO<JnIL=aGVPRk)<5&@0=PKuu_C>0>WmNpj
zF^*L7i&RgLQb{+t^Q#XH{Ktu8BH1EGGd{O#=S&*Vu-?zi4U0gF9AI4XLnN`}7K~`2
z&yL-UfEB{<_T#5=9E_Pb1HQ)@i@TiI_DfeHJHnKLiculCAub7Xt#s*8L6QgpbmGq*
zt8zWxmRo){8yC7w+dsB^!*gRzmn-H%&TYF6o2OddW}jY~wx})UY!NJEKL~jkIp%px
zK^Od>4wul7jI3akgRxIR`8`>3reNo_gk#mMf?2h06Z16h$g1vlzhHcZoShlIC-U&y
zE0-@>mm?zw%7i5&#Lv34&R%ak4`%T_Ea!dBiuZXTCt*Dw#`PCz)gOk<B;mK@#guL8
ztLa9e=<Fq8T$!N{3ik{j5dfs;=H%fdouGIFZlm#M;*W`0G;%}Z%i4~J6i}}R=ee*#
z2s3$R6Pk_OY(=l!p=hPrYJb^%+_}zVb^D03%2B7M`N$AOdb+mZ=}w&RSII=_Fia=n
z@O(l7ps2YrLv$R1#iP%3D^Kx(&PGP0)@_9mUKNAAC}a#EANW{wS;<{=vX#!!$$qU}
z1WVA+s|=N%kC1<EML{LSDa9VKY$nv|a6WxfH_Xi{UgM@4<O0QTpTe8eMgwf)JF?I(
zFS`uzQ;;k=b23hlr82dM4%sK<mzs#u&j{#kH=3zQO7;rr7)5u00;Z+-qJ45%FLmCN
z;dR23P)4IjcVWgKzKOkm_nV`zJhmPtV~`<{sI;OA0KWw~T_2!gZ01@adS9?YavsK7
zLK;Q=X|Awe^w1>7Wa0P7et@BUn=KT-@ONNIKg1u}@w#tPsMbcbrbi!Y0`i0#;vM6j
zJc8!7;nd`hh8DFu^lS0U_wG2Ow|lH@yQf!{-GQ!O?f@(Ci-fI*DDV=DpOSD`g;+51
zmW^#eKHTKD2<=ApIom8Bg=agu{LPG7kMdns+LYcmjJD$@)$Fo0ElQ_QbeDWeofo@V
zi^`0VncM#Hhn|X7#S9hdqi9YE`XT1So0RJ+-;6B~tqrW)CXuI>?_V9^ojhGSuHWS-
zs+09HHz16d9)7t>(S|zppjmVTRkH-1lHKx5=FZMcEnGTm{D%dEAG!qjtV=tt$x{z>
z4Es6*3n@^d{L7ZbP#`4QKQ-)f6X|CCks-u{_4Zt)diH}Zdb!qWhf=*#Mb21Ca-e>9
zWhOPXne)7%-)AWja?Pmm6*!&btSTr9nC!(s9@77${QW*Lvd5WJc+6>t5C<PFt$a2w
zeAPX216fxwnq0Lgb26Z~-vDxmjf_N$b-%hq_npWGXF}!eqs`~#Qr{48z!!|#{`Va8
z25&YLKLOWGQ~|)S{RgsAf(u(HsXe|0*O=#5@X7e)hx|c9=DUy?x~Yg;I44sI0D+VS
z?AQr6_5TCBKtsQ~5#h^95TaJAAX4$lpyvN$RQ3PAZHxC^uzvG;594G>9K$sZ)wr~w
zXo`C>7keG035@SSDGF#7Wz}3;DO|y4$7go2R{`_(JV*U><<LC5XlOVVA?LU_r8a|<
zC6w2p0LNl-q94jajy-H<m+hOGEir0A_XL##Y=qr3waMOZuee()yo#pvFE}TKYRIQy
zB{F}-mH8|r;Zi}*WjgjZ2+Bx1tJK!owJ8q0%X1jd7v*$p=~B0<vntawGaqa>I=>Yt
z4~Bn=I4YJUG6TG%e5DkWQu)r?Ie<{)3WzLLQ_Y!y%*OvM?WBsy7j##;CB2}8^AcH>
z&hbXIT2pw`4+6|f^jL4M;4P!|r!&=2I~(;lwdw{cP!G#HJ@P`X^iv4dA$K2DhRgw>
zM+GkAA%C~1H?|w?$aNz|6b0ksb7aYHE2SX)k%E*`P)dn6ca>5y3eemL%KTAEA@Kav
zMd{C-R}a3iW7Uor6BF{@Qf{To$63aDjwZN>k8InfAM);;9t^7QDH(r4Q7c!fSBGN*
zED8HBO`j0ZrB%xd3^%eKgqNc<Qb$#`n0xM4V##aonOf<G!PQBYL1cl%8STT<oTIEp
zn&EpINz_5o>Y(fe`@o|rjKg99myWWX?MACrFIV!f-O8FoG~sgtE@Md8P^p!v=cOQq
zSLu?vG(YlPK-p(<5<+)oG;jOF_O5TeH_PM+=RmJ=Fy^;TCX$eZ^@Np$oXaa`A&f6)
zm@?Xqk=firB7^5MQkX-&e$`aT%a*@x?Q<#HwWh?8uW@N8$TwwlCqZN9ZgltTgPm#v
zvr#H_osm>D>QM;Xbp1_x{7(E+ey095i((|5E;3p`0LOHsKI6!f>V?wV6V6;@K@tVl
z(j~j({FIW9I$45JwURGRZ8_2jDi{cB2&_SSs!1h5qis7d74J2fOa8spanBRMjPXZF
zLmcti3{~ebLZuq|TqhBVIX6il?;|<M$b}Ou&MJ+ZzZoVjonyMWm|}8rQV$OgQYg3c
zdSuQBNuM(*e~$VE`#yJbVSoYS>wee*T`pG0<V8IlG&<Uu8D%{RR|P}ON#>gnA?EDE
zfh+GTAj74c;-Y2Xm3OeLjTw$|ZRBDl3zaA;zSSSr)_fr#pgytFtVK!L)HL!s*<o>|
z$mz)`h+-MV9dsh%QVuY*Xz-PBJ*bV2j(U>jR8d$dW4hTm=He$NCQ><el8j*l_)05H
zWkbl2X@orKGdV_6J_^Z#b`UAae;nl2iWQ0qflaK+K#8jrI9wpCG-x;yLtV!4b5NAC
z3Km*1oErjhL*JN;T5VqU1~|HXqW7SCoQf=uen$6<s;#(bGHXVETcOs2tTzj!UddsV
zrXxgW?v`<lvlLx!9z61Ly*31Fo{K!1GtNyxqoD?e2G(Y<=Q;9@SkY6?O`|oUb_Y}j
zV5og`+ig@?{t&H}@l@jx9R7We$J81cuQ^nzwk(fr0%&k7A>*hCi(}h|>I0bEw-54z
zWKpL*kl6HEU<^1G8G|$Ldh|#=&h5M7`X787v3_mZ%^+_$lXp3N4m8TmO%+i#$j1=j
zAwfbQbLWiD2Rkp9PmR>3F}2<V<!T9jC4lq2_Y5u?@VW^XC{9d80Tp;2W+{Z))3eB0
zG2{neGBU$~+6&*Aj=*hSylu+3?%P5YzNHq{Bic&IBPu75d3Zy31ac`0N<{|Kg`IP8
z(4|l<mC<f@VQ9KFn$v{>Pu`nID1gePfQxvSX8M38(FCPhX_cu2Uz}VKz4MqXAQZlG
z4o&Mo!_z*RGqV(G9(O(glq{Het62A=-28!pbc`H7=Rb<$8KVYx{5Uf+gMonoh#-|L
zkHUok+JW^VzqqWR*=aAhjy%)+5AIrlHSm>IhC*7YBNx?=l{T>%01W9E?r{z#m5}ZJ
zB@Ne!{@7EdYm|mkYJVY=E^~e^AW?+#R<3}&JSbxv&>G6!F*<2{t#bbP@(;@95+9SZ
zpU;kxORQ*1hK7M1M@e{y=uJF!0<Ap+mRzE^HahTw{BHB{Q%cc~oWM(Drtp)vAWR%*
z<vC9=>X>g)^yH{ZG8(7%m$6@AW`wkb4#e8Q83q|s@hhd^d7kp(r1$HpGG>zSNW?Uv
zaDj8BYJzVWsE2$m)cq`Ot_8LqFy~rYw6i#aC?VQ2*gd@uEMqSA$j;c@(MBWgl-qF|
znotEi5)lgu+YeF9#V-m-=mp&DSafFFs8uRXHWNoK{XlG0VXD<^H8OUhRIg&T)nw1u
zA$BG-0a~*STF0u0Vp{P7pPL4M5WROk4is`0`t+IB=51fR<<oxby)}RjF(dk3NCnp-
zg@fYYr#8t2iEoSy5Svf7=0d`8qn}fXV+O`}bGs{M&ht5@NqL55;|S%ze^IQkUU7%x
zjE3Zm(+o+*I+WqFM$FPIrzV}^K8q08vT;j%@8v)E#O$7Ey^6d~nXJU+t3&~)*$bTu
zjMPTp_M6-C1UWx(Q}3vRTJF$%O|d3BNCyP)fY`$0;$`@(lp;GN(4j%f{hl1lh?0r~
zxzLwI%LPn0VE(wBsoz^Ou_nOSn85-s-NojCay=>gC8*pSVX1(aoKo^FxC`=)Vr5)D
zZI+iSX5j@E&txf27gL0^tcW>U1Sw0~zc?XZkSw1q#G+^@{2X)9<gC~)6*oC+_<T(F
zI2^WbM_@e8TL)2QS`_3a3=p{tvPe4?DBY!#*R2^K;Tb&{M=3pq;}0n#Cn_K&Zhtpz
zcK_bfI`6j*=yIId5Wr|89B*xWblMRV>jG?Vd?{PHHXTYeE<BdH#fqww%B#0Lo|8U^
zY{>)WJ{0>VB#%;M;Q6@%>xB<9MnaE~<`$tewN42~kjT|=9*CTvr|2r;s$ux2DHoOP
zJ!{QG0Lt6S$5%J=%I!hHQGSYFDf($4(8OHNmCEWMayBCWDw>?Bzso}HAiwY?nU00V
zVLOd<TEW~4UdDobqldT1c&8aae?MFvee#|hF-A#7B_vRcUhv&n+fif(SY>;2o-2d#
zHIgKP=v)>CnbU|82S2Dl5z|f-9a|k8z_HA(2Q<NYs9?YZFdVC-9itXjbN&?^6XgJH
zF3&qK&bgI)&dv{gCN}%t&;8(|x~qOerwZLh2cGufd0xJ|^eD81k$6PLVRD#1xqJRz
zm$c&;ksztaIGOG#Dfu%e2cMps!a)`g8B_-irxf_XTQisDr0tb;CSp{y=?Dmn!#?uG
z+qT{J@W31VOuxuQb~7j(ghWVs#=!DOMkxiq6hbM5ZWJR3Ldcu!$SfDj04c*j!J;Vy
zq&DFx;T7?N93rkGFDVKjBV|%C5TztF<gAi<FP7EcA!pSXgTaw5wpU){%UZ1)_dc}e
zT_vwP={W<B%xS6o*iMYW$^d-jA*D4g)B!w-CQ$~&VsfOS_s5Ns!I=wMp+iMRdj|4N
z0O^yY(XuGhqev2_96fV4y%Ie4bj*(P%AO<MDvrBU_A-Q}61qIjGF*sQHu{)~U+NW-
zg+vq*!mlL%G1tlrgS!VUpuQ+d0eHz+(c%0Cq%ID;Ji@Ve8vNjsq{-l5scjPGs~EIk
z^R`mGGV(n0KKlKe7j!DTd6%RwQlGd&`zs=l5R!ntEB?fj&l4g|UR8PRQjC_5$B?vz
z><p*&$LBeO?;n$R0Rgl=Dj6$4%Cotp=Rh`_dxeiRE6&?Cug@}X@&pV0;M~^6Kq&=j
zw95<ZWmcTpLedUVIHgTuWx+9AVPKW=y?jozsMM6I6^KP8rPXGjQiZ&uMLiiosf=!%
z$~t%_dR7@}&N0+<Dv}<5nKE+6pZgT%-1fPf{>Zem@uig^&;|+@Whez@L<C<<Q)0Eq
zjG`3LWV{2UIUGU<nx^U1+?gs0Ih|7mh1B61aWRi6ned>y$HWH(7LR8O0z4Pr`Y%7Y
zLGPJ;O2zrFL&x2ewaG`SgupAqr&22>*=D1~V~8O*tGF;$5R@y(cg4Pk{3TQ>u8bn@
z%<s6)cU&TDpe)&lyh!0B3zra#h9CHUv~N}WHNF3ja%2mL{7Bd0OBZL=vio>9_E$xF
zvRbkSHQku3s@6=kz4xJNmQ*XzjHylUiEFO5=mY8URjd>Xx<)5PHOc^YWx3@;lzCB@
z7L@rUB=S8^m8f)R%{fS`fD|bLR@_rby6bMH!Si+l1sN-)dXR}<>g~JYSL#5VQVPcR
z^M8JpV}~>MQaWFUDfy14jp^}ZIvIJ6v%Nr_M~2b>Lxn)xQ%U9FvNK9WvSCqbj)!uE
z2RT2<S`!!#E={1=BT+mW&9+(areLn|voo`*PDLa11H|13mgNPWK{xI|DaDOZkSipm
zAb_?in#*=pJNis+{kAXM{=2P5rhacYsH0>Fek<j$8%#G_(A=epCVjN_E2Z*9LlzH7
zE5arx2FPL~VTU8iNV3!6VvF#z1p#@P`JPYR`e|>r`>Zm;A4P<TRCp=TD0vlB%L7Px
zE-deMWITFHvkY;Pz|j0D4A7_f{S~3pe|EGcP(tLwD0P;G6N`jytWua#>HQBqICIH*
zY&J~aTixh6_}<84f=wUWly1R>Y~7wPc_dyGEgnphosCQ5OXp|@Zj7&BxX|LDk$I2o
zaF7?<dPh5lDqBI~<}5GWsOz{9w4P53504rSZo?6tmCc+AYI3G@gj7d}@;rlPvq_i~
zWYI{us}mQe@RD71+L_&(IeVK@gvYvkfsjRlPY{yo^Jj_YgUALt&{UE<<6RKfgW3YV
zVk}wCM(RUwmbHBrqCCqO9c#m#hU!jt^+NJ-PTKn2b;s%bkb#;Ju$0p|-zX(d8c7=E
z^Int=v6@CvgeAiR>*Tlw<6N$A^vn9;`OD5*x-5!10F@5;B82f294vg_qXj-glyvi>
zm$DaT+NnFnj$Z5;pF*GMExhlByZ%Qu9sN#VJyf|{H83cJ6*Sr{XfMc{uN}}Q>J-R{
z<8Db#84jY(33Glc5|}JRC(l3sLn)O%_JmND`-_ir0s$vV$ku<o`QOV~{6a6*SD93Q
zGHWF$>oQ`xgLPWjtOAuz@)j4%P8&|F8uJLS<TZO>5hK3{uQ-Z`JS`bfO!k?|5Ytv_
zJ+-<%H24-laAaiUXg2QrTOIj}bxW7JJWr#Me+^f5Qt~|6mS+F}5CBO;K~%QCgb9gI
z99%t^3&)Y+ZF>FKdcXe<@K}#OD&Nu=8`Ho>jPY+`>296)P8(mRaUACYQ;svGtW!)%
z-ka#gu?oYGXXQz+ZqLizh14zi7n1JaG!vr}wz9NhU6S5pl$VdIQU~U@Qayh^ABQgY
z%6KZJU_2Apw0hKcT@E(mE7dDksh*4CIwS&0iQ0F_s3Qj2)GEhGDhvG)6CNT`rm`1$
z`P@20^ua;BbeZ1aGTf?o4k#n4sDJ>RT1+iUP-c^yuY=G-Sn|<qw=NZn$$I(PJ<}ZJ
zR*6f88m-xy?`ha9;>whvQVytW#7Jqj3+R_JN<oOm^z1`bZSLK;aif*6vzdAbp5Z;X
z<4d>vug0F)H>(&3L4|{7Ce@&lpWDxGI@gW-vBxohC>KH!C;~-XMFphKIO1{wNbsWs
zVLy!POdeN!oKpxmc`0?r=We@g`{g(NoS&LC?aAhc&l_Bpc&Vmhq2*;bcvNgFVF|)h
zLPtYD_)GXkc4NwDIBu7$rUe8k{Br4yov76R(JFPcvhsLZLZqGYjRsmol1(q)l*wY6
z6BQFVrjc}wOB<>))yWsgnFnWdzT=`bWP(b|nmyn1m$ud{{d#-TD=+l)C#!=)*X^C2
zsz}>HDgtswEoB^uq))y0u;(26r}D}@VK2unQl3~na-mHN)3FzK3^~SO<@Yc+Huo80
za)nVV1;rxziiT41#DGKG#;H}Im(>mt^_U>-87F~C9lkt?Kk2l2;oo*TMBOLUSW$={
zUFK<d%G+G7RiRYwJ*AaSaIT@*n02Z8jB*;rnY=#oRPK6VfL50l3qJWlkiRol8ypyk
z8s4Jzo@GZ~U&pDzj6=mPy~t84%CZE3@o0@T=rkMPMgh=@%1j$_Y1Y4JaM8CMx)1O<
z=Qp}%?R{i$&Y*7Xn7I3IlG)C4OoA!MxxMp1l@W?<l*K_vMk6N%=DSc1=mD1rIgmYN
z+x7%eo}1yt{lr9I9QM9X-*o@ZVEr#Q9@=x^%<joQuKVR?sDu2)&MZlx9dbH6K$cNL
zbmnfwJb5N6A;OnaGgC{PpZ;jTV+&d&deUny?Sh?gI7vIQbHs?HV;ij<^4y`~v1MD?
zi4~+<>+0RJt;LV*>%L;mrODrzRl^SsELrq$b*TO+_~s2$Gm``If^EVhB{_eIPsh*L
zj00(Bl?pvyeq$s*yY_t_@@*S&r4L6WY3LCX963@J50|+|JgxH;LMfGJki|pBw)e!1
zip$~6<K#nGJ}Zg|>y$hnD=Bqc*^afE6HcF=a0$m>0LS3iK^hmKUB~W6c5`v|j=%B+
z<{X<#r!#kh2la6N?guR(juTtK^puTy9rEuN8l47wT0X*ZaAhNEuE!dH^W6ia&3N=B
ziU$?Pb>CU%M=tqM<9R62!jUGlcJN3tpduqmdg?5~aw*>oB~hF<XJ-Ck%Z4qF=dj^q
zU1yE*AsxQ=hRxsT>}x!!l<4pKu|g<2RjVaxKlMdL-&Ly5-<Fc3mrRLV;YUvq>4hEY
z)50DqxClGf5TKRe{u}Oic=z@9{JNV;FH%wZ7gb%($|j@^p~*Kr>UW!R2f|-M5@sk{
zm_k-CxHQXO40D;yt!b%EP#vfuEQK%J)r?EW{Qkf=^8Ycip2sTd`(|AE^+Z<u$kZd=
zzBC%T=<?*1yQZ3-C{>njt1lhgX?^>z*0`UJU9u#SpJ(QIv3$d2V0b7u4~Jn$lWq!e
zS<I=uDPX07ZWLp1a4^S4o((M#mZo#@AC3B!lcS|OWc-GWjtfUiK}ESjF_(zbKldr6
z@^P9Umq*O|INGs~D3$Y)<8=GoaVkisyPXHsrw)2v*yDIF+0f9?eqQQ@Ed29W_-P|$
zLq5LE#=RcQUwX8BNW=U5qO`~3JPVMI{2)L=#o>`XyAW0?uLHJ2ekX<shymxZ(Ae0R
z;j;(M3;CLSM|l?xFB^WE{EkSo*@RdJEiHmd85rZ|?;gcnn*6P!s$)Kt`Lzj_<8TgK
z`fTgNj<4VS(6-Or`t-1^{-B(C;K4e4k7vno#;#~6rE+HA62MdV3^9eTwJF0yS+rm*
zG?fa)Lp)hD`T|fX1#03sv7r3cOqqL%k0%NO?(XY0?R`LB@hiz>d>Pv5r%E<};ZDbw
zuc=b&NK;EJG`ui?QX+;lc}78mkt}G2)-{i$l!9EI=b<ZKZS}otmgw@5xJj*9B92BB
zR_n*s2P4;wn9kbX|K8ZLXPJHYVfcI3bgrCiW`7Wr7T;5<RUe65yixi3r@Be^Jjc5I
zAV3sTV6hFd$O}n3W@l$}h2vPhWg>Gzsa{_e-1d2W>+Kx3!wbAz;gRxW&MDO^b6(O@
z;~nSlgx)l@#fDP7I;9Ot9q>!Vf|0aK>z)jWi61R9D$=o&_=S>`J)ahmPvu{aT1d(x
zr8&?{sb5m|U8PjctNrJGAM<CeoV=JT=}&}|>eZo?I+0?Io_D;LM0i-Kh1DhfRH`T6
zL8Z4>!ookx!#&Gl9C!XM@Vsv*$^qrLI*?a{XDnDYn<D;<gXxt*z{k&d>5^xp%Tu+Z
zyu-*m7OUlEY&N|O$VN;oop5Q{zNQsN7l7@P{~IHG=XqYfNl;2bTLbx4o)7QABuai)
zUPcGEIi$1x)@NxC?3U|(@LOKXzA{w7!-z77Mj9vsB@2b|dIP2nz#VA0QbH*Vp{R5?
z?o7q(Tn<ZUwq_xw*RvFZCtkC;AVUZoN}R%ryPXHGzkS=HZQ+k+jr6r;UEYV(A>?sP
ztyIe^o}Qkja_e%xC>`PvUQ#rNC<cpPemg@1Qcw6{Q8SKLq&$L<v_~Peo>q?jVlTq4
zVX`F`EZ_AWuhzXME8_=|PT$i-a(-lEntDS76nKtxCvv1hJ-iZ>;S!6e)!iPL@O`dp
z|69o~y~IGZ3<YqnP3kDkIFaZxCvQob;(9!zX(?4oflx{4VM!^)4U0_|`HQVL_s+^;
z6F<%oiVB3|f+S;lxTegH>-#0o;nJV6;j|c>?zV0E*rrtKtN@c~H~Yn*fx)eo77kHD
zjPG$(kyt<(4XrhooCHxCl`@rn0@30%;3XS~O|)2U;Ss59BCr8&Wp>#!>O%v+#$^i`
zk5@$TFnq9_x0O;A8TDSx^{nDot?OjJx^ii_bz)*7Zwre&>+iEw`N)Ca{N-Ce?<c{N
zRD{1SIUj-bp<)Y=G<T?3oX{#lEiy{bYBdpa2U@9=V2t7}EQXlw@`8$wvjc%~*wO8y
z@~fezgKyoYO`DSYpM3jgZ7UviUH1dUW4=zi4cT>-D;4;mm*XZ2nc_~UuXGshj70g6
zrClkN3#8O$p;z%%;Aq!4@^7w4vaOv}*}gT6i+9g7|50o65VfB_w1Ha5BNbR}bLGb|
zVYk&r)S(ihIR_NUnL9g^?Y9TEbYW><bj9L|{+);SF1s=Av>Ksb@}&Ji5Wu>H%Q5Fm
zFIm|+dOPQ!l*%nw`Pk8Kt$Sd0X0i!fa@1bil&i#1Q=K^pq`!}MYm|~1b9!6Bu~o-W
zWBzmLvKgq?ac_Ha=4Wb^`VLJ+LvWP&WcME-TJBRUGI>^dt@72EyY<?0XEAHAc9Rua
zM@z_x&6i*6mxI5bX*Px=zkHKLE01P6#f@?mvy%-_>42|7+nw(Gl-F#1R{qQHakTx6
z&2l<~_$lrDouB#czU`m7^=*}`^qh32`|T2sVupeNaIruwtV2=0I$A#lY6Da{Xabl2
za!9jQn~R8iFPrPcDQ#a-_{l@ysjq(aiyqlG(|D5iz`w2;T~lJo$0JCX?HKNH*n2;7
z>+OExy}@((*1!b$8}AgH5FYCDPj6|~5OFF*A(#6_C`p<|vkAimKV2FrjKLhT1)_M+
z;vsPlwVTzo=TH5<3%%Q&Z+<NG98wmXQDLxLDCO;V5q_mGgwJEgkmM5g%}%59w01*{
zEUJ1R-?pc|bNkY#CYz=<*-;i+4{IuoV;y=vvNWbL&Z8NIpUJmaX-;PQWGwpS_5E5Y
z3VqiP&RxMaOOuXYFJ)VI@3wj1Df^(1I%Q=axnPyy(H%c>^2fx|lAO;$S%e=Gc@71L
z#X;WvkgvFh%6{J^cv0L<z7H~yA^)hk&4=Kitbm#!wF#((T&P3+MIA1`Z%z2*e_HKd
z^YLh?^n<|nzORg4SL0?_0JIs?(`u=$hR-A3Qc&fmKj|X(>VW|NdTs666tu|V9J=(m
z(wEJj{?0e<yYBX9dTqQ3tu!9+s_4$NQKy;Q(Gn7KXGpU%vdqEvL(~QaAp+)H>Hia<
zAA8$VlU^<CG@{n4^va>vvd<3Vr{~3-ZC|)~YdqWj&9YzS&Lr$DRunoSxii(9Mm+@t
zkGd>(Kp_<b?R(_CERUQ2dmVXze6SyKCM@1qmsbxB4t>5Ecix+N$~f&P#7Hbl%46j`
zF4VbllXg>7f^sxFHTxDWl`mXW@^0DLsK*<yA;ZK(mJ6(n$iJrBo$k77SVa=|ln#H+
zawByfjg(eSgzwSPotg2XrvgeT9JoZE5IPV-L<y~oC?K*SPO^u*sM#5<*L#5nlAc_j
zqE>m5N|eQKp+zYm@7KgaGn@(OHf+q>{CG5F*`8%qzS=GpkiojW+cS89aq2e%&yPvm
zlmN=QoOhH`kR#A2O^}EZqTF())fg3y{|=?s=jut8K)z9z#R)wARVZ7^ehD*EO$?L<
zK1B=5Q_*bPAU`~~@f=e;z)O?Psr#-k-}(u+rCsmNME|3rOEh0KQLogYoaRwW3eWS<
zXfz;JkJQ<7s_$oRXHHJb28RY+*T$Lk0WO5^UjFKfm&se>;KGele>vYK|K>scbGy-m
z?3U%|!YK_=IxPBAsqadIH015|>FH@IyguX`ClX5jqudwY0g@Ne<ZH7Xco)saGoMMc
zeYRf-kcp)OE>EbTSc@Vr1G$i+rQbJUBaO4yEh~qg+*w*1ZIQ3xO-!V7!m5`MyvE^%
zYBiNcF+$IWC^5&fP_cyLzSE^E)NyA%(Tw8)l^s%A)%!&`dhEOwDW!6yL#bY%;3CS0
zwaFc6Csp!wU1m9@w^ycV>v(F|xY0UG4x}|~A=#yG{dDvF{jlS49UCC|+ydJmX-P5+
zbk3f;|JyqK7C(?&K3kq_f52pTy>YH9Dx~4ji7)RQl8mRo8%n8szR8y#GAbOF2d1KL
zDy8yo$A#L1whn2OB8#&Bs+FtHv+e1hSle3pz}Ba4P4W#yztVHa)#p%O_IG8=mM!sp
z*WdPgX`G%{4a$Goob8}mq9ugZ4^Rm)w0sDKL3w|k!gJ;$&`eux6`0g{z@FK?*H(sx
z{vXIr=rp~ACW2sU_tdABE?$OqV-})-Si&Ym@ef(h#04}%g^(+}K`BI(#0Y{AUNwA-
z(3P*>VFYL=?TQY(KlVzcCmG*^rP9$)tb}i2@)xT;XAqQN*>3;<5CBO;K~xe1Uug<0
z`w{C8{F}U#3fUcvGaC+hxz21y1)i_u_XC1}ARaQ=Ap;fH7bQEsL&l!sz_hdQ|6%i(
zrjR#u=Bf-Yk&b%z7f_`X$Ifl`L@5wlkCIc*{m9r+l07Dx^|{9c9$SD@S{+jvtTR`(
zSdD|q9NklLE2U0;x#Mtig`R@K=Sn`bqxS6ClmDRK;M^|@4<+BLck1Q$rb+fGm)eqM
z%M92oYpF$87^QjCZ*m2MD)9bNl~TE1HW0q2;Ti9KWcGbpyDQ6C{G8zd{U2iO;89P8
z@x#t%ob6XnLZ0otI86KR`~2;XZ2gy;-ZPN+YvZZp&j+~qsi_J|E<i?8S4@-G{;bO4
z*rxFQoD2382~P}xN~tshqg(RAr5t4>HhRn2dqy_QmD-!pa}TG)8HcNuynC9>#=haf
zAw*FGQ8p<3a~D()l<U<jt_UONGI*YcdcB@dnb?i(+j|M-K1J~mp(ejhieTWy@bxQT
zfQ%LoQ4+MKlE88$dEZ*0l!ENcjWM%Yng3g9?Y8|l@^OT#RIBHUjwMn_YWJs<cFIHF
zmH1x20HxR%9RIa(URK3^2rl!2z^0&IuY~vO6~C5`-bt1Cj*H~C6jGfHIv~soka?ba
zFjueOz>(pu-Ko6ByiJ}n5Al@iPFmQQbuPov9EbgB9qW<gR$;Cl<nm>H|0Pc0#4nv0
z=>+TUwIAra*xw+lCCOvza%sjEjZPdg@-eB862Ovj{^}=_{`LLh&L3xaK7MLI_~bzO
zJ?mqyyt%II$Df13`O=F!?oYLTY`rgEk<FES7IW9&&S$PzwDLQiG5?cj)9|5)x&f#A
z?`4@;HsiX3S%Pb9<bFKM@LMJ`f9qNAZ?*FNR$2Y0Hg-RqMDdf;spg`vn_jv-+x%M(
zq#N!O%Vj>7dkQbd6zA+k+|Jp)?eExK*WG&G_Rrq@&f4B!b#==8alPxuRi3Yjf~rj~
znM@p|RQ@14gWU6kKqv3%S@Xf=9^E8`F`VcwTV{=Yr~Kk4#^nE)obqnCG;vd&XJ+O1
zK0Fg}LD3}SB*HZ(hyd)7$97s#a-G^oVYvfXBZ|m=p(2V0c-h)uNeAX9(=3LgS=Oc*
zeB)7=u^eX9R)d0zaT*zeVx7S%b#puw-zR6$EW(kFcz4qV5~Rux0ytS{m0=mZEYj{C
z_k(d%ei&~V5NCq5hd7CkT7IvjM}NxVpNFu`v^`U=QqcVD&oQajuw)@9i&P^gnU98f
z0s~%;R@fM@&|Aq7S7KbP6L*NJV-qZtQn>{Q*0D-Q3r7m=Q^_-|Jhv!?(5d>qYU^Ed
z*e;;HS&mhTya*~XK^P*T0twhWuk=qy`YU9K0;r4`qg|GzE>Cm<AE6hh&@Vy3XSY<&
zBTxpS`ScVa3sFGimpFwK$3W_bk!2jmeJQc{5H{ZMSi2_m3$q~J3XmEUdno;uF*Wq}
z(;S~$hv$=biL>x1h-1GTC1tA~<`O4$OHl5zE&X)I;)>!SRzLZQ?4D*^+uP3mpj5B?
zM>CqeG*t<duK}$Qr`d02*}xwLQ=RtYor9f0>+Y!A^wWb$`X}`?dfS6{>$fhe>bE}l
z@S<OTXwUM0+PQDlZ4W&4ff-RauxC`|Z5q!R#^wHV{DY{S?jAmV_1!x0ogLr*!nb~{
z)16wH#qmFipg4SMgcmq@51*ijIn4;{olU#G=k2MMD~P*MzGxu8f4^_v%yaTZZd@e#
zscls1Ov7mNp!_^|nx-P#bLtB{J16*%2OzhOcuFJccJA_ZZF=#gjqKoe2;?QU%%p1_
z+_R+hN(t|Y5A0Bn2W7F&Nh>&#SV6dG?O1w#(CnpLz^CUybFq;3oebNQWjz@uLRxaG
z-lKT)1;erSN?1bFjxZPw<l)Et!Lp@%<$5BAkLcG6*!{&yn2-c0eso$LCS60{vEQSk
zqh@B=jAmCalf?&GN<=<hz0x$4XW#{1zF>FQPs7BPRw2)-&nzBH6Pmsk^i>p_R+Z$H
zavjy2+1c6reV@GEdHqw8V2&g%j;YiwsD`;rhjFN6K}g0_tb$=!Mq;x(H37`s`8dx7
zoODMN4C$lvO$zV35|+muXpBT37u9RP^vpC26?@F_)Bb|`^KTAwso!bEC%r$(v3N$_
zGUAKkA$e9W+w)ut`&}w?@5xw?bVVtZzgU{N?2E=Tf9>sgSc0*B?uP*-Us-<J16wkz
zU28W@ZL$zcll;#ZAs!1#8cfW+9G*WsF+PrOM9y+-wqCz=)+OoJmFfxhv%EV`nC35A
zTu+m3r<EoVXlO;q-D(<Vs#dN3>h_`SHS{O)sY67mFfB!KGF&cKQ7)D8g-nF1kW}j^
zWwV?p@aWcRHN<fW8>e4cJ{&jdch~d(Tq|jX_A4R|7x8(>ayLg8pl}mXQZW6Zcz~Ay
z3#BX1jv7d3s-wgl%%G#)dB)HWpeZoLvLgNinKT>@hyz6tDn!#TJnk~Ppt9FF_IEEP
zM9{Jl(EyZE5PbM}$eUF@COim2h8>^fgNw1MWEGEfU!#ee^hc>229~KwT#k9RLInV_
zkjcMA*V;p^Qh8`<YU<kywR%W8zZ6)Hii{k^c~tT$l}i5qYw}8t_@P|6QaM!DkC^M=
zNa3?;wF;@b)oOvPLH0R(v3&*a;Bt=XdE}T<pRB~L(QIJ((q+BP$5BdEWH^~ZI!~ve
zlsP;od7612<Ipm{B*YC>-)?;UWo57~QyJAuZWTCJxfw!e0;o9sN1IG_w>K7NTd&_5
zZ`rsd*|KqqxUu|R5H>Q49HodmPF*PXZ|r>=O`ZWK^_&(uLn_f{NIOn{GiZBsG;N>$
zii;YL7lG;NX;j0|Ixgn&qdX#D9p`k^jh|Z@SoUL(mruuW>Ueq_${6Ld{dL0yrrqjN
z`LHm~f|4F0&@<L9B!0)HG#hO!8W?Q&nfb~lDjpNE!@;~u+MGYCD@36XFLzc@iVHP`
zn>-6C)n7EhI+4fo19HX93zfJ>B(|N>ns<sI2;ggjG*0p?j-Ntw9&;OGdSOw|Ii62%
zkGy2dRbVc2-zRknPJNn-ev}jQz+8^19u;^D5A9lcSZjT$WKpUIlhh~A(he{1c|_rI
zTr%R3Td5k+{|>q<?w^=boFwhhXoi-Kl=4Irm@G*li<0C~?4;C3CtqE}&7av6amh!n
z(P>E1<EC!6i!8?ph&o-=t5kSt8I*CBLRpnKk0Gfa@E#Ms(11Gmd7)`fW;*R@*J^c;
zPq@Pttn+!&i`G4dpQ1L<S<o%tK$C=eXt1t~el?6dA%Cw$WKYHs?M4ZdF|k7MP##O`
z23;9uA$p7Za0uwbMV#y5CEw@HIhe<w=X#IN{{C(EFKO5~dD!EmN0#Pi><N!POu%z)
z;9VDPy6nO^>&M~b?TLV(r0l>{S1F^HiSUtyS@uy{ln<6HN`qKE<h=z;^Sxs$0z=`R
z;(EJp>UM~km9mRTAA2jOGb&QDtLjIJ^vW$Eii(Ktk<=?nic$*3=p}JbFQuJ3SQCVB
zxND47Ar<(p6Lo2ci6P38V|`Kw4sl6gvSZ{H8roV{3PYq(B*BMBef&XEzu+Wpzm&Y*
zxrbW0Oy6->KE|OtG<|E8UFDQppVz_G_v^9JcVgP^bWjmHK5Nn1gNB;4&i-p<>28a0
zSS;X@uV4=HR7$?lB+84WHAQ}a&ZmqyeD+?^Ns=&$hoBZXdXDRsuX9t$nfn$~kpGN;
zQVI;4#}t}n3(+}ntK3W8$lc@k&}|v5<7s-Y|Hn}!FbilHl!G#)cF;1ozZ^Hek2+76
z;~-76@&TlsQ~}tZ<!~P1ABp2|UI68;vT(vRWC|W<u}-BFoTpJ69#jaV7GOO#8;p*6
z7#r*TGdau~0vz^QP<sxW`z(#nXKA}nxY><XJD;Q{Tu@QK=|g~40xp25n3lBx6sc4W
zklF+@?dE0G!NIqS^<$K0{Wt}eyjQYscJe9Ey3*z%E^Pos5h#en711V(oTbQ<>J<gy
zK&jSg?%DU3i)oI<#*L4axZ`kQ+SLx1NuEA&!GzmiHlWl2`6S8*cqwgu*u}{uUfFXa
zBO~6J2t0-#bSsP_pXZ{el}dr~C@{gR?@F8b_}H8MvXs1D7+|*9aLbo)gZJ1}#}uNJ
zLQhN|l#O*A6vF-kGc>WM(Xszd$mqnVZtrPp<*AoRxtS~*j*A8#EG<gCT|eN3CDE@C
zcN6$ZLq+(wD2n-yv@z{M?%qqo0|<j4KWg#307}j8r`}(T)O!GL%Mn&6*X!uNSFk_f
zF?dR)a$cVtrD;|r@98L(+*528P|%(|Y5}PZpM<%Ev7Mwi#5hW@kn|ml&(kuGgdG<R
z4A4@QaonV&10@KqLg2iUP{jsuUO}o-b78O&DzOWr-ne8JC$RODn+!`nQc8i=G>H5W
z?dOp_yZvSqJ;$qhPSUSmx?779vVQY=Z{#f_-e|6jz{vbO6fxfHS60UJxhhS@xqgvV
z&-E@Ix_|Xj1%tK0Lq`^&XC?yUknbYo6W?;z+RYN=JJ(tj<!XSI?Y{ZK+pl~^{vJhd
zAwF4?SQc=#eQ9e+ZK(G8l**1rYm4F0OQtQv+R;C1fzu+7NE#jkyEC2Nua&*;u03Fm
z#le?+eNQ>HRZ%*tx!swh$wjN`bz#54!DpouWw?XQvTAD5Uub)S`G3CMwr!iHAj_4I
zG4@~lBs0o|cq0#;RoQo`%50oQu#VzXUPx3H%AqHq0s3`Ln7dLcAIA3-cjoG0Jj_iU
zcXe}d$Liz@!(1jsSI81ScAHO!zRR@`Sj9N@ho1|&M=9*(Js2~zXhWv5u@o7c5c}##
z5MoK}HZmTyWO3G$1u1S%n(0SGQQRnJ@=UYPTaI1)(B!-+)(@jJ6bboS0<L*II=DPz
z3>vd7JGgt$9vrvO=kD|r7vmISX;D<H#OfmDijuC#k3yQAolkRRE6_92Xec_zeCPA5
zpKA`&{v%lLqiBBwJ-xI_Y(DZ{4nvOZ<`EamcJ?^GBy_CGEZcc$uCNkYX(*vY&PRL@
zCB*m|gTwXz>D01!$HV2ymf^A_fy`?r!3211fZNE;)1!#N@>TTxIEn>oGjdsjaWak&
z@@JhZCo%_mVK^5qeJ*t3c=})|ROOBI<H=j(dE5|i#?xDpB*QE%SCwiNLAiuRV+K*i
z1y#Gc4oiQsEV*NiSSdJRg};wWu<q}nO!jf8Q7+(Cb$^D+#t$W2xKo=TU&L9uY^HK)
zLwO<j3<a+!9-h@-@nip^vWwn$_{A*GsvKG*^hwI;ljXuGBnpU93QDQ`+&PsaC!^nN
z!tSp(+op;U5Q~P|$epb0#zm-!;1hQho*8tqRyE1eO#24PQ?Q%^d3`waWfh>AuH9|9
z2oV#lz>e|`Gs?wXlp6*t{5Jihw(r^R3IIa;1Lk@9zY4CUR{Q_}5CBO;K~%f0d6UOr
zMLOawZIcCUx=VAAPTrj9Y>6xsef%V|)Fq^pg71e2bO0M=nX&pk#x-_rdikcFi9`|~
zjmRJJZKc5hh$Yqa-@Q;uVIh`>j0$wQ>>aI^BgdCOo`CW>u2Iy1yzJU<2abFZfFmbZ
zNbG#DglCSFM{u8upXZ$mS)e0t$b@0wlu}Sf$s_!&=hc*Hr*dWXDEa!)gR2KEtMO#+
zNm#!qdA2U4MoF7mlA_ygA&Q#+%L~H?S2m)*>sG2izq@Ilxwn(7T65m?s`Ku={DSlD
zyyk)xcVD}D#jRKLD7$^tdC6_7FUq#ATG99W*REP|tE9Ph_0rAjm#rFmW(l;QfO8sD
zUO+h{JWknWq&;UdiEuuf+kgCR&oTs_p9}GRA#P5yRjS9**3O?+{Zxhfcp|{vj#Ju$
zAC%DMt~KKEM;Q7rzJ@gp9oK&5z;OB7cMR@)EoceAcrKrM1Bzq1R6fDE8yV$<e_+|<
zm>25*mnID)S<IcR1&oIFJ*ozPY{KLPKVPwJ)<DO&om;!NuWZz(kDz$u4U+#>={tP~
z7e6=_B=3pH%b<pQC_Jf@f>J8qZE+_Lu@)$$kheu;P$m64YEXTD&s68#yDw;8wsh(4
zCEJIlYa-B=4(@#B#igyk(RKU2R~x8*dA2oMvT#sZ1B!hB`(QP_45QUWk<h=Cg7mMO
zrsc9<sbTJt#a*l{BO@dJ=mAAU%|$=P@ya_KoN{>t=NLyynx0c0Ht$0-)m+LPV^azi
z%hwm>oPPb-dSB|qI2(<FF767YEn@MIvwGuoU*XlmH`7!`#k2#T<79Z;6ekhHO*w{n
z30yyrIM{CXJ7~;Ktm>>freBpDC2vSM(`lxpi#`<qQ7B~GeB*)L$w|@(ap@ChKWVL0
znsgwFBM#Ls9P!$ZIjvLZ##9i=lcH2g{YsH%h_{p=&xTf(zTe|~(ORBT2wwE<FN^-8
z-nsI*XOGgpamu)yKj&vsO66fvuVzKkCUJA6h;deU&m=0ZdkkiN-lO<coyRVgrU+7=
zRCtD30R6(xba*SrkGWgwv{bZx-=7P45Lh7Aov99sviS?k(taWEQcA(o2AXR`z-Jk0
zUja$nts0FtCQ0;RAp3VlZ%d86&ocqZ-luf7T~++;sQS6<RfGGIaxYBRg8RBAV_c8C
zlJ~F+yX{p$@X)FiQ(suU`Kn*IaOvb~QFcK~CKlKSoS~OKL)&%go24El6AoRUBHtZ4
zrU-qU5Qw5Ap#lQmE5Rrar652;q1$Y6=aF>bmwn818%s)q)qlS5vh35VesI~97~^6k
z6O{`T#1+C}F2;>=K_wZP;ES3!RUcS6_3l>M{@ZRAl~e9^{2)N76y}zLW~U7kgfLKO
z&$QsW8BC&YtLV~eFW5J9-^9d3dYGCH1an7Yo!L?gE88nUg^e{-i~}6)vLftgg-MVi
zG3nYYaDQk^?zX_g!$~=wGNHG<K2-mYRvi6a7=#;I%?>=z%iG;)x7lKow_7O%%>_b8
zDHe*}B?4Q11-P4aYi%8W!<D0-Zq_jH$lAaYdUz%LyX%eMM(hYgF(77MFXy~ZDsS_i
z_Ir;wvt(fsV(Ln{{3pp^^=0z^Vd7?-FIMZmv(9IIfhZz<T93^}lp-;8&nEU+^+oj$
zrz+E_jo<|yWC4P8`Ag=$@lg&-$hs+13XT^(mL~q6%hAVz#*6KeTNYrcQ~b&^TxT7Z
zL<i}cC~<<H#66aJi=-@?T)&)0p2a4nIt*5fIn=FKzh;C|M!5{B>W`oBg=56w>SseC
zlsSteNg%&NK}B22Vy*?;<IrMRL+=IZJcG+W4}3`Z2c8c2lv4RaKYq(L9#QmvU@MO~
z!p9idb!<#Gc<ds5&F20=;^A@#zEY1doSht$)F#}p$j{=e#(J?PjEx!QJ#@d>NBI_+
ze2p4VcYv3a<*39EJnA~^ac1+e<^yBxqe&Qx<b;puTDn$~*}!ysmOK)dX$v9oOT4(`
zT85=LS(Cd<tjS(z{p`b;=eF&h?SAb-Z^Ms_>>SChkgWKuyblfhS=p7M(N6>fs=Bhx
z<X<N-v=RVGCq|`I!SK*fZf+K{v+*@Wae|KRz6{mimJ9V&pI!0owa;3!=X*ZJsdNef
zA_avo@5-MiMklN+sw<*PUO6yS`Onm)e`HEtX<&E=vU8RH3Y&CefWoI<slz4~E>Wll
zbqojfZ@Q`WE6;nRvTb5w0g8uIJ`P*oZXaw<H@+ltsX5hvuMN^TJ!B&#i!3mGSNu6~
z>6d@H=R68HZo?Es>r7)7wOS4G8xT=D{w<ZMH`XcxDETGgR)U=qrj*T44p1tGfb!Ml
zWRZcrlYS4wGaoU2b+_k7_lH5erCi6IgNw@BSjrdE&frq9I&eW`t$55O?R#{fofF)>
zP^oo4u^qB-fC4+UX)UalHtMYX!G_l7ivl7!#FbsMtl8jklPqHUR%g{cQ}MeIn(Jpe
zjp26EfxH+jJKiXYVAD)wKDvz#I<s92RtMn4`fv1<dGDo-y8IqPDrGN(q@S_?Z>raw
z{BTr&4!J=&rPQM^?3d*f1VbpINiSW-uz%fd+e)QUPHt9b@KNvaan1VmMk=jL>y**X
zI%{R&q6WesKq-}vALd=Mc=jK~pQbVEPLbCw5#!L}9Fdr2l-8c5qIhiFXlJWUa!>|G
zJ`p-nUa3>YR48+)&C?RU+yw*{9QLB3Fe*w4`)o?S73*WAUIBX!MJ1}AuaC31mL-Z6
zO5&t#nsOnimX){X;rzwW5n4t^M@M__Q{d6{%fddmdUxJNt@Mm2JK&Y~fv()*cVyI@
zSeMi(V=$k<F$Tw63$dMj*U&Gd82%_?xb&${j%uakm*4xLNPv(r`iGU)Uz=>E|M=kQ
z$wlC1iS1zv_<0uHM`yOPs58gbR0ClaxF;|K#|GFLk=lpOYJSb7vk?LppzhZY&9u3g
zv=OyCb1&W*9*v~j@fwtC0gpuDmjy%R|HSh8L#tkS+5f)ibsK(a@e9^mwrcF^mFr%-
zZeZ>6)()Qk;&rRmy!_J3&inqQKe_JiYyJVH_JcIre+s_4DzY);+P7~Xk|;&BT%&T}
zqa2hGwIcXDW~mwOq-Q#R)1K|V{QhU%b^n4D4=I==?-^A5@DuFco;nxBj0%nH&Xr^2
zVQz`ag`&}L6oQh>DVOuL<&q#&uhw#GCU;N0zibx&8DjP2td)GjvmTnn4V2I#L?x}b
zLUTnyDFwq_qm=C^M4e%cR4tt6mS!4jGT7DKG+I75Jg`0tO$c6d3nG1wy)A=S0zdmV
zL-P5jf!qbuyaZBblt%0i`{d&-m4Vv5YH)C(Ys@d`!OGM2b+hv?TbrzU;DM>9UvN?P
zf9V?T?qty)(&|-`BRE4VPgpMHWmY*>o-**^q2gCDR2|0jp6T~5Nz6MgNb4<*7c~>i
zs~v~C6c;Q{6c2fq22@nfPcI*eQF;ei^GBRkIc}PkBu{Cm!<7Qd7|SI)3$2ZQcIDuM
zD;O~UK2%nPacJ-($9WuX&Di?$QfJ@Eu~@~SL{996QisZp{g;e4twDZep!&wTxn~e!
z#_z>S#y&}i_<JrDfH7KUq~B8inpdqEEXUrPSl!cwZzR#7NaB?06{A$oP1DrpVEn`d
z)qQm|8qzNz_U#amNuT%ZQ4>oioV@?gG3}>kNG^|$V)+0pgnvCxLwgF%b_3j)ysbG9
zUfIYRp8Wc)Sgz#XGmMUo?*D4+82eejyYA%3Mfzj3zRNQPnr+vh%O)C<Qi?SwWOO+n
zFrV^qU{`aC$DAu=L2@{dCwt@HpKJTWB_3euZjLNnOGPr<PZ@fCi|oe~yf0s{c;5wi
z`z0IBo=cxSO+C3S6-je)ODsw|9SHp3GdF%An~k1j67TDEuMU+sRJ;<ZUKxS%Q3)$Z
zxv4Tn(J+x<-}FBCB|le0c!s)2mCa9NK0aAmT)D#wup=EP&t!`#)3xQp4`Lv^qcU9n
z<V@6jW2shNl&TEvBtlpzqf{y(^n48024JHMX)~g^UZac<rt2PZjr5hvS5$s+`)6;S
z!8j!dj`3n1|9;$-bdnDQ?1#=2Tx?m0rl8Vv556T1P)c$42Po?(oE&8F7V@ZB8>bO)
zu|?#5$8^Hq-LWlBcVP2O+)VzU9t@@f;Q(ZjWFaiTz%ma%dgZWOr4*wS2qcd!5=N!4
zb{@Hu%2*eZ(|fPWw70t~CiL-x`p%sy=3RZEEL92hqgV^uuJgWV2lRz@SPsyN+wdzs
z68=RdeTF|2{(0uR|0vhZwprWSHn?=)KfSW|UgxQ$ekH(cvjI6S;sTeqzcD=v*+7c2
z8c}Jj`PFXRihq6}bHB5xv?*G!;xP`{C2LuHC#ZB><lV94f;+DIBZR?2@XYU8rHm}J
z{XX?w>0965ccqWw??midHF(S5(#3bLx@E&3Z5VszA_<=($vU4z?{FB0Tf2E=)rCKH
z)rXuh_dBhAg$f9)BM&fj=Exh`Kq&*clwzQG=13`(k8xr%=E;6(>8h1mS0-1yn`PE9
zj(%dPN9WJdZwcpE=1K=PFTLcRYyK!0So8oD(mw@IB0cJsLgtf13N}hfD9BG4lvclJ
zhRu!3&YOA8$aNzIRBR+2q&~16;tGKm@m`T#v1&EkKa~e6*DFsg2Nhz*@IKW1U@&jt
z?{=pJ%f1RP>Cil9$%@6_t1dqO%iU7>8IP=e#1kb$-lGs}2gb&<D3;8+|Jy1q(|0JV
z?#kyBn`NkgfUMxiz*cEw^T<g!Ny3Ht&*I9nkYjowDMRWJUeHdXM}W-V10*>~4s(~K
zYmrgo%lO$!I@e~#{`K~u>DrtE!uYe})@MgEPfaT=ndH=zT$Fk$5xC>}AAEbq7jAuC
zd+*G8+sQsr3#;AsYzt+t1V?2gOK8Zp3ZCa-aBz?dQG{+1V^)4i(pN}52g}`1Oyxp_
zJ`}?y8&f>0$<WOr1l16+OStA*cs>_Bo{Mvb1g?nawz>f87_1H=X>@04ZU6037GHhe
zlW+aPrjKn(*l$NVu6xs_P08Y*^5>mK^RL4ofH8&w=_p09pVBTx;iZ^VlcznWC>{-r
zGyB>zo!6F==>3nxiz3L^eK*4HoLN56o@)G7)=gow4}L%?wVyOpUatZkB?vVfM3^h3
zU??4p(g;HT)6RLn6F19A{eTG_`>%0k;)4@X0GkH!&o!H&N4hPV-6l-Q%g4qAit0xS
z`KNl*%^76M!l!Z~mZ_Om6YZ$W=MdU6@HuYfa+&S)c)V0ar~~qb#iD^l-`w}m?q~Sz
z*8kc1^sNatB4Z1rNpy~IkB#MDS(c-bHOXzO*KFSKS4w+3;Hh6#2CUTO3%aFpCW|b1
z^<8=&b!*l}`0_Bn6rf4IByW~<RsZS?T6e5@{k6Zm?v0gQLHPgx5CBO;K~zt#%R<Oq
zcz(pf#LNX;@?%fFe9ezv`S+$`wmVO~%^F8W(K)XQra8XOK`DjY&y4-M-yWq@9^}|{
z&7+8B)Ee>!O7Cl>t-CJ2=V?E+?#1f@Cdd<w^%VjJTzKzQ7hbmgX&?4V!2_8}f3@9h
z)|JYW<$Y(8yk2qV*Cl?Xdg+wvxwN_fT9I|r%Z8T^eR=nV-T%7*_g<9uS?U~z>es#Q
zJL~*q-@D)^%2n?s7pm7JNRiqkS74;B98dA=C%fOLxe4(&mqZ!$LLaS86TA2AM(VO>
z>p)G^2QT<$3;OvFKMa57!5J-95K%1USV^oOQqa(V-DOkzDMf%~Zb*L|57{J6#!)+V
zh4W8b`Xu;}#AJCmi($W!lLW}KxIN+wW<t%u(+p4?OR10E{AO@IuF7yWdK#i^XP$e0
zdARhR+%hx{$%eDxI%^twHh_6fweigFjJyAfx8Jetv$wwqySht47rd%F8-1-+eFaoo
zO}941t+*9;mm)3hP>Pg>;sh;F+$FfRI20-FTHK3kkpiK3p~anG2@VaG8{Y4KzkC0+
z*Gksf>ty!K&N+MLIkV^4rnT+%0C{G1!-<2o+3|24z?oJ>3TF!~Mnd>ojN(-9Gn3{s
z=@ffi1L6n;F!ShpSFO-_>IgMCu4=~TPiDl>Qgd%@uEu*JpHQwaEI+7#f_5iV<F-Nu
z2TsjIox2*oL@4%>fRYg#@2)e#SXnt<P!7q2m2lok*_c;HBtw4Po2_W(X{mLXEgLOm
zy?>98t#!XBQydGERhQfs0Jg8U;j317SWk$nadF<fFkv#Y^U<hs!W>pk>wB=HRdKn>
z($=n$$aO^KLk=<3BHyx8Z2#fC2rp~9FTp|=V|-Y}I#W-PU1)&iE~N8BOaSyxXt@>1
z%K_i}nLH?(H{?V5ef+#BVz!2~IldXuS!rRK-4?j}HL0C8W@a9RL!dP-3r3wUhs2sJ
z<<t96e9LyifVB_M0@L1vn8_v2@~)JpX+f%7X--Mu?`2f~T15MXPaX_-SuO73*5Qsf
z)*Ib;KxU3jtB*V1FP*&P>%|Ba%y=q$zAal+*-+{*o9}FGLeBIgC5-lMY5xNFOlv2%
z5v7DqZRZU{`&j(?WT0>7l#9}BT4ZQOsnp+B*cox(cW~a@{K4`5Y&v@SuA9W|_p;Yz
zcDwM}yyjwWy^HsZKIU^BW3pS6`HY4x83Nvi#MW;rGuuiJNnI4rJ^-7rt2U}g&4O=d
zJP%W6Y$~*QiFBmwo$D_MKdMvSTNW?T&KHh4ICw8|>Z@ZNFd=wmLPPT2R-5mrVQX3<
z^G)*I<<5Mq8E6#&(Shzf@jdn1T?e9`H65&z$~!h&KjQUxjp4$wGrae}(z#q_LJ=}W
z5q)2@g!6HTZ!Cz&E&@+AdzZ8%-ecP!jO}uTmQq<nwHjp|$q_~=L8MZuNYi4X*uQ8<
z8Igg^$^q(68oMc*SqvDu?l%?0mwk=qhZJaQdutuoDX-7hEiWzxt)xv#pJa|t=KIxa
zyFl%`Y#T%`625+1F{LoCSK?8YEZyvrhYTV&HaqExjVlKT)os04Mt}&R>=*dvPiezd
zZNY$wh=b(!_w|Q=2={BdTN=C|<el80VAtUv<6jK+Cg4;=3-TD-4?LoXo|u&{_rEm$
zW@5Q~j=OZn82BlT<>>G_*f#L5T_QXajzza$H8%fn(Y>*IOVHX$$uo}jcIAv|&h4$T
z6=DqFG?ntf*gPsEbk~Mo%J;7Lbws~T6rPx4oXbK>U`!_TVIIZ!+=zcWQd{Z@w4`+;
zvF#ULglC#kbC(nB0oM!2i*<DjFRo=ep5v_~D5TdZ6jBTi+y9f75rdKOgX*JZReT?w
z)|EP3%NUzMy;70C{=qAE|0<!M;BM;Vena2ew6%hVf}QpOr2i*mc$q-TJ#k7d+siPg
zh<2Xnh2{HNq7qD@S5GF-6=)PVM-;YG{IF+Gm{xL<QDp9)z-QhDe)8PP%&?O><Otfe
z0ejgjO;s4~i@Q8u3xs$jFd^AEoH!J5n9hAU7f@t|^R_1Lo~Ttfv069Yxo@&WJyod4
z_VNoz^JKbzGJDxCo#MnLprT@Kh-q!o{}Z;aOrG*F;FK<sH2rJRP_08@XJ6$IPf{}-
z{w-f1G@Zv952Jz5jZnE%<mXn2^b7$dTA}_c4Ibn5aEr8d>X%R6l>vT7&<iz-!3H@q
zg*=Oh0cbS%ScxK}6S0hCA!6u9pbQ^z3YmL)2-qB;q7V?cx#?E>nwmzuB=-}ov++8-
ze9qpsB@1%u$c|noNa7+2nZYx@8%e&6pLM}YSrhqLL06Cx)}|1FTaW7gfa&|L|2Zhy
z-G?)IPh1blxd}Jm9o*3&b3-rF)l6=An>J6R4mEnMc$y&|an?PwGt~S$YUbBl(AUlz
z4VU!_$9zvyE&_fmZ7z&ydu2&1B%NGhXwT!>c-I5~@xuL1jp*`aa1WwMy){*@)IXVR
zwC8BwaG-n6YfeSyAh1bruIJ70ZclYKn<0mK+dBK}H})*pP(_;7!x7{3@si+m>Vwj0
zQ-9NOHV0VeS(;f8vJUBT<JJ$lT=CMaU-H5P{)n=c<$#Uap~>r|hmLnDy{!je1jUDk
zt9N>f+UJ-ceVv`qtjcAoSF8CcM!ThdiYW<KpuPJtfw#NJ+A4#-G=>uvG^1^|bsd+x
zV8;vN-#_MT7i4R(F0<otsWq$lQ$o_5_foI?Cd$Iz2gy2>>6fm|oICXNIPs)@=A&sT
zA@k88CIG6_%deo-f0k61n<ej6ikcz^$ut;6p?pyL%l(&4V6IMx?=Cve%dD#NAP~*Z
zJV8@Eu1ev1WO0~*z*9M|#@mku!7q*~*T$~A@|{3$pZYb`G>m0e^|X6fY3`fz?EY>x
zM~E#`IF4YpR^{tA#V4;w>I!uNt(zUb=B)OXB`^1;ix@`3@~f>nKa4ql?%MYr&31-y
z2+#7W8t3h9d{{sh4Vg0p;(jewTd__h`F^=nlYE?|Uh7`fo6F<1RbSBP`LL?&!d<~y
z{fCveY^6TyM`7LvAblQqX~SDHRsM`VkBcV)L%1e6(>?`km;*@)D2yL?M;&he)#U7h
zq;FTrd8Xdm$+YDoPrE(&;~74hm(WCs=mgU1<O$#7fmLPeW*1d)ho2Fq!rTigM%Mc(
zH&Z%>$95^RSXa7@xnHcC{abkNr82}Q*j~H<&Nw!$&T<1=X8lXFuh@ZX-8L=DE9WE0
z{sZbg-Kw9llsA~6R0gu7%>L1SB_;$mn<VrZT%As{scpbYtK16v3%PdY6lVc_p=3Xw
z4qmH2ve&Lnj-VE>pMGm~lb*6mZjF_&{G63Ac{a3a&jd;My$FmhL$Y7@j~&K-#8O^Z
z8u43j@%Fbw(%M=KtszN{!Z;uFT2p%}kJ8Jepo*VA=S-joD5iL?PoI4-0iU3MC1Why
z&G99uXh>jgaK{l(bvGw%^u<)<c^CAnDpW^2qc2i7WGBD)Jz6F)0a59z2KlTUmz+ZP
zijCRSYY_8fe67D=!lA3T@y(I#ZiRiRv@Qnaj?4qL!NP{jMYH7f%5^xf=k_EWcDJXP
z-*cZ%zxd*!xF&aiMZNLwnY3{3O)aKf3$X5mM6*#75QyG+wgKJv0@`0PyPvXgMnLKE
zJK^e`z23JhKr2CpGFBok*PEMNcAu1n%cg8tH$+&p7ts|tCP2_MVT~kLuUXQrdL!kp
zx?j7eVo&&It&62?FTx4YV)yDMhldW&X-n*A{;>6jWM056)WIhGA<b!AO8Wd@>}TzV
z1-38bPFw}YYn@rKe>~<K&#%)2>Q=e%d_QARDm|B_@Z(w{&4W!pv(o1b(^I(RZ^P5k
zEPgS&Y|^@LsorwiTLFwu{~^h9xMbpCA<<ctHNICFd!_3rT>h#iw=u(*Uc^X1plUl9
zT5WO(?UV`D{}>pHt{4Zgj3jM4Q#LqB6$)>8>v)VCEhLf8TKzT|W_~anEh(${oILrt
zn<#G2IW_Nn;t8D9t~5t6X%J`p?b@~a-;LKdQ6Eo|TO9K<%!4^P-bHLnw`qPaU|>I0
zDGHKsV>4OXiOJt#y~HC%tEgiTsQtw<|2_9N)bY6O^v6U%vQJ@9<|gH0gB#W?bPvYs
z6yv>~dHPxUFd1s_rM9^9Jw`H}0lAA&dj-go^YT56M3ztR>|N!jUphDW;|mpKRu#9B
zzBnd5IP<U;K!v_Lo)T3=y|LcnI6=VHlgx0I=u`z`z^NYV8;7Ek*1D%8^u%KcxPIWR
zyD5O$X;jp0p@?;A47x46<Q=nSg2=4U@{?aq>tsrH?O%1(CTyhg|N2I(`R0FK{J|_A
z+SeW$f=21#xR??pH*g6omWi$>0S`QrZ4L3T&ljgV7Ld93Rs&iW5`i(UPDOQl7R({w
zw=IZ!B@vGLPO`-nXz`NeeCF&U@_Qbnf!97j%uk$kzlRp1B8yH{Jx45R*}T7#Ez}YU
z&5F9go18d&*}Tw0utKn6Dw*H&g4kG-C;{y$X8?o*Rflm}+gXV~LnEp&X-Db}8`f6j
zuEU1(35iU}$I{qC!qwm*J{S9MHow^nuSV6nBb+(HIO*I{ifHu!(@X*M;So~IRRy0a
zc?vanOfprh71$^X1}!DXpP-q>S18b1a*ar;k!u%jk`(m2E3HkPvya}1GY6@Mn~qF_
z`&*vU)Cd&$>n-0@+geYLpoXG`&W49rDl2$0I@e~L6hg`%RL8}z{@u}e74jNG%j7}+
zL`uEkYXN+iR<s`>$-D#P?}KM|#%7b;`U$q!E1YTZJLwkRBQ2?}eb^fUNfmrT$GS>A
zhdP+2r4bK49|J{dfz+1aWr88c!xC<Pb`>@QFW$m>s2YW1UCG1M^Gg^HTgk6wpyJMI
z4ELG?aI{<9KDGnRlsvbBUFT@Z$=jlOf(A2_Rl(zkZ(bofk#SLPP~E+Nq%k9}X*2I|
z!EkzhcI|aTLhgf6EHxf_UOjfybMgZ;^At#nIUeEsEmJs<(bb3;a0aERaMQKXeN|=D
z=(r9Za-d$|sM<LztMI|MrOypf`E==ik9Mlj_2E#lIUgw6eMFfY=%1H#v;tCX0UeN#
zwh9QUdS*^^q(7rEsWpMP?{pmM&YQYOHXR=30oPU=JVsvr^ksu|SCsU3Rt06M@K7Hx
zUX~*`aigqD62B#wa+ZG#uGTD?cs*ldRTcA!9GeU~M;JThJXjERBXq8H560O2E=ab0
zuVl#XH*A1taLu2>&Uu(fh>y4PT~mA*jt!W*>C!j3DKeUyx(H<eS?!Cc0&v04HC>Lp
z>ETc)VHU+Jj%{pVS@x7-1txC3)9KeUE7$O2DR+d83*yrXG;jC)t?HYx$lZWMU*=(6
zaa1Y$Cyp>LT<K!$B_S6<kni@h2f?~-8z1$z-sfZ!F;65GR`|g@L}E4Aaf;C=GVgLz
z@)M#d3UO_%1fO@<B=~8BF&D_Ki!d_wzF>|SmLBNDq|prSdRG&m3O@)?$6##2L8a?^
zWr(F2=qb8_N{xa-=%T75uY-b?*@euhHx_mkdr%)8+gj0s=vVmMr5Bw&nFxmujouNB
zMYeUj()R$Kocc+q3hdz{0yeoBZ2tC<jU#)*K|~dKXedLlLbEV!r!p;}a<=@I%UuLJ
zK6?*~%=xq2soNqE;0(wj3C>k3)q$7HU6lztO-D-ttc>6o);4_hJBxu(Z%-8@|7mVX
z+Rn~VN6;ZX^jGgsf%A|?H%6U)GKQxdaiQJWt4*8yDGBWsB&3TuqM+@Cm?6<%ZW&y3
zT=dVRp~i{qcBpIDOv9XNTvV2A>Dp4WuY$hvsYMbIbZp-J*(vDTY(V;kc}l41@XqM(
z05{4T>SuRTimglRvNXti-`M2QEdJK>H4gDn=sWPr-mQi9uKI(QiIHd@oW(<Ve6F-S
z(3XBuN8MVJveSY8Zyf02*;;>5C<ZD9s*Nyedz_AruzPr(<PanF)V?QUKN-CAS++lt
z<Z4ExohAO2=_~p+MDYpo7JHBGV}<SbiQw{!ger(p_u2bAG;k;7oF7Jw9$KE(i3p)e
zz!ocX)LHB6jLCd^x0H^&j6k{1QJvyv%fUr?49+PTodeiA@M^2<1O7D`c=(x&obov?
z`UE+;61-f8yM2>Mc8WEPXqsDO$h$59E1E@IU&SKm$U-|nMg}{Mi8nJfUK1^obE1?e
zb8ISJf{0#oR;Oom(Q^6epUF{<sv3Sg8^iD3T0R8)Qu&h46S<0n!fjj5n{Q=;Z&^61
zVA>{{gx|DH)U|>_<wE<o<kxvQMba~u>rZ`hAUofDqHqiy;+;ihtj@{fmq-dTv}c@?
zBg1gfHAPXkiZmRRlC9G9t8|e^C^%uK)toa(+HhIS3-t{n>kE{ZiWi|@7S&`Mb-AT^
zZZDD5s!~Tz@f^UL=t#cv%mSKb2?V&HX%~45G<_(KiJ-vF$;BQ)jJbN?4t<w)#ZNTJ
z1vu;No)<e)%gon7%T>b32{BO1@SYe68}GtKitzIU;aV1HhB{!~K^-LxDn_+p>k6kj
zniXNc8Mp{RQ^$*!!C!QDqdb9R#0?a<x??YFskG!|T0I-DOrm9hdpK1ACtVA4UWqBT
zJt}W>S$&p?IjLR0vh;a4aLj*pZ_nxV1jAK4ym6QT*31$yQ}95*#O`sZmD|y7B;^A#
zrbmU`+1H+@wrU4W7B59>?Yz%tPvc<11^WQ<zU!3Pm5U|pu7RnG*<DF!$_rEsX6<P=
zNlJ?amlXEW**k@62$7|WxWttjg<n2)C8vSqok+FZI<2DIr$+ZXZCt1~jWsvpigWtz
z5jxr82xqtw4skLh=$f4O&B}dQKOd2gF_G&_k8Av={PrI*6|;=cO|jt&{H|Gg3FsDV
ztc0BnRRU3Ikoknuk0Se9j#s(@ZIzWGrfZY6DF^-)cWukPR@2NPHa3Vo*jcH~%06pZ
z;A$kt-tZmlFrbW0j#G%7@uS1eX?0;yA@YG>M77_Zi729<&Njo``$4RhDwMK6+1uj}
zI20$0hm0zrYbML7xRGPivY>J$cP`D=WFN@CKp3^1N_&2xny{4L-aw`&*j$izQr`x}
zFj3`F%~8oRVX*!d>iBqIt=Xxsu#?aYN2}GS6=lQ6U-YM8;PU#?D@KDzD*9lSSKs<B
zhPosyY|<j<TzlQ_bB%>9dmXW?#Wa_MDWfY1GF&BtWXK37=qADB;a*=+#5IW3Ba_?b
zf1iq9%SFT1zq^fbP$YS0?Zg}O`gTW>lJ0TVqK0nCuNPJw=Wv(qx-@?H1i+GdsZpSY
zS%J*<7f>)#h${nBranMgthMVh4J0-g5pm9rKWQxkbDkOdl$%xi!pSE`;%;MqmF%(7
zy@prEfeF(ctJWi}{|p9NM4R0_g&SU3Rzu=mPvqqgL&c)w#pa8484K1)<;%J76PiCU
z2R=S+^4M_@N!f6>Z3Lu06l*8P*vJ7{X+~jbv1fkT1H#ZAk}fs;(i`~FQML8R@B`Bt
z`(EnUpG|%uu{YR>kxrt29r-we1)Wu1Z{hy{ysalFP;jbX97}+RTL+?F)#+Odocs5}
z8yajHfK-!>a`kd;sRBKJBOMK$G`buO!OC3NU0s@50Yt#Rzrd2(@ssUe@Au!(h>oxG
zc3&7S!bn|OLJy;*;H+H9e<Jp|JNj|Hw(d)ucEph2qUVWWkNg@<CGcM03;up~aQ3^}
zS2}#}{0tGvG_RB{4<wnKqRYP~9axe7X1m|F6yaicTdk|!dh=&waH~BeO~N3+jS@SD
z9=*jBk-PAXxVM;I$Aw}0RDBc^5UnUjm+dXVd4{YE_XcgGo?)}8YHsJ)h{QziyBOt{
z(;OSOlrcWP(~i*8y0&e7b#;5QSm|nT`MTH#HSxD(<KZi>K3O-j@kd?c69Uh*2?I`%
zxFX;88Wngks4GK{mdMGFfWwRW&n)xwNm9D=C=Y*?fd5X1*+m-f>SpQ~q8hb3i{|Cj
zUwOA0BJPh<wj-0;4n~Tf;^wC?3($&12AxEJ0@T!0f8R!i^2M5d+cn`a3)+7_#ruXE
zhKvd^ee;Jdy`T@jS4Fe`K!4FiCSR^6S){^Vuxxq1lvjJY5HX>BETH=nG#R{dV`gyH
zk2gv4?Aa-DOI|vzf6N4~_j9kj6<LYf?owT##~teMvdiVv)d^@<e>M!|P1+Al!HuWF
zil3w6d}{u@T(;}BCs#J84s_djd~;{=G-v1BoZzMRR<zG7n5k2+vZi}=c5v=|gd>%h
z#aaGwYQs|w>G#~55tV|AVqqN;B9mbW#V3u;rQ<)*^zn}Qm}+{wPnItoQC&q#+M;yO
z#vW}d9`p*Jpe`T3XSNqN5bm=2i)K0+Y<pStJ9x8;vUUjt*M&?!w9igyy)by`23j)h
zt7Vcdx*tVu!)U`JRwH+4Isp-UarDdMbpXg$&pp_QLf0F%V$RTh-X#q(_WZ65YjfH8
zNmu1IM|Y?v+LE2Bm@D$DHPh&1_0^)`vTEl^fMME;)N`WHbHEF7$tI6uteI|Y{iC}L
ze^CYAkm?)9-qLg%e+JF!dmT9+J*+C)?Kt=#E{{7Uwv-!j+nw_7ID%T!OV{nAV~~lS
zi;79fdSQ$PuXRCl`j@i3emU`{L#}K=ZjjgK3qOf7Fx8j}_uIb=0(x-TB=5vc2wi%u
zMlVDKkj4JeQ2~!pV-{KVMPS7jc=Ouw+h)I6v!GFy6t|Sqr#jV`0DRlVTGRkE6Wl4?
zeb<9_uOzkKLwP1D;akZqYLmxjj<V(HQ*oW;bBCPim9HgnFz;|@GBszvHOj_%i|R|?
z{jBNjfUdQSo6}N2MoK4>f@ndav>v-kGD%wFsYEzi!cb%Y1wF<M1)>pD?c6M<R4Lr4
zip*C=6;F*0@o91RQ5;dii8ev=A9rdA6bgj;#iSF+w%9a-!n%!Xk!Llg@{T*^t!qAE
z+D$S}`#I(KqT$&AlXl${)@f_J#|G1Oq4^6JWfG_Q6@zy<F+a!I*%>%=a<$RMi%D|1
z+Ws)Z28ni*Mzo02*KkAi&T6?Ow0>@p%lUMPuY@>pIEl<mg1j|)m>t3)PKf2*>*e49
zIzr34Wi5&4pndUcoWn#)^9tK29>yr1NgZI)GaRmRxdJ(JChX;N_#3kTMgz#o(t|*q
zbmNQVh8s!bE=1(L^a|_pT>Jpos)-EdkWy(!tLH>J-zZki;nudLNqSTk8F5Eff^~fM
zY!|DuCGF#F%kTS05Z@JOQ1mvzsx@3vfcRR^<rWs2y2S3B&Va<ec4kRm<<?nQ)?0$F
zcK5Lm$4<eZ-tG&o)zu$~b_)<6lWPQK65Nw2yR)+P&UFrcVi}&O7ENjR%L}{1{~jGQ
z-*xa?Qg}MQg@eY@yRv&C8_K(=>wo4z{}()eNDl|s@U`e)4SG&=1M~e&jLZ|nN<JIC
zqKZf~1A2Zwi(M?Yx$8nHEl)a;5(wt}XQ4|G(f1?%*|vrsErkLpDc4Kq=<w}p>`yHx
zzA_fGU#(<S{R$PsRofNb)wU%QxQd<E6@^12P`CZXDcTX|*}V<-+O7AK(6)<9b=YOT
zj+%r+*aGs!ToxaEHvZk~v4T}mlghQUoZhXZ4G!tVyLF5&`MtN&oid=`y|9OykJsQk
zF`D4#M?MkP$R$Y1y^wKQq4-kKXcfMe1hZghDVI>50K}XkErB*-vl#hjJ<2*2QGrln
zH10Rfg(3j02CxOdM7d*_vS-P8Wvq7dNmoXqhCogJSt#W$#4T47YtB7fN0GYp^%fah
zuP1-J*K|5+=rCny(bXd?Mhz85!bz|SU%8Sr28&$T+>p5w5%d*}mSn$N4Z+*ny_ZEW
zTFr26M!<i?HJQk#pPOO)!&WDM%j-o!?x2j|?u!26j1(1tANJU~fybR3IFO<Y)KD2z
zBrbjY;mIeJb>#4tuP-HG4At{8w%;OLP_0(TQtLm-!Ry@=Vq{#0)15mQhIIdH1;FU~
zj`-0|*rpQ#@&mNsd?TOwM3<YsW}m&Xlsmz+gQ4yCytNxRL*^Mn#2Ld!#QBf-^fRA)
z(vz|J#c+4D3u>>J$b!}WFkr(mU0Yl*@IX+)c*zK#lokAE?2n(?A$_E#a3YQ4+ZnoR
z*^}lPgx_yUmnF_&K@#t*^760$&*@0F<3!3821sp0bnUq!L%@HeZ!5Mh6RGW?B5S5Z
z!rgx*=M_5c&X!1+iO&BH$@MGKiO;t(fDAq1uUH8@B*^-Y<n>`AK?kYNNo?)EO<WLj
zF3(0I&E;r*i|zRL!pCm_Cj$oQzgCV^3Lfzf!J{qD0^?s=|Hpmx4513}KZME~T>toG
zj|I^7IQx{5Ak|{2dlc6H+InnE3KOaI!Dm(eXH*QK$i?lWJH?O)9z0wj*UZ`UUpF8f
zQU9p5DCA<sMZdu&bN<&Aqe=w;8BO*qWy429|B8w-Qu`TKE2$tsZiC`~9fbebX{!Q*
zl>e{O=18sOcfchn#lOuy_NXtK5jk#-Fw>;g|J#oY;=hO|C@2U-cv>7D3JMD5BlJc?
Yk+LXsHptOPM`}=1l{J-W70ko_2T06#!vFvP

diff --git a/frontend/src/__mocks__/rehypeKatex.js b/frontend/src/__mocks__/rehypeKatex.js
deleted file mode 100644
index cc40a464..00000000
--- a/frontend/src/__mocks__/rehypeKatex.js
+++ /dev/null
@@ -1 +0,0 @@
-module.exports = () => {};
diff --git a/frontend/src/__mocks__/remarkMath.js b/frontend/src/__mocks__/remarkMath.js
deleted file mode 100644
index cc40a464..00000000
--- a/frontend/src/__mocks__/remarkMath.js
+++ /dev/null
@@ -1 +0,0 @@
-module.exports = () => {};
diff --git a/frontend/src/__mocks__/styleMock.js b/frontend/src/__mocks__/styleMock.js
deleted file mode 100644
index f053ebf7..00000000
--- a/frontend/src/__mocks__/styleMock.js
+++ /dev/null
@@ -1 +0,0 @@
-module.exports = {};
diff --git a/frontend/src/__tests__/README.md b/frontend/src/__tests__/README.md
deleted file mode 100644
index 60d47f2f..00000000
--- a/frontend/src/__tests__/README.md
+++ /dev/null
@@ -1,57 +0,0 @@
-# Sapling Frontend — Test Suite
-
-All frontend tests live in `src/__tests__/`. Tests use **Jest** + **React Testing Library** and run fully offline (no backend required).
-
----
-
-## Quick start
-
-```bash
-# From the frontend/ directory
-cd frontend
-npm test               # run all tests once
-npm run test:watch     # watch mode — re-runs on file save
-```
-
----
-
-## Test files
-
-| File | What it covers |
-|---|---|
-| `graphUtils.test.ts` | All pure utility functions in `lib/graphUtils.ts` — colour mapping, mastery labels, radius, edge filtering, graph diffing, date formatting |
-| `api.test.ts` | Every function in `lib/api.ts` — verifies correct URL, HTTP method, and request body; tests error handling when the server returns a non-OK status |
-| `chatPanel.test.tsx` | `ChatPanel` component — message rendering, send button state, Enter-key submission, hint/confused/skip actions, loading indicator |
-| `sessionSummary.test.tsx` | `SessionSummary` component — concepts covered, mastery change deltas, time spent (singular/plural), recommended next, button callbacks |
-| `dataFetching.test.tsx` | useEffect fetch guards — ensures pages don't fetch before `userReady`, and re-fetch when `userId` changes |
-| `hydration.test.tsx` | Next.js hydration and SearchParams safety |
-| `userContext.test.tsx` | `UserContext` provider — user list loading, active user switching |
-
----
-
-## Adding new tests
-
-- **Pure functions** (utilities, helpers) → `graphUtils.test.ts` or a new `*.test.ts`
-- **API calls** → `api.test.ts` — mock `global.fetch`, assert on URL/method/body
-- **Components** → new `componentName.test.tsx` — use `@testing-library/react`, query by role/text, avoid testing implementation details
-
-### Mocking fetch
-
-```ts
-beforeEach(() => {
-  global.fetch = jest.fn().mockResolvedValue({
-    ok: true,
-    json: () => Promise.resolve({ your: 'data' }),
-    text: () => Promise.resolve(''),
-  }) as jest.Mock;
-});
-afterEach(() => jest.resetAllMocks());
-```
-
-### Mocking the API module
-
-```ts
-jest.mock('@/lib/api', () => ({
-  getGraph: jest.fn(() => Promise.resolve({ nodes: [], edges: [], stats: {} })),
-}));
-```
diff --git a/frontend/src/__tests__/achievementCard.test.tsx b/frontend/src/__tests__/achievementCard.test.tsx
deleted file mode 100644
index 956172ef..00000000
--- a/frontend/src/__tests__/achievementCard.test.tsx
+++ /dev/null
@@ -1,80 +0,0 @@
-/**
- * Tests for components/AchievementCard.tsx
- *
- * Covers: earned vs locked rendering, secret achievement masking,
- * compact mode, progress bar, click handler.
- */
-import React from 'react';
-import { render, screen, fireEvent } from '@testing-library/react';
-import AchievementCard from '@/components/AchievementCard';
-import type { Achievement } from '@/lib/types';
-
-const baseAchievement: Achievement = {
-  id: 'a1',
-  name: 'First Login',
-  slug: 'first_login',
-  description: 'Log in for the first time',
-  icon: null,
-  category: 'activity',
-  rarity: 'common',
-  is_secret: false,
-};
-
-afterEach(() => jest.clearAllMocks());
-
-describe('AchievementCard', () => {
-  it('renders earned achievement name', () => {
-    render(<AchievementCard achievement={baseAchievement} earned={true} />);
-    expect(screen.getByText('First Login')).toBeInTheDocument();
-  });
-
-  it('renders description when not compact', () => {
-    render(<AchievementCard achievement={baseAchievement} earned={true} />);
-    expect(screen.getByText('Log in for the first time')).toBeInTheDocument();
-  });
-
-  it('hides description in compact mode', () => {
-    render(<AchievementCard achievement={baseAchievement} earned={true} compact />);
-    expect(screen.queryByText('Log in for the first time')).not.toBeInTheDocument();
-  });
-
-  it('shows rarity label', () => {
-    render(<AchievementCard achievement={baseAchievement} earned={true} />);
-    expect(screen.getByText('common')).toBeInTheDocument();
-  });
-
-  it('masks secret unearned achievement', () => {
-    render(<AchievementCard achievement={baseAchievement} earned={false} isSecret />);
-    expect(screen.getByText('Secret Achievement')).toBeInTheDocument();
-    expect(screen.queryByText('First Login')).not.toBeInTheDocument();
-  });
-
-  it('shows secret description placeholder when locked', () => {
-    render(<AchievementCard achievement={baseAchievement} earned={false} isSecret />);
-    expect(screen.getByText(/keep exploring/i)).toBeInTheDocument();
-  });
-
-  it('does not mask secret achievement when earned', () => {
-    render(<AchievementCard achievement={baseAchievement} earned={true} isSecret />);
-    expect(screen.getByText('First Login')).toBeInTheDocument();
-    expect(screen.queryByText('Secret Achievement')).not.toBeInTheDocument();
-  });
-
-  it('renders earned date when provided and not compact', () => {
-    render(<AchievementCard achievement={baseAchievement} earned={true} earnedAt="2025-06-15T00:00:00Z" />);
-    expect(screen.getByText(/earned/i)).toBeInTheDocument();
-  });
-
-  it('fires onPress callback', () => {
-    const onPress = jest.fn();
-    render(<AchievementCard achievement={baseAchievement} earned={true} onPress={onPress} />);
-    fireEvent.click(screen.getByText('First Login').closest('div')!);
-    expect(onPress).toHaveBeenCalledTimes(1);
-  });
-
-  it('renders different rarity tiers', () => {
-    const legendary: Achievement = { ...baseAchievement, rarity: 'legendary' };
-    render(<AchievementCard achievement={legendary} earned={true} />);
-    expect(screen.getByText('legendary')).toBeInTheDocument();
-  });
-});
diff --git a/frontend/src/__tests__/api.test.ts b/frontend/src/__tests__/api.test.ts
deleted file mode 100644
index 00465aad..00000000
--- a/frontend/src/__tests__/api.test.ts
+++ /dev/null
@@ -1,448 +0,0 @@
-/**
- * Tests for lib/api.ts
- *
- * Verifies that each exported function calls the correct URL, HTTP method,
- * and request body, and that errors from the server are surfaced correctly.
- * `global.fetch` is mocked — no real network traffic.
- */
-
-// Silence Next.js build warnings about NEXT_PUBLIC_ env in test
-process.env.NEXT_PUBLIC_API_URL = '';
-
-import {
-  getUsers,
-  getGraph,
-  getRecommendations,
-  getCourses,
-  addCourse,
-  updateCourseColor,
-  deleteCourse,
-  startSession,
-  sendChat,
-  sendAction,
-  endSession,
-  getSessions,
-  generateQuiz,
-  submitQuiz,
-  getUpcomingAssignments,
-  extractSyllabus,
-  saveAssignments,
-  getCalendarStatus,
-  syncToGoogleCalendar,
-  exportToGoogleCalendar,
-  importGoogleEvents,
-  disconnectGoogleCalendar,
-  getDocuments,
-  deleteDocument,
-  updateDocument,
-  uploadDocument,
-} from '@/lib/api';
-
-// ── helpers ───────────────────────────────────────────────────────────────────
-
-function mockFetch(data: unknown, ok = true, status = 200) {
-  global.fetch = jest.fn().mockResolvedValue({
-    ok,
-    status,
-    json: () => Promise.resolve(data),
-    text: () => Promise.resolve(ok ? '' : JSON.stringify(data)),
-  }) as jest.Mock;
-}
-
-function lastCall() {
-  return (global.fetch as jest.Mock).mock.calls[0] as [string, RequestInit | undefined];
-}
-
-afterEach(() => jest.resetAllMocks());
-
-// ── fetchJSON error handling ──────────────────────────────────────────────────
-
-describe('fetchJSON error handling', () => {
-  it('throws when server returns a non-OK status', async () => {
-    mockFetch('Not found', false, 404);
-    await expect(getGraph('u1')).rejects.toThrow();
-  });
-
-  it('includes the status code in the error message when body is empty', async () => {
-    global.fetch = jest.fn().mockResolvedValue({
-      ok: false,
-      status: 502,
-      json: () => Promise.resolve({}),
-      text: () => Promise.resolve(''),
-    }) as jest.Mock;
-    await expect(getGraph('u1')).rejects.toThrow('HTTP 502');
-  });
-});
-
-// ── Users ─────────────────────────────────────────────────────────────────────
-
-describe('getUsers', () => {
-  it('GET /api/users', async () => {
-    mockFetch({ users: [] });
-    await getUsers();
-    const [url, opts] = lastCall();
-    expect(url).toBe('/api/users');
-    expect(opts?.method).toBeUndefined(); // default GET
-  });
-});
-
-// ── Graph ─────────────────────────────────────────────────────────────────────
-
-describe('getGraph', () => {
-  it('GET /api/graph/:userId', async () => {
-    mockFetch({ nodes: [], edges: [], stats: {} });
-    await getGraph('user_andres');
-    expect(lastCall()[0]).toBe('/api/graph/user_andres');
-  });
-});
-
-describe('getRecommendations', () => {
-  it('GET /api/graph/:userId/recommendations', async () => {
-    mockFetch({ recommendations: [] });
-    await getRecommendations('user_andres');
-    expect(lastCall()[0]).toBe('/api/graph/user_andres/recommendations');
-  });
-});
-
-describe('getCourses', () => {
-  it('GET /api/graph/:userId/courses', async () => {
-    mockFetch({ courses: [] });
-    await getCourses('user_andres');
-    expect(lastCall()[0]).toBe('/api/graph/user_andres/courses');
-  });
-});
-
-describe('addCourse', () => {
-  it('POST /api/graph/:userId/courses with course_id', async () => {
-    mockFetch({ course_id: 'Math', already_existed: false });
-    await addCourse('user_andres', 'Math');
-    const [url, opts] = lastCall();
-    expect(url).toBe('/api/graph/user_andres/courses');
-    expect(opts?.method).toBe('POST');
-    expect(JSON.parse(opts?.body as string)).toMatchObject({ course_id: 'Math' });
-  });
-
-  it('includes color when provided', async () => {
-    mockFetch({ course_id: 'Math', already_existed: false });
-    await addCourse('user_andres', 'Math', '#ff0000');
-    const body = JSON.parse(lastCall()[1]?.body as string);
-    expect(body.color).toBe('#ff0000');
-  });
-});
-
-describe('updateCourseColor', () => {
-  it('PATCH /api/graph/:userId/courses/:name/color', async () => {
-    mockFetch({ updated: true });
-    await updateCourseColor('user_andres', 'Math', '#123456');
-    const [url, opts] = lastCall();
-    expect(url).toBe('/api/graph/user_andres/courses/Math/color');
-    expect(opts?.method).toBe('PATCH');
-    expect(JSON.parse(opts?.body as string)).toEqual({ color: '#123456' });
-  });
-
-  it('URL-encodes course names with spaces', async () => {
-    mockFetch({ updated: true });
-    await updateCourseColor('user_andres', 'Linear Algebra', '#fff');
-    expect(lastCall()[0]).toBe('/api/graph/user_andres/courses/Linear%20Algebra/color');
-  });
-});
-
-describe('deleteCourse', () => {
-  it('DELETE /api/graph/:userId/courses/:name', async () => {
-    mockFetch({ deleted: true });
-    await deleteCourse('user_andres', 'Math');
-    const [url, opts] = lastCall();
-    expect(url).toBe('/api/graph/user_andres/courses/Math');
-    expect(opts?.method).toBe('DELETE');
-  });
-});
-
-// ── Learn ─────────────────────────────────────────────────────────────────────
-
-describe('startSession', () => {
-  it('POST /api/learn/start-session with correct body', async () => {
-    mockFetch({ session_id: 's1', initial_message: 'Hi', graph_state: {} });
-    await startSession('user_andres', 'Recursion', 'socratic');
-    const [url, opts] = lastCall();
-    expect(url).toBe('/api/learn/start-session');
-    expect(opts?.method).toBe('POST');
-    const body = JSON.parse(opts?.body as string);
-    expect(body).toMatchObject({ user_id: 'user_andres', topic: 'Recursion', mode: 'socratic' });
-  });
-});
-
-describe('sendChat', () => {
-  it('POST /api/learn/chat with session_id and message', async () => {
-    mockFetch({ reply: 'Hello', graph_update: {}, mastery_changes: [] });
-    await sendChat('s1', 'user_andres', 'Hello?', 'socratic');
-    const [url, opts] = lastCall();
-    expect(url).toBe('/api/learn/chat');
-    const body = JSON.parse(opts?.body as string);
-    expect(body).toMatchObject({ session_id: 's1', user_id: 'user_andres', message: 'Hello?' });
-  });
-});
-
-describe('sendAction', () => {
-  it('POST /api/learn/action with action_type', async () => {
-    mockFetch({ reply: 'Here is a hint', graph_update: {} });
-    await sendAction('s1', 'user_andres', 'hint', 'socratic');
-    const body = JSON.parse(lastCall()[1]?.body as string);
-    expect(body).toMatchObject({ session_id: 's1', action_type: 'hint' });
-  });
-});
-
-describe('endSession', () => {
-  it('POST /api/learn/end-session with session_id and user_id', async () => {
-    mockFetch({ summary: {} });
-    await endSession('s1', 'user_andres');
-    const [url, opts] = lastCall();
-    expect(url).toBe('/api/learn/end-session');
-    expect(JSON.parse(opts?.body as string)).toEqual({ session_id: 's1', user_id: 'user_andres' });
-  });
-});
-
-describe('getSessions', () => {
-  it('GET /api/learn/sessions/:userId?limit=N', async () => {
-    mockFetch({ sessions: [] });
-    await getSessions('user_andres', 5);
-    expect(lastCall()[0]).toBe('/api/learn/sessions/user_andres?limit=5');
-  });
-
-  it('defaults to limit=10', async () => {
-    mockFetch({ sessions: [] });
-    await getSessions('user_andres');
-    expect(lastCall()[0]).toContain('limit=10');
-  });
-});
-
-// ── Quiz ──────────────────────────────────────────────────────────────────────
-
-describe('generateQuiz', () => {
-  it('POST /api/quiz/generate with correct body', async () => {
-    mockFetch({ quiz_id: 'q1', questions: [] });
-    await generateQuiz('user_andres', 'node1', 5, 'medium');
-    const [url, opts] = lastCall();
-    expect(url).toBe('/api/quiz/generate');
-    const body = JSON.parse(opts?.body as string);
-    expect(body).toMatchObject({
-      user_id: 'user_andres',
-      concept_node_id: 'node1',
-      num_questions: 5,
-      difficulty: 'medium',
-    });
-  });
-});
-
-describe('submitQuiz', () => {
-  it('POST /api/quiz/submit with quiz_id and answers', async () => {
-    mockFetch({ score: 4, total: 5, mastery_before: 0.5, mastery_after: 0.62, results: [] });
-    const answers = [{ question_id: 1, selected_label: 'A' }];
-    await submitQuiz('q1', answers);
-    const [url, opts] = lastCall();
-    expect(url).toBe('/api/quiz/submit');
-    const body = JSON.parse(opts?.body as string);
-    expect(body).toEqual({ quiz_id: 'q1', answers });
-  });
-});
-
-// ── Calendar ──────────────────────────────────────────────────────────────────
-
-describe('getUpcomingAssignments', () => {
-  it('GET /api/calendar/upcoming/:userId', async () => {
-    mockFetch({ assignments: [] });
-    await getUpcomingAssignments('user_andres');
-    expect(lastCall()[0]).toBe('/api/calendar/upcoming/user_andres');
-  });
-});
-
-describe('extractSyllabus', () => {
-  it('POST /api/calendar/extract with FormData and returns JSON on success', async () => {
-    mockFetch({ assignments: [], warnings: [] });
-    const fd = new FormData();
-    fd.append('file', new Blob(['x'], { type: 'application/pdf' }), 's.pdf');
-    const res = await extractSyllabus(fd, 'user_andres');
-    expect(lastCall()[0]).toBe('/api/calendar/extract');
-    expect(lastCall()[1]?.method).toBe('POST');
-    expect(res.assignments).toEqual([]);
-  });
-
-  it('throws with detail message when response is not OK', async () => {
-    mockFetch({ detail: 'Invalid file' }, false, 400);
-    const fd = new FormData();
-    await expect(extractSyllabus(fd)).rejects.toThrow('Invalid file');
-  });
-
-  it('throws with HTTP status when body has no detail', async () => {
-    mockFetch({}, false, 502);
-    const fd = new FormData();
-    await expect(extractSyllabus(fd)).rejects.toThrow('Request failed (HTTP 502).');
-  });
-
-  it('throws joining FastAPI validation detail array', async () => {
-    mockFetch(
-      { detail: [{ msg: 'field required' }, { msg: 'invalid type' }] },
-      false,
-      422
-    );
-    const fd = new FormData();
-    await expect(extractSyllabus(fd)).rejects.toThrow('field required; invalid type');
-  });
-});
-
-describe('saveAssignments', () => {
-  it('POST /api/calendar/save with user_id and assignments', async () => {
-    mockFetch({ saved_count: 2 });
-    const assignments = [{ title: 'HW1', due_date: '2026-03-01', assignment_type: 'homework', course_id: 'c1' }];
-    await saveAssignments('user_andres', assignments);
-    const [url, opts] = lastCall();
-    expect(url).toBe('/api/calendar/save');
-    const body = JSON.parse(opts?.body as string);
-    expect(body).toMatchObject({ user_id: 'user_andres', assignments });
-  });
-});
-
-describe('getCalendarStatus', () => {
-  it('GET /api/calendar/status/:userId', async () => {
-    mockFetch({ connected: false });
-    await getCalendarStatus('user_andres');
-    expect(lastCall()[0]).toBe('/api/calendar/status/user_andres');
-  });
-});
-
-describe('syncToGoogleCalendar', () => {
-  it('POST /api/calendar/sync with user_id', async () => {
-    mockFetch({ synced_count: 3 });
-    await syncToGoogleCalendar('user_andres');
-    const [url, opts] = lastCall();
-    expect(url).toBe('/api/calendar/sync');
-    expect(JSON.parse(opts?.body as string)).toEqual({ user_id: 'user_andres' });
-  });
-});
-
-describe('exportToGoogleCalendar', () => {
-  it('POST /api/calendar/export with user_id and assignment_ids', async () => {
-    mockFetch({ exported_count: 1, skipped_count: 0 });
-    await exportToGoogleCalendar('user_andres', ['a1', 'a2']);
-    const body = JSON.parse(lastCall()[1]?.body as string);
-    expect(body).toEqual({ user_id: 'user_andres', assignment_ids: ['a1', 'a2'] });
-  });
-});
-
-describe('importGoogleEvents', () => {
-  it('GET /api/calendar/import/:userId?days_ahead=N', async () => {
-    mockFetch({ events: [], count: 0 });
-    await importGoogleEvents('user_andres', 14);
-    expect(lastCall()[0]).toBe('/api/calendar/import/user_andres?days_ahead=14');
-  });
-
-  it('defaults to days_ahead=30', async () => {
-    mockFetch({ events: [], count: 0 });
-    await importGoogleEvents('user_andres');
-    expect(lastCall()[0]).toContain('days_ahead=30');
-  });
-});
-
-describe('disconnectGoogleCalendar', () => {
-  it('DELETE /api/calendar/disconnect/:userId', async () => {
-    mockFetch({ disconnected: true });
-    await disconnectGoogleCalendar('user_andres');
-    const [url, opts] = lastCall();
-    expect(url).toBe('/api/calendar/disconnect/user_andres');
-    expect(opts?.method).toBe('DELETE');
-  });
-});
-
-// ── Documents ─────────────────────────────────────────────────────────────────
-
-describe('getDocuments', () => {
-  it('GET /api/documents/user/:userId', async () => {
-    mockFetch({ documents: [] });
-    await getDocuments('user_andres');
-    expect(lastCall()[0]).toBe('/api/documents/user/user_andres');
-  });
-
-  it('returns documents array from response', async () => {
-    const docs = [{ id: 'd1', file_name: 'notes.pdf', category: 'lecture_notes' }];
-    mockFetch({ documents: docs });
-    const result = await getDocuments('user_andres');
-    expect(result.documents).toEqual(docs);
-  });
-});
-
-describe('deleteDocument', () => {
-  it('DELETE /api/documents/doc/:documentId', async () => {
-    mockFetch({ deleted: true });
-    await deleteDocument('doc-uuid-123');
-    const [url, opts] = lastCall();
-    expect(url).toBe('/api/documents/doc/doc-uuid-123');
-    expect(opts?.method).toBe('DELETE');
-  });
-
-  it('includes user_id query param when provided', async () => {
-    mockFetch({ deleted: true });
-    await deleteDocument('doc-uuid-123', 'user_andres');
-    const [url] = lastCall();
-    expect(url).toBe('/api/documents/doc/doc-uuid-123?user_id=user_andres');
-  });
-
-  it('throws on server error', async () => {
-    mockFetch('Not found', false, 404);
-    await expect(deleteDocument('bad-id')).rejects.toThrow();
-  });
-});
-
-describe('updateDocument', () => {
-  it('PATCH /api/documents/doc/:documentId with body', async () => {
-    mockFetch({ id: 'd1', category: 'slides' });
-    await updateDocument('d1', { category: 'slides', user_id: 'u1' });
-    const [url, opts] = lastCall();
-    expect(url).toBe('/api/documents/doc/d1');
-    expect(opts?.method).toBe('PATCH');
-    expect(JSON.parse(opts?.body as string)).toEqual({ category: 'slides', user_id: 'u1' });
-  });
-});
-
-describe('uploadDocument', () => {
-  it('POST /api/documents/upload with FormData', async () => {
-    const mockDoc = { id: 'd1', file_name: 'notes.pdf', category: 'lecture_notes' };
-    global.fetch = jest.fn().mockResolvedValue({
-      ok: true,
-      status: 200,
-      json: () => Promise.resolve(mockDoc),
-    }) as jest.Mock;
-
-    const fd = new FormData();
-    fd.append('file', new Blob(['content'], { type: 'application/pdf' }), 'notes.pdf');
-    fd.append('course_id', 'c1');
-    fd.append('user_id', 'user_andres');
-
-    const result = await uploadDocument(fd);
-    const [url, opts] = lastCall();
-    expect(url).toBe('/api/documents/upload');
-    expect(opts?.method).toBe('POST');
-    expect(opts?.body).toBe(fd);
-    expect(result.id).toBe('d1');
-  });
-
-  it('throws when server returns non-OK status', async () => {
-    global.fetch = jest.fn().mockResolvedValue({
-      ok: false,
-      status: 400,
-      text: () => Promise.resolve('Unsupported file type'),
-    }) as jest.Mock;
-
-    const fd = new FormData();
-    await expect(uploadDocument(fd)).rejects.toThrow('Unsupported file type');
-  });
-
-  it('throws with HTTP status when body is empty', async () => {
-    global.fetch = jest.fn().mockResolvedValue({
-      ok: false,
-      status: 413,
-      text: () => Promise.resolve(''),
-    }) as jest.Mock;
-
-    const fd = new FormData();
-    await expect(uploadDocument(fd)).rejects.toThrow('HTTP 413');
-  });
-});
diff --git a/frontend/src/__tests__/authAndPrefillWiring.test.ts b/frontend/src/__tests__/authAndPrefillWiring.test.ts
deleted file mode 100644
index 0db714b3..00000000
--- a/frontend/src/__tests__/authAndPrefillWiring.test.ts
+++ /dev/null
@@ -1,30 +0,0 @@
-import fs from 'fs';
-import path from 'path';
-
-const SRC = path.resolve(__dirname, '../../src');
-
-function readSrc(rel: string) {
-  return fs.readFileSync(path.join(SRC, rel), 'utf8');
-}
-
-describe('Navbar auth guard', () => {
-  const src = readSrc('components/Navbar.tsx');
-
-  test('reads userReady from useUser', () => {
-    expect(src).toMatch(/useUser\(\)/);
-    expect(src).toMatch(/userReady/);
-  });
-
-  test('gates signin redirect on userReady', () => {
-    // Redirect must wait until localStorage hydration has completed.
-    expect(src).toMatch(/if\s*\(\s*userReady\s*&&\s*!isAuthenticated/);
-  });
-});
-
-describe('Learn page prefill wiring', () => {
-  const src = readSrc('app/learn/page.tsx');
-
-  test('passes prefillInput prop to ChatPanel', () => {
-    expect(src).toMatch(/<ChatPanel[\s\S]*prefillInput=/);
-  });
-});
diff --git a/frontend/src/__tests__/chatPanel.test.tsx b/frontend/src/__tests__/chatPanel.test.tsx
deleted file mode 100644
index b4d391f2..00000000
--- a/frontend/src/__tests__/chatPanel.test.tsx
+++ /dev/null
@@ -1,201 +0,0 @@
-/**
- * Tests for components/ChatPanel.tsx
- *
- * Covers: message rendering, send button state, Enter-key submission,
- * action buttons (hint / confused / skip), End Session callback,
- * loading indicator, and mode description.
- */
-import React from 'react';
-import { render, screen, fireEvent } from '@testing-library/react';
-import ChatPanel from '@/components/ChatPanel';
-import type { ChatMessage, TeachingMode } from '@/lib/types';
-
-// ReactMarkdown renders markdown — mock it to a plain <div> so we can assert
-// on text content without worrying about markdown parsing in jsdom.
-jest.mock('react-markdown', () => ({ children }: { children: React.ReactNode }) => <div>{children}</div>);
-
-// ── helpers ───────────────────────────────────────────────────────────────────
-
-function makeMsg(id: string, role: 'user' | 'assistant', content: string): ChatMessage {
-  return { id, role, content, timestamp: new Date().toISOString() };
-}
-
-const defaultProps = {
-  messages: [] as ChatMessage[],
-  onSend: jest.fn(),
-  onAction: jest.fn(),
-  onEndSession: jest.fn(),
-  loading: false,
-  mode: 'socratic' as TeachingMode,
-};
-
-function renderPanel(overrides: Partial<typeof defaultProps> = {}) {
-  return render(<ChatPanel {...defaultProps} {...overrides} />);
-}
-
-afterEach(() => jest.clearAllMocks());
-
-// ── mode description ──────────────────────────────────────────────────────────
-
-describe('mode description', () => {
-  it('shows socratic description', () => {
-    renderPanel({ mode: 'socratic' });
-    expect(screen.getByText(/asking questions/i)).toBeInTheDocument();
-  });
-
-  it('shows expository description', () => {
-    renderPanel({ mode: 'expository' });
-    expect(screen.getByText(/explaining/i)).toBeInTheDocument();
-  });
-
-  it('shows teachback description', () => {
-    renderPanel({ mode: 'teachback' });
-    expect(screen.getByText(/you teach me/i)).toBeInTheDocument();
-  });
-});
-
-// ── message rendering ─────────────────────────────────────────────────────────
-
-describe('message rendering', () => {
-  it('renders no messages when list is empty', () => {
-    renderPanel();
-    expect(screen.queryByRole('textbox')).toBeInTheDocument(); // textarea should still exist
-  });
-
-  it('renders user messages', () => {
-    renderPanel({ messages: [makeMsg('1', 'user', 'What is recursion?')] });
-    expect(screen.getByText('What is recursion?')).toBeInTheDocument();
-  });
-
-  it('renders assistant messages', () => {
-    renderPanel({ messages: [makeMsg('1', 'assistant', 'Recursion is self-reference.')] });
-    expect(screen.getByText('Recursion is self-reference.')).toBeInTheDocument();
-  });
-
-  it('renders multiple messages in order', () => {
-    const messages = [
-      makeMsg('1', 'user', 'First message'),
-      makeMsg('2', 'assistant', 'Second message'),
-      makeMsg('3', 'user', 'Third message'),
-    ];
-    renderPanel({ messages });
-    const items = screen.getAllByText(/First|Second|Third/);
-    expect(items).toHaveLength(3);
-  });
-});
-
-// ── loading indicator ─────────────────────────────────────────────────────────
-
-describe('loading indicator', () => {
-  it('shows typing indicator when loading=true', () => {
-    renderPanel({ loading: true });
-    expect(screen.getByText('···')).toBeInTheDocument();
-  });
-
-  it('hides typing indicator when loading=false', () => {
-    renderPanel({ loading: false });
-    expect(screen.queryByText('···')).not.toBeInTheDocument();
-  });
-});
-
-// ── send button ───────────────────────────────────────────────────────────────
-
-describe('send button', () => {
-  it('is disabled when input is empty', () => {
-    renderPanel();
-    expect(screen.getByRole('button', { name: /send/i })).toBeDisabled();
-  });
-
-  it('is disabled when loading=true even with text typed', () => {
-    renderPanel({ loading: true });
-    const textarea = screen.getByRole('textbox');
-    fireEvent.change(textarea, { target: { value: 'Hello' } });
-    expect(screen.getByRole('button', { name: /send/i })).toBeDisabled();
-  });
-
-  it('is enabled when there is text and not loading', () => {
-    renderPanel();
-    const textarea = screen.getByRole('textbox');
-    fireEvent.change(textarea, { target: { value: 'Hello' } });
-    expect(screen.getByRole('button', { name: /send/i })).not.toBeDisabled();
-  });
-
-  it('calls onSend with trimmed message when clicked', () => {
-    const onSend = jest.fn();
-    renderPanel({ onSend });
-    const textarea = screen.getByRole('textbox');
-    fireEvent.change(textarea, { target: { value: '  hello world  ' } });
-    fireEvent.click(screen.getByRole('button', { name: /send/i }));
-    expect(onSend).toHaveBeenCalledWith('hello world');
-  });
-
-  it('clears the input after sending', () => {
-    renderPanel();
-    const textarea = screen.getByRole('textbox') as HTMLTextAreaElement;
-    fireEvent.change(textarea, { target: { value: 'Hello' } });
-    fireEvent.click(screen.getByRole('button', { name: /send/i }));
-    expect(textarea.value).toBe('');
-  });
-
-  it('does not call onSend when input is whitespace only', () => {
-    const onSend = jest.fn();
-    renderPanel({ onSend });
-    const textarea = screen.getByRole('textbox');
-    fireEvent.change(textarea, { target: { value: '   ' } });
-    fireEvent.click(screen.getByRole('button', { name: /send/i }));
-    expect(onSend).not.toHaveBeenCalled();
-  });
-});
-
-// ── Enter key ─────────────────────────────────────────────────────────────────
-
-describe('Enter key behaviour', () => {
-  it('sends on Enter without shift', () => {
-    const onSend = jest.fn();
-    renderPanel({ onSend });
-    const textarea = screen.getByRole('textbox');
-    fireEvent.change(textarea, { target: { value: 'hi' } });
-    fireEvent.keyDown(textarea, { key: 'Enter', shiftKey: false });
-    expect(onSend).toHaveBeenCalledWith('hi');
-  });
-
-  it('does not send on Shift+Enter', () => {
-    const onSend = jest.fn();
-    renderPanel({ onSend });
-    const textarea = screen.getByRole('textbox');
-    fireEvent.change(textarea, { target: { value: 'hi' } });
-    fireEvent.keyDown(textarea, { key: 'Enter', shiftKey: true });
-    expect(onSend).not.toHaveBeenCalled();
-  });
-});
-
-// ── action buttons ────────────────────────────────────────────────────────────
-
-describe('action buttons', () => {
-  it.each(['hint', 'confused', 'skip'] as const)(
-    'calls onAction with "%s" when clicked',
-    (action) => {
-      const onAction = jest.fn();
-      renderPanel({ onAction });
-      fireEvent.click(screen.getByRole('button', { name: new RegExp(action, 'i') }));
-      expect(onAction).toHaveBeenCalledWith(action);
-    }
-  );
-
-  it('action buttons are disabled while loading', () => {
-    renderPanel({ loading: true });
-    const hintBtn = screen.getByRole('button', { name: /hint/i });
-    expect(hintBtn).toBeDisabled();
-  });
-});
-
-// ── End Session ───────────────────────────────────────────────────────────────
-
-describe('End Session button', () => {
-  it('calls onEndSession when clicked', () => {
-    const onEndSession = jest.fn();
-    renderPanel({ onEndSession });
-    fireEvent.click(screen.getByRole('button', { name: /end session/i }));
-    expect(onEndSession).toHaveBeenCalledTimes(1);
-  });
-});
diff --git a/frontend/src/__tests__/dataFetching.test.tsx b/frontend/src/__tests__/dataFetching.test.tsx
deleted file mode 100644
index 5a1f10cf..00000000
--- a/frontend/src/__tests__/dataFetching.test.tsx
+++ /dev/null
@@ -1,217 +0,0 @@
-/**
- * Tests that each page's data-fetching useEffect:
- *   1. Does NOT fire before userReady is true (prevents fetching with wrong default userId)
- *   2. DOES fire once userReady becomes true with the correct userId
- *   3. Re-fires when userId changes (so switching users always loads fresh data)
- *
- * We mock the API module and the UserContext so tests are fully isolated.
- */
-import React, { useEffect, useState } from 'react';
-import { render, act, waitFor } from '@testing-library/react';
-import { UserContext } from '@/context/UserContext';
-
-// ─── helpers ────────────────────────────────────────────────────────────────
-
-type ContextValue = {
-  userId: string;
-  userName: string;
-  users: never[];
-  userReady: boolean;
-  setActiveUser: () => void;
-};
-
-function makeContext(overrides: Partial<ContextValue>): ContextValue {
-  return {
-    userId: 'user_andres',
-    userName: 'Andres Lopez',
-    users: [],
-    userReady: false,
-    setActiveUser: () => {},
-    ...overrides,
-  };
-}
-
-// Minimal wrapper that lets us swap context values mid-test
-function ContextWrapper({
-  value,
-  children,
-}: {
-  value: ContextValue;
-  children: React.ReactNode;
-}) {
-  return (
-    <UserContext.Provider value={value}>{children}</UserContext.Provider>
-  );
-}
-
-// ─── Dashboard (page.tsx) ────────────────────────────────────────────────────
-
-jest.mock('@/lib/api', () => ({
-  getGraph: jest.fn(() => Promise.resolve({ nodes: [], edges: [], stats: {} })),
-  getRecommendations: jest.fn(() => Promise.resolve({ recommendations: [] })),
-  getUpcomingAssignments: jest.fn(() => Promise.resolve({ assignments: [] })),
-  getSessions: jest.fn(() => Promise.resolve({ sessions: [] })),
-  getUserRooms: jest.fn(() => Promise.resolve({ rooms: [] })),
-}));
-
-import * as api from '@/lib/api';
-
-afterEach(() => jest.clearAllMocks());
-
-// ─── Isolated hook that mirrors the Dashboard fetch logic ────────────────────
-
-function useDashboardData(userId: string, userReady: boolean) {
-  const [fetched, setFetched] = useState(false);
-  useEffect(() => {
-    if (!userReady) return;
-    (api.getGraph as jest.Mock)(userId).then(() => setFetched(true));
-  }, [userId, userReady]);
-  return fetched;
-}
-
-function DashboardHookHarness({
-  userId,
-  userReady,
-}: {
-  userId: string;
-  userReady: boolean;
-}) {
-  const fetched = useDashboardData(userId, userReady);
-  return <div data-testid="fetched">{String(fetched)}</div>;
-}
-
-test('dashboard: does not fetch when userReady is false', () => {
-  render(<DashboardHookHarness userId="user_andres" userReady={false} />);
-  expect(api.getGraph).not.toHaveBeenCalled();
-});
-
-test('dashboard: fetches once userReady becomes true', async () => {
-  const { rerender } = render(
-    <DashboardHookHarness userId="user_jose" userReady={false} />
-  );
-  expect(api.getGraph).not.toHaveBeenCalled();
-
-  rerender(<DashboardHookHarness userId="user_jose" userReady={true} />);
-  await waitFor(() => expect(api.getGraph).toHaveBeenCalledWith('user_jose'));
-});
-
-test('dashboard: re-fetches when userId changes', async () => {
-  const { rerender } = render(
-    <DashboardHookHarness userId="user_andres" userReady={true} />
-  );
-  await waitFor(() => expect(api.getGraph).toHaveBeenCalledWith('user_andres'));
-
-  rerender(<DashboardHookHarness userId="user_jose" userReady={true} />);
-  await waitFor(() => expect(api.getGraph).toHaveBeenCalledWith('user_jose'));
-  expect(api.getGraph).toHaveBeenCalledTimes(2);
-});
-
-// ─── Isolated hook that mirrors the Tree page fetch logic ────────────────────
-
-function useTreeData(userId: string, userReady: boolean) {
-  const [fetched, setFetched] = useState(false);
-  useEffect(() => {
-    if (!userReady) return;
-    (api.getGraph as jest.Mock)(userId).then(() => setFetched(true));
-  }, [userId, userReady]);
-  return fetched;
-}
-
-function TreeHookHarness({ userId, userReady }: { userId: string; userReady: boolean }) {
-  useTreeData(userId, userReady);
-  return null;
-}
-
-test('tree: does not fetch when userReady is false', () => {
-  render(<TreeHookHarness userId="user_andres" userReady={false} />);
-  expect(api.getGraph).not.toHaveBeenCalled();
-});
-
-test('tree: re-fetches when userId changes after userReady', async () => {
-  const { rerender } = render(<TreeHookHarness userId="user_a" userReady={true} />);
-  await waitFor(() => expect(api.getGraph).toHaveBeenCalledWith('user_a'));
-
-  rerender(<TreeHookHarness userId="user_b" userReady={true} />);
-  await waitFor(() => expect(api.getGraph).toHaveBeenCalledWith('user_b'));
-  expect(api.getGraph).toHaveBeenCalledTimes(2);
-});
-
-// ─── Isolated hook that mirrors the Learn page fetch logic ───────────────────
-
-function useLearnData(userId: string, userReady: boolean) {
-  const [fetched, setFetched] = useState(false);
-  useEffect(() => {
-    if (!userReady) return;
-    Promise.all([
-      (api.getGraph as jest.Mock)(userId),
-      (api.getSessions as jest.Mock)(userId, 10),
-    ]).then(() => setFetched(true));
-  }, [userId, userReady]);
-  return fetched;
-}
-
-function LearnHookHarness({ userId, userReady }: { userId: string; userReady: boolean }) {
-  useLearnData(userId, userReady);
-  return null;
-}
-
-test('learn: does not fetch graph/sessions when userReady is false', () => {
-  render(<LearnHookHarness userId="user_andres" userReady={false} />);
-  expect(api.getGraph).not.toHaveBeenCalled();
-  expect(api.getSessions).not.toHaveBeenCalled();
-});
-
-test('learn: fetches graph and sessions for correct user once ready', async () => {
-  render(<LearnHookHarness userId="user_jose" userReady={true} />);
-  await waitFor(() => {
-    expect(api.getGraph).toHaveBeenCalledWith('user_jose');
-    expect(api.getSessions).toHaveBeenCalledWith('user_jose', 10);
-  });
-});
-
-test('learn: re-fetches both graph and sessions when userId changes', async () => {
-  const { rerender } = render(<LearnHookHarness userId="user_a" userReady={true} />);
-  await waitFor(() => expect(api.getGraph).toHaveBeenCalledWith('user_a'));
-
-  rerender(<LearnHookHarness userId="user_b" userReady={true} />);
-  await waitFor(() => expect(api.getGraph).toHaveBeenCalledWith('user_b'));
-  expect(api.getGraph).toHaveBeenCalledTimes(2);
-  expect(api.getSessions).toHaveBeenCalledTimes(2);
-});
-
-// ─── Isolated hook that mirrors the Social page fetch logic ──────────────────
-
-function useSocialData(userId: string, userReady: boolean) {
-  const [fetched, setFetched] = useState(false);
-  useEffect(() => {
-    if (!userReady) return;
-    (api.getUserRooms as jest.Mock)(userId).then(() => setFetched(true));
-  }, [userId, userReady]);
-  return fetched;
-}
-
-function SocialHookHarness({ userId, userReady }: { userId: string; userReady: boolean }) {
-  useSocialData(userId, userReady);
-  return null;
-}
-
-test('social: does not fetch rooms when userReady is false', () => {
-  render(<SocialHookHarness userId="user_andres" userReady={false} />);
-  expect(api.getUserRooms).not.toHaveBeenCalled();
-});
-
-test('social: fetches rooms for correct user once ready', async () => {
-  render(<SocialHookHarness userId="user_jose" userReady={true} />);
-  await waitFor(() =>
-    expect(api.getUserRooms).toHaveBeenCalledWith('user_jose')
-  );
-});
-
-test('social: re-fetches rooms when userId changes', async () => {
-  const { rerender } = render(<SocialHookHarness userId="user_a" userReady={true} />);
-  await waitFor(() => expect(api.getUserRooms).toHaveBeenCalledWith('user_a'));
-
-  rerender(<SocialHookHarness userId="user_b" userReady={true} />);
-  await waitFor(() => expect(api.getUserRooms).toHaveBeenCalledWith('user_b'));
-  expect(api.getUserRooms).toHaveBeenCalledTimes(2);
-});
diff --git a/frontend/src/__tests__/graphUtils.test.ts b/frontend/src/__tests__/graphUtils.test.ts
deleted file mode 100644
index c9687419..00000000
--- a/frontend/src/__tests__/graphUtils.test.ts
+++ /dev/null
@@ -1,297 +0,0 @@
-/**
- * Tests for lib/graphUtils.ts — all exported pure utility functions.
- * No component rendering, no API calls, no mocks needed.
- */
-import {
-  hexToCourseColor,
-  getCourseColor,
-  getMasteryColor,
-  getMasteryHighlightColor,
-  getMasteryLabel,
-  getNodeRadius,
-  filterCrossSubjectEdges,
-  computeGraphDiff,
-  formatRelativeTime,
-  formatDueDate,
-  daysUntil,
-  PRESET_COURSE_COLORS,
-} from '@/lib/graphUtils';
-import type { GraphNode, GraphEdge } from '@/lib/types';
-
-// ── hexToCourseColor ──────────────────────────────────────────────────────────
-
-describe('hexToCourseColor', () => {
-  it('builds correct rgba values from a valid hex', () => {
-    const result = hexToCourseColor('#ff0000');
-    expect(result.fill).toBe('#ff0000');
-    expect(result.bg).toMatch(/^rgba\(255,0,0,/);
-    expect(result.border).toMatch(/^rgba\(255,0,0,/);
-  });
-
-  it('returns the first palette colour for an invalid hex', () => {
-    const fallback = hexToCourseColor('not-a-hex');
-    expect(fallback.fill).toBe(PRESET_COURSE_COLORS[0]);
-  });
-
-  it('returns the first palette colour for a 3-digit hex shorthand', () => {
-    // Our implementation requires 6-digit hex
-    const fallback = hexToCourseColor('#fff');
-    expect(fallback.fill).toBe(PRESET_COURSE_COLORS[0]);
-  });
-});
-
-// ── getCourseColor ────────────────────────────────────────────────────────────
-
-describe('getCourseColor', () => {
-  it('returns a colour object with required shape', () => {
-    const result = getCourseColor('Mathematics');
-    expect(result).toHaveProperty('fill');
-    expect(result).toHaveProperty('bg');
-    expect(result).toHaveProperty('text');
-    expect(result).toHaveProperty('border');
-  });
-
-  it('is deterministic — same input always yields same colour', () => {
-    expect(getCourseColor('CS101')).toEqual(getCourseColor('CS101'));
-  });
-
-  it('maps different subjects to palette colours (may differ)', () => {
-    // Two sufficiently different strings should hash to different indices at least sometimes
-    const colours = new Set(
-      ['Alpha', 'Beta', 'Gamma', 'Delta', 'Epsilon', 'Zeta'].map(s => getCourseColor(s).fill)
-    );
-    expect(colours.size).toBeGreaterThan(1);
-  });
-
-  it('returns first palette colour for empty string', () => {
-    expect(getCourseColor('').fill).toBe(PRESET_COURSE_COLORS[0]);
-  });
-
-  it('respects a valid overrideHex', () => {
-    const result = getCourseColor('Math', '#123456');
-    expect(result.fill).toBe('#123456');
-  });
-
-  it('ignores an invalid overrideHex and falls back to hash', () => {
-    const withOverride  = getCourseColor('Math', 'not-a-hex');
-    const withoutOverride = getCourseColor('Math');
-    expect(withOverride).toEqual(withoutOverride);
-  });
-});
-
-// ── getMasteryColor / getMasteryHighlightColor ────────────────────────────────
-
-describe('getMasteryColor', () => {
-  it.each([
-    ['mastered',     '#16a34a'],
-    ['learning',     '#d97706'],
-    ['struggling',   '#dc2626'],
-    ['unexplored',   '#6b7280'],
-    ['subject_root', '#7c3aed'],
-  ])('returns correct colour for %s', (tier, expected) => {
-    expect(getMasteryColor(tier)).toBe(expected);
-  });
-
-  it('returns fallback for unknown tier', () => {
-    expect(getMasteryColor('invented_tier')).toBe('#475569');
-  });
-});
-
-describe('getMasteryHighlightColor', () => {
-  it('returns a highlight for mastered', () => {
-    expect(getMasteryHighlightColor('mastered')).toBe('#86efac');
-  });
-
-  it('returns fallback for unknown tier', () => {
-    expect(getMasteryHighlightColor('???')).toBe('#94a3b8');
-  });
-});
-
-// ── getMasteryLabel ───────────────────────────────────────────────────────────
-
-describe('getMasteryLabel', () => {
-  it('formats 0.0 as 0%', () => {
-    expect(getMasteryLabel(0.0)).toBe('0%');
-  });
-
-  it('formats 1.0 as 100%', () => {
-    expect(getMasteryLabel(1.0)).toBe('100%');
-  });
-
-  it('rounds to nearest integer', () => {
-    expect(getMasteryLabel(0.456)).toBe('46%');
-    expect(getMasteryLabel(0.754)).toBe('75%');
-  });
-});
-
-// ── getNodeRadius ─────────────────────────────────────────────────────────────
-
-describe('getNodeRadius', () => {
-  it('returns minimum radius (7) at mastery 0', () => {
-    expect(getNodeRadius(0)).toBe(7);
-  });
-
-  it('returns maximum radius (14) at mastery 1', () => {
-    expect(getNodeRadius(1)).toBe(14);
-  });
-
-  it('scales linearly between 0 and 1', () => {
-    expect(getNodeRadius(0.5)).toBe(10.5);
-  });
-});
-
-// ── filterCrossSubjectEdges ───────────────────────────────────────────────────
-
-function makeNode(id: string, subject: string): GraphNode {
-  return { id, concept_name: id, mastery_score: 0.5, mastery_tier: 'learning', times_studied: 0, last_studied_at: null, subject };
-}
-
-function makeEdge(id: string, source: string, target: string): GraphEdge {
-  return { id, source, target, strength: 0.7 };
-}
-
-describe('filterCrossSubjectEdges', () => {
-  it('keeps edges within the same subject', () => {
-    const nodes = [makeNode('a', 'Math'), makeNode('b', 'Math')];
-    const edges = [makeEdge('e1', 'a', 'b')];
-    expect(filterCrossSubjectEdges(nodes, edges)).toHaveLength(1);
-  });
-
-  it('removes edges that cross subject boundaries', () => {
-    const nodes = [makeNode('a', 'Math'), makeNode('b', 'CS')];
-    const edges = [makeEdge('e1', 'a', 'b')];
-    expect(filterCrossSubjectEdges(nodes, edges)).toHaveLength(0);
-  });
-
-  it('always keeps subject_root__ edges regardless of subjects', () => {
-    const nodes = [makeNode('a', 'Math'), makeNode('subject_root__CS', 'CS')];
-    const edges = [makeEdge('e1', 'subject_root__CS', 'a')];
-    expect(filterCrossSubjectEdges(nodes, edges)).toHaveLength(1);
-  });
-
-  it('returns empty array when no edges', () => {
-    const nodes = [makeNode('a', 'Math')];
-    expect(filterCrossSubjectEdges(nodes, [])).toHaveLength(0);
-  });
-});
-
-// ── computeGraphDiff ──────────────────────────────────────────────────────────
-
-describe('computeGraphDiff', () => {
-  it('detects new nodes', () => {
-    const prev: GraphNode[] = [];
-    const next = [makeNode('n1', 'Math')];
-    const { newNodeIds } = computeGraphDiff(prev, next, [], []);
-    expect(newNodeIds.has('n1')).toBe(true);
-  });
-
-  it('detects mastery tier changes as updated nodes', () => {
-    const prev = [{ ...makeNode('n1', 'Math'), mastery_tier: 'learning' as const }];
-    const next = [{ ...makeNode('n1', 'Math'), mastery_tier: 'mastered' as const }];
-    const { updatedNodeIds } = computeGraphDiff(prev, next, [], []);
-    expect(updatedNodeIds.has('n1')).toBe(true);
-  });
-
-  it('does not flag a node as updated when mastery tier is unchanged', () => {
-    const node = makeNode('n1', 'Math');
-    const { updatedNodeIds } = computeGraphDiff([node], [node], [], []);
-    expect(updatedNodeIds.has('n1')).toBe(false);
-  });
-
-  it('detects new edges', () => {
-    const newEdge = makeEdge('e1', 'a', 'b');
-    const { newEdgeIds } = computeGraphDiff([], [], [], [newEdge]);
-    expect(newEdgeIds.has('e1')).toBe(true);
-  });
-
-  it('does not flag an existing edge as new', () => {
-    const edge = makeEdge('e1', 'a', 'b');
-    const { newEdgeIds } = computeGraphDiff([], [], [edge], [edge]);
-    expect(newEdgeIds.has('e1')).toBe(false);
-  });
-
-  it('returns all empty sets when nothing changed', () => {
-    const node = makeNode('n1', 'Math');
-    const edge = makeEdge('e1', 'a', 'b');
-    const { newNodeIds, updatedNodeIds, newEdgeIds } = computeGraphDiff([node], [node], [edge], [edge]);
-    expect(newNodeIds.size).toBe(0);
-    expect(updatedNodeIds.size).toBe(0);
-    expect(newEdgeIds.size).toBe(0);
-  });
-});
-
-// ── formatRelativeTime ────────────────────────────────────────────────────────
-
-describe('formatRelativeTime', () => {
-  const now = Date.now();
-
-  it('returns "Never" for null', () => {
-    expect(formatRelativeTime(null)).toBe('Never');
-  });
-
-  it('returns "Just now" for less than 1 minute ago', () => {
-    const thirtySecondsAgo = new Date(now - 30_000).toISOString();
-    expect(formatRelativeTime(thirtySecondsAgo)).toBe('Just now');
-  });
-
-  it('returns minutes for < 1 hour ago', () => {
-    const tenMinutesAgo = new Date(now - 10 * 60_000).toISOString();
-    expect(formatRelativeTime(tenMinutesAgo)).toBe('10m ago');
-  });
-
-  it('returns hours for < 24 hours ago', () => {
-    const threeHoursAgo = new Date(now - 3 * 3_600_000).toISOString();
-    expect(formatRelativeTime(threeHoursAgo)).toBe('3h ago');
-  });
-
-  it('returns days for >= 24 hours ago', () => {
-    const twoDaysAgo = new Date(now - 2 * 86_400_000).toISOString();
-    expect(formatRelativeTime(twoDaysAgo)).toBe('2d ago');
-  });
-});
-
-// ── formatDueDate ─────────────────────────────────────────────────────────────
-
-describe('formatDueDate', () => {
-  it('formats a date as "Mon DD"', () => {
-    // '2026-03-15' → "Mar 15"
-    const result = formatDueDate('2026-03-15');
-    expect(result).toBe('Mar 15');
-  });
-
-  it('formats January correctly', () => {
-    expect(formatDueDate('2026-01-01')).toBe('Jan 1');
-  });
-
-  it('formats December correctly', () => {
-    expect(formatDueDate('2026-12-31')).toBe('Dec 31');
-  });
-});
-
-// ── daysUntil ─────────────────────────────────────────────────────────────────
-
-/** Build a YYYY-MM-DD string in LOCAL time to match how daysUntil parses dates. */
-function localDateStr(d: Date): string {
-  const y = d.getFullYear();
-  const m = String(d.getMonth() + 1).padStart(2, '0');
-  const day = String(d.getDate()).padStart(2, '0');
-  return `${y}-${m}-${day}`;
-}
-
-describe('daysUntil', () => {
-  it('returns 0 for today', () => {
-    expect(daysUntil(localDateStr(new Date()))).toBe(0);
-  });
-
-  it('returns positive number for a future date', () => {
-    const future = new Date();
-    future.setDate(future.getDate() + 3);
-    expect(daysUntil(localDateStr(future))).toBe(3);
-  });
-
-  it('returns negative number for a past date', () => {
-    const past = new Date();
-    past.setDate(past.getDate() - 2);
-    expect(daysUntil(localDateStr(past))).toBe(-2);
-  });
-});
diff --git a/frontend/src/__tests__/hydration.test.tsx b/frontend/src/__tests__/hydration.test.tsx
deleted file mode 100644
index f95caedb..00000000
--- a/frontend/src/__tests__/hydration.test.tsx
+++ /dev/null
@@ -1,107 +0,0 @@
-/**
- * Hydration safety tests — verifies that no render-time calls to
- * Math.random() or Date-dependent state initializers produce mismatches
- * between the server and client renders.
- *
- * Strategy: read the source file text and assert on the patterns we know
- * are dangerous, so a future regression is caught immediately.
- */
-import fs from 'fs';
-import path from 'path';
-
-const SRC = path.resolve(__dirname, '../../src');
-
-function readSrc(rel: string) {
-  return fs.readFileSync(path.join(SRC, rel), 'utf8');
-}
-
-// ─── page.tsx (Dashboard) ────────────────────────────────────────────────────
-
-describe('page.tsx hydration safety', () => {
-  const src = readSrc('app/page.tsx');
-
-  test('quote is NOT initialised with Math.random() inside useState()', () => {
-    // The dangerous pattern: useState(() => ... Math.random() ...)
-    // After the fix the quote starts as '' and is set in useEffect
-    expect(src).not.toMatch(/useState\s*\(\s*\(\s*\)\s*=>\s*[^)]*Math\.random/);
-  });
-
-  test('quote state starts as an empty string', () => {
-    expect(src).toMatch(/useState\s*\(\s*['"]{2}\s*\)/);
-  });
-
-});
-
-// ─── calendar/page.tsx ───────────────────────────────────────────────────────
-
-describe('calendar/page.tsx hydration safety', () => {
-  const src = readSrc('app/calendar/page.tsx');
-
-  test('CalendarGrid current state is NOT initialised with new Date() directly', () => {
-    // Dangerous pattern: useState(() => new Date()) or useState(new Date())
-    // After the fix it starts as null and is set in useEffect
-    expect(src).not.toMatch(/useState\s*\(\s*\(\s*\)\s*=>\s*new Date\s*\(\s*\)\s*\)/);
-    expect(src).not.toMatch(/useState\s*\(\s*new Date\s*\(\s*\)\s*\)/);
-  });
-
-  test('today string is derived from state, not from a bare new Date() call during render', () => {
-    // After the fix, today is set via setToday() inside a useEffect
-    expect(src).toMatch(/setToday\s*\(/);
-    // There should be no top-level `const today = toISO(new Date())` in render
-    expect(src).not.toMatch(/const today\s*=\s*toISO\s*\(\s*new Date\s*\(\s*\)\s*\)/);
-  });
-});
-
-// ─── UserContext.tsx ─────────────────────────────────────────────────────────
-
-describe('UserContext.tsx', () => {
-  const src = readSrc('context/UserContext.tsx');
-
-  test('exposes userReady in the context interface', () => {
-    expect(src).toMatch(/userReady\s*:\s*boolean/);
-  });
-
-  test('sets userReady to true inside a useEffect (not synchronously)', () => {
-    // Verify setUserReady(true) exists and only appears inside a useEffect block,
-    // not as a bare top-level statement. We do this by checking that every line
-    // containing setUserReady(true) is preceded by a useEffect opening in the file.
-    expect(src).toMatch(/setUserReady\s*\(\s*true\s*\)/);
-    // The call must be indented (inside a callback), not at column 0
-    const lines = src.split('\n');
-    const callLines = lines.filter(l => /setUserReady\s*\(\s*true\s*\)/.test(l));
-    expect(callLines.length).toBeGreaterThan(0);
-    callLines.forEach(line => {
-      // Each call must be indented — confirming it's inside a block, not top-level
-      expect(line).toMatch(/^\s+setUserReady/);
-    });
-    // And useEffect must also appear in the file (the call is inside one)
-    expect(src).toMatch(/useEffect/);
-  });
-
-  test('context value is memoised with useMemo', () => {
-    expect(src).toMatch(/useMemo\s*\(/);
-  });
-});
-
-// ─── All data-fetching pages guard on userReady ──────────────────────────────
-
-describe('pages guard data fetches behind userReady', () => {
-  const pages = [
-    'app/tree/page.tsx',
-    'app/learn/page.tsx',
-    'app/social/page.tsx',
-    'app/calendar/page.tsx',
-  ];
-
-  for (const page of pages) {
-    test(`${page} has "if (!userReady) return" guard`, () => {
-      const src = readSrc(page);
-      expect(src).toMatch(/if\s*\(\s*!userReady\s*\)\s*return/);
-    });
-
-    test(`${page} includes userReady in a useEffect dependency array`, () => {
-      const src = readSrc(page);
-      expect(src).toMatch(/\[\s*[^\]]*userReady[^\]]*\]/);
-    });
-  }
-});
diff --git a/frontend/src/__tests__/roleBadge.test.tsx b/frontend/src/__tests__/roleBadge.test.tsx
deleted file mode 100644
index e14832e9..00000000
--- a/frontend/src/__tests__/roleBadge.test.tsx
+++ /dev/null
@@ -1,73 +0,0 @@
-/**
- * Tests for components/RoleBadge.tsx
- *
- * Covers: name rendering, size variants, icon rendering,
- * description tooltip, color styling.
- */
-import React from 'react';
-import { render, screen } from '@testing-library/react';
-import RoleBadge from '@/components/RoleBadge';
-import type { Role } from '@/lib/types';
-
-const baseRole: Role = {
-  id: 'r1',
-  name: 'Admin',
-  slug: 'admin',
-  color: '#ff0000',
-  icon: null,
-  description: 'Administrator role',
-  is_staff_assigned: true,
-  is_earnable: false,
-  display_priority: 100,
-};
-
-afterEach(() => jest.clearAllMocks());
-
-describe('RoleBadge', () => {
-  it('renders role name', () => {
-    render(<RoleBadge role={baseRole} />);
-    expect(screen.getByText('Admin')).toBeInTheDocument();
-  });
-
-  it('sets title attribute from description', () => {
-    render(<RoleBadge role={baseRole} />);
-    expect(screen.getByText('Admin').closest('span')).toHaveAttribute('title', 'Administrator role');
-  });
-
-  it('does not set title when no description', () => {
-    const role = { ...baseRole, description: '' };
-    render(<RoleBadge role={role} />);
-    const span = screen.getByText('Admin').closest('span');
-    expect(span?.getAttribute('title')).toBeFalsy();
-  });
-
-  it('renders icon when present', () => {
-    const role = { ...baseRole, icon: 'https://example.com/icon.png' };
-    render(<RoleBadge role={role} />);
-    const img = screen.getByRole('presentation');
-    expect(img).toHaveAttribute('src', 'https://example.com/icon.png');
-  });
-
-  it('does not render img when no icon', () => {
-    render(<RoleBadge role={baseRole} />);
-    expect(screen.queryByRole('presentation')).not.toBeInTheDocument();
-  });
-
-  it('uses smaller font for sm size', () => {
-    const { container } = render(<RoleBadge role={baseRole} size="sm" />);
-    const span = container.querySelector('span')!;
-    expect(span.style.fontSize).toBe('10px');
-  });
-
-  it('uses default md size font', () => {
-    const { container } = render(<RoleBadge role={baseRole} />);
-    const span = container.querySelector('span')!;
-    expect(span.style.fontSize).toBe('11px');
-  });
-
-  it('applies role color to text', () => {
-    const { container } = render(<RoleBadge role={baseRole} />);
-    const span = container.querySelector('span')!;
-    expect(span.style.color).toBe('rgb(255, 0, 0)');
-  });
-});
diff --git a/frontend/src/__tests__/sessionSummary.test.tsx b/frontend/src/__tests__/sessionSummary.test.tsx
deleted file mode 100644
index ad4bc004..00000000
--- a/frontend/src/__tests__/sessionSummary.test.tsx
+++ /dev/null
@@ -1,168 +0,0 @@
-/**
- * Tests for components/SessionSummary.tsx
- *
- * Covers: concepts covered (list vs empty state), mastery change delta
- * formatting (+/-), time spent (singular/plural), recommended next,
- * and both button callbacks.
- */
-import React from 'react';
-import { render, screen, fireEvent } from '@testing-library/react';
-import SessionSummary from '@/components/SessionSummary';
-import type { SessionSummary as SessionSummaryType } from '@/lib/types';
-
-// ── helpers ───────────────────────────────────────────────────────────────────
-
-function makeSummary(overrides: Partial<SessionSummaryType> = {}): SessionSummaryType {
-  return {
-    concepts_covered: [],
-    mastery_changes: [],
-    new_connections: [],
-    time_spent_minutes: 0,
-    recommended_next: [],
-    ...overrides,
-  };
-}
-
-const noop = jest.fn();
-
-afterEach(() => jest.clearAllMocks());
-
-// ── concepts covered ──────────────────────────────────────────────────────────
-
-describe('concepts covered', () => {
-  it('renders each concept as a chip', () => {
-    const summary = makeSummary({ concepts_covered: ['Recursion', 'Loops', 'Functions'] });
-    render(<SessionSummary summary={summary} onDashboard={noop} onNewSession={noop} />);
-    expect(screen.getByText('Recursion')).toBeInTheDocument();
-    expect(screen.getByText('Loops')).toBeInTheDocument();
-    expect(screen.getByText('Functions')).toBeInTheDocument();
-  });
-
-  it('shows fallback text when no concepts were covered', () => {
-    render(<SessionSummary summary={makeSummary()} onDashboard={noop} onNewSession={noop} />);
-    expect(screen.getByText(/no concepts recorded/i)).toBeInTheDocument();
-  });
-});
-
-// ── mastery changes ───────────────────────────────────────────────────────────
-
-describe('mastery changes', () => {
-  it('does not render the section when there are no mastery changes', () => {
-    render(<SessionSummary summary={makeSummary()} onDashboard={noop} onNewSession={noop} />);
-    expect(screen.queryByText(/mastery changes/i)).not.toBeInTheDocument();
-  });
-
-  it('shows concept name and positive delta', () => {
-    const summary = makeSummary({
-      mastery_changes: [{ concept: 'Recursion', before: 0.4, after: 0.65 }],
-    });
-    render(<SessionSummary summary={summary} onDashboard={noop} onNewSession={noop} />);
-    expect(screen.getByText('Recursion')).toBeInTheDocument();
-    expect(screen.getByText('+25%')).toBeInTheDocument();
-  });
-
-  it('shows negative delta without extra minus sign', () => {
-    const summary = makeSummary({
-      mastery_changes: [{ concept: 'Pointers', before: 0.5, after: 0.4 }],
-    });
-    render(<SessionSummary summary={summary} onDashboard={noop} onNewSession={noop} />);
-    expect(screen.getByText('-10%')).toBeInTheDocument();
-  });
-
-  it('shows +0% when mastery did not change', () => {
-    const summary = makeSummary({
-      mastery_changes: [{ concept: 'X', before: 0.5, after: 0.5 }],
-    });
-    render(<SessionSummary summary={summary} onDashboard={noop} onNewSession={noop} />);
-    expect(screen.getByText('+0%')).toBeInTheDocument();
-  });
-
-  it('renders multiple mastery change rows', () => {
-    const summary = makeSummary({
-      mastery_changes: [
-        { concept: 'A', before: 0.2, after: 0.5 },
-        { concept: 'B', before: 0.7, after: 0.8 },
-      ],
-    });
-    render(<SessionSummary summary={summary} onDashboard={noop} onNewSession={noop} />);
-    expect(screen.getByText('A')).toBeInTheDocument();
-    expect(screen.getByText('B')).toBeInTheDocument();
-    expect(screen.getByText('+30%')).toBeInTheDocument();
-    expect(screen.getByText('+10%')).toBeInTheDocument();
-  });
-});
-
-// ── time spent ────────────────────────────────────────────────────────────────
-
-describe('time spent', () => {
-  it('uses singular "minute" for 1 minute', () => {
-    render(
-      <SessionSummary
-        summary={makeSummary({ time_spent_minutes: 1 })}
-        onDashboard={noop}
-        onNewSession={noop}
-      />
-    );
-    expect(screen.getByText(/1 minute$/)).toBeInTheDocument();
-  });
-
-  it('uses plural "minutes" for 0 minutes', () => {
-    render(
-      <SessionSummary
-        summary={makeSummary({ time_spent_minutes: 0 })}
-        onDashboard={noop}
-        onNewSession={noop}
-      />
-    );
-    expect(screen.getByText(/0 minutes/)).toBeInTheDocument();
-  });
-
-  it('uses plural "minutes" for more than 1 minute', () => {
-    render(
-      <SessionSummary
-        summary={makeSummary({ time_spent_minutes: 25 })}
-        onDashboard={noop}
-        onNewSession={noop}
-      />
-    );
-    expect(screen.getByText(/25 minutes/)).toBeInTheDocument();
-  });
-});
-
-// ── recommended next ──────────────────────────────────────────────────────────
-
-describe('recommended next', () => {
-  it('does not render the section when list is empty', () => {
-    render(<SessionSummary summary={makeSummary()} onDashboard={noop} onNewSession={noop} />);
-    expect(screen.queryByText(/recommended next/i)).not.toBeInTheDocument();
-  });
-
-  it('renders recommended concepts when present', () => {
-    const summary = makeSummary({ recommended_next: ['Linked Lists', 'Trees'] });
-    render(<SessionSummary summary={summary} onDashboard={noop} onNewSession={noop} />);
-    expect(screen.getByText('Linked Lists')).toBeInTheDocument();
-    expect(screen.getByText('Trees')).toBeInTheDocument();
-  });
-});
-
-// ── buttons ───────────────────────────────────────────────────────────────────
-
-describe('buttons', () => {
-  it('calls onDashboard when Dashboard button is clicked', () => {
-    const onDashboard = jest.fn();
-    render(
-      <SessionSummary summary={makeSummary()} onDashboard={onDashboard} onNewSession={noop} />
-    );
-    fireEvent.click(screen.getByRole('button', { name: /dashboard/i }));
-    expect(onDashboard).toHaveBeenCalledTimes(1);
-  });
-
-  it('calls onNewSession when New Session button is clicked', () => {
-    const onNewSession = jest.fn();
-    render(
-      <SessionSummary summary={makeSummary()} onDashboard={noop} onNewSession={onNewSession} />
-    );
-    fireEvent.click(screen.getByRole('button', { name: /new session/i }));
-    expect(onNewSession).toHaveBeenCalledTimes(1);
-  });
-});
diff --git a/frontend/src/__tests__/settings.test.tsx b/frontend/src/__tests__/settings.test.tsx
deleted file mode 100644
index a29042ec..00000000
--- a/frontend/src/__tests__/settings.test.tsx
+++ /dev/null
@@ -1,118 +0,0 @@
-/**
- * Tests for app/settings/page.tsx
- *
- * Covers: section navigation, loading state, profile form rendering,
- * section switching.
- */
-import React from 'react';
-import { render, screen, fireEvent, waitFor } from '@testing-library/react';
-
-// Mock next/navigation
-jest.mock('next/navigation', () => ({
-  useRouter: () => ({ push: jest.fn(), replace: jest.fn() }),
-  usePathname: () => '/settings',
-}));
-
-// Mock UserContext
-jest.mock('@/context/UserContext', () => ({
-  useUser: () => ({
-    userId: 'user_1',
-    userName: 'Test User',
-    avatarUrl: '',
-    equippedCosmetics: {},
-    isAdmin: false,
-    roles: [],
-    refreshProfile: jest.fn(),
-  }),
-}));
-
-// Mock ToastProvider
-jest.mock('@/components/ToastProvider', () => ({
-  useToast: () => ({ showToast: jest.fn() }),
-}));
-
-// Mock api module
-const mockFetchSettings = jest.fn();
-const mockUpdateSettings = jest.fn();
-const mockUpdateProfile = jest.fn();
-const mockUploadAvatar = jest.fn();
-const mockExportData = jest.fn();
-const mockDeleteAccount = jest.fn();
-jest.mock('@/lib/api', () => ({
-  fetchSettings: (...args: any[]) => mockFetchSettings(...args),
-  updateSettings: (...args: any[]) => mockUpdateSettings(...args),
-  updateProfile: (...args: any[]) => mockUpdateProfile(...args),
-  uploadAvatar: (...args: any[]) => mockUploadAvatar(...args),
-  exportData: (...args: any[]) => mockExportData(...args),
-  deleteAccount: (...args: any[]) => mockDeleteAccount(...args),
-}));
-
-// Mock components
-jest.mock('@/components/CosmeticsManager', () => () => <div data-testid="cosmetics-manager" />);
-jest.mock('@/components/AvatarFrame', () => (props: any) => <div data-testid="avatar-frame" />);
-
-import SettingsPage from '@/app/settings/page';
-
-afterEach(() => jest.clearAllMocks());
-
-const mockSettings = {
-  user_id: 'user_1',
-  profile_visibility: 'public',
-  activity_status_visible: true,
-  notification_email: true,
-  notification_push: false,
-  notification_in_app: true,
-  theme: 'light',
-  font_size: 'md',
-  accent_color: null,
-};
-
-describe('SettingsPage', () => {
-  beforeEach(() => {
-    mockFetchSettings.mockResolvedValue(mockSettings);
-  });
-
-  it('renders section navigation', async () => {
-    render(<SettingsPage />);
-    await waitFor(() => {
-      expect(screen.getAllByText('Profile').length).toBeGreaterThanOrEqual(1);
-    });
-    expect(screen.getByText('Account')).toBeInTheDocument();
-    expect(screen.getByText('Notifications')).toBeInTheDocument();
-    expect(screen.getByText('Appearance')).toBeInTheDocument();
-    expect(screen.getByText('Privacy')).toBeInTheDocument();
-    expect(screen.getByText('Cosmetics')).toBeInTheDocument();
-    expect(screen.getByText('Danger Zone')).toBeInTheDocument();
-  });
-
-  it('shows profile section by default', async () => {
-    render(<SettingsPage />);
-    await waitFor(() => {
-      expect(screen.getByText(/display name/i)).toBeInTheDocument();
-    });
-  });
-
-  it('switches to danger zone section on click', async () => {
-    render(<SettingsPage />);
-    await waitFor(() => {
-      expect(screen.getByText('Danger Zone')).toBeInTheDocument();
-    });
-
-    fireEvent.click(screen.getByText('Danger Zone'));
-    await waitFor(() => {
-      expect(screen.getAllByText(/delete account/i).length).toBeGreaterThanOrEqual(1);
-    });
-  });
-
-  it('switches to notifications section', async () => {
-    render(<SettingsPage />);
-    await waitFor(() => {
-      expect(screen.getByText('Notifications')).toBeInTheDocument();
-    });
-
-    fireEvent.click(screen.getByText('Notifications'));
-    await waitFor(() => {
-      expect(screen.getByText(/email notifications/i)).toBeInTheDocument();
-    });
-  });
-});
diff --git a/frontend/src/__tests__/signinCallback.test.tsx b/frontend/src/__tests__/signinCallback.test.tsx
deleted file mode 100644
index 5446badc..00000000
--- a/frontend/src/__tests__/signinCallback.test.tsx
+++ /dev/null
@@ -1,123 +0,0 @@
-/**
- * Tests for app/signin/callback/page.tsx
- *
- * Covers the new error branches added to the OAuth callback handler:
- * - Successful session → redirect to /dashboard
- * - 403 from session API → redirect to /pending
- * - Other failures from session API → inline error
- * - Network errors → inline error
- * - Missing user_id/name params → inline error
- * - Missing is_approved param → inline error (not a /pending redirect)
- * - Explicit is_approved=false → /pending redirect
- */
-import React from 'react';
-import { render, screen, waitFor } from '@testing-library/react';
-
-const replace = jest.fn();
-const setActiveUser = jest.fn();
-const confirmApproved = jest.fn();
-let searchParams = new URLSearchParams();
-
-jest.mock('next/navigation', () => ({
-  useRouter: () => ({ replace }),
-  useSearchParams: () => searchParams,
-}));
-
-jest.mock('@/context/UserContext', () => ({
-  useUser: () => ({ setActiveUser, confirmApproved }),
-}));
-
-import CallbackPage from '@/app/signin/callback/page';
-
-beforeEach(() => {
-  jest.clearAllMocks();
-  searchParams = new URLSearchParams();
-  global.fetch = jest.fn();
-});
-
-afterEach(() => {
-  // @ts-expect-error allow cleanup
-  delete global.fetch;
-});
-
-function setParams(params: Record<string, string>) {
-  searchParams = new URLSearchParams(params);
-}
-
-describe('signin/callback page', () => {
-  it('redirects to /dashboard on a successful session', async () => {
-    setParams({ user_id: 'u1', name: 'Ada', is_approved: 'true' });
-    (global.fetch as jest.Mock).mockResolvedValue({ ok: true, status: 200 });
-
-    render(<CallbackPage />);
-
-    await waitFor(() => expect(replace).toHaveBeenCalledWith('/dashboard'));
-    expect(setActiveUser).toHaveBeenCalledWith('u1', 'Ada', '');
-    expect(confirmApproved).toHaveBeenCalled();
-  });
-
-  it('redirects to /pending when session API returns 403', async () => {
-    setParams({ user_id: 'u1', name: 'Ada', is_approved: 'true' });
-    (global.fetch as jest.Mock).mockResolvedValue({ ok: false, status: 403 });
-
-    render(<CallbackPage />);
-
-    await waitFor(() => expect(replace).toHaveBeenCalledWith('/signin?error=not_approved'));
-    expect(confirmApproved).not.toHaveBeenCalled();
-  });
-
-  it('shows an inline error when session API returns a non-403 failure', async () => {
-    setParams({ user_id: 'u1', name: 'Ada', is_approved: 'true' });
-    (global.fetch as jest.Mock).mockResolvedValue({ ok: false, status: 500 });
-
-    render(<CallbackPage />);
-
-    expect(await screen.findByText(/unable to complete sign-in/i)).toBeInTheDocument();
-    expect(replace).not.toHaveBeenCalled();
-  });
-
-  it('shows an inline error when the session fetch rejects', async () => {
-    setParams({ user_id: 'u1', name: 'Ada', is_approved: 'true' });
-    (global.fetch as jest.Mock).mockRejectedValue(new Error('network down'));
-
-    render(<CallbackPage />);
-
-    expect(await screen.findByText(/unable to reach the server/i)).toBeInTheDocument();
-    expect(replace).not.toHaveBeenCalled();
-  });
-
-  it('shows an inline error when user_id is missing', async () => {
-    setParams({ name: 'Ada', is_approved: 'true' });
-
-    render(<CallbackPage />);
-
-    expect(await screen.findByText(/sign-in failed/i)).toBeInTheDocument();
-    expect(global.fetch).not.toHaveBeenCalled();
-    expect(replace).not.toHaveBeenCalled();
-  });
-
-  it('shows an inline error when is_approved is missing entirely', async () => {
-    setParams({ user_id: 'u1', name: 'Ada' });
-
-    render(<CallbackPage />);
-
-    expect(await screen.findByText(/sign-in failed/i)).toBeInTheDocument();
-    expect(replace).not.toHaveBeenCalled();
-  });
-
-  it('redirects to /pending when is_approved is explicitly "false"', async () => {
-    setParams({ user_id: 'u1', name: 'Ada', is_approved: 'false' });
-
-    render(<CallbackPage />);
-
-    await waitFor(() => expect(replace).toHaveBeenCalledWith('/signin?error=not_approved'));
-  });
-
-  it('redirects to /pending when error=not_approved is set', async () => {
-    setParams({ error: 'not_approved' });
-
-    render(<CallbackPage />);
-
-    await waitFor(() => expect(replace).toHaveBeenCalledWith('/signin?error=not_approved'));
-  });
-});
diff --git a/frontend/src/__tests__/userContext.test.tsx b/frontend/src/__tests__/userContext.test.tsx
deleted file mode 100644
index 079cbf43..00000000
--- a/frontend/src/__tests__/userContext.test.tsx
+++ /dev/null
@@ -1,99 +0,0 @@
-/**
- * Tests for UserContext — verifies localStorage restoration and the
- * userReady gate that prevents pages from fetching with the wrong default user.
- */
-import React from 'react';
-import { render, screen, act, waitFor } from '@testing-library/react';
-import { UserProvider, useUser } from '@/context/UserContext';
-
-// Stub the /api/users fetch so tests don't hit the network
-beforeEach(() => {
-  global.fetch = jest.fn(() =>
-    Promise.resolve({ json: () => Promise.resolve({ users: [] }) } as Response)
-  );
-});
-
-afterEach(() => {
-  localStorage.clear();
-  jest.clearAllMocks();
-});
-
-function DisplayUser() {
-  const { userId, userName, userReady } = useUser();
-  return (
-    <div>
-      <span data-testid="userId">{userId}</span>
-      <span data-testid="userName">{userName}</span>
-      <span data-testid="ready">{String(userReady)}</span>
-    </div>
-  );
-}
-
-test('starts with userReady=false before localStorage is read', () => {
-  // Render without waiting for effects — userReady should be false initially
-  let readyOnFirstRender = '';
-  function Probe() {
-    const { userReady } = useUser();
-    if (readyOnFirstRender === '') readyOnFirstRender = String(userReady);
-    return null;
-  }
-  render(<UserProvider><Probe /></UserProvider>);
-  expect(readyOnFirstRender).toBe('false');
-});
-
-test('sets userReady=true after mount even if no localStorage entry exists', async () => {
-  render(<UserProvider><DisplayUser /></UserProvider>);
-  await waitFor(() => {
-    expect(screen.getByTestId('ready').textContent).toBe('true');
-  });
-});
-
-test('restores userId and userName from localStorage on mount', async () => {
-  localStorage.setItem(
-    'sapling_user',
-    JSON.stringify({ id: 'user_jose', name: 'Jose Cruz' })
-  );
-  render(<UserProvider><DisplayUser /></UserProvider>);
-  await waitFor(() => {
-    expect(screen.getByTestId('userId').textContent).toBe('user_jose');
-    expect(screen.getByTestId('userName').textContent).toBe('Jose Cruz');
-    expect(screen.getByTestId('ready').textContent).toBe('true');
-  });
-});
-
-test('has empty userId when localStorage is empty', async () => {
-  render(<UserProvider><DisplayUser /></UserProvider>);
-  await waitFor(() => {
-    expect(screen.getByTestId('userId').textContent).toBe('');
-    expect(screen.getByTestId('ready').textContent).toBe('true');
-  });
-});
-
-test('setActiveUser updates userId and persists to localStorage', async () => {
-  function SwitchUser() {
-    const { userId, setActiveUser, userReady } = useUser();
-    return (
-      <div>
-        <span data-testid="userId">{userId}</span>
-        <span data-testid="ready">{String(userReady)}</span>
-        <button onClick={() => setActiveUser('user_gael', 'Gael Lopez')}>
-          Switch
-        </button>
-      </div>
-    );
-  }
-
-  render(<UserProvider><SwitchUser /></UserProvider>);
-  await waitFor(() =>
-    expect(screen.getByTestId('ready').textContent).toBe('true')
-  );
-
-  act(() => {
-    screen.getByRole('button', { name: 'Switch' }).click();
-  });
-
-  expect(screen.getByTestId('userId').textContent).toBe('user_gael');
-  const stored = JSON.parse(localStorage.getItem('sapling_user') ?? '{}');
-  expect(stored.id).toBe('user_gael');
-  expect(stored.name).toBe('Gael Lopez');
-});
diff --git a/frontend/src/app/(shell)/achievements/page.tsx b/frontend/src/app/(shell)/achievements/page.tsx
new file mode 100644
index 00000000..ed2e15d8
--- /dev/null
+++ b/frontend/src/app/(shell)/achievements/page.tsx
@@ -0,0 +1,5 @@
+import { Achievements } from "@/components/screens/Achievements";
+
+export default function AchievementsPage() {
+  return <Achievements />;
+}
diff --git a/frontend/src/app/(shell)/admin/page.tsx b/frontend/src/app/(shell)/admin/page.tsx
new file mode 100644
index 00000000..09c407d7
--- /dev/null
+++ b/frontend/src/app/(shell)/admin/page.tsx
@@ -0,0 +1,5 @@
+import { Admin } from "@/components/screens/Admin";
+
+export default function AdminPage() {
+  return <Admin />;
+}
diff --git a/frontend/src/app/(shell)/calendar/page.tsx b/frontend/src/app/(shell)/calendar/page.tsx
new file mode 100644
index 00000000..5d1f9465
--- /dev/null
+++ b/frontend/src/app/(shell)/calendar/page.tsx
@@ -0,0 +1,10 @@
+import { Suspense } from "react";
+import { Calendar } from "@/components/screens/Calendar";
+
+export default function CalendarPage() {
+  return (
+    <Suspense fallback={null}>
+      <Calendar />
+    </Suspense>
+  );
+}
diff --git a/frontend/src/app/(shell)/dashboard/page.tsx b/frontend/src/app/(shell)/dashboard/page.tsx
new file mode 100644
index 00000000..f5f148df
--- /dev/null
+++ b/frontend/src/app/(shell)/dashboard/page.tsx
@@ -0,0 +1,10 @@
+import { Suspense } from "react";
+import { Dashboard } from "@/components/screens/Dashboard";
+
+export default function DashboardPage() {
+  return (
+    <Suspense fallback={null}>
+      <Dashboard />
+    </Suspense>
+  );
+}
diff --git a/frontend/src/app/(shell)/layout.tsx b/frontend/src/app/(shell)/layout.tsx
new file mode 100644
index 00000000..954f618b
--- /dev/null
+++ b/frontend/src/app/(shell)/layout.tsx
@@ -0,0 +1,26 @@
+import React, { Suspense } from "react";
+import { Sidebar } from "@/components/Sidebar";
+import { FloatingActions } from "@/components/FloatingActions";
+import { FeedbackFlow } from "@/components/FeedbackFlow";
+import { SessionFeedbackGlobal } from "@/components/SessionFeedbackGlobal";
+
+export default function ShellLayout({ children }: { children: React.ReactNode }) {
+  return (
+    <div style={{ display: "flex", height: "100vh", overflow: "hidden" }}>
+      <a href="#main-content" className="skip-link">Skip to content</a>
+      <Sidebar />
+      <main
+        id="main-content"
+        tabIndex={-1}
+        style={{ flex: 1, overflowY: "auto", minWidth: 0, position: "relative" }}
+      >
+        {children}
+      </main>
+      <FloatingActions />
+      <Suspense fallback={null}>
+        <FeedbackFlow />
+        <SessionFeedbackGlobal />
+      </Suspense>
+    </div>
+  );
+}
diff --git a/frontend/src/app/(shell)/learn/page.tsx b/frontend/src/app/(shell)/learn/page.tsx
new file mode 100644
index 00000000..5deb5ca9
--- /dev/null
+++ b/frontend/src/app/(shell)/learn/page.tsx
@@ -0,0 +1,5 @@
+import { Learn } from "@/components/screens/Learn";
+
+export default function LearnPage() {
+  return <Learn />;
+}
diff --git a/frontend/src/app/(shell)/library/page.tsx b/frontend/src/app/(shell)/library/page.tsx
new file mode 100644
index 00000000..abf95dfc
--- /dev/null
+++ b/frontend/src/app/(shell)/library/page.tsx
@@ -0,0 +1,5 @@
+import { Library } from "@/components/screens/Library";
+
+export default function LibraryPage() {
+  return <Library />;
+}
diff --git a/frontend/src/app/(shell)/profile/[userId]/page.tsx b/frontend/src/app/(shell)/profile/[userId]/page.tsx
new file mode 100644
index 00000000..c0e6070b
--- /dev/null
+++ b/frontend/src/app/(shell)/profile/[userId]/page.tsx
@@ -0,0 +1,45 @@
+"use client";
+import React from "react";
+import { useParams } from "next/navigation";
+import { TopBar } from "@/components/TopBar";
+import { ProfileView } from "@/components/ProfileView";
+import { fetchPublicProfile } from "@/lib/api";
+import type { UserProfile } from "@/lib/types";
+
+export default function PublicProfilePage() {
+  const params = useParams<{ userId: string }>();
+  const userId = params?.userId;
+  const [profile, setProfile] = React.useState<UserProfile | null>(null);
+  const [loading, setLoading] = React.useState(true);
+  const [error, setError] = React.useState<string | null>(null);
+
+  React.useEffect(() => {
+    if (!userId) return;
+    setLoading(true);
+    fetchPublicProfile(userId)
+      .then(p => { setProfile(p); setError(null); })
+      .catch(err => setError(String(err)))
+      .finally(() => setLoading(false));
+  }, [userId]);
+
+  return (
+    <div>
+      <TopBar
+        breadcrumb="Home / Profile"
+        title={profile?.name || (loading ? "Loading…" : "Profile")}
+        subtitle={profile?.username ? `@${profile.username}` : undefined}
+      />
+      <div style={{ padding: "20px 32px" }}>
+        {loading && (
+          <div style={{ padding: 40, textAlign: "center", color: "var(--text-muted)" }}>Loading profile…</div>
+        )}
+        {error && !loading && (
+          <div className="card" style={{ padding: 28, textAlign: "center", color: "var(--err)" }}>
+            Couldn&apos;t load this profile. {error}
+          </div>
+        )}
+        {!loading && !error && profile && <ProfileView profile={profile} />}
+      </div>
+    </div>
+  );
+}
diff --git a/frontend/src/app/(shell)/settings/page.tsx b/frontend/src/app/(shell)/settings/page.tsx
new file mode 100644
index 00000000..3c3af691
--- /dev/null
+++ b/frontend/src/app/(shell)/settings/page.tsx
@@ -0,0 +1,5 @@
+import { Settings } from "@/components/screens/Settings";
+
+export default function SettingsPage() {
+  return <Settings />;
+}
diff --git a/frontend/src/app/(shell)/social/page.tsx b/frontend/src/app/(shell)/social/page.tsx
new file mode 100644
index 00000000..95490093
--- /dev/null
+++ b/frontend/src/app/(shell)/social/page.tsx
@@ -0,0 +1,10 @@
+import { Suspense } from "react";
+import { Social } from "@/components/screens/Social";
+
+export default function SocialPage() {
+  return (
+    <Suspense fallback={null}>
+      <Social />
+    </Suspense>
+  );
+}
diff --git a/frontend/src/app/(shell)/study/page.tsx b/frontend/src/app/(shell)/study/page.tsx
new file mode 100644
index 00000000..c0d0a35d
--- /dev/null
+++ b/frontend/src/app/(shell)/study/page.tsx
@@ -0,0 +1,5 @@
+import { Study } from "@/components/screens/Study";
+
+export default function StudyPage() {
+  return <Study />;
+}
diff --git a/frontend/src/app/(shell)/tree/page.tsx b/frontend/src/app/(shell)/tree/page.tsx
new file mode 100644
index 00000000..4be79f06
--- /dev/null
+++ b/frontend/src/app/(shell)/tree/page.tsx
@@ -0,0 +1,10 @@
+import { Suspense } from "react";
+import { Tree } from "@/components/screens/Tree";
+
+export default function TreePage() {
+  return (
+    <Suspense fallback={null}>
+      <Tree />
+    </Suspense>
+  );
+}
diff --git a/frontend/src/app/about/page.tsx b/frontend/src/app/about/page.tsx
deleted file mode 100644
index f09053ee..00000000
--- a/frontend/src/app/about/page.tsx
+++ /dev/null
@@ -1,86 +0,0 @@
-import Link from "next/link";
-
-export default function AboutPage() {
-  return (
-    <div className="min-h-screen bg-[#F4F7F5] flex flex-col">
-      <div className="flex-1 max-w-3xl mx-auto px-8 py-16 w-full">
-        <div className="flex items-center gap-2 mb-12">
-          <Link href="/" className="text-sm text-gray-500 hover:text-gray-900 transition-colors">
-            ← Back to Sapling
-          </Link>
-        </div>
-
-        <h1 className="text-4xl font-semibold text-gray-900 mb-8">About Sapling</h1>
-
-        <div className="prose prose-gray max-w-none space-y-6 text-gray-600 leading-relaxed">
-          <p>
-            <strong className="text-gray-900">Sapling</strong> is an AI-powered study companion built by students, for students. We believe that learning shouldn't be passive. It should adapt to you, challenge you, and show you exactly where you stand.
-          </p>
-
-          <p>
-            At its core, Sapling maps your understanding as a live knowledge graph that grows with every session, quiz, and document you interact with. Paired with an AI tutor that can reason with you Socratically, explain concepts directly, or flip the table and have you teach back, Sapling meets you wherever you are in your learning journey.
-          </p>
-
-          <p>
-            Sapling was born out of a hackathon and built by a team of four students who were frustrated with static study tools that don't actually know what you know. We wanted something that feels less like a flashcard app and more like a study partner who's always prepared.
-          </p>
-
-          <div>
-            <p className="font-medium text-gray-900 mb-3">What makes Sapling different:</p>
-            <ul className="space-y-2 list-none pl-0">
-              {[
-                "Your knowledge graph is yours. It updates in real time based on your actual performance, not just what you've clicked through.",
-                "Three distinct teaching modes mean you're never locked into one way of learning.",
-                "Study rooms let you learn alongside classmates and see how your mastery compares, anonymously and collaboratively.",
-                "Everything from syllabus tracking to exam study guides is powered by Gemini, so the busywork of getting organized is handled for you.",
-              ].map((item, i) => (
-                <li key={i} className="flex gap-3">
-                  <span className="text-green-600 mt-0.5">•</span>
-                  <span>{item}</span>
-                </li>
-              ))}
-            </ul>
-          </div>
-
-          <p>
-            Sapling is actively developed and we're always building. If something's broken or you have an idea, there's a feedback button in the navbar and we actually read those.
-          </p>
-        </div>
-
-        {/* Awards */}
-        <div className="mt-14">
-          <p className="text-xs font-semibold tracking-[0.2em] uppercase text-green-700 mb-6">Recognition</p>
-          <div className="space-y-8">
-            <div>
-              <p className="font-semibold text-gray-900 text-base">Best AI Tutor in Education</p>
-              <p className="text-xs text-green-700 font-medium mt-0.5">Boston University Civic Hacks 2026 · BU Spark! & Wheelock College of Education</p>
-              <p className="text-gray-600 text-sm mt-2 leading-relaxed">
-                Recognized among competing teams at BU's annual civic hackathon for building the most impactful AI-driven learning experience. Sapling was awarded for its approach to personalized, student-centered tutoring, bridging the gap between artificial intelligence and meaningful education.
-              </p>
-            </div>
-
-            <div>
-              <p className="font-semibold text-gray-900 text-base">Code & Tell Winner</p>
-              <p className="text-xs text-green-700 font-medium mt-0.5">BU Spark!</p>
-              <p className="text-gray-600 text-sm mt-2 leading-relaxed">
-                Selected by BU Spark! as a standout project at their Code & Tell showcase, where student builders present real-world applications to faculty, mentors, and industry judges. Sapling was chosen for its technical depth and its vision for the future of how students learn.
-              </p>
-            </div>
-          </div>
-        </div>
-
-        <div className="mt-12 pt-8 border-t border-gray-200 text-sm text-gray-400">
-          Built by Andres Lopez, Jack He, Luke Cooper, and Jose Gael Cruz-Lopez © 2026
-        </div>
-      </div>
-
-      <footer className="border-t border-gray-200 bg-[#E9EFED] py-8 px-8">
-        <div className="max-w-3xl mx-auto flex flex-wrap justify-center gap-6 text-sm text-gray-500">
-          <Link href="/about" className="hover:text-gray-900 transition-colors">About</Link>
-          <Link href="/terms" className="hover:text-gray-900 transition-colors">Terms of Service</Link>
-          <Link href="/privacy" className="hover:text-gray-900 transition-colors">Privacy Policy</Link>
-        </div>
-      </footer>
-    </div>
-  );
-}
diff --git a/frontend/src/app/achievements/page.tsx b/frontend/src/app/achievements/page.tsx
deleted file mode 100644
index 1436af35..00000000
--- a/frontend/src/app/achievements/page.tsx
+++ /dev/null
@@ -1,152 +0,0 @@
-'use client';
-
-import { useEffect, useState } from 'react';
-import { useUser } from '@/context/UserContext';
-import { fetchAchievements } from '@/lib/api';
-import type { Achievement, UserAchievement, AchievementCategory } from '@/lib/types';
-import AchievementCard from '@/components/AchievementCard';
-
-const UI_FONT = "var(--font-dm-sans), 'DM Sans', sans-serif";
-
-const CATEGORIES: { key: AchievementCategory | 'all'; label: string }[] = [
-  { key: 'all', label: 'All' },
-  { key: 'activity', label: 'Activity' },
-  { key: 'social', label: 'Social' },
-  { key: 'milestone', label: 'Milestone' },
-  { key: 'special', label: 'Special' },
-];
-
-export default function AchievementsPage() {
-  const { userId } = useUser();
-  const [earned, setEarned] = useState<UserAchievement[]>([]);
-  const [available, setAvailable] = useState<Achievement[]>([]);
-  const [loading, setLoading] = useState(true);
-  const [error, setError] = useState('');
-  const [filter, setFilter] = useState<AchievementCategory | 'all'>('all');
-  const [expandedId, setExpandedId] = useState<string | null>(null);
-
-  useEffect(() => {
-    if (!userId) return;
-    setLoading(true);
-    fetchAchievements(userId)
-      .then(data => {
-        setEarned(data.earned || []);
-        setAvailable(data.available || []);
-        setLoading(false);
-      })
-      .catch(e => {
-        setError(e.message);
-        setLoading(false);
-      });
-  }, [userId]);
-
-  const filterFn = (category: string) =>
-    filter === 'all' || category === filter;
-
-  const filteredEarned = earned.filter(ua => filterFn(ua.achievement.category));
-  const filteredAvailable = available.filter(a => filterFn(a.category));
-
-  if (loading) {
-    return (
-      <div style={{ maxWidth: '720px', margin: '40px auto', padding: '0 20px', fontFamily: UI_FONT }}>
-        <div style={{ color: 'var(--text-dim)', fontSize: '13px' }}>Loading achievements...</div>
-      </div>
-    );
-  }
-
-  if (error) {
-    return (
-      <div style={{ maxWidth: '720px', margin: '40px auto', padding: '0 20px', fontFamily: UI_FONT }}>
-        <div style={{ color: 'var(--brand-struggle)', fontSize: '13px' }}>{error}</div>
-      </div>
-    );
-  }
-
-  return (
-    <div style={{ maxWidth: '720px', margin: '0 auto', padding: '24px 20px', fontFamily: UI_FONT }}>
-      <h1 style={{ fontSize: '20px', fontWeight: 700, marginBottom: '4px', color: 'var(--text)' }}>Achievements</h1>
-      <p style={{ fontSize: '13px', color: 'var(--text-dim)', marginBottom: '20px' }}>
-        Track your progress and unlock achievements as you learn.
-      </p>
-
-      {/* Category filters */}
-      <div style={{ display: 'flex', gap: '6px', marginBottom: '20px', flexWrap: 'wrap' }}>
-        {CATEGORIES.map(cat => (
-          <button
-            key={cat.key}
-            onClick={() => setFilter(cat.key)}
-            className={filter === cat.key ? 'pill pill-active' : 'pill pill-inactive'}
-          >
-            {cat.label}
-          </button>
-        ))}
-      </div>
-
-      {/* Earned achievements */}
-      {filteredEarned.length > 0 && (
-        <div style={{ marginBottom: '24px' }}>
-          <div className="label" style={{ marginBottom: '10px' }}>Earned ({filteredEarned.length})</div>
-          <div style={{
-            display: 'grid',
-            gridTemplateColumns: 'repeat(auto-fill, minmax(180px, 1fr))',
-            gap: '10px',
-          }}>
-            {filteredEarned.map(ua => (
-              <div key={ua.achievement.id}>
-                <AchievementCard
-                  achievement={ua.achievement}
-                  earned={true}
-                  earnedAt={ua.earned_at}
-                  onPress={() => setExpandedId(expandedId === ua.achievement.id ? null : ua.achievement.id)}
-                />
-                {expandedId === ua.achievement.id && (
-                  <div style={{
-                    marginTop: '4px',
-                    padding: '10px',
-                    background: 'var(--bg-subtle)',
-                    borderRadius: 'var(--radius-sm)',
-                    fontSize: '12px',
-                    color: 'var(--text-secondary)',
-                    animation: 'fade-in var(--dur-base) var(--ease-out) both',
-                  }}>
-                    <div style={{ marginBottom: '4px' }}>{ua.achievement.description}</div>
-                    <div style={{ color: 'var(--text-dim)' }}>
-                      Rarity: {ua.achievement.rarity} | Earned: {new Date(ua.earned_at).toLocaleDateString()}
-                    </div>
-                  </div>
-                )}
-              </div>
-            ))}
-          </div>
-        </div>
-      )}
-
-      {/* Locked achievements */}
-      {filteredAvailable.length > 0 && (
-        <div>
-          <div className="label" style={{ marginBottom: '10px' }}>Locked ({filteredAvailable.length})</div>
-          <div style={{
-            display: 'grid',
-            gridTemplateColumns: 'repeat(auto-fill, minmax(180px, 1fr))',
-            gap: '10px',
-          }}>
-            {filteredAvailable.map(ach => (
-              <AchievementCard
-                key={ach.id}
-                achievement={ach}
-                earned={false}
-                isSecret={ach.is_secret}
-              />
-            ))}
-          </div>
-        </div>
-      )}
-
-      {filteredEarned.length === 0 && filteredAvailable.length === 0 && (
-        <div style={{ textAlign: 'center', color: 'var(--text-dim)', padding: '40px 0', fontSize: '13px' }}>
-          No achievements found in this category.
-        </div>
-      )}
-    </div>
-  );
-}
diff --git a/frontend/src/app/admin/page.tsx b/frontend/src/app/admin/page.tsx
deleted file mode 100644
index b3ca8f4a..00000000
--- a/frontend/src/app/admin/page.tsx
+++ /dev/null
@@ -1,268 +0,0 @@
-'use client';
-
-import { useEffect, useState } from 'react';
-import { useRouter } from 'next/navigation';
-import { useUser } from '@/context/UserContext';
-import { useToast } from '@/components/ToastProvider';
-import {
-  adminFetchUsers, adminApproveUser, adminAssignRole, adminRevokeRole,
-  adminCreateRole, adminCreateAchievement, adminGrantAchievement, adminCreateCosmetic,
-} from '@/lib/api';
-import RoleBadge from '@/components/RoleBadge';
-
-const UI_FONT = "var(--font-dm-sans), 'DM Sans', sans-serif";
-
-const TABS = ['Users', 'Roles', 'Achievements', 'Cosmetics'];
-
-export default function AdminPage() {
-  const { isAdmin, userId } = useUser();
-  const router = useRouter();
-  const { showToast } = useToast();
-  const [activeTab, setActiveTab] = useState('Users');
-  const [users, setUsers] = useState<any[]>([]);
-  const [loading, setLoading] = useState(true);
-
-  // Role creation form
-  const [roleName, setRoleName] = useState('');
-  const [roleSlug, setRoleSlug] = useState('');
-  const [roleColor, setRoleColor] = useState('#3b82f6');
-
-  // Achievement creation form
-  const [achName, setAchName] = useState('');
-  const [achSlug, setAchSlug] = useState('');
-  const [achCategory, setAchCategory] = useState('milestone');
-  const [achRarity, setAchRarity] = useState('common');
-
-  // Cosmetic creation form
-  const [cosName, setCosName] = useState('');
-  const [cosSlug, setCosSlug] = useState('');
-  const [cosType, setCosType] = useState('avatar_frame');
-  const [cosRarity, setCosRarity] = useState('common');
-
-  // Grant form
-  const [grantUserId, setGrantUserId] = useState('');
-  const [grantAchId, setGrantAchId] = useState('');
-
-  useEffect(() => {
-    if (!isAdmin) {
-      router.push('/dashboard');
-      return;
-    }
-    setLoading(true);
-    adminFetchUsers()
-      .then(data => {
-        setUsers(data.users || []);
-        setLoading(false);
-      })
-      .catch(() => setLoading(false));
-  }, [isAdmin, router]);
-
-  if (!isAdmin) return null;
-
-  const handleApprove = async (uid: string) => {
-    try {
-      await adminApproveUser(uid);
-      setUsers(prev => prev.map(u => u.id === uid ? { ...u, is_approved: true } : u));
-      showToast('User approved');
-    } catch (e: any) {
-      showToast(e.message);
-    }
-  };
-
-  const handleCreateRole = async () => {
-    if (!roleName || !roleSlug) return;
-    try {
-      await adminCreateRole({ name: roleName, slug: roleSlug, color: roleColor });
-      showToast('Role created');
-      setRoleName(''); setRoleSlug('');
-    } catch (e: any) {
-      showToast(e.message);
-    }
-  };
-
-  const handleCreateAchievement = async () => {
-    if (!achName || !achSlug) return;
-    try {
-      await adminCreateAchievement({ name: achName, slug: achSlug, category: achCategory, rarity: achRarity });
-      showToast('Achievement created');
-      setAchName(''); setAchSlug('');
-    } catch (e: any) {
-      showToast(e.message);
-    }
-  };
-
-  const handleGrantAchievement = async () => {
-    if (!grantUserId || !grantAchId) return;
-    try {
-      await adminGrantAchievement(grantUserId, grantAchId);
-      showToast('Achievement granted');
-      setGrantUserId(''); setGrantAchId('');
-    } catch (e: any) {
-      showToast(e.message);
-    }
-  };
-
-  const handleCreateCosmetic = async () => {
-    if (!cosName || !cosSlug) return;
-    try {
-      await adminCreateCosmetic({ type: cosType, name: cosName, slug: cosSlug, rarity: cosRarity });
-      showToast('Cosmetic created');
-      setCosName(''); setCosSlug('');
-    } catch (e: any) {
-      showToast(e.message);
-    }
-  };
-
-  const inputStyle: React.CSSProperties = {
-    background: 'var(--bg-input)',
-    color: 'var(--text)',
-    border: '1px solid var(--border)',
-    borderRadius: 'var(--radius-sm)',
-    padding: '6px 10px',
-    fontSize: '13px',
-    fontFamily: 'inherit',
-    outline: 'none',
-  };
-
-  return (
-    <div style={{ maxWidth: '900px', margin: '0 auto', padding: '24px 20px', fontFamily: UI_FONT }}>
-      <h1 style={{ fontSize: '20px', fontWeight: 700, marginBottom: '20px', color: 'var(--text)' }}>Admin</h1>
-
-      {/* Tabs */}
-      <div style={{ display: 'flex', gap: '0', borderBottom: '1px solid var(--border)', marginBottom: '20px' }}>
-        {TABS.map(tab => (
-          <button
-            key={tab}
-            onClick={() => setActiveTab(tab)}
-            className={activeTab === tab ? 'tab tab-active' : 'tab tab-inactive'}
-          >
-            {tab}
-          </button>
-        ))}
-      </div>
-
-      {/* Users tab */}
-      {activeTab === 'Users' && (
-        <div>
-          {loading ? (
-            <div style={{ color: 'var(--text-dim)', fontSize: '13px' }}>Loading users...</div>
-          ) : (
-            <table style={{ width: '100%', borderCollapse: 'collapse', fontSize: '13px' }}>
-              <thead>
-                <tr style={{ borderBottom: '1px solid var(--border)' }}>
-                  <th style={{ textAlign: 'left', padding: '8px 4px', fontWeight: 500, color: 'var(--text-dim)' }}>Name</th>
-                  <th style={{ textAlign: 'left', padding: '8px 4px', fontWeight: 500, color: 'var(--text-dim)' }}>Email</th>
-                  <th style={{ textAlign: 'left', padding: '8px 4px', fontWeight: 500, color: 'var(--text-dim)' }}>Status</th>
-                  <th style={{ textAlign: 'left', padding: '8px 4px', fontWeight: 500, color: 'var(--text-dim)' }}>Roles</th>
-                  <th style={{ textAlign: 'right', padding: '8px 4px', fontWeight: 500, color: 'var(--text-dim)' }}>Actions</th>
-                </tr>
-              </thead>
-              <tbody>
-                {users.map(user => (
-                  <tr key={user.id} style={{ borderBottom: '1px solid var(--border-light)' }}>
-                    <td style={{ padding: '8px 4px' }}>{user.name}</td>
-                    <td style={{ padding: '8px 4px', color: 'var(--text-dim)' }}>{user.email}</td>
-                    <td style={{ padding: '8px 4px' }}>
-                      {user.is_approved ? (
-                        <span style={{ color: 'var(--brand-success)', fontWeight: 500 }}>Approved</span>
-                      ) : (
-                        <span style={{ color: 'var(--brand-progress)', fontWeight: 500 }}>Pending</span>
-                      )}
-                    </td>
-                    <td style={{ padding: '8px 4px' }}>
-                      <div style={{ display: 'flex', gap: '4px', flexWrap: 'wrap' }}>
-                        {(user.roles || []).map((r: any) => (
-                          <RoleBadge key={r.id} role={r} size="sm" />
-                        ))}
-                      </div>
-                    </td>
-                    <td style={{ padding: '8px 4px', textAlign: 'right' }}>
-                      {!user.is_approved && (
-                        <button className="btn-accent" style={{ padding: '4px 10px', fontSize: '11px' }} onClick={() => handleApprove(user.id)}>
-                          Approve
-                        </button>
-                      )}
-                    </td>
-                  </tr>
-                ))}
-              </tbody>
-            </table>
-          )}
-        </div>
-      )}
-
-      {/* Roles tab */}
-      {activeTab === 'Roles' && (
-        <div>
-          <div style={{ marginBottom: '20px', fontSize: '14px', fontWeight: 600, color: 'var(--text)' }}>Create Role</div>
-          <div style={{ display: 'flex', gap: '8px', flexWrap: 'wrap', marginBottom: '20px' }}>
-            <input style={inputStyle} placeholder="Name" value={roleName} onChange={e => setRoleName(e.target.value)} />
-            <input style={inputStyle} placeholder="Slug" value={roleSlug} onChange={e => setRoleSlug(e.target.value)} />
-            <input type="color" value={roleColor} onChange={e => setRoleColor(e.target.value)} style={{ width: '36px', height: '32px', border: 'none', cursor: 'pointer' }} />
-            <button className="btn-accent" onClick={handleCreateRole}>Create</button>
-          </div>
-        </div>
-      )}
-
-      {/* Achievements tab */}
-      {activeTab === 'Achievements' && (
-        <div>
-          <div style={{ marginBottom: '20px' }}>
-            <div style={{ fontSize: '14px', fontWeight: 600, color: 'var(--text)', marginBottom: '10px' }}>Create Achievement</div>
-            <div style={{ display: 'flex', gap: '8px', flexWrap: 'wrap', marginBottom: '12px' }}>
-              <input style={inputStyle} placeholder="Name" value={achName} onChange={e => setAchName(e.target.value)} />
-              <input style={inputStyle} placeholder="Slug" value={achSlug} onChange={e => setAchSlug(e.target.value)} />
-              <select style={inputStyle} value={achCategory} onChange={e => setAchCategory(e.target.value)}>
-                <option value="activity">Activity</option>
-                <option value="social">Social</option>
-                <option value="milestone">Milestone</option>
-                <option value="special">Special</option>
-              </select>
-              <select style={inputStyle} value={achRarity} onChange={e => setAchRarity(e.target.value)}>
-                <option value="common">Common</option>
-                <option value="uncommon">Uncommon</option>
-                <option value="rare">Rare</option>
-                <option value="epic">Epic</option>
-                <option value="legendary">Legendary</option>
-              </select>
-              <button className="btn-accent" onClick={handleCreateAchievement}>Create</button>
-            </div>
-          </div>
-          <div>
-            <div style={{ fontSize: '14px', fontWeight: 600, color: 'var(--text)', marginBottom: '10px' }}>Grant Achievement</div>
-            <div style={{ display: 'flex', gap: '8px', flexWrap: 'wrap' }}>
-              <input style={inputStyle} placeholder="User ID" value={grantUserId} onChange={e => setGrantUserId(e.target.value)} />
-              <input style={inputStyle} placeholder="Achievement ID" value={grantAchId} onChange={e => setGrantAchId(e.target.value)} />
-              <button className="btn-accent" onClick={handleGrantAchievement}>Grant</button>
-            </div>
-          </div>
-        </div>
-      )}
-
-      {/* Cosmetics tab */}
-      {activeTab === 'Cosmetics' && (
-        <div>
-          <div style={{ fontSize: '14px', fontWeight: 600, color: 'var(--text)', marginBottom: '10px' }}>Create Cosmetic</div>
-          <div style={{ display: 'flex', gap: '8px', flexWrap: 'wrap' }}>
-            <input style={inputStyle} placeholder="Name" value={cosName} onChange={e => setCosName(e.target.value)} />
-            <input style={inputStyle} placeholder="Slug" value={cosSlug} onChange={e => setCosSlug(e.target.value)} />
-            <select style={inputStyle} value={cosType} onChange={e => setCosType(e.target.value)}>
-              <option value="avatar_frame">Avatar Frame</option>
-              <option value="banner">Banner</option>
-              <option value="name_color">Name Color</option>
-              <option value="title">Title</option>
-            </select>
-            <select style={inputStyle} value={cosRarity} onChange={e => setCosRarity(e.target.value)}>
-              <option value="common">Common</option>
-              <option value="uncommon">Uncommon</option>
-              <option value="rare">Rare</option>
-              <option value="epic">Epic</option>
-              <option value="legendary">Legendary</option>
-            </select>
-            <button className="btn-accent" onClick={handleCreateCosmetic}>Create</button>
-          </div>
-        </div>
-      )}
-    </div>
-  );
-}
diff --git a/frontend/src/app/api/auth/session/route.ts b/frontend/src/app/api/auth/session/route.ts
index 703bf541..4411c394 100644
--- a/frontend/src/app/api/auth/session/route.ts
+++ b/frontend/src/app/api/auth/session/route.ts
@@ -4,8 +4,6 @@ import { signSession, SESSION_MAX_AGE } from '@/lib/sessionToken';
 const API_URL = process.env.NEXT_PUBLIC_API_URL;
 const SESSION_SECRET = process.env.SESSION_SECRET;
 
-// Verify an HMAC token produced by the backend's OAuth callback.
-// Returns the userId if valid and unexpired, otherwise null.
 async function verifyAuthToken(token: string): Promise<string | null> {
   if (!SESSION_SECRET) return null;
   const dot = token.lastIndexOf('.');
@@ -13,8 +11,6 @@ async function verifyAuthToken(token: string): Promise<string | null> {
   const payloadB64 = token.slice(0, dot);
   const sigB64 = token.slice(dot + 1);
   try {
-    // Re-pad base64url and convert to bytes for sig comparison.
-    // Returns Uint8Array<ArrayBuffer> (concrete) so it satisfies BufferSource.
     function b64urlToBytes(s: string): Uint8Array<ArrayBuffer> {
       const padded = s.replace(/-/g, '+').replace(/_/g, '/');
       const pad = '='.repeat((4 - (padded.length % 4)) % 4);
@@ -55,14 +51,12 @@ export async function POST(request: NextRequest) {
 
   let verifiedUserId: string | null = null;
 
-  // Fast path: verify the backend-signed token (no round-trip needed).
   if (authToken) {
     verifiedUserId = await verifyAuthToken(authToken);
     if (!verifiedUserId) {
       return NextResponse.json({ error: 'Invalid or expired auth token' }, { status: 401 });
     }
   } else {
-    // Fallback: call backend to verify (used when SESSION_SECRET not shared yet).
     if (!API_URL) {
       return NextResponse.json({ error: 'NEXT_PUBLIC_API_URL not configured' }, { status: 500 });
     }
@@ -78,13 +72,9 @@ export async function POST(request: NextRequest) {
       } finally {
         clearTimeout(timeout);
       }
-      if (!res.ok) {
-        return NextResponse.json({ error: 'User not found' }, { status: 401 });
-      }
+      if (!res.ok) return NextResponse.json({ error: 'User not found' }, { status: 401 });
       const data = await res.json();
-      if (data.is_approved !== true) {
-        return NextResponse.json({ error: 'Not approved' }, { status: 403 });
-      }
+      if (data.is_approved !== true) return NextResponse.json({ error: 'Not approved' }, { status: 403 });
       verifiedUserId = userId;
     } catch {
       return NextResponse.json({ error: 'Backend unreachable' }, { status: 502 });
diff --git a/frontend/src/app/signin/callback/page.tsx b/frontend/src/app/auth/callback/page.tsx
similarity index 58%
rename from frontend/src/app/signin/callback/page.tsx
rename to frontend/src/app/auth/callback/page.tsx
index 3275a06a..e6cb371d 100644
--- a/frontend/src/app/signin/callback/page.tsx
+++ b/frontend/src/app/auth/callback/page.tsx
@@ -1,6 +1,6 @@
 'use client';
 
-import { useEffect, Suspense } from 'react';
+import { Suspense, useEffect } from 'react';
 import { useSearchParams, useRouter } from 'next/navigation';
 import { useUser } from '@/context/UserContext';
 
@@ -18,66 +18,53 @@ function CallbackInner() {
     const error = searchParams.get('error');
 
     if (error === 'not_approved' || approvedParam === 'false') {
-      router.replace('/signin?error=not_approved');
+      router.replace('/auth?error=not_approved');
       return;
     }
-
     if (approvedParam !== 'true' || !userId || !name) {
-      router.replace('/signin?error=signin_failed');
+      router.replace('/auth?error=signin_failed');
       return;
     }
 
     setActiveUser(userId, name, avatar || '');
     confirmApproved();
 
-    // Try to set the session cookie; redirect regardless.
     fetch('/api/auth/session', {
       method: 'POST',
       headers: { 'Content-Type': 'application/json' },
       body: JSON.stringify({ userId, ...(authToken ? { authToken } : {}) }),
     }).catch(() => {});
 
-    const onboardingPending = sessionStorage.getItem('sapling_onboarding_pending');
-    if (onboardingPending) {
-      router.replace('/');
-      return;
-    }
-
-    // Check if user has completed onboarding; if not, send them through it
     const API_URL = process.env.NEXT_PUBLIC_API_URL ?? 'http://localhost:5000';
     fetch(`${API_URL}/api/auth/me?user_id=${encodeURIComponent(userId)}`)
       .then(r => r.json())
       .then(data => {
-        if (data.onboarding_completed) {
-          router.replace('/dashboard');
-        } else {
-          sessionStorage.setItem('sapling_onboarding_pending', 'true');
-          router.replace('/');
-        }
+        router.replace(data.onboarding_completed ? '/dashboard' : '/onboarding');
       })
-      .catch(() => {
-        router.replace('/dashboard');
-      });
-  }, []); // eslint-disable-line react-hooks/exhaustive-deps
+      .catch(() => router.replace('/dashboard'));
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
 
   return (
-    <div style={{
-      minHeight: '100vh',
-      display: 'flex',
-      alignItems: 'center',
-      justifyContent: 'center',
-      background: '#f0f5f0',
-      color: '#6b7280',
-      fontSize: '14px',
-    }}>
-      Signing you in...
+    <div
+      style={{
+        minHeight: '100vh',
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        background: 'var(--bg)',
+        color: 'var(--text-dim)',
+        fontSize: 14,
+      }}
+    >
+      Signing you in…
     </div>
   );
 }
 
 export default function CallbackPage() {
   return (
-    <Suspense fallback={<div style={{ minHeight: '100vh', background: '#f0f5f0' }} />}>
+    <Suspense fallback={<div style={{ minHeight: '100vh', background: 'var(--bg)' }} />}>
       <CallbackInner />
     </Suspense>
   );
diff --git a/frontend/src/app/auth/page.tsx b/frontend/src/app/auth/page.tsx
new file mode 100644
index 00000000..f2bf14f5
--- /dev/null
+++ b/frontend/src/app/auth/page.tsx
@@ -0,0 +1,5 @@
+import { Auth } from "@/components/screens/Auth";
+
+export default function AuthPage() {
+  return <Auth />;
+}
diff --git a/frontend/src/app/calendar/page.tsx b/frontend/src/app/calendar/page.tsx
deleted file mode 100644
index 3391b7de..00000000
--- a/frontend/src/app/calendar/page.tsx
+++ /dev/null
@@ -1,519 +0,0 @@
-'use client';
-
-import { useEffect, useState, Suspense } from 'react';
-import { useSearchParams } from 'next/navigation';
-import AssignmentTable from '@/components/AssignmentTable';
-import DocumentUploadModal, { type UploadedDoc } from '@/components/DocumentUploadModal';
-import { Assignment } from '@/lib/types';
-import {
-  getAllAssignments,
-  getCalendarStatus,
-  syncToGoogleCalendar,
-  importGoogleEvents,
-  disconnectGoogleCalendar,
-  getCourses,
-  type EnrolledCourse,
-} from '@/lib/api';
-import { useUser } from '@/context/UserContext';
-
-const UI_FONT = "var(--font-dm-sans), 'DM Sans', sans-serif";
-
-type CalendarView = 'month' | 'week' | 'day';
-
-const TYPE_COLORS: Record<string, { bg: string; text: string; border: string }> = {
-  exam:     { bg: 'rgba(220,38,38,0.08)',   text: '#b91c1c', border: 'rgba(220,38,38,0.2)' },
-  project:  { bg: 'rgba(234,88,12,0.08)',   text: '#c2410c', border: 'rgba(234,88,12,0.2)' },
-  homework: { bg: 'rgba(107,114,128,0.1)',  text: '#374151', border: 'rgba(107,114,128,0.2)' },
-  quiz:     { bg: 'rgba(161,98,7,0.08)',    text: '#92400e', border: 'rgba(161,98,7,0.2)' },
-  reading:  { bg: 'rgba(29,78,216,0.08)',   text: '#1e40af', border: 'rgba(29,78,216,0.2)' },
-  other:    { bg: 'rgba(107,114,128,0.08)', text: '#6b7280', border: 'rgba(107,114,128,0.15)' },
-};
-
-function AssignmentChip({ a, isMobile }: { a: Assignment; isMobile?: boolean }) {
-  const c = TYPE_COLORS[a.assignment_type ?? 'other'] ?? TYPE_COLORS.other;
-  return (
-    <div
-      title={`${a.title}${a.course_name ? ` — ${a.course_name}` : ''}${a.notes ? `\n${a.notes}` : ''}`}
-      style={{
-        background: c.bg,
-        color: c.text,
-        fontSize: isMobile ? '10px' : '11px',
-        padding: '2px 6px',
-        borderRadius: '4px',
-        lineHeight: 1.5,
-        overflow: 'hidden',
-        textOverflow: 'ellipsis',
-        whiteSpace: 'nowrap',
-        fontWeight: 500,
-        cursor: 'default',
-        border: `1px solid ${c.border}`,
-      }}
-    >
-      {a.title}
-    </div>
-  );
-}
-
-function useIsMobile(breakpoint = 768) {
-  const [isMobile, setIsMobile] = useState(false);
-  useEffect(() => {
-    const mql = window.matchMedia(`(max-width: ${breakpoint}px)`);
-    setIsMobile(mql.matches);
-    const handler = (e: MediaQueryListEvent) => setIsMobile(e.matches);
-    mql.addEventListener('change', handler);
-    return () => mql.removeEventListener('change', handler);
-  }, [breakpoint]);
-  return isMobile;
-}
-
-function CalendarGrid({ assignments }: { assignments: Assignment[] }) {
-  const isMobile = useIsMobile();
-  const [view, setView] = useState<CalendarView>('month');
-  // Initialize to null so server and client agree on the first render,
-  // then set to the real Date on the client after mount (avoids hydration mismatch).
-  const [current, setCurrent] = useState<Date | null>(null);
-  const [today, setToday] = useState('');
-
-  useEffect(() => {
-    const now = new Date();
-    setCurrent(now);
-    const y = now.getFullYear();
-    const m = String(now.getMonth() + 1).padStart(2, '0');
-    const day = String(now.getDate()).padStart(2, '0');
-    setToday(`${y}-${m}-${day}`);
-  }, []);
-
-  const toISO = (d: Date) => {
-    const y = d.getFullYear();
-    const m = String(d.getMonth() + 1).padStart(2, '0');
-    const day = String(d.getDate()).padStart(2, '0');
-    return `${y}-${m}-${day}`;
-  };
-
-  // Don't render until the client has set the real date
-  if (!current) {
-    return (
-      <div style={{ border: '1px solid rgba(107,114,128,0.15)', borderRadius: '10px', minHeight: '600px', background: '#f0f5f0' }} />
-    );
-  }
-
-  const byDate: Record<string, Assignment[]> = {};
-  for (const a of assignments) {
-    if (!a.due_date) continue;
-    if (!byDate[a.due_date]) byDate[a.due_date] = [];
-    byDate[a.due_date].push(a);
-  }
-
-  const navigate = (dir: -1 | 1) => {
-    if (view === 'month') {
-      setCurrent(c => c ? new Date(c.getFullYear(), c.getMonth() + dir, 1) : c);
-    } else if (view === 'week') {
-      setCurrent(c => c ? new Date(c.getTime() + dir * 7 * 86400000) : c);
-    } else {
-      setCurrent(c => c ? new Date(c.getTime() + dir * 86400000) : c);
-    }
-  };
-
-  const headerLabel = () => {
-    if (view === 'month') {
-      return current.toLocaleDateString('en-US', { month: 'long', year: 'numeric' });
-    }
-    if (view === 'week') {
-      const start = new Date(current);
-      start.setDate(start.getDate() - start.getDay());
-      const end = new Date(start);
-      end.setDate(end.getDate() + 6);
-      const s = start.toLocaleDateString('en-US', { month: 'short', day: 'numeric' });
-      const e = end.toLocaleDateString('en-US', { month: 'short', day: 'numeric', year: 'numeric' });
-      return `${s} – ${e}`;
-    }
-    return current.toLocaleDateString('en-US', { weekday: 'long', month: 'long', day: 'numeric', year: 'numeric' });
-  };
-
-  // ── Month View ────────────────────────────────────────────────────────────
-  const renderMonth = () => {
-    const year = current.getFullYear();
-    const monthIdx = current.getMonth();
-    const firstDay = new Date(year, monthIdx, 1).getDay();
-    const daysInMonth = new Date(year, monthIdx + 1, 0).getDate();
-    const DAY_NAMES = isMobile ? ['S', 'M', 'T', 'W', 'T', 'F', 'S'] : ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'];
-
-    return (
-      <div style={{ display: 'grid', gridTemplateColumns: 'repeat(7, 1fr)' }}>
-        {DAY_NAMES.map((d, i) => (
-          <div key={i} style={{ padding: '10px 8px', textAlign: 'center', fontSize: '11px', color: '#6b7280', fontWeight: 600, textTransform: 'uppercase', borderBottom: '2px solid rgba(107,114,128,0.12)', background: '#f0f5f0', letterSpacing: '0.05em' }}>
-            {d}
-          </div>
-        ))}
-        {Array.from({ length: firstDay }, (_, i) => (
-          <div key={`empty-${i}`} style={{ minHeight: isMobile ? '60px' : '130px', borderBottom: '1px solid rgba(107,114,128,0.08)', borderRight: '1px solid rgba(107,114,128,0.08)', background: '#fafcfa' }} />
-        ))}
-        {Array.from({ length: daysInMonth }, (_, i) => {
-          const day = i + 1;
-          const iso = `${year}-${String(monthIdx + 1).padStart(2, '0')}-${String(day).padStart(2, '0')}`;
-          const dayAssignments = byDate[iso] ?? [];
-          const isToday = iso === today;
-          return (
-            <div
-              key={day}
-              style={{
-                padding: '8px',
-                minHeight: isMobile ? '60px' : '130px',
-                borderBottom: '1px solid rgba(107,114,128,0.08)',
-                borderRight: '1px solid rgba(107,114,128,0.08)',
-                background: isToday ? 'rgba(26,92,42,0.05)' : '#ffffff',
-              }}
-            >
-              <div style={{ display: 'flex', justifyContent: 'flex-start', marginBottom: '4px' }}>
-                <span style={{
-                  width: '26px', height: '26px',
-                  display: 'flex', alignItems: 'center', justifyContent: 'center',
-                  borderRadius: '50%',
-                  background: isToday ? '#1a5c2a' : 'transparent',
-                  fontSize: '12px',
-                  color: isToday ? '#ffffff' : '#6b7280',
-                  fontWeight: isToday ? 700 : 400,
-                }}>
-                  {day}
-                </span>
-              </div>
-              <div style={{ display: 'flex', flexDirection: 'column', gap: '3px' }}>
-                {dayAssignments.slice(0, 3).map(a => <AssignmentChip key={a.id} a={a} isMobile={isMobile} />)}
-                {dayAssignments.length > 3 && (
-                  <span style={{ fontSize: '10px', color: '#9ca3af', paddingLeft: '4px' }}>+{dayAssignments.length - 3} more</span>
-                )}
-              </div>
-            </div>
-          );
-        })}
-      </div>
-    );
-  };
-
-  // ── Week View ─────────────────────────────────────────────────────────────
-  const renderWeek = () => {
-    const start = new Date(current);
-    start.setDate(start.getDate() - start.getDay());
-    const days = Array.from({ length: 7 }, (_, i) => {
-      const d = new Date(start);
-      d.setDate(d.getDate() + i);
-      return d;
-    });
-    const DAY_NAMES = isMobile ? ['S', 'M', 'T', 'W', 'T', 'F', 'S'] : ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'];
-
-    return (
-      <div style={{ display: 'grid', gridTemplateColumns: 'repeat(7, 1fr)' }}>
-        {days.map((d, i) => {
-          const iso = toISO(d);
-          const isToday = iso === today;
-          return (
-            <div key={i} style={{ padding: '12px 8px', textAlign: 'center', borderBottom: '2px solid rgba(107,114,128,0.12)', background: isToday ? 'rgba(26,92,42,0.05)' : '#f0f5f0', borderRight: i < 6 ? '1px solid rgba(107,114,128,0.08)' : 'none' }}>
-              <div style={{ fontSize: isMobile ? '10px' : '11px', color: '#6b7280', fontWeight: 600, textTransform: 'uppercase', letterSpacing: '0.05em' }}>{DAY_NAMES[i]}</div>
-              <div style={{ width: '32px', height: '32px', display: 'flex', alignItems: 'center', justifyContent: 'center', borderRadius: '50%', background: isToday ? '#1a5c2a' : 'transparent', margin: '6px auto 0' }}>
-                <span style={{ fontSize: '15px', color: isToday ? '#ffffff' : '#111827', fontWeight: isToday ? 700 : 500 }}>
-                  {d.getDate()}
-                </span>
-              </div>
-            </div>
-          );
-        })}
-        {days.map((d, i) => {
-          const iso = toISO(d);
-          const dayAssignments = byDate[iso] ?? [];
-          const isToday = iso === today;
-          return (
-            <div key={`body-${i}`} style={{ padding: '8px 6px', minHeight: isMobile ? '100px' : '280px', borderRight: i < 6 ? '1px solid rgba(107,114,128,0.08)' : 'none', background: isToday ? 'rgba(26,92,42,0.04)' : '#ffffff', display: 'flex', flexDirection: 'column', gap: '4px' }}>
-              {dayAssignments.map(a => <AssignmentChip key={a.id} a={a} isMobile={isMobile} />)}
-            </div>
-          );
-        })}
-      </div>
-    );
-  };
-
-  // ── Day View ──────────────────────────────────────────────────────────────
-  const renderDay = () => {
-    const iso = toISO(current);
-    const dayAssignments = byDate[iso] ?? [];
-    return (
-      <div style={{ padding: '24px', minHeight: '300px' }}>
-        {dayAssignments.length === 0 ? (
-          <p style={{ color: '#9ca3af', fontSize: '14px', textAlign: 'center', padding: '60px 0' }}>No assignments due on this day.</p>
-        ) : (
-          <div style={{ display: 'flex', flexDirection: 'column', gap: '12px', maxWidth: '600px', margin: '0 auto' }}>
-            {dayAssignments.map(a => {
-              const c = TYPE_COLORS[a.assignment_type ?? 'other'] ?? TYPE_COLORS.other;
-              return (
-                <div key={a.id} style={{ padding: '14px 16px', borderRadius: '8px', background: c.bg, borderLeft: `4px solid ${c.text}`, display: 'flex', flexDirection: 'column', gap: '6px', border: `1px solid ${c.border}` }}>
-                  <span style={{ fontSize: '15px', fontWeight: 600, color: '#111827' }}>{a.title}</span>
-                  <div style={{ display: 'flex', gap: '10px', alignItems: 'center', flexWrap: 'wrap' }}>
-                    {a.course_name && <span style={{ fontSize: '12px', color: '#4b5563', fontWeight: 500 }}>{a.course_name}</span>}
-                    <span style={{ fontSize: '11px', color: c.text, fontWeight: 600, background: 'rgba(255,255,255,0.8)', padding: '1px 7px', borderRadius: '4px', border: `1px solid ${c.border}` }}>{a.assignment_type}</span>
-                    {a.notes && <span style={{ fontSize: '12px', color: '#6b7280' }}>{a.notes}</span>}
-                  </div>
-                </div>
-              );
-            })}
-          </div>
-        )}
-      </div>
-    );
-  };
-
-  const viewBtnStyle = (v: CalendarView): React.CSSProperties => ({
-    padding: '5px 14px',
-    fontSize: '12px',
-    border: view === v ? '1px solid rgba(26,92,42,0.35)' : '1px solid rgba(107,114,128,0.18)',
-    borderRadius: '5px',
-    cursor: 'pointer',
-    background: view === v ? 'rgba(26,92,42,0.08)' : 'transparent',
-    color: view === v ? '#1a5c2a' : '#6b7280',
-    fontWeight: view === v ? 600 : 400,
-    transition: 'all 0.1s',
-  });
-
-  return (
-    <div style={{ border: '1px solid rgba(107,114,128,0.15)', borderRadius: '10px', overflow: 'hidden', background: '#ffffff' }}>
-      {/* Header */}
-      <div style={{ display: 'grid', gridTemplateColumns: isMobile ? '1fr' : 'auto 1fr auto', alignItems: 'center', padding: '14px 18px', borderBottom: '1px solid rgba(107,114,128,0.1)', background: '#f0f5f0', gap: '8px' }}>
-        <div style={{ display: 'flex', alignItems: 'center', gap: '6px' }}>
-          <button onClick={() => navigate(-1)} style={{ background: 'none', border: '1px solid rgba(107,114,128,0.18)', borderRadius: '5px', cursor: 'pointer', color: '#6b7280', fontSize: '14px', padding: '4px 10px', lineHeight: 1 }}>←</button>
-          <button onClick={() => setCurrent(new Date())} style={{ fontSize: '11px', color: '#4b5563', background: '#f8faf8', border: '1px solid rgba(107,114,128,0.18)', borderRadius: '5px', cursor: 'pointer', padding: '4px 10px', fontWeight: 500 }}>Today</button>
-          <button onClick={() => navigate(1)} style={{ background: 'none', border: '1px solid rgba(107,114,128,0.18)', borderRadius: '5px', cursor: 'pointer', color: '#6b7280', fontSize: '14px', padding: '4px 10px', lineHeight: 1 }}>→</button>
-        </div>
-        <span style={{ fontSize: '15px', fontWeight: 600, color: '#111827', textAlign: 'center', whiteSpace: 'nowrap' }}>{headerLabel()}</span>
-        <div style={{ display: 'flex', gap: '4px', justifyContent: 'flex-end', flexWrap: 'wrap' }}>
-          {(['day', 'week', 'month'] as CalendarView[]).map(v => (
-            <button key={v} onClick={() => setView(v)} style={viewBtnStyle(v)}>
-              {v.charAt(0).toUpperCase() + v.slice(1)}
-            </button>
-          ))}
-        </div>
-      </div>
-
-      {view === 'month' && renderMonth()}
-      {view === 'week' && renderWeek()}
-      {view === 'day' && renderDay()}
-    </div>
-  );
-}
-
-
-function normalizeAssignments(items: any[]): Assignment[] {
-  return (items ?? []).map((a: any, index: number) => ({
-    id: a.id ?? `missing-id-${index}`,
-    title: a.title ?? '',
-    course_name: a.course_name ?? '',
-    course_code: a.course_code ?? '',
-    course_id: a.course_id ?? '',
-    due_date: a.due_date ?? '',
-    assignment_type: a.assignment_type ?? 'other',
-    notes: a.notes ?? null,
-    google_event_id: a.google_event_id ?? null,
-  }));
-}
-
-function CalendarInner() {
-  const { userId: USER_ID, userReady } = useUser();
-  const searchParams = useSearchParams();
-  const isMobile = useIsMobile();
-
-  const [assignments, setAssignments] = useState<Assignment[]>([]);
-  const [syncing, setSyncing] = useState(false);
-  const [syncedCount, setSyncedCount] = useState<number | null>(null);
-  const [googleConnected, setGoogleConnected] = useState(false);
-  const [googleEvents, setGoogleEvents] = useState<any[]>([]);
-  const [importingGoogle, setImportingGoogle] = useState(false);
-  const [courses, setCourses] = useState<EnrolledCourse[]>([]);
-  const [showUpload, setShowUpload] = useState(false);
-
-  // Fetch data once when user is ready — does NOT depend on searchParams to
-  // prevent repeated fetches every time Next.js reconstructs the search params object
-  useEffect(() => {
-    if (!userReady) return;
-    getAllAssignments(USER_ID)
-      .then(data => setAssignments(normalizeAssignments(data.assignments ?? [])))
-      .catch(console.error);
-    getCalendarStatus(USER_ID)
-      .then(res => setGoogleConnected(res.connected))
-      .catch(() => {});
-    getCourses(USER_ID)
-      .then(data => setCourses(data.courses ?? []))
-      .catch(console.error);
-  }, [USER_ID, userReady]);
-
-  // Handle OAuth redirect (?connected=true) once on mount, independently
-  useEffect(() => {
-    if (searchParams.get('connected') === 'true') {
-      setGoogleConnected(true);
-    }
-  }, []); // eslint-disable-line react-hooks/exhaustive-deps
-
-  const refreshAssignments = () =>
-    getAllAssignments(USER_ID)
-      .then(data => setAssignments(normalizeAssignments(data.assignments ?? [])))
-      .catch(console.error);
-
-  const handleUploadClose = (uploaded: UploadedDoc[]) => {
-    setShowUpload(false);
-    if (uploaded.some(d => d.category === 'syllabus')) {
-      refreshAssignments();
-      // Assignment inserts can race with the response — resync once more shortly.
-      window.setTimeout(() => { refreshAssignments(); }, 1500);
-    }
-  };
-
-  const handleDisconnectGoogle = async () => {
-    if (!window.confirm('Disconnect from Google Calendar? Synced events will not be removed.')) return;
-    try {
-      await disconnectGoogleCalendar(USER_ID);
-      setGoogleConnected(false);
-      setGoogleEvents([]);
-      setSyncedCount(null);
-    } catch (e: any) {
-      alert(e.message || 'Failed to disconnect.');
-    }
-  };
-
-  const handleSync = async () => {
-    setSyncing(true);
-    setSyncedCount(null);
-    try {
-      const res = await syncToGoogleCalendar(USER_ID);
-      setSyncedCount(res.synced_count);
-      // Refresh so google_event_id values are up to date
-      refreshAssignments();
-    } catch (e: any) {
-      alert(e.message);
-    } finally {
-      setSyncing(false);
-    }
-  };
-
-  const handleImportGoogle = async () => {
-    setImportingGoogle(true);
-    try {
-      const res = await importGoogleEvents(USER_ID, 60);
-      setGoogleEvents(res.events);
-    } catch (e: any) {
-      alert(e.message || 'Failed to import Google Calendar events.');
-    } finally {
-      setImportingGoogle(false);
-    }
-  };
-
-  return (
-    <div style={{ maxWidth: '1100px', margin: '0 auto', padding: isMobile ? '12px' : '32px', display: 'flex', flexDirection: 'column', gap: '28px', fontFamily: UI_FONT }}>
-      <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', flexWrap: 'wrap', gap: '12px' }}>
-        <h1 style={{ fontFamily: "var(--font-spectral), 'Spectral', Georgia, serif", fontSize: isMobile ? '22px' : '32px', fontWeight: 700, color: '#111827', margin: 0, letterSpacing: '-0.02em' }}>Calendar</h1>
-        <button
-          onClick={() => setShowUpload(true)}
-          style={{
-            padding: '8px 20px', background: '#1a5c2a', color: '#fff',
-            border: 'none', borderRadius: '7px', fontSize: '13px', fontWeight: 600,
-            cursor: 'pointer', fontFamily: UI_FONT, letterSpacing: '0.3px',
-          }}
-        >
-          Upload Syllabus
-        </button>
-      </div>
-
-      {/* Calendar grid — full width, prominent */}
-      <div className="panel-in panel-in-1">
-        <CalendarGrid assignments={assignments} />
-      </div>
-
-      {/* All assignments */}
-      <div className="panel-in panel-in-3">
-        <p style={{ fontSize: '12px', fontWeight: 500, color: '#6b7280', textTransform: 'uppercase', letterSpacing: '0.05em', marginBottom: '8px' }}>
-          All Assignments
-        </p>
-        {assignments.length === 0 ? (
-          <p style={{ color: '#9ca3af', fontSize: '13px' }}>No assignments yet. Import a syllabus to get started.</p>
-        ) : (
-          <AssignmentTable assignments={assignments} onChange={setAssignments} />
-        )}
-      </div>
-
-      {/* Google Calendar panel */}
-      <div className="panel-in panel-in-4" style={{ border: '1px solid rgba(107,114,128,0.15)', borderRadius: '8px', padding: '16px', display: 'flex', flexDirection: 'column', gap: '12px', background: '#f8faf8' }}>
-        {googleConnected ? (
-          <>
-            <div style={{ display: 'flex', alignItems: 'center', gap: '12px', flexWrap: 'wrap' }}>
-              <span style={{ fontSize: '13px', color: '#1a5c2a', fontWeight: 500 }}>● Connected to Google Calendar</span>
-
-              <button
-                onClick={handleSync}
-                disabled={syncing}
-                style={{ padding: '6px 14px', background: 'rgba(26,92,42,0.08)', color: '#1a5c2a', border: '1px solid rgba(26,92,42,0.3)', borderRadius: '4px', fontSize: '13px', cursor: syncing ? 'default' : 'pointer', opacity: syncing ? 0.6 : 1 }}
-              >
-                {syncing ? 'Syncing...' : 'Sync to Google Calendar'}
-              </button>
-
-              <button
-                onClick={handleImportGoogle}
-                disabled={importingGoogle}
-                style={{ padding: '6px 14px', background: '#f3f4f6', color: '#374151', border: '1px solid rgba(107,114,128,0.2)', borderRadius: '4px', fontSize: '13px', cursor: importingGoogle ? 'default' : 'pointer', opacity: importingGoogle ? 0.6 : 1 }}
-              >
-                {importingGoogle ? 'Importing...' : 'View upcoming Google events'}
-              </button>
-
-              {syncedCount !== null && (
-                <span style={{ fontSize: '13px', color: '#1a5c2a' }}>
-                  {syncedCount === 0 ? 'All assignments already synced' : `Synced ${syncedCount} assignment${syncedCount !== 1 ? 's' : ''}`}
-                </span>
-              )}
-
-              <button
-                onClick={handleDisconnectGoogle}
-                style={{ marginLeft: 'auto', padding: '6px 12px', background: 'none', color: '#9ca3af', border: '1px solid rgba(107,114,128,0.2)', borderRadius: '4px', fontSize: '12px', cursor: 'pointer' }}
-              >
-                Disconnect
-              </button>
-            </div>
-
-            {/* Imported Google events preview */}
-            {googleEvents.length > 0 && (
-              <div style={{ display: 'flex', flexDirection: 'column', gap: '6px' }}>
-                <p style={{ fontSize: '11px', fontWeight: 500, color: '#9ca3af', textTransform: 'uppercase', letterSpacing: '0.05em', margin: 0 }}>
-                  Upcoming Google Events ({googleEvents.length})
-                </p>
-                {googleEvents.map(ev => (
-                  <div
-                    key={ev.google_event_id}
-                    style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center', padding: '8px 10px', background: '#ffffff', border: '1px solid rgba(107,114,128,0.12)', borderRadius: '6px', fontSize: '13px' }}
-                  >
-                    <span style={{ color: '#111827' }}>{ev.title}</span>
-                    <span style={{ color: '#9ca3af', fontSize: '12px' }}>{ev.start_date}</span>
-                  </div>
-                ))}
-              </div>
-            )}
-          </>
-        ) : (
-          <p style={{ fontSize: '13px', color: '#6b7280', margin: 0 }}>
-            Sign in with Google to enable calendar sync.
-          </p>
-        )}
-      </div>
-
-      <DocumentUploadModal
-        open={showUpload}
-        onClose={handleUploadClose}
-        userId={USER_ID}
-        courses={courses}
-        onCoursesChanged={setCourses}
-        title="Upload Syllabus"
-        subtitle="Pick a course, then upload your syllabus. We'll extract assignments and add them to your calendar."
-      />
-    </div>
-  );
-}
-
-export default function CalendarPage() {
-  return (
-    <Suspense fallback={<div style={{ padding: 40, color: '#94a3b8' }}>Loading...</div>}>
-      <CalendarInner />
-    </Suspense>
-  );
-}
diff --git a/frontend/src/app/careers/[slug]/ApplyForm.tsx b/frontend/src/app/careers/[slug]/ApplyForm.tsx
deleted file mode 100644
index d94c9d29..00000000
--- a/frontend/src/app/careers/[slug]/ApplyForm.tsx
+++ /dev/null
@@ -1,409 +0,0 @@
-'use client';
-
-import { useState, useRef } from 'react';
-import Link from 'next/link';
-import { type Job, DEPT_COLORS } from '../jobs';
-import { submitJobApplication } from '@/lib/api';
-
-const UI_FONT = "var(--font-dm-sans), 'DM Sans', sans-serif";
-
-const PANEL: React.CSSProperties = {
-  background: '#ffffff',
-  border: '1px solid rgba(107, 114, 128, 0.15)',
-  borderRadius: '12px',
-  boxShadow: '0 2px 10px rgba(26, 92, 42, 0.07), 0 1px 3px rgba(26, 92, 42, 0.04)',
-};
-
-const INPUT: React.CSSProperties = {
-  width: '100%',
-  background: '#f8fbf8',
-  border: '1px solid rgba(107, 114, 128, 0.18)',
-  borderRadius: '8px',
-  padding: '10px 14px',
-  fontSize: '14px',
-  color: '#111827',
-  fontFamily: UI_FONT,
-  outline: 'none',
-  boxSizing: 'border-box',
-  transition: 'border-color 0.15s',
-};
-
-const LABEL: React.CSSProperties = {
-  display: 'block',
-  fontSize: '13px',
-  fontWeight: 500,
-  color: '#374151',
-  marginBottom: '6px',
-};
-
-export default function ApplyForm({ job }: { job: Job | null }) {
-  const [form, setForm] = useState({ name: '', email: '', phone: '', linkedin: '', portfolio: '' });
-  const [resumeFile, setResumeFile] = useState<File | null>(null);
-  const [dragging, setDragging] = useState(false);
-  const [submitted, setSubmitted] = useState(false);
-  const [submitting, setSubmitting] = useState(false);
-  const [submitError, setSubmitError] = useState<string | null>(null);
-  const [agreedToPrivacy, setAgreedToPrivacy] = useState(false);
-  const fileInputRef = useRef<HTMLInputElement>(null);
-
-  if (!job) {
-    return (
-      <div style={{ minHeight: '100vh', background: '#E9EFED', display: 'flex', alignItems: 'center', justifyContent: 'center', fontFamily: UI_FONT }}>
-        <div style={{ textAlign: 'center' }}>
-          <p style={{ color: '#6b7280', fontSize: '14px' }}>Role not found.</p>
-          <Link href="/careers" style={{ color: '#1a5c2a', fontSize: '13px', marginTop: '12px', display: 'block' }}>← Back to opportunities</Link>
-        </div>
-      </div>
-    );
-  }
-
-  const dept = DEPT_COLORS[job.department];
-
-  const handleDrop = (e: React.DragEvent) => {
-    e.preventDefault();
-    setDragging(false);
-    const file = e.dataTransfer.files[0];
-    if (file) setResumeFile(file);
-  };
-
-  const handleFileChange = (e: React.ChangeEvent<HTMLInputElement>) => {
-    const file = e.target.files?.[0];
-    if (file) setResumeFile(file);
-  };
-
-  const handleSubmit = async (e: React.SyntheticEvent<HTMLFormElement>) => {
-    e.preventDefault();
-    if (!resumeFile) {
-      setSubmitError('Please attach your resume (PDF) before submitting.');
-      return;
-    }
-    setSubmitting(true);
-    setSubmitError(null);
-    try {
-      await submitJobApplication({
-        position: job.slug,
-        full_name: form.name,
-        email: form.email,
-        phone: form.phone,
-        linkedin_url: form.linkedin,
-        portfolio_link: form.portfolio || undefined,
-        resume: resumeFile,
-      });
-      setSubmitted(true);
-    } catch (err) {
-      setSubmitError(err instanceof Error ? err.message : 'Something went wrong. Please try again.');
-    } finally {
-      setSubmitting(false);
-    }
-  };
-
-  return (
-    <div style={{ minHeight: '100vh', background: '#E9EFED', fontFamily: UI_FONT }}>
-
-      {/* ── Header ── */}
-      <header style={{
-        borderBottom: '1px solid rgba(107,114,128,0.12)',
-        background: 'rgba(255,255,255,0.72)',
-        backdropFilter: 'blur(20px) saturate(1.5)',
-        WebkitBackdropFilter: 'blur(20px) saturate(1.5)',
-        position: 'sticky',
-        top: 0,
-        zIndex: 50,
-      }}>
-        <div style={{ maxWidth: '1280px', margin: '0 auto', padding: '0 24px', height: '52px', display: 'flex', alignItems: 'center', justifyContent: 'space-between' }}>
-          <Link href="/" style={{ display: 'flex', alignItems: 'center', gap: '4px', textDecoration: 'none' }}>
-            <img src="/sapling-icon.svg" alt="Sapling" style={{ width: '26px', height: '26px', flexShrink: 0, position: 'relative', top: '-2px' }} />
-            <span style={{ fontFamily: "var(--font-spectral), 'Spectral', Georgia, serif", fontWeight: 700, fontSize: '20px', color: '#1a5c2a', letterSpacing: '-0.02em', lineHeight: 1.1 }}>
-              Sapling
-            </span>
-          </Link>
-          <Link
-            href="/careers"
-            style={{ fontSize: '13px', color: '#6b7280', textDecoration: 'none' }}
-            onMouseEnter={e => (e.currentTarget.style.color = '#111827')}
-            onMouseLeave={e => (e.currentTarget.style.color = '#6b7280')}
-          >
-            ← Back to opportunities
-          </Link>
-        </div>
-      </header>
-
-      {/* ── Content ── */}
-      <section style={{ maxWidth: '760px', margin: '0 auto', padding: '56px 24px 96px' }}>
-
-        {/* Job context */}
-        <div className="fade-up anim-d1" style={{ marginBottom: '32px' }}>
-          <div style={{ display: 'flex', alignItems: 'center', gap: '8px', marginBottom: '8px', flexWrap: 'wrap' }}>
-            <h1 style={{
-              fontFamily: "var(--font-playfair), 'Playfair Display', serif",
-              fontSize: '28px', fontWeight: 700, color: '#111827',
-              letterSpacing: '-0.02em', margin: 0,
-            }}>
-              {job.title}
-            </h1>
-            {dept && (
-              <span style={{
-                fontSize: '11px', fontWeight: 500, padding: '2px 9px', borderRadius: '999px',
-                background: dept.bg, color: dept.text, border: `1px solid ${dept.border}`,
-              }}>
-                {job.department}
-              </span>
-            )}
-          </div>
-          <p style={{ fontSize: '13px', color: '#9ca3af', margin: 0 }}>
-            {job.location} · {job.type}
-          </p>
-        </div>
-
-        {/* Form panel */}
-        <div className="fade-up anim-d2" style={PANEL}>
-          {submitted ? (
-            <div style={{ padding: '56px 32px', textAlign: 'center' }}>
-              <div style={{
-                width: '48px', height: '48px', borderRadius: '50%',
-                background: 'rgba(26,92,42,0.08)', border: '1px solid rgba(26,92,42,0.18)',
-                display: 'flex', alignItems: 'center', justifyContent: 'center',
-                margin: '0 auto 16px',
-              }}>
-                <svg width="20" height="20" fill="none" viewBox="0 0 24 24" stroke="#1a5c2a" strokeWidth={2.5} strokeLinecap="round" strokeLinejoin="round">
-                  <path d="M5 13l4 4L19 7" />
-                </svg>
-              </div>
-              <h2 style={{ fontFamily: "var(--font-spectral), 'Spectral', serif", fontSize: '20px', fontWeight: 600, color: '#111827', marginBottom: '8px' }}>
-                Application submitted
-              </h2>
-              <p style={{ fontSize: '13px', color: '#6b7280', lineHeight: 1.6, maxWidth: '320px', margin: '0 auto 24px' }}>
-                Thanks for applying to Sapling. We&apos;ll review your application and reach out soon.
-              </p>
-              <Link
-                href="/careers"
-                style={{
-                  display: 'inline-flex', alignItems: 'center', gap: '6px',
-                  fontSize: '13px', color: '#1a5c2a', textDecoration: 'none', fontWeight: 500,
-                }}
-              >
-                ← Back to opportunities
-              </Link>
-            </div>
-          ) : (
-            <form onSubmit={handleSubmit} style={{ padding: '32px' }}>
-              <div style={{ display: 'flex', flexDirection: 'column', gap: '20px' }}>
-
-                {/* Full Name */}
-                <div>
-                  <label style={LABEL}>Full Name <span style={{ color: '#dc2626' }}>*</span></label>
-                  <input
-                    type="text"
-                    required
-                    placeholder="Jane Smith"
-                    value={form.name}
-                    onChange={e => setForm(f => ({ ...f, name: e.target.value }))}
-                    style={INPUT}
-                    onFocus={e => (e.currentTarget.style.borderColor = 'rgba(26,92,42,0.4)')}
-                    onBlur={e => (e.currentTarget.style.borderColor = 'rgba(107,114,128,0.18)')}
-                  />
-                </div>
-
-                {/* Email */}
-                <div>
-                  <label style={LABEL}>Email <span style={{ color: '#dc2626' }}>*</span></label>
-                  <input
-                    type="email"
-                    required
-                    placeholder="jane@university.edu"
-                    value={form.email}
-                    onChange={e => setForm(f => ({ ...f, email: e.target.value }))}
-                    style={INPUT}
-                    onFocus={e => (e.currentTarget.style.borderColor = 'rgba(26,92,42,0.4)')}
-                    onBlur={e => (e.currentTarget.style.borderColor = 'rgba(107,114,128,0.18)')}
-                  />
-                </div>
-
-                {/* Phone */}
-                <div>
-                  <label style={LABEL}>Phone Number</label>
-                  <input
-                    type="tel"
-                    placeholder="+1 (555) 000-0000"
-                    value={form.phone}
-                    onChange={e => setForm(f => ({ ...f, phone: e.target.value }))}
-                    style={INPUT}
-                    onFocus={e => (e.currentTarget.style.borderColor = 'rgba(26,92,42,0.4)')}
-                    onBlur={e => (e.currentTarget.style.borderColor = 'rgba(107,114,128,0.18)')}
-                  />
-                </div>
-
-                {/* LinkedIn */}
-                <div>
-                  <label style={LABEL}>LinkedIn Profile <span style={{ color: '#dc2626' }}>*</span></label>
-                  <input
-                    type="url"
-                    required
-                    placeholder="https://linkedin.com/in/yourprofile"
-                    value={form.linkedin}
-                    onChange={e => setForm(f => ({ ...f, linkedin: e.target.value }))}
-                    style={INPUT}
-                    onFocus={e => (e.currentTarget.style.borderColor = 'rgba(26,92,42,0.4)')}
-                    onBlur={e => (e.currentTarget.style.borderColor = 'rgba(107,114,128,0.18)')}
-                  />
-                </div>
-
-                {/* Portfolio */}
-                <div>
-                  <label style={LABEL}>Portfolio Link</label>
-                  <input
-                    type="url"
-                    placeholder="https://yourportfolio.com"
-                    value={form.portfolio}
-                    onChange={e => setForm(f => ({ ...f, portfolio: e.target.value }))}
-                    style={INPUT}
-                    onFocus={e => (e.currentTarget.style.borderColor = 'rgba(26,92,42,0.4)')}
-                    onBlur={e => (e.currentTarget.style.borderColor = 'rgba(107,114,128,0.18)')}
-                  />
-                </div>
-
-                {/* Resume */}
-                <div>
-                  <label style={LABEL}>Resume <span style={{ color: '#dc2626' }}>*</span></label>
-                  <div
-                    onClick={() => fileInputRef.current?.click()}
-                    onDragOver={e => { e.preventDefault(); setDragging(true); }}
-                    onDragLeave={() => setDragging(false)}
-                    onDrop={handleDrop}
-                    style={{
-                      border: `1.5px dashed ${dragging ? 'rgba(26,92,42,0.5)' : 'rgba(107,114,128,0.25)'}`,
-                      borderRadius: '8px',
-                      padding: '28px 20px',
-                      textAlign: 'center',
-                      cursor: 'pointer',
-                      background: dragging ? 'rgba(26,92,42,0.03)' : '#f8fbf8',
-                      transition: 'all 0.15s',
-                    }}
-                  >
-                    {resumeFile ? (
-                      <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'center', gap: '8px' }}>
-                        <svg width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="#1a5c2a" strokeWidth={2} strokeLinecap="round" strokeLinejoin="round">
-                          <path d="M9 12l2 2 4-4M7.835 4.697a3.42 3.42 0 001.946-.806 3.42 3.42 0 014.438 0 3.42 3.42 0 001.946.806 3.42 3.42 0 013.138 3.138 3.42 3.42 0 00.806 1.946 3.42 3.42 0 010 4.438 3.42 3.42 0 00-.806 1.946 3.42 3.42 0 01-3.138 3.138 3.42 3.42 0 00-1.946.806 3.42 3.42 0 01-4.438 0 3.42 3.42 0 00-1.946-.806 3.42 3.42 0 01-3.138-3.138 3.42 3.42 0 00-.806-1.946 3.42 3.42 0 010-4.438 3.42 3.42 0 00.806-1.946 3.42 3.42 0 013.138-3.138z" />
-                        </svg>
-                        <span style={{ fontSize: '13px', color: '#1a5c2a', fontWeight: 500 }}>{resumeFile.name}</span>
-                        <button
-                          type="button"
-                          onClick={e => { e.stopPropagation(); setResumeFile(null); }}
-                          style={{ background: 'none', border: 'none', cursor: 'pointer', color: '#9ca3af', padding: '0 2px', fontSize: '14px', lineHeight: 1 }}
-                        >
-                          ×
-                        </button>
-                      </div>
-                    ) : (
-                      <>
-                        <svg width="20" height="20" fill="none" viewBox="0 0 24 24" stroke="#9ca3af" strokeWidth={1.5} strokeLinecap="round" strokeLinejoin="round" style={{ margin: '0 auto 8px', display: 'block' }}>
-                          <path d="M3 16.5v2.25A2.25 2.25 0 005.25 21h13.5A2.25 2.25 0 0021 18.75V16.5m-13.5-9L12 3m0 0l4.5 4.5M12 3v13.5" />
-                        </svg>
-                        <p style={{ fontSize: '13px', color: '#6b7280', margin: '0 0 2px' }}>
-                          <span style={{ fontWeight: 500, color: '#1a5c2a' }}>Click to upload</span> or drag and drop
-                        </p>
-                        <p style={{ fontSize: '11px', color: '#9ca3af', margin: 0 }}>PDF only</p>
-                      </>
-                    )}
-                    <input
-                      ref={fileInputRef}
-                      type="file"
-                      accept=".pdf"
-                      onChange={handleFileChange}
-                      style={{ display: 'none' }}
-                    />
-                  </div>
-                </div>
-
-              </div>
-
-              {/* Privacy consent */}
-              <div style={{ marginTop: '20px', display: 'flex', alignItems: 'flex-start', gap: '10px' }}>
-                <input
-                  type="checkbox"
-                  id="privacy-consent"
-                  required
-                  checked={agreedToPrivacy}
-                  onChange={e => setAgreedToPrivacy(e.target.checked)}
-                  style={{ marginTop: '2px', accentColor: '#1a5c2a', cursor: 'pointer', flexShrink: 0 }}
-                />
-                <label htmlFor="privacy-consent" style={{ fontSize: '13px', color: '#6b7280', lineHeight: 1.5, cursor: 'pointer' }}>
-                  I have read and agree to Sapling&apos;s{' '}
-                  <Link href="/privacy" target="_blank" style={{ color: '#1a5c2a', textDecoration: 'underline' }}>
-                    Privacy Policy
-                  </Link>
-                  , including how my application data is collected and used.
-                </label>
-              </div>
-
-              {/* Submit */}
-              <div style={{ marginTop: '28px', paddingTop: '24px', borderTop: '1px solid rgba(107,114,128,0.10)' }}>
-                {submitError && (
-                  <p style={{ fontSize: '13px', color: '#dc2626', marginBottom: '12px', textAlign: 'center' }}>
-                    {submitError}
-                  </p>
-                )}
-                <button
-                  type="submit"
-                  disabled={submitting}
-                  style={{
-                    width: '100%',
-                    background: submitting ? '#4a9e6d' : '#1B6C42', color: 'white',
-                    border: 'none', borderRadius: '8px',
-                    padding: '12px 20px',
-                    fontSize: '14px', fontWeight: 500,
-                    fontFamily: UI_FONT,
-                    cursor: submitting ? 'default' : 'pointer',
-                    transition: 'background 0.15s',
-                    opacity: submitting ? 0.8 : 1,
-                  }}
-                  onMouseEnter={e => { if (!submitting) e.currentTarget.style.background = '#155A35'; }}
-                  onMouseLeave={e => { if (!submitting) e.currentTarget.style.background = '#1B6C42'; }}
-                >
-                  {submitting ? 'Submitting…' : 'Submit Application'}
-                </button>
-                <p style={{ fontSize: '11px', color: '#9ca3af', textAlign: 'center', marginTop: '10px' }}>
-                  Fields marked <span style={{ color: '#dc2626' }}>*</span> are required
-                </p>
-              </div>
-            </form>
-          )}
-        </div>
-      </section>
-
-      {/* ── Footer ── */}
-      <footer style={{ borderTop: '1px solid rgba(107,114,128,0.12)', background: '#E9EFED', padding: '48px 32px' }}>
-        <div style={{ maxWidth: '1280px', margin: '0 auto', display: 'flex', flexWrap: 'wrap', alignItems: 'center', justifyContent: 'space-between', gap: '24px' }}>
-          <div style={{ display: 'flex', alignItems: 'center', gap: '8px' }}>
-            <img src="/sapling-icon.svg" alt="Sapling" style={{ width: '20px', height: '20px' }} />
-            <span style={{ fontSize: '14px', fontWeight: 300, letterSpacing: '0.03em', color: '#6b7280' }}>Sapling · © 2026</span>
-          </div>
-          <div style={{ display: 'flex', flexWrap: 'wrap', gap: '24px' }}>
-            {[
-              { label: 'Home', href: '/' },
-              { label: 'About', href: '/about' },
-              { label: 'Careers', href: '/careers' },
-              { label: 'Terms of Service', href: '/terms' },
-              { label: 'Privacy Policy', href: '/privacy' },
-            ].map(({ label, href }) => (
-              <Link
-                key={label}
-                href={href}
-                style={{ fontSize: '14px', color: '#6b7280', textDecoration: 'none', transition: 'color 0.15s' }}
-                onMouseEnter={e => (e.currentTarget.style.color = '#111827')}
-                onMouseLeave={e => (e.currentTarget.style.color = '#6b7280')}
-              >
-                {label}
-              </Link>
-            ))}
-          </div>
-        </div>
-        <div style={{ maxWidth: '1280px', margin: '0 auto', marginTop: '32px', paddingTop: '24px', borderTop: '1px solid rgba(107,114,128,0.10)', textAlign: 'center' }}>
-          <p style={{ fontSize: '12px', color: '#9ca3af', fontWeight: 300, letterSpacing: '0.03em' }}>
-            © 2026 Andres Lopez, Jack He, Luke Cooper, and Jose Gael Cruz-Lopez. All Rights Reserved.
-          </p>
-        </div>
-      </footer>
-    </div>
-  );
-}
diff --git a/frontend/src/app/careers/[slug]/page.tsx b/frontend/src/app/careers/[slug]/page.tsx
deleted file mode 100644
index 086a35a1..00000000
--- a/frontend/src/app/careers/[slug]/page.tsx
+++ /dev/null
@@ -1,12 +0,0 @@
-import { JOBS } from '../jobs';
-import ApplyForm from './ApplyForm';
-
-export function generateStaticParams() {
-  return JOBS.map(job => ({ slug: job.slug }));
-}
-
-export default async function ApplyPage({ params }: { params: Promise<{ slug: string }> }) {
-  const { slug } = await params;
-  const job = JOBS.find(j => j.slug === slug) ?? null;
-  return <ApplyForm job={job} />;
-}
diff --git a/frontend/src/app/careers/jobs.ts b/frontend/src/app/careers/jobs.ts
deleted file mode 100644
index 96f3155a..00000000
--- a/frontend/src/app/careers/jobs.ts
+++ /dev/null
@@ -1,28 +0,0 @@
-export interface Job {
-  id: number;
-  slug: string;
-  title: string;
-  department: string;
-  location: string;
-  type: string;
-  description: string;
-  tags: string[];
-}
-
-export const JOBS: Job[] = [
-  {
-    id: 1,
-    slug: 'marketing-intern',
-    title: 'Marketing Intern',
-    department: 'Growth',
-    location: 'Hybrid',
-    type: 'Internship',
-    description:
-      "Help Sapling reach more students. You'll run social campaigns, create content, build relationships with student organizations, and help shape our brand voice from the ground up. On the video side, you'll produce and render short-form clips, professional product trailers, and feature update videos with consistent branding. Experience in marketing or advertising is preferred. Having some knowledge in software or tech is also a plus. Great fit for someone who loves learning and wants real ownership from day one.",
-    tags: ['Branding', 'Video Production', 'Content Creation', 'Social Media', 'Community', 'Business', 'Analytics', 'AI Fluency'],
-  },
-];
-
-export const DEPT_COLORS: Record<string, { bg: string; text: string; border: string }> = {
-  Growth: { bg: 'rgba(217,119,6,0.07)', text: '#b45309', border: 'rgba(217,119,6,0.18)' },
-};
diff --git a/frontend/src/app/careers/page.tsx b/frontend/src/app/careers/page.tsx
deleted file mode 100644
index c5ba85a0..00000000
--- a/frontend/src/app/careers/page.tsx
+++ /dev/null
@@ -1,255 +0,0 @@
-'use client';
-
-import { useState } from 'react';
-import Link from 'next/link';
-import { JOBS, DEPT_COLORS } from './jobs';
-
-const GLASS: React.CSSProperties = {
-  background: '#ffffff',
-  border: '1px solid rgba(107, 114, 128, 0.15)',
-  borderRadius: '10px',
-  boxShadow: '0 2px 10px rgba(26, 92, 42, 0.07), 0 1px 3px rgba(26, 92, 42, 0.04)',
-};
-
-const GLASS_STRONG: React.CSSProperties = {
-  background: 'rgba(255, 255, 255, 0.72)',
-  backdropFilter: 'blur(40px) saturate(1.8)',
-  WebkitBackdropFilter: 'blur(40px) saturate(1.8)',
-  border: '1px solid rgba(255, 255, 255, 0.6)',
-  borderRadius: '16px',
-  boxShadow: '0 8px 32px rgba(26, 92, 42, 0.10), 0 2px 8px rgba(26, 92, 42, 0.06)',
-};
-
-const UI_FONT = "var(--font-dm-sans), 'DM Sans', sans-serif";
-
-
-export default function CareersPage() {
-  const [expandedId, setExpandedId] = useState<number | null>(null);
-
-  return (
-    <div style={{ minHeight: '100vh', background: '#E9EFED', fontFamily: UI_FONT }}>
-
-      {/* ── Header ── */}
-      <header style={{
-        borderBottom: '1px solid rgba(107,114,128,0.12)',
-        background: 'rgba(255,255,255,0.72)',
-        backdropFilter: 'blur(20px) saturate(1.5)',
-        WebkitBackdropFilter: 'blur(20px) saturate(1.5)',
-        position: 'sticky',
-        top: 0,
-        zIndex: 50,
-      }}>
-        <div style={{ maxWidth: '1280px', margin: '0 auto', padding: '0 24px', height: '52px', display: 'flex', alignItems: 'center', justifyContent: 'space-between' }}>
-          <Link href="/" style={{ display: 'flex', alignItems: 'center', gap: '4px', textDecoration: 'none' }}>
-            <img src="/sapling-icon.svg" alt="Sapling" style={{ width: '26px', height: '26px', flexShrink: 0, position: 'relative', top: '-2px' }} />
-            <span style={{ fontFamily: "var(--font-spectral), 'Spectral', Georgia, serif", fontWeight: 700, fontSize: '20px', color: '#1a5c2a', letterSpacing: '-0.02em', lineHeight: 1.1 }}>
-              Sapling
-            </span>
-          </Link>
-          <Link
-            href="/"
-            style={{ fontSize: '13px', color: '#6b7280', textDecoration: 'none' }}
-            onMouseEnter={e => (e.currentTarget.style.color = '#111827')}
-            onMouseLeave={e => (e.currentTarget.style.color = '#6b7280')}
-          >
-            ← Back to home
-          </Link>
-        </div>
-      </header>
-
-      {/* ── Hero ── */}
-      <section style={{ paddingTop: '80px', paddingBottom: '60px', textAlign: 'center', padding: '80px 24px 60px' }}>
-        <div className="fade-up anim-d0" style={{
-          display: 'inline-flex', alignItems: 'center', gap: '6px',
-          background: 'rgba(26,92,42,0.06)', border: '1px solid rgba(26,92,42,0.14)',
-          borderRadius: '999px', padding: '4px 14px', marginBottom: '28px',
-        }}>
-          <span style={{ width: '6px', height: '6px', borderRadius: '50%', background: '#16a34a', display: 'inline-block' }} />
-          <span style={{ fontSize: '12px', color: '#1a5c2a', fontWeight: 500, letterSpacing: '0.03em' }}>
-            We&apos;re hiring
-          </span>
-        </div>
-
-        <h1 className="fade-up anim-d1" style={{
-          fontFamily: "var(--font-playfair), 'Playfair Display', serif",
-          fontSize: 'clamp(2.5rem, 5vw, 3.75rem)',
-          fontWeight: 700,
-          color: '#111827',
-          lineHeight: 1.1,
-          letterSpacing: '-0.02em',
-          marginBottom: '20px',
-        }}>
-          Opportunities
-        </h1>
-
-        <p className="fade-up anim-d2" style={{
-          fontSize: '1.0625rem', color: '#4b5563', maxWidth: '500px',
-          margin: '0 auto', lineHeight: 1.65, fontWeight: 300,
-        }}>
-          We&apos;re a small team building tools that help students learn better.
-          If that sounds like work worth doing, we&apos;d love to meet you.
-        </p>
-      </section>
-
-      {/* ── Job Listings ── */}
-      <section style={{ maxWidth: '760px', margin: '0 auto', padding: '0 24px 96px' }}>
-        <div style={{ display: 'flex', flexDirection: 'column', gap: '10px' }}>
-          {JOBS.map((job) => {
-            const dept = DEPT_COLORS[job.department] ?? DEPT_COLORS.Engineering;
-            const isOpen = expandedId === job.id;
-
-            return (
-              <div key={job.id} className="fade-up" style={{ ...GLASS, overflow: 'hidden', transition: 'box-shadow 0.2s', animationDelay: `${240 + job.id * 80}ms` }}>
-                {/* Toggle row — native button for keyboard/a11y */}
-                <button
-                  onClick={() => setExpandedId(isOpen ? null : job.id)}
-                  aria-expanded={isOpen}
-                  style={{
-                    display: 'flex', alignItems: 'center', justifyContent: 'space-between',
-                    gap: '16px', width: '100%', padding: '20px 24px',
-                    background: 'none', border: 'none', cursor: 'pointer', textAlign: 'left',
-                  }}
-                  onMouseEnter={e => { if (e.currentTarget.parentElement) e.currentTarget.parentElement.style.boxShadow = 'inset 0 1px 0 rgba(255,255,255,0.85), 0 4px 18px rgba(26,92,42,0.10), 0 2px 6px rgba(26,92,42,0.06)'; }}
-                  onMouseLeave={e => { if (e.currentTarget.parentElement) e.currentTarget.parentElement.style.boxShadow = 'inset 0 1px 0 rgba(255,255,255,0.85), 0 2px 10px rgba(26,92,42,0.07), 0 1px 3px rgba(26,92,42,0.04)'; }}
-                >
-                  <div style={{ flex: 1, minWidth: 0 }}>
-                    <div style={{ display: 'flex', alignItems: 'center', flexWrap: 'wrap', gap: '8px', marginBottom: '5px' }}>
-                      <span style={{ fontSize: '15px', fontWeight: 600, color: '#111827' }}>{job.title}</span>
-                      <span style={{
-                        fontSize: '11px', fontWeight: 500, padding: '2px 9px', borderRadius: '999px',
-                        background: dept.bg, color: dept.text, border: `1px solid ${dept.border}`,
-                      }}>
-                        {job.department}
-                      </span>
-                    </div>
-                    <div style={{ display: 'flex', gap: '10px', fontSize: '12px', color: '#9ca3af' }}>
-                      <span>{job.location}</span>
-                      <span>·</span>
-                      <span>{job.type}</span>
-                    </div>
-                  </div>
-                  <svg
-                    style={{ flexShrink: 0, width: '15px', height: '15px', color: '#9ca3af', transform: isOpen ? 'rotate(180deg)' : 'none', transition: 'transform 0.65s cubic-bezier(0.16,1,0.3,1)' }}
-                    fill="none" viewBox="0 0 24 24" stroke="currentColor" strokeWidth={2.2}
-                  >
-                    <path strokeLinecap="round" strokeLinejoin="round" d="M19 9l-7 7-7-7" />
-                  </svg>
-                </button>
-
-                {/* Expanded content */}
-                <div
-                  style={{
-                    borderTop: '1px solid rgba(107,114,128,0.10)',
-                    padding: isOpen ? '20px 24px 24px' : '0 24px 0',
-                    maxHeight: isOpen ? '520px' : '0px',
-                    opacity: isOpen ? 1 : 0,
-                    overflow: 'hidden',
-                    pointerEvents: isOpen ? 'auto' : 'none',
-                    transition: 'max-height 700ms cubic-bezier(0.22,1,0.36,1), opacity 600ms ease, padding 700ms cubic-bezier(0.22,1,0.36,1)',
-                  }}
-                >
-                  <p style={{ fontSize: '14px', color: '#374151', lineHeight: 1.7, marginBottom: '16px' }}>
-                    {job.description}
-                  </p>
-                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: '6px', marginBottom: '22px' }}>
-                    {job.tags.map(tag => (
-                      <span key={tag} style={{
-                        fontSize: '11px', padding: '3px 10px', borderRadius: '6px',
-                        background: 'rgba(107,114,128,0.06)', border: '1px solid rgba(107,114,128,0.13)',
-                        color: '#4b5563',
-                      }}>
-                        {tag}
-                      </span>
-                    ))}
-                  </div>
-                  <Link
-                    href={`/careers/${job.slug}`}
-                    style={{
-                      display: 'inline-flex', alignItems: 'center', gap: '6px',
-                      background: '#1B6C42', color: 'white',
-                      padding: '9px 20px', borderRadius: '8px',
-                      fontSize: '13px', fontWeight: 500, textDecoration: 'none',
-                      transition: 'background 0.15s',
-                    }}
-                    onMouseEnter={e => (e.currentTarget.style.background = '#155A35')}
-                    onMouseLeave={e => (e.currentTarget.style.background = '#1B6C42')}
-                  >
-                    Apply for this role
-                    <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth={2.5} strokeLinecap="round" strokeLinejoin="round">
-                      <path d="M5 12h14M12 5l7 7-7 7" />
-                    </svg>
-                  </Link>
-                </div>
-              </div>
-            );
-          })}
-        </div>
-
-        {/* General Application */}
-        <div className="fade-up anim-d5" style={{ ...GLASS_STRONG, marginTop: '40px', padding: '36px 32px', textAlign: 'center' }}>
-          <svg
-            style={{ width: '28px', height: '28px', color: '#1a5c2a', margin: '0 auto 12px' }}
-            fill="none" viewBox="0 0 24 24" stroke="currentColor" strokeWidth={1.5}
-          >
-            <path strokeLinecap="round" strokeLinejoin="round" d="M12 3v1m0 16v1m9-9h-1M4 12H3m15.364-6.364l-.707.707M6.343 17.657l-.707.707m12.728 0l-.707-.707M6.343 6.343l-.707-.707M12 6a6 6 0 100 12A6 6 0 0012 6z" />
-          </svg>
-          <h3 style={{ fontFamily: "var(--font-spectral), 'Spectral', serif", fontSize: '18px', fontWeight: 600, color: '#111827', marginBottom: '8px' }}>
-            Don&apos;t see your role?
-          </h3>
-          <p style={{ fontSize: '13px', color: '#6b7280', lineHeight: 1.65, maxWidth: '360px', margin: '0 auto 22px' }}>
-            We&apos;re always interested in meeting talented people. Send us a note and tell us what you&apos;d build.
-          </p>
-          <a
-            href="mailto:careers@saplinglearn.com"
-            style={{
-              display: 'inline-flex', alignItems: 'center', gap: '6px',
-              background: 'rgba(26,92,42,0.07)', color: '#1a5c2a',
-              border: '1px solid rgba(26,92,42,0.18)',
-              padding: '9px 20px', borderRadius: '8px',
-              fontSize: '13px', fontWeight: 500, textDecoration: 'none',
-              transition: 'all 0.15s',
-            }}
-            onMouseEnter={e => { e.currentTarget.style.background = 'rgba(26,92,42,0.12)'; e.currentTarget.style.borderColor = 'rgba(26,92,42,0.28)'; }}
-            onMouseLeave={e => { e.currentTarget.style.background = 'rgba(26,92,42,0.07)'; e.currentTarget.style.borderColor = 'rgba(26,92,42,0.18)'; }}
-          >
-            Get in touch
-          </a>
-        </div>
-      </section>
-
-      {/* ── Footer ── */}
-      <footer style={{ borderTop: '1px solid rgba(107,114,128,0.12)', background: '#E9EFED', padding: '48px 32px' }}>
-        <div style={{ maxWidth: '1280px', margin: '0 auto', display: 'flex', flexWrap: 'wrap', alignItems: 'center', justifyContent: 'space-between', gap: '24px' }}>
-          <div style={{ display: 'flex', alignItems: 'center', gap: '8px' }}>
-            <img src="/sapling-icon.svg" alt="Sapling" style={{ width: '20px', height: '20px' }} />
-            <span style={{ fontSize: '14px', fontWeight: 300, letterSpacing: '0.03em', color: '#6b7280' }}>Sapling · © 2026</span>
-          </div>
-          <div style={{ display: 'flex', flexWrap: 'wrap', gap: '24px' }}>
-            {[
-              { label: 'Home', href: '/' },
-              { label: 'About', href: '/about' },
-              { label: 'Careers', href: '/careers' },
-              { label: 'Terms of Service', href: '/terms' },
-              { label: 'Privacy Policy', href: '/privacy' },
-            ].map(({ label, href }) => (
-              <Link
-                key={label}
-                href={href}
-                style={{ fontSize: '14px', color: '#6b7280', textDecoration: 'none', transition: 'color 0.15s' }}
-                onMouseEnter={e => (e.currentTarget.style.color = '#111827')}
-                onMouseLeave={e => (e.currentTarget.style.color = '#6b7280')}
-              >
-                {label}
-              </Link>
-            ))}
-          </div>
-        </div>
-        <div style={{ maxWidth: '1280px', margin: '0 auto', marginTop: '32px', paddingTop: '24px', borderTop: '1px solid rgba(107,114,128,0.10)', textAlign: 'center' }}>
-          <p style={{ fontSize: '12px', color: '#9ca3af', fontWeight: 300, letterSpacing: '0.03em' }}>
-            © 2026 Andres Lopez, Jack He, Luke Cooper, and Jose Gael Cruz-Lopez. All Rights Reserved.
-          </p>
-        </div>
-      </footer>
-    </div>
-  );
-}
diff --git a/frontend/src/app/dashboard/page.tsx b/frontend/src/app/dashboard/page.tsx
deleted file mode 100644
index d048f8e9..00000000
--- a/frontend/src/app/dashboard/page.tsx
+++ /dev/null
@@ -1,1536 +0,0 @@
-'use client';
-
-import { useEffect, useLayoutEffect, useState, useRef, useMemo, useCallback, Suspense } from 'react';
-import { createPortal } from 'react-dom';
-import { useRouter, useSearchParams } from 'next/navigation';
-import KnowledgeGraph from '@/components/KnowledgeGraph';
-import { GraphNode, GraphStats, Recommendation, Assignment } from '@/lib/types';
-import {
-  getGraph,
-  getRecommendations,
-  getUpcomingAssignments,
-  getCourses,
-  addCourse,
-  deleteCourse,
-  updateCourseColor,
-  type EnrolledCourse,
-} from '@/lib/api';
-import { getMasteryColor, getMasteryLabel, formatDueDate, formatRelativeTime, getCourseColor, PRESET_COURSE_COLORS, RAINBOW_COLORS } from '@/lib/graphUtils';
-import { useUser } from '@/context/UserContext';
-import Link from 'next/link';
-import { Maximize2, Minimize2 } from 'lucide-react';
-
-const API_URL = process.env.NEXT_PUBLIC_API_URL ?? 'http://localhost:5000';
-
-interface CourseCatalogOption {
-  id: string;
-  course_code: string;
-  course_name: string;
-}
-
-const STATS_LABELS: Record<string, string> = {
-  mastered: 'Mastered',
-  learning: 'Learning',
-  struggling: 'Struggling',
-  unexplored: 'Unexplored',
-};
-
-const GLASS: React.CSSProperties = {
-  background: '#ffffff',
-  border: '1px solid rgba(107, 114, 128, 0.15)',
-  borderRadius: '10px',
-};
-
-const UI_FONT = "var(--font-dm-sans), 'DM Sans', sans-serif";
-
-const QUOTES = [
-  '"The more that you read, the more things you will know." — Dr. Seuss',
-  '"Live as if you were to die tomorrow. Learn as if you were to live forever." — Gandhi',
-  '"The beautiful thing about learning is that no one can take it away from you." — B.B. King',
-  '"Education is not the filling of a pail, but the lighting of a fire." — W.B. Yeats',
-  '"An investment in knowledge pays the best interest." — Benjamin Franklin',
-  '"Tell me and I forget. Teach me and I remember. Involve me and I learn." — Benjamin Franklin',
-  '"The capacity to learn is a gift; the ability to learn is a skill; the willingness to learn is a choice." — Brian Herbert',
-  'Fun fact: The human brain can store roughly 2.5 petabytes of information.',
-  'Fun fact: Spaced repetition can boost long-term retention by up to 80%.',
-  'Fun fact: Teaching others is one of the most effective ways to solidify your own knowledge.',
-  'Fun fact: Your brain consolidates memories during sleep — rest is part of learning.',
-  'Fun fact: Taking short breaks during study sessions can improve focus and retention.',
-  'Fun fact: Handwriting notes activates more areas of the brain than typing them.',
-];
-
-function getTimeGreeting(): string {
-  const hour = new Date().getHours();
-  if (hour >= 5 && hour < 12) return 'Good Morning';
-  if (hour >= 12 && hour < 17) return 'Good Afternoon';
-  return 'Good Evening';
-}
-
-function useIsMobile(breakpoint = 768) {
-  const [isMobile, setIsMobile] = useState(false);
-  useEffect(() => {
-    const mql = window.matchMedia(`(max-width: ${breakpoint}px)`);
-    setIsMobile(mql.matches);
-    const handler = (e: MediaQueryListEvent) => setIsMobile(e.matches);
-    mql.addEventListener('change', handler);
-    return () => mql.removeEventListener('change', handler);
-  }, [breakpoint]);
-  return isMobile;
-}
-
-function DashboardInner() {
-  const router = useRouter();
-  const searchParams = useSearchParams();
-  const { userId, userName, userReady } = useUser();
-  const isMobile = useIsMobile();
-
-  // Suggested concept from Navbar "What should I learn next?" button
-  const suggestConcept = searchParams.get('suggest') ?? '';
-  const containerRef = useRef<HTMLDivElement>(null);
-  const fullscreenGraphRef = useRef<HTMLDivElement>(null);
-  const [graphDimensions, setGraphDimensions] = useState({ width: 0, height: 0 });
-  const [graphFullscreen, setGraphFullscreen] = useState(false);
-  const [fullscreenGraphDimensions, setFullscreenGraphDimensions] = useState({ width: 0, height: 0 });
-  const hasDimensionsRef = useRef(false);
-
-  const [nodes, setNodes] = useState<GraphNode[]>([]);
-  const [edges, setEdges] = useState<any[]>([]);
-  const [stats, setStats] = useState<GraphStats | null>(null);
-  const [recommendations, setRecommendations] = useState<Recommendation[]>([]);
-  // All upcoming assignments — used by course panel and upcoming strip
-  const [allAssignments, setAllAssignments] = useState<Assignment[]>([]);
-  const [loading, setLoading] = useState(true);
-  const [fetchError, setFetchError] = useState<string | null>(null);
-
-  // Mobile: which sidebar tab is expanded
-  const [mobileSidebarTab, setMobileSidebarTab] = useState<'courses' | 'stats' | null>(null);
-
-  // Greeting animation
-  const [displayedGreeting, setDisplayedGreeting] = useState('');
-  const [greetingDone, setGreetingDone] = useState(false);
-  const [cursorVisible, setCursorVisible] = useState(true);
-  const [quote, setQuote] = useState('');
-  // Collapsed courses state (set of subject names that are collapsed)
-  const [collapsedCourses, setCollapsedCourses] = useState<Set<string>>(new Set());
-
-  const toggleCourse = (subject: string) => {
-    setCollapsedCourses(prev => {
-      const next = new Set(prev);
-      if (next.has(subject)) next.delete(subject);
-      else next.add(subject);
-      return next;
-    });
-  };
-
-  // Courses panel state
-  const [showCourses, setShowCourses] = useState(false);
-  const [courseList, setCourseList] = useState<EnrolledCourse[]>([]);
-  const [courseColorMap, setCourseColorMap] = useState<Record<string, string>>({});
-  const [courseSearchInput, setCourseSearchInput] = useState('');
-  const [courseSuggestions, setCourseSuggestions] = useState<CourseCatalogOption[]>([]);
-  const [courseSearchFocused, setCourseSearchFocused] = useState(false);
-  const [courseInputRect, setCourseInputRect] = useState<DOMRect | null>(null);
-  const courseInputRef = useRef<HTMLInputElement | null>(null);
-  const courseDebounceRef = useRef<NodeJS.Timeout | null>(null);
-  const [courseAdding, setCourseAdding] = useState(false);
-  const [courseDeleting, setCourseDeleting] = useState<string | null>(null);
-  const [courseError, setCourseError] = useState('');
-  // Inline color picker state
-  const [editingColorFor, setEditingColorFor] = useState<string | null>(null);
-  const [colorHexInput, setColorHexInput] = useState('');
-  const [confirmDeleteCourse, setConfirmDeleteCourse] = useState<string | null>(null);
-
-
-  // Mon–Sun dates for the current week (computed once on mount)
-  const weekInfo = useMemo(() => {
-    const today = new Date();
-    today.setHours(0, 0, 0, 0);
-    const todayISO = today.toISOString().split('T')[0];
-    const dow = today.getDay(); // 0=Sun … 6=Sat
-    const daysFromMon = dow === 0 ? 6 : dow - 1;
-    const monday = new Date(today);
-    monday.setDate(today.getDate() - daysFromMon);
-    const LABELS = ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'];
-    const dates = LABELS.map((label, i) => {
-      const d = new Date(monday);
-      d.setDate(monday.getDate() + i);
-      const iso = d.toISOString().split('T')[0];
-      return { label, iso, isToday: iso === todayISO, isFuture: iso > todayISO };
-    });
-    return { todayISO, dates };
-  }, []);
-
-  // Which days this week had any study activity (derived from node last_studied_at)
-  const activeDaysThisWeek = useMemo(() => {
-    const set = new Set<string>();
-    const weekIsos = new Set(weekInfo.dates.map(d => d.iso));
-    for (const n of nodes) {
-      if (n.last_studied_at) {
-        const iso = n.last_studied_at.split('T')[0];
-        if (weekIsos.has(iso)) set.add(iso);
-      }
-    }
-    return set;
-  }, [nodes, weekInfo]);
-
-
-  // Filter out edges that cross subject boundaries so each course cluster stays separate.
-  // Subject-root edges (subject_root__*) are always kept; only same-subject concept edges are kept.
-  const filteredEdges = useMemo(() => {
-    const nodeSubjectMap = new Map(nodes.map(n => [n.id, n.subject]));
-    return edges.filter(e => {
-      const srcId = e.source as string;
-      const tgtId = e.target as string;
-      if (srcId.startsWith('subject_root__') || tgtId.startsWith('subject_root__')) return true;
-      const srcSubj = nodeSubjectMap.get(srcId);
-      const tgtSubj = nodeSubjectMap.get(tgtId);
-      return !srcSubj || !tgtSubj || srcSubj === tgtSubj;
-    });
-  }, [nodes, edges]);
-
-  // Node matching the Navbar's "learn next" suggestion
-  const suggestNode = useMemo(
-    () => (suggestConcept ? nodes.find(n => n.concept_name === suggestConcept) ?? null : null),
-    [nodes, suggestConcept]
-  );
-
-  useEffect(() => {
-    if (!userReady || !userId) return;
-    async function load() {
-      try {
-        const [graphData, recData, assignData, courseData] = await Promise.all([
-          getGraph(userId),
-          getRecommendations(userId),
-          getUpcomingAssignments(userId),
-          getCourses(userId),
-        ]);
-        setNodes(graphData.nodes);
-        setEdges(graphData.edges);
-        setStats(graphData.stats);
-        setRecommendations(recData.recommendations.slice(0, 3));
-        setAllAssignments(assignData.assignments);
-        setCourseList(courseData.courses);
-        const colorMap: Record<string, string> = {};
-        courseData.courses.forEach(c => { if (c.color) colorMap[c.course_name] = c.color; });
-        setCourseColorMap(colorMap);
-      } catch (e: any) {
-        console.error(e);
-        setFetchError(e.message || 'Failed to load dashboard data.');
-      } finally {
-        setLoading(false);
-      }
-    }
-    load();
-  }, [userId, userReady]);
-
-  // Pick a random quote on the client only (avoids SSR/client hydration mismatch)
-  useEffect(() => {
-    setQuote(QUOTES[Math.floor(Math.random() * QUOTES.length)]);
-  }, []);
-
-  useEffect(() => () => {
-    if (courseDebounceRef.current) clearTimeout(courseDebounceRef.current);
-  }, []);
-
-  // Track the search input's viewport rect so the portal dropdown stays pinned
-  // to it as the modal scrolls or the window resizes.
-  useLayoutEffect(() => {
-    const open = showCourses && courseSearchFocused && courseSuggestions.length > 0;
-    if (!open) {
-      setCourseInputRect(null);
-      return;
-    }
-    const update = () => {
-      if (courseInputRef.current) {
-        setCourseInputRect(courseInputRef.current.getBoundingClientRect());
-      }
-    };
-    update();
-    window.addEventListener('resize', update);
-    window.addEventListener('scroll', update, true);
-    return () => {
-      window.removeEventListener('resize', update);
-      window.removeEventListener('scroll', update, true);
-    };
-  }, [showCourses, courseSearchFocused, courseSuggestions.length]);
-
-  // Typing animation for greeting
-  useEffect(() => {
-    const firstName = userName.split(' ')[0];
-    const greeting = `${getTimeGreeting()}, ${firstName}.`;
-    let i = 0;
-    setDisplayedGreeting('');
-    setGreetingDone(false);
-    setCursorVisible(true);
-    const interval = setInterval(() => {
-      i++;
-      setDisplayedGreeting(greeting.slice(0, i));
-      if (i >= greeting.length) {
-        clearInterval(interval);
-        setTimeout(() => setGreetingDone(true), 300);
-      }
-    }, 55);
-    return () => clearInterval(interval);
-  }, [userName]);
-
-  // Blinking cursor while typing
-  useEffect(() => {
-    if (greetingDone) {
-      setCursorVisible(false);
-      return;
-    }
-    const blink = setInterval(() => setCursorVisible(v => !v), 530);
-    return () => clearInterval(blink);
-  }, [greetingDone]);
-
-  useEffect(() => {
-    const el = containerRef.current;
-    if (!el) return;
-    let timer: ReturnType<typeof setTimeout>;
-    const obs = new ResizeObserver(entries => {
-      const entry = entries[0];
-      if (!entry) return;
-      const { width, height } = entry.contentRect;
-      if (!hasDimensionsRef.current) {
-        hasDimensionsRef.current = true;
-        setGraphDimensions({ width, height });
-      } else {
-        clearTimeout(timer);
-        timer = setTimeout(() => setGraphDimensions(prev => {
-          if (Math.abs(prev.width - width) < 5 && Math.abs(prev.height - height) < 5) return prev;
-          return { width, height };
-        }), 250);
-      }
-    });
-    obs.observe(el);
-    return () => { obs.disconnect(); clearTimeout(timer); };
-  }, [loading]);
-
-  // Fullscreen graph (#24): measure overlay pane; Escape exits
-  useLayoutEffect(() => {
-    if (!graphFullscreen) return;
-    const el = fullscreenGraphRef.current;
-    if (!el) return;
-    const ro = new ResizeObserver(entries => {
-      const cr = entries[0]?.contentRect;
-      if (cr && cr.width > 0 && cr.height > 0) {
-        setFullscreenGraphDimensions({ width: cr.width, height: cr.height });
-      }
-    });
-    ro.observe(el);
-    const onKey = (e: KeyboardEvent) => {
-      if (e.key === 'Escape') setGraphFullscreen(false);
-    };
-    window.addEventListener('keydown', onKey);
-    const prevOverflow = document.body.style.overflow;
-    document.body.style.overflow = 'hidden';
-    return () => {
-      ro.disconnect();
-      window.removeEventListener('keydown', onKey);
-      document.body.style.overflow = prevOverflow;
-    };
-  }, [graphFullscreen]);
-
-  const handleNodeClick = useCallback((node: GraphNode) => {
-    router.push(`/learn?topic=${encodeURIComponent(node.concept_name)}`);
-  }, [router]);
-
-
-  const handleCourseSearchInput = (value: string) => {
-    setCourseSearchInput(value);
-    setCourseError('');
-    if (courseDebounceRef.current) clearTimeout(courseDebounceRef.current);
-    if (value.trim().length < 1) { setCourseSuggestions([]); return; }
-    courseDebounceRef.current = setTimeout(async () => {
-      try {
-        const res = await fetch(`${API_URL}/api/onboarding/courses?q=${encodeURIComponent(value)}`);
-        const data: { courses: CourseCatalogOption[] } = await res.json();
-        const enrolledIds = new Set(courseList.map(c => c.course_id));
-        setCourseSuggestions(data.courses.filter(c => !enrolledIds.has(c.id)).slice(0, 5));
-      } catch {
-        setCourseSuggestions([]);
-      } finally {
-        courseDebounceRef.current = null;
-      }
-    }, 200);
-  };
-
-  const handleAddCourseFromCatalog = async (course: CourseCatalogOption) => {
-    setCourseError('');
-    setCourseAdding(true);
-    try {
-      const usedColors = new Set(Object.values(courseColorMap));
-      const pickedColor = PRESET_COURSE_COLORS.find(c => !usedColors.has(c)) ?? PRESET_COURSE_COLORS[0];
-      const res = await addCourse(userId, course.id, pickedColor);
-      if (res.already_existed) {
-        setCourseError(`"${course.course_code}" is already in your course list.`);
-      } else if (res.error) {
-        setCourseError(res.error);
-      } else {
-        setCourseSearchInput('');
-        setCourseSuggestions([]);
-        const updated = await getCourses(userId);
-        setCourseList(updated.courses);
-        const colorMap: Record<string, string> = {};
-        updated.courses.forEach(c => { if (c.color) colorMap[c.course_name] = c.color; });
-        setCourseColorMap(colorMap);
-        const graphData = await getGraph(userId);
-        setNodes(graphData.nodes);
-        setEdges(graphData.edges);
-      }
-    } catch (e: any) {
-      let msg = e.message || 'Failed to add course.';
-      try {
-        const j = JSON.parse(msg);
-        if (j.detail) msg = typeof j.detail === 'string' ? j.detail : JSON.stringify(j.detail);
-      } catch { /* keep msg */ }
-      setCourseError(msg);
-    } finally {
-      setCourseAdding(false);
-    }
-  };
-
-  const handleColorChange = async (courseId: string, courseName: string, newHex: string) => {
-    if (!/^#[0-9a-fA-F]{6}$/.test(newHex)) return;
-    try {
-      await updateCourseColor(userId, courseId, newHex);
-      setCourseList(prev => prev.map(c => (c.course_id === courseId ? { ...c, color: newHex } : c)));
-      setCourseColorMap(prev => ({ ...prev, [courseName]: newHex }));
-      setEditingColorFor(null);
-      // Refresh graph so nodes carry the updated course_color
-      const graphData = await getGraph(userId);
-      setNodes(graphData.nodes);
-      setEdges(graphData.edges);
-    } catch (e) {
-      console.error(e);
-    }
-  };
-
-  const handleDeleteCourse = async (courseId: string) => {
-    setCourseDeleting(courseId);
-    try {
-      await deleteCourse(userId, courseId);
-      setCourseList(prev => prev.filter(c => c.course_id !== courseId));
-      // Refresh graph so the removed subject-root node disappears
-      const graphData = await getGraph(userId);
-      setNodes(graphData.nodes);
-      setEdges(graphData.edges);
-    } catch (e) {
-      console.error(e);
-    } finally {
-      setCourseDeleting(null);
-    }
-  };
-
-  if (loading) {
-    return (
-      <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'center', height: 'calc(100vh - 48px)', color: '#9ca3af', fontSize: '14px', fontFamily: UI_FONT }}>
-        Loading your dashboard...
-      </div>
-    );
-  }
-
-  if (fetchError) {
-    return (
-      <div style={{ display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'center', height: 'calc(100vh - 48px)', fontFamily: UI_FONT, gap: '12px' }}>
-        <p style={{ fontSize: '15px', fontWeight: 600, color: '#111827' }}>Failed to load dashboard</p>
-        <p style={{ fontSize: '13px', color: '#6b7280', maxWidth: '400px', textAlign: 'center', lineHeight: 1.6 }}>{fetchError}</p>
-        <button
-          onClick={() => { setFetchError(null); setLoading(true); window.location.reload(); }}
-          style={{ padding: '8px 20px', background: 'rgba(26,92,42,0.08)', color: '#1a5c2a', border: '1px solid rgba(26,92,42,0.3)', borderRadius: '7px', fontSize: '13px', fontWeight: 600, cursor: 'pointer' }}
-        >
-          Retry
-        </button>
-      </div>
-    );
-  }
-
-  return (
-    <>
-      <div style={{
-        display: 'flex',
-        flexDirection: isMobile ? 'column' : 'row',
-        height: isMobile ? 'auto' : 'calc(100vh - 48px)',
-        minHeight: isMobile ? 'calc(100vh - 48px)' : undefined,
-        overflow: isMobile ? 'auto' : undefined,
-      }}>
-
-        {/* ── Left panel: Course list ─────────────────────────────────────── */}
-        {!isMobile && (
-        <div
-          className="dash-scroll panel-in panel-in-1"
-          style={{
-            width: '300px',
-            flexShrink: 0,
-            display: 'flex',
-            flexDirection: 'column',
-            gap: '10px',
-            padding: '20px 10px 20px 20px',
-            overflowY: 'auto',
-            fontFamily: UI_FONT,
-          }}
-        >
-          <p style={{
-            fontSize: '11px',
-            fontWeight: 500,
-            color: '#6b7280',
-            textTransform: 'uppercase',
-            letterSpacing: '0.07em',
-            marginBottom: '2px',
-          }}>
-            Courses
-          </p>
-
-          {loading ? (
-            <div style={{ fontSize: '13px', color: '#9ca3af', paddingTop: '8px' }}>Loading…</div>
-          ) : courseList.length === 0 ? (
-            <div style={{ fontSize: '13px', color: '#9ca3af', paddingTop: '8px' }}>No courses yet</div>
-          ) : (
-            courseList.map(course => {
-              const subject = course.course_name;
-              const c = getCourseColor(subject, course.color);
-              const conceptNodes = nodes.filter(n => n.subject === subject && !n.is_subject_root && n.mastery_tier !== 'subject_root');
-              const avgMastery = conceptNodes.length > 0
-                ? conceptNodes.reduce((s, n) => s + n.mastery_score, 0) / conceptNodes.length
-                : 0;
-              const pct = Math.round(avgMastery * 100);
-
-              // 5 soonest upcoming assignments for this course (case-insensitive match)
-              const courseAssignments = allAssignments
-                .filter(a => a.course_name?.toLowerCase() === subject.toLowerCase() && a.due_date)
-                .sort((a, b) => a.due_date.localeCompare(b.due_date))
-                .slice(0, 5);
-
-              const isCollapsed = collapsedCourses.has(subject);
-
-              return (
-                <div
-                  key={subject}
-                  style={{
-                    ...GLASS,
-                    padding: '12px 13px',
-                  }}
-                >
-                  {/* Course name row — clickable to collapse */}
-                  <button
-                    onClick={() => toggleCourse(subject)}
-                    style={{
-                      display: 'flex',
-                      alignItems: 'center',
-                      justifyContent: 'space-between',
-                      width: '100%',
-                      background: 'none',
-                      border: 'none',
-                      padding: 0,
-                      cursor: 'pointer',
-                      fontFamily: 'inherit',
-                    }}
-                  >
-                    <span style={{
-                      fontSize: '13px',
-                      fontWeight: 700,
-                      color: c.text,
-                      letterSpacing: '0.01em',
-                    }}>
-                      {subject}
-                    </span>
-                    <span style={{
-                      fontSize: '16px',
-                      color: '#9ca3af',
-                      transition: 'transform 0.3s ease',
-                      transform: isCollapsed ? 'rotate(-90deg)' : 'rotate(0deg)',
-                      display: 'inline-block',
-                      lineHeight: 1,
-                    }}>
-                      ▾
-                    </span>
-                  </button>
-
-                  {/* Progress bar */}
-                  <div style={{
-                    height: '5px',
-                    background: 'rgba(107,114,128,0.12)',
-                    borderRadius: '3px',
-                    marginTop: '7px',
-                    overflow: 'hidden',
-                  }}>
-                    <div style={{
-                      height: '100%',
-                      width: `${pct}%`,
-                      background: c.fill,
-                      borderRadius: '3px',
-                      transition: 'width 0.8s cubic-bezier(0.4,0,0.2,1)',
-                    }} />
-                  </div>
-                  <span style={{
-                    fontSize: '10px',
-                    color: '#9ca3af',
-                    display: 'block',
-                    marginTop: '3px',
-                  }}>
-                    {pct}% mastery
-                  </span>
-
-                  {/* Upcoming assignments — always rendered, collapsed via maxHeight */}
-                  <div style={{
-                    overflow: 'hidden',
-                    maxHeight: isCollapsed ? '0px' : '500px',
-                    transition: 'max-height 0.35s ease',
-                  }}>
-                    <div style={{
-                      marginTop: '10px',
-                      display: 'flex',
-                      flexDirection: 'column',
-                      gap: '8px',
-                      borderTop: `1px solid ${c.border}`,
-                      paddingTop: '9px',
-                    }}>
-                      {courseAssignments.length === 0 ? (
-                        <span style={{ fontSize: '11px', color: '#9ca3af' }}>No upcoming assignments</span>
-                      ) : courseAssignments.map(a => (
-                        <div key={a.id}>
-                          {/* Assignment title in course color */}
-                          <div style={{
-                            fontSize: '12px',
-                            fontWeight: 500,
-                            color: c.text,
-                            lineHeight: 1.35,
-                            wordBreak: 'break-word',
-                          }}>
-                            {a.title}
-                          </div>
-                          {/* Category / type + due date */}
-                          <div style={{
-                            fontSize: '10px',
-                            color: '#9ca3af',
-                            marginTop: '2px',
-                            display: 'flex',
-                            alignItems: 'center',
-                            gap: '5px',
-                          }}>
-                            <span style={{
-                              background: c.bg,
-                              color: c.text,
-                              padding: '0px 5px',
-                              borderRadius: '3px',
-                              fontSize: '9px',
-                              fontWeight: 600,
-                              textTransform: 'uppercase',
-                              letterSpacing: '0.04em',
-                              border: `1px solid ${c.border}`,
-                            }}>
-                              {a.assignment_type}
-                            </span>
-                            <span>{formatDueDate(a.due_date)}</span>
-                          </div>
-                        </div>
-                      ))}
-                    </div>
-                  </div>
-                </div>
-              );
-            })
-          )}
-        </div>
-        )}
-
-        {/* ── Center: Greeting + Graph + Upcoming ────────────────────────── */}
-        <div className="panel-in panel-in-2" style={{
-          flex: isMobile ? 'none' : 1,
-          display: 'flex',
-          flexDirection: 'column',
-          padding: isMobile ? '12px' : '20px',
-          gap: isMobile ? '10px' : '14px',
-          minWidth: 0,
-        }}>
-
-          {/* Header: Typed Greeting + Quote + Action Buttons */}
-          <div style={{ textAlign: 'center', paddingTop: isMobile ? '8px' : '14px', paddingBottom: isMobile ? '4px' : '10px' }}>
-            <h1
-              style={{
-                fontFamily: "var(--font-spectral), 'Spectral', Georgia, serif",
-                fontSize: isMobile ? '28px' : '50px',
-                fontWeight: 700,
-                color: '#111827',
-                margin: 0,
-                letterSpacing: '-0.03em',
-                minHeight: isMobile ? '36px' : '60px',
-                lineHeight: '1.1',
-                whiteSpace: 'nowrap',
-                overflow: 'hidden',
-              }}
-            >
-              {displayedGreeting}
-              <span
-                style={{
-                  opacity: cursorVisible ? 1 : 0,
-                  color: '#1a5c2a',
-                  fontWeight: 200,
-                  marginLeft: '1px',
-                  transition: 'opacity 0.1s',
-                }}
-              >
-                |
-              </span>
-            </h1>
-
-            <p
-              style={{
-                fontSize: isMobile ? '13px' : '15px',
-                color: '#6b7280',
-                marginTop: '10px',
-                fontStyle: 'italic',
-                opacity: greetingDone ? 1 : 0,
-                transition: 'opacity 0.7s ease',
-                height: '22px',
-                overflow: 'hidden',
-                fontFamily: UI_FONT,
-              }}
-            >
-              {quote}
-            </p>
-
-            <div style={{
-              display: 'flex',
-              gap: isMobile ? '6px' : '10px',
-              justifyContent: 'center',
-              marginTop: isMobile ? '8px' : '12px',
-              flexWrap: isMobile ? 'wrap' : 'nowrap',
-            }}>
-              <Link
-                href="/learn"
-                style={{
-                  padding: isMobile ? '7px 14px' : '8px 22px',
-                  background: '#1a5c2a',
-                  color: '#ffffff',
-                  borderRadius: '7px',
-                  fontSize: isMobile ? '12px' : '13px',
-                  fontWeight: 600,
-                  textDecoration: 'none',
-                  display: 'inline-block',
-                  letterSpacing: '0.5px',
-                  fontFamily: UI_FONT,
-                }}
-              >
-                Start Learning
-              </Link>
-              <Link
-                href="/library"
-                style={{
-                  padding: isMobile ? '7px 14px' : '8px 22px',
-                  background: '#ffffff',
-                  color: '#374151',
-                  border: '1px solid rgba(107,114,128,0.28)',
-                  borderRadius: '7px',
-                  fontSize: isMobile ? '12px' : '13px',
-                  fontWeight: 500,
-                  cursor: 'pointer',
-                  fontFamily: UI_FONT,
-                  letterSpacing: '0.5px',
-                  textDecoration: 'none',
-                  display: 'inline-block',
-                }}
-              >
-                Upload Assignments
-              </Link>
-              <button
-                onClick={() => setShowCourses(true)}
-                style={{
-                  padding: isMobile ? '7px 14px' : '8px 22px',
-                  background: '#ffffff',
-                  color: '#374151',
-                  border: '1px solid rgba(107,114,128,0.28)',
-                  borderRadius: '7px',
-                  fontSize: isMobile ? '12px' : '13px',
-                  fontWeight: 500,
-                  cursor: 'pointer',
-                  fontFamily: UI_FONT,
-                  letterSpacing: '0.5px',
-                }}
-              >
-                Courses
-              </button>
-            </div>
-          </div>
-
-          {/* Knowledge Graph */}
-          <div
-            ref={containerRef}
-            style={{
-              flex: isMobile ? 'none' : 1,
-              height: isMobile ? '300px' : undefined,
-              ...GLASS,
-              overflow: 'hidden',
-              position: 'relative',
-            }}
-          >
-            {!loading && graphDimensions.width > 0 && !isMobile && (
-              <button
-                type="button"
-                onClick={() => {
-                  setFullscreenGraphDimensions({
-                    width: window.innerWidth,
-                    height: Math.max(320, window.innerHeight - 52),
-                  });
-                  setGraphFullscreen(true);
-                }}
-                aria-label="Open knowledge graph fullscreen"
-                title="Fullscreen (Esc to exit)"
-                style={{
-                  position: 'absolute',
-                  top: '10px',
-                  right: '10px',
-                  zIndex: 25,
-                  display: 'flex',
-                  alignItems: 'center',
-                  gap: '6px',
-                  padding: '6px 11px',
-                  fontSize: '12px',
-                  fontWeight: 600,
-                  color: '#374151',
-                  background: 'rgba(255,255,255,0.92)',
-                  border: '1px solid rgba(107,114,128,0.22)',
-                  borderRadius: '8px',
-                  cursor: 'pointer',
-                  fontFamily: UI_FONT,
-                  boxShadow: '0 2px 10px rgba(0,0,0,0.06)',
-                }}
-              >
-                <Maximize2 size={16} strokeWidth={2} />
-                Fullscreen
-              </button>
-            )}
-            {loading || graphDimensions.width === 0 ? (
-              <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'center', height: '100%', color: '#9ca3af', fontSize: '14px' }}>
-                Loading graph…
-              </div>
-            ) : (
-              <KnowledgeGraph
-                nodes={nodes}
-                edges={filteredEdges}
-                width={graphDimensions.width}
-                height={graphDimensions.height}
-                interactive
-                highlightId={suggestNode?.id}
-                onNodeClick={handleNodeClick}
-                courseColorMap={courseColorMap}
-              />
-            )}
-
-            {/* AI "learn next" suggestion popup */}
-            {suggestConcept && suggestNode && (
-              <div className="panel-in panel-in-1" style={{
-                position: 'absolute',
-                bottom: isMobile ? '8px' : '16px',
-                left: '50%',
-                transform: 'translateX(-50%)',
-                background: '#ffffff',
-                border: '1px solid rgba(26,92,42,0.25)',
-                borderRadius: '10px',
-                padding: isMobile ? '10px 12px' : '14px 18px',
-                boxShadow: '0 8px 32px rgba(0,0,0,0.12)',
-                zIndex: 20,
-                display: 'flex',
-                flexDirection: 'column',
-                gap: '10px',
-                minWidth: isMobile ? '0' : '300px',
-                maxWidth: isMobile ? 'calc(100% - 16px)' : '420px',
-                width: isMobile ? 'calc(100% - 16px)' : undefined,
-                fontFamily: UI_FONT,
-              }}>
-                <div style={{ display: 'flex', alignItems: 'flex-start', gap: '10px' }}>
-                  <span style={{ fontSize: '20px', lineHeight: 1, flexShrink: 0 }}>✨</span>
-                  <div>
-                    <p style={{ fontSize: '11px', fontWeight: 500, color: '#6b7280', textTransform: 'uppercase', letterSpacing: '0.06em', margin: '0 0 3px' }}>
-                      AI Recommendation
-                    </p>
-                    <p style={{ fontSize: '15px', fontWeight: 600, color: '#111827', margin: 0 }}>
-                      {suggestConcept}
-                    </p>
-                    <p style={{ fontSize: '12px', color: '#6b7280', margin: '4px 0 0', lineHeight: 1.5 }}>
-                      Based on your knowledge graph, this concept will have the highest impact on your mastery.
-                    </p>
-                  </div>
-                </div>
-                <div style={{ display: 'flex', gap: '8px', justifyContent: 'flex-end' }}>
-                  <button
-                    onClick={() => router.replace('/')}
-                    style={{
-                      padding: '6px 14px',
-                      background: 'transparent',
-                      color: '#6b7280',
-                      border: '1px solid rgba(107,114,128,0.22)',
-                      borderRadius: '6px',
-                      fontSize: '12px',
-                      fontWeight: 500,
-                      cursor: 'pointer',
-                      fontFamily: 'inherit',
-                    }}
-                  >
-                    Dismiss
-                  </button>
-                  <button
-                    onClick={() => router.push(`/learn?topic=${encodeURIComponent(suggestConcept)}&mode=quiz`)}
-                    style={{
-                      padding: '6px 16px',
-                      background: '#1a5c2a',
-                      color: '#ffffff',
-                      border: 'none',
-                      borderRadius: '6px',
-                      fontSize: '12px',
-                      fontWeight: 600,
-                      cursor: 'pointer',
-                      fontFamily: 'inherit',
-                    }}
-                  >
-                    Start Quiz →
-                  </button>
-                </div>
-              </div>
-            )}
-          </div>
-
-          {graphFullscreen && !isMobile && (
-            <div
-              style={{
-                position: 'fixed',
-                inset: 0,
-                zIndex: 200,
-                background: '#ffffff',
-                display: 'flex',
-                flexDirection: 'column',
-                fontFamily: UI_FONT,
-              }}
-            >
-              <div
-                style={{
-                  flexShrink: 0,
-                  height: '52px',
-                  display: 'flex',
-                  alignItems: 'center',
-                  justifyContent: 'space-between',
-                  padding: '0 16px',
-                  borderBottom: '1px solid rgba(107,114,128,0.15)',
-                  background: 'rgba(255,255,255,0.96)',
-                }}
-              >
-                <span style={{ fontSize: '14px', fontWeight: 600, color: '#111827' }}>Knowledge graph</span>
-                <button
-                  type="button"
-                  onClick={() => setGraphFullscreen(false)}
-                  aria-label="Exit fullscreen"
-                  style={{
-                    display: 'flex',
-                    alignItems: 'center',
-                    gap: '8px',
-                    padding: '8px 14px',
-                    fontSize: '13px',
-                    fontWeight: 600,
-                    color: '#374151',
-                    background: 'rgba(107,114,128,0.08)',
-                    border: '1px solid rgba(107,114,128,0.2)',
-                    borderRadius: '8px',
-                    cursor: 'pointer',
-                    fontFamily: UI_FONT,
-                  }}
-                >
-                  <Minimize2 size={16} strokeWidth={2} />
-                  Exit
-                </button>
-              </div>
-              <div ref={fullscreenGraphRef} style={{ flex: 1, minHeight: 0, position: 'relative' }}>
-                <KnowledgeGraph
-                  nodes={nodes}
-                  edges={filteredEdges}
-                  width={fullscreenGraphDimensions.width}
-                  height={fullscreenGraphDimensions.height}
-                  interactive
-                  highlightId={suggestNode?.id}
-                  onNodeClick={handleNodeClick}
-                  courseColorMap={courseColorMap}
-                />
-              </div>
-            </div>
-          )}
-
-          {/* Upcoming assignments strip */}
-          <div style={{ ...GLASS, padding: isMobile ? '10px 12px' : '14px 16px', fontFamily: UI_FONT, height: isMobile ? 'auto' : '160px', maxHeight: isMobile ? '200px' : undefined, flexShrink: 0, overflowY: 'auto' }}>
-            <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', marginBottom: '10px' }}>
-              <p style={{ fontSize: '11px', fontWeight: 500, color: '#6b7280', textTransform: 'uppercase', letterSpacing: '0.06em' }}>
-                Upcoming
-              </p>
-              <Link href="/calendar" style={{ fontSize: '12px', color: '#6b7280', textDecoration: 'none' }}>
-                View Calendar
-              </Link>
-            </div>
-            {allAssignments.length === 0 ? (
-              <p style={{ color: '#9ca3af', fontSize: '13px' }}>No upcoming assignments</p>
-            ) : (
-              <div style={{ display: 'flex', flexDirection: 'column', gap: '6px' }}>
-                {allAssignments.slice(0, 4).map(a => {
-                  const cn = a.course_name ?? '';
-                  const c = getCourseColor(cn, courseColorMap[cn]);
-                  return (
-                    <div key={a.id} style={{
-                      display: 'flex',
-                      alignItems: isMobile ? 'flex-start' : 'baseline',
-                      gap: isMobile ? '6px' : '10px',
-                      flexWrap: isMobile ? 'wrap' : 'nowrap',
-                    }}>
-                      <span style={{ fontSize: isMobile ? '11px' : '12px', color: '#6b7280', minWidth: isMobile ? '40px' : '50px' }}>
-                        {formatDueDate(a.due_date)}
-                      </span>
-                      <span style={{ fontSize: isMobile ? '11px' : '12px', fontWeight: 600, color: c.text, minWidth: isMobile ? '40px' : '52px' }}>
-                        {a.course_name}
-                      </span>
-                      <span style={{ fontSize: isMobile ? '12px' : '13px', color: '#374151' }}>{a.title}</span>
-                    </div>
-                  );
-                })}
-              </div>
-            )}
-          </div>
-        </div>
-
-        {/* ── Mobile: Courses & Stats toggle tabs ─────────────────────────── */}
-        {isMobile && (
-          <div style={{ padding: '0 12px', display: 'flex', gap: '8px', fontFamily: UI_FONT }}>
-            <button
-              onClick={() => setMobileSidebarTab(mobileSidebarTab === 'courses' ? null : 'courses')}
-              style={{
-                flex: 1,
-                padding: '8px',
-                borderRadius: '8px',
-                border: '1px solid rgba(107,114,128,0.18)',
-                background: mobileSidebarTab === 'courses' ? 'rgba(26,92,42,0.08)' : '#fff',
-                color: mobileSidebarTab === 'courses' ? '#1a5c2a' : '#6b7280',
-                fontSize: '12px',
-                fontWeight: 600,
-                cursor: 'pointer',
-                fontFamily: 'inherit',
-              }}
-            >
-              My Courses
-            </button>
-            <button
-              onClick={() => setMobileSidebarTab(mobileSidebarTab === 'stats' ? null : 'stats')}
-              style={{
-                flex: 1,
-                padding: '8px',
-                borderRadius: '8px',
-                border: '1px solid rgba(107,114,128,0.18)',
-                background: mobileSidebarTab === 'stats' ? 'rgba(26,92,42,0.08)' : '#fff',
-                color: mobileSidebarTab === 'stats' ? '#1a5c2a' : '#6b7280',
-                fontSize: '12px',
-                fontWeight: 600,
-                cursor: 'pointer',
-                fontFamily: 'inherit',
-              }}
-            >
-              Stats & More
-            </button>
-          </div>
-        )}
-
-        {/* ── Mobile: Courses panel (collapsible) ─────────────────────────── */}
-        {isMobile && mobileSidebarTab === 'courses' && (
-          <div style={{ padding: '0 12px 8px', fontFamily: UI_FONT, display: 'flex', flexDirection: 'column', gap: '8px' }}>
-            {loading ? (
-              <div style={{ fontSize: '13px', color: '#9ca3af', paddingTop: '8px' }}>Loading…</div>
-            ) : courseList.length === 0 ? (
-              <div style={{ fontSize: '13px', color: '#9ca3af', paddingTop: '8px' }}>No courses yet</div>
-            ) : (
-              courseList.map(course => {
-                const subject = course.course_name;
-                const c = getCourseColor(subject, course.color);
-                const conceptNodes = nodes.filter(n => n.subject === subject && !n.is_subject_root && n.mastery_tier !== 'subject_root');
-                const avgMastery = conceptNodes.length > 0
-                  ? conceptNodes.reduce((s, n) => s + n.mastery_score, 0) / conceptNodes.length
-                  : 0;
-                const pct = Math.round(avgMastery * 100);
-                return (
-                  <div key={subject} style={{ ...GLASS, padding: '10px 12px' }}>
-                    <span style={{ fontSize: '13px', fontWeight: 700, color: c.text }}>{subject}</span>
-                    <div style={{ height: '5px', background: 'rgba(107,114,128,0.12)', borderRadius: '3px', marginTop: '6px', overflow: 'hidden' }}>
-                      <div style={{ height: '100%', width: `${pct}%`, background: c.fill, borderRadius: '3px', transition: 'width 0.8s cubic-bezier(0.4,0,0.2,1)' }} />
-                    </div>
-                    <span style={{ fontSize: '10px', color: '#9ca3af', display: 'block', marginTop: '3px' }}>{pct}% mastery</span>
-                  </div>
-                );
-              })
-            )}
-          </div>
-        )}
-
-        {/* ── Right: Sidebar (desktop) / Stats section (mobile) ───────────── */}
-        <div
-          className="dash-scroll panel-in panel-in-3"
-          style={isMobile ? {
-            display: mobileSidebarTab === 'stats' ? 'flex' : 'none',
-            flexDirection: 'column',
-            gap: '10px',
-            padding: '0 12px 12px',
-            fontFamily: UI_FONT,
-          } : {
-            width: '320px',
-            display: 'flex',
-            flexDirection: 'column',
-            gap: '14px',
-            padding: '20px 20px 20px 10px',
-            overflowY: 'auto',
-            fontFamily: UI_FONT,
-          }}
-        >
-
-          {/* User header + streak */}
-          <div style={{ ...GLASS, padding: '16px' }}>
-            <p style={{ fontSize: '15px', fontWeight: 600, color: '#111827' }}>{userName}</p>
-
-            {/* Streak count */}
-            <div style={{ display: 'flex', alignItems: 'center', gap: '5px', marginTop: '6px' }}>
-              <span style={{ fontSize: '17px', fontWeight: 700, color: '#ea580c', lineHeight: 1 }}>
-                {stats?.streak ?? 0}
-              </span>
-              <span style={{ fontSize: '12px', color: '#9ca3af', marginLeft: '1px' }}>day streak</span>
-            </div>
-
-            {/* 7-day week strip */}
-            <div style={{ display: 'flex', gap: '2px', marginTop: '12px' }}>
-              {weekInfo.dates.map(({ label, iso, isToday, isFuture }) => {
-                const isActive = activeDaysThisWeek.has(iso);
-                return (
-                  <div
-                    key={iso}
-                    style={{
-                      flex: 1,
-                      display: 'flex',
-                      flexDirection: 'column',
-                      alignItems: 'center',
-                      gap: '4px',
-                    }}
-                  >
-                    {/* Day label */}
-                    <span style={{
-                      fontSize: '8.5px',
-                      fontWeight: isToday ? 700 : 400,
-                      color: isToday ? '#ea580c' : '#9ca3af',
-                      textTransform: 'uppercase',
-                      letterSpacing: '0.02em',
-                    }}>
-                      {label}
-                    </span>
-                    {/* Fire or empty ring */}
-                    {isActive ? (
-                      <span style={{ fontSize: '15px', lineHeight: 1 }}>🔥</span>
-                    ) : (
-                      <div style={{
-                        width: '15px',
-                        height: '15px',
-                        borderRadius: '50%',
-                        border: `1.5px solid ${isFuture ? 'rgba(156,163,175,0.18)' : 'rgba(156,163,175,0.38)'}`,
-                      }} />
-                    )}
-                  </div>
-                );
-              })}
-            </div>
-          </div>
-
-          {/* Stats */}
-          {stats && (
-            <div style={{ ...GLASS, padding: '16px' }}>
-              <p style={{ fontSize: '11px', fontWeight: 500, color: '#6b7280', textTransform: 'uppercase', letterSpacing: '0.06em', marginBottom: '12px' }}>
-                Knowledge
-              </p>
-              {(['mastered', 'learning', 'struggling', 'unexplored'] as const).map(tier => (
-                <div key={tier} style={{ display: 'flex', alignItems: 'center', gap: '10px', marginBottom: '8px' }}>
-                  <div style={{
-                    width: 9, height: 9, borderRadius: '50%',
-                    background: getMasteryColor(tier),
-                    flexShrink: 0,
-                  }} />
-                  <span style={{ fontSize: '13px', color: '#374151' }}>
-                    {stats[tier]} {STATS_LABELS[tier]}
-                  </span>
-                </div>
-              ))}
-            </div>
-          )}
-
-          {/* Recommendations */}
-          {recommendations.length > 0 && (
-            <div style={{ ...GLASS, padding: '16px' }}>
-              <p style={{ fontSize: '11px', fontWeight: 500, color: '#6b7280', textTransform: 'uppercase', letterSpacing: '0.06em', marginBottom: '10px' }}>
-                Learn Next
-              </p>
-              {recommendations.map(rec => {
-                const node = nodes.find(n => n.concept_name === rec.concept_name);
-                return (
-                  <Link
-                    key={rec.concept_name}
-                    href={`/learn?topic=${encodeURIComponent(rec.concept_name)}`}
-                    style={{
-                      display: 'flex',
-                      alignItems: 'center',
-                      justifyContent: 'space-between',
-                      padding: '8px 0',
-                      borderBottom: '1px solid rgba(107,114,128,0.1)',
-                      textDecoration: 'none',
-                    }}
-                  >
-                    <span style={{ fontSize: '13px', color: '#374151' }}>{rec.concept_name}</span>
-                    <span style={{ fontSize: '12px', color: '#6b7280' }}>
-                      {node ? getMasteryLabel(node.mastery_score) : '0%'}
-                    </span>
-                  </Link>
-                );
-              })}
-            </div>
-          )}
-
-          {/* Actions */}
-          <div style={{ ...GLASS, padding: '16px', display: 'flex', flexDirection: 'column', gap: '8px' }}>
-            <Link
-              href="/learn?mode=quiz"
-              style={{
-                display: 'block',
-                textAlign: 'center',
-                padding: '10px',
-                background: '#f8faf8',
-                border: '1px solid rgba(107,114,128,0.18)',
-                borderRadius: '7px',
-                color: '#4b5563',
-                fontSize: '14px',
-                textDecoration: 'none',
-              }}
-            >
-              Quick Quiz
-            </Link>
-            <Link
-              href="/social"
-              style={{
-                display: 'block',
-                textAlign: 'center',
-                padding: '6px',
-                color: '#6b7280',
-                fontSize: '13px',
-                textDecoration: 'none',
-              }}
-            >
-              Study Room
-            </Link>
-          </div>
-
-          {/* Recent activity */}
-          {nodes.length > 0 && (
-            <div style={{ ...GLASS, padding: '16px' }}>
-              <p style={{ fontSize: '11px', fontWeight: 500, color: '#6b7280', textTransform: 'uppercase', letterSpacing: '0.06em', marginBottom: '10px' }}>
-                Recent Activity
-              </p>
-              {nodes
-                .filter(n => n.last_studied_at)
-                .sort((a, b) => (b.last_studied_at ?? '').localeCompare(a.last_studied_at ?? ''))
-                .slice(0, 4)
-                .map(n => (
-                  <div key={n.id} style={{ display: 'flex', alignItems: 'baseline', justifyContent: 'space-between', marginBottom: '7px' }}>
-                    <span style={{ fontSize: '12px', color: '#374151' }}>
-                      {n.concept_name} — {getMasteryLabel(n.mastery_score)}
-                    </span>
-                    <span style={{ fontSize: '11px', color: '#9ca3af', marginLeft: '8px', flexShrink: 0 }}>
-                      {formatRelativeTime(n.last_studied_at)}
-                    </span>
-                  </div>
-                ))}
-            </div>
-          )}
-        </div>
-      </div>
-
-
-      {/* ── Courses Modal ───────────────────────────────────────────────────── */}
-      {showCourses && (
-        <div
-          style={{
-            position: 'fixed',
-            inset: 0,
-            background: 'rgba(0,0,0,0.45)',
-            zIndex: 100,
-            display: 'flex',
-            alignItems: 'center',
-            justifyContent: 'center',
-            padding: '20px',
-          }}
-          onClick={e => { if (e.target === e.currentTarget) { setShowCourses(false); setCourseError(''); setCourseSearchInput(''); setCourseSuggestions([]); setEditingColorFor(null); } }}
-        >
-          <div
-            style={{
-              background: '#ffffff',
-              borderRadius: '12px',
-              padding: '28px',
-              width: '480px',
-              maxWidth: '95vw',
-              maxHeight: '80vh',
-              overflowY: 'auto',
-              position: 'relative',
-              border: '1px solid rgba(107,114,128,0.15)',
-              boxShadow: '0 20px 60px rgba(0,0,0,0.15)',
-              fontFamily: UI_FONT,
-            }}
-          >
-            {/* Close */}
-            <button
-              onClick={() => { setShowCourses(false); setCourseError(''); setCourseSearchInput(''); setCourseSuggestions([]); setEditingColorFor(null); }}
-              style={{ position: 'absolute', top: '16px', right: '16px', background: 'none', border: 'none', fontSize: '18px', cursor: 'pointer', color: '#6b7280', lineHeight: 1, padding: '4px 6px', borderRadius: '4px' }}
-            >
-              ✕
-            </button>
-
-            <h2 style={{ fontSize: '18px', fontWeight: 700, color: '#111827', margin: '0 0 4px' }}>
-              My Courses
-            </h2>
-            <p style={{ fontSize: '13px', color: '#6b7280', margin: '0 0 20px' }}>
-              Courses appear as large hub nodes on your knowledge tree. Deleting a course removes all its concept nodes.
-            </p>
-
-            {/* Course list */}
-            <div style={{ display: 'flex', flexDirection: 'column', gap: '8px', marginBottom: '20px' }}>
-              {courseList.length === 0 ? (
-                <p style={{ fontSize: '13px', color: '#9ca3af', padding: '12px 0' }}>No courses added yet.</p>
-              ) : (
-                courseList.map(c => {
-                  const color = getCourseColor(c.course_name, c.color);
-                  const isDeleting = courseDeleting === c.course_id;
-                  const isEditingColor = editingColorFor === c.course_id;
-                  return (
-                    <div key={c.course_id} style={{ borderRadius: '8px', background: color.bg, border: `1px solid ${color.border}`, overflow: 'hidden' }}>
-                      {/* Main row */}
-                      <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', padding: '10px 13px' }}>
-                        <div style={{ display: 'flex', alignItems: 'center', gap: '10px' }}>
-                          {/* Color swatch — click to open picker */}
-                          <button
-                            onClick={() => {
-                              setEditingColorFor(isEditingColor ? null : c.course_id);
-                              setColorHexInput(c.color ?? color.fill);
-                            }}
-                            title="Change color"
-                            style={{
-                              width: '16px', height: '16px', borderRadius: '50%',
-                              background: color.fill, border: '2px solid rgba(0,0,0,0.15)',
-                              cursor: 'pointer', flexShrink: 0, padding: 0,
-                              boxShadow: isEditingColor ? '0 0 0 2px #111' : 'none',
-                            }}
-                          />
-                          <div>
-                            <span style={{ fontSize: '14px', fontWeight: 600, color: color.text }}>{c.course_name}</span>
-                            <span style={{ fontSize: '11px', color: '#9ca3af', marginLeft: '8px' }}>
-                              {c.node_count === 0 ? 'no concepts yet' : `${c.node_count} concept${c.node_count !== 1 ? 's' : ''}`}
-                            </span>
-                          </div>
-                        </div>
-                        {confirmDeleteCourse === c.course_id ? (
-                          <div style={{ display: 'flex', gap: '4px', flexShrink: 0 }}>
-                            <button
-                              onClick={() => setConfirmDeleteCourse(null)}
-                              style={{ background: 'none', border: '1px solid rgba(107,114,128,0.2)', borderRadius: '5px', color: '#6b7280', fontSize: '11px', cursor: 'pointer', padding: '3px 8px', fontFamily: 'inherit' }}
-                            >
-                              Cancel
-                            </button>
-                            <button
-                              onClick={() => { setConfirmDeleteCourse(null); handleDeleteCourse(c.course_id); }}
-                              disabled={isDeleting}
-                              style={{ background: 'rgba(220,38,38,0.08)', border: '1px solid rgba(220,38,38,0.35)', borderRadius: '5px', color: '#b91c1c', fontSize: '11px', cursor: 'pointer', padding: '3px 8px', fontWeight: 600, fontFamily: 'inherit' }}
-                            >
-                              Confirm
-                            </button>
-                          </div>
-                        ) : (
-                          <button
-                            onClick={() => setConfirmDeleteCourse(c.course_id)}
-                            disabled={isDeleting}
-                            title="Remove course"
-                            style={{
-                              background: 'none', border: '1px solid rgba(220,38,38,0.25)', borderRadius: '5px',
-                              color: isDeleting ? '#9ca3af' : '#b91c1c', fontSize: '12px',
-                              cursor: isDeleting ? 'default' : 'pointer', padding: '3px 9px',
-                              fontFamily: 'inherit', opacity: isDeleting ? 0.5 : 1,
-                            }}
-                          >
-                            {isDeleting ? '…' : 'Delete'}
-                          </button>
-                        )}
-                      </div>
-
-                      {/* Inline color picker (animated via maxHeight) */}
-                      <div style={{
-                        overflow: 'hidden',
-                        maxHeight: isEditingColor ? '180px' : '0px',
-                        transition: 'max-height 0.25s ease',
-                      }}>
-                        <div style={{ padding: '0 13px 12px', borderTop: `1px solid ${color.border}` }}>
-                          {/* Preset swatches */}
-                          <p style={{ fontSize: '10px', color: '#6b7280', marginTop: '10px', marginBottom: '7px', textTransform: 'uppercase', letterSpacing: '0.05em' }}>
-                            Colours
-                          </p>
-                          <div style={{ display: 'flex', flexWrap: 'wrap', gap: '6px', marginBottom: '10px' }}>
-                            {RAINBOW_COLORS.map(hex => (
-                              <button
-                                key={hex}
-                                onClick={() => handleColorChange(c.course_id, c.course_name, hex)}
-                                style={{
-                                  width: '22px', height: '22px', borderRadius: '50%', background: hex,
-                                  border: (c.color ?? '') === hex ? '2.5px solid #111827' : '2px solid rgba(0,0,0,0.1)',
-                                  cursor: 'pointer', padding: 0,
-                                  boxShadow: (c.color ?? '') === hex ? '0 0 0 1px #fff inset' : 'none',
-                                }}
-                              />
-                            ))}
-                          </div>
-                          {/* Color wheel + hex input */}
-                          <p style={{ fontSize: '10px', color: '#6b7280', marginBottom: '7px', textTransform: 'uppercase', letterSpacing: '0.05em' }}>
-                            Custom colour
-                          </p>
-                          <div style={{ display: 'flex', gap: '6px', alignItems: 'center' }}>
-                            <input
-                              type="color"
-                              value={/^#[0-9a-fA-F]{6}$/.test(colorHexInput) ? colorHexInput : (c.color ?? '#2563eb')}
-                              onChange={e => setColorHexInput(e.target.value)}
-                              style={{
-                                width: '32px', height: '28px', border: '1px solid rgba(107,114,128,0.25)',
-                                borderRadius: '4px', cursor: 'pointer', padding: '1px', background: 'none',
-                              }}
-                            />
-                            <input
-                              value={colorHexInput}
-                              onChange={e => setColorHexInput(e.target.value)}
-                              onKeyDown={e => { if (e.key === 'Enter') handleColorChange(c.course_id, c.course_name, colorHexInput); }}
-                              placeholder="#2563eb"
-                              style={{
-                                flex: 1, padding: '4px 8px', border: '1px solid rgba(107,114,128,0.25)',
-                                borderRadius: '4px', fontSize: '12px', fontFamily: 'monospace',
-                                outline: 'none', color: '#111827',
-                              }}
-                            />
-                            <button
-                              onClick={() => handleColorChange(c.course_id, c.course_name, colorHexInput)}
-                              disabled={!/^#[0-9a-fA-F]{6}$/.test(colorHexInput)}
-                              style={{
-                                padding: '4px 10px', background: /^#[0-9a-fA-F]{6}$/.test(colorHexInput) ? '#1a5c2a' : '#f3f4f6',
-                                color: /^#[0-9a-fA-F]{6}$/.test(colorHexInput) ? '#fff' : '#9ca3af',
-                                border: 'none', borderRadius: '4px', fontSize: '12px',
-                                cursor: /^#[0-9a-fA-F]{6}$/.test(colorHexInput) ? 'pointer' : 'default',
-                                fontFamily: 'inherit', whiteSpace: 'nowrap',
-                              }}
-                            >
-                              Apply
-                            </button>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                  );
-                })
-              )}
-            </div>
-
-            {/* Divider */}
-            <div style={{ borderTop: '1px solid rgba(107,114,128,0.12)', marginBottom: '16px' }} />
-
-            {/* Add new course */}
-            <p style={{ fontSize: '11px', fontWeight: 500, color: '#6b7280', textTransform: 'uppercase', letterSpacing: '0.05em', marginBottom: '8px' }}>
-              Add a Course
-            </p>
-            <div>
-              <input
-                ref={courseInputRef}
-                type="text"
-                value={courseSearchInput}
-                onChange={e => handleCourseSearchInput(e.target.value)}
-                onFocus={() => setCourseSearchFocused(true)}
-                onBlur={() => setTimeout(() => setCourseSearchFocused(false), 150)}
-                placeholder="Search courses…"
-                disabled={courseAdding}
-                style={{
-                  width: '100%',
-                  padding: '8px 12px',
-                  border: '1px solid rgba(107,114,128,0.25)',
-                  borderRadius: '6px',
-                  fontSize: '13px',
-                  outline: 'none',
-                  fontFamily: 'inherit',
-                  color: '#111827',
-                  opacity: courseAdding ? 0.6 : 1,
-                }}
-              />
-            </div>
-            {courseSearchFocused && courseSuggestions.length > 0 && courseInputRect && typeof document !== 'undefined' && createPortal(
-              <div
-                style={{
-                  position: 'fixed',
-                  top: courseInputRect.bottom + 4,
-                  left: courseInputRect.left,
-                  width: courseInputRect.width,
-                  background: '#ffffff',
-                  border: '1px solid rgba(107,114,128,0.2)',
-                  borderRadius: '8px',
-                  overflow: 'hidden',
-                  zIndex: 1000,
-                  boxShadow: '0 8px 24px rgba(0,0,0,0.12)',
-                  fontFamily: UI_FONT,
-                }}
-                role="listbox"
-                aria-label="Course suggestions"
-              >
-                {courseSuggestions.map((c, i) => (
-                  <button
-                    key={c.id}
-                    type="button"
-                    role="option"
-                    aria-selected={false}
-                    onMouseDown={() => handleAddCourseFromCatalog(c)}
-                    style={{
-                      width: '100%',
-                      textAlign: 'left',
-                      padding: '9px 14px',
-                      fontSize: '13px',
-                      color: '#111827',
-                      cursor: 'pointer',
-                      borderBottom: i < courseSuggestions.length - 1 ? '1px solid rgba(107,114,128,0.08)' : 'none',
-                      fontFamily: 'inherit',
-                      transition: 'background 0.15s',
-                      background: 'transparent',
-                      borderLeft: 'none',
-                      borderRight: 'none',
-                      borderTop: 'none',
-                    }}
-                    onMouseEnter={e => (e.currentTarget.style.background = 'rgba(26,92,42,0.08)')}
-                    onMouseLeave={e => (e.currentTarget.style.background = 'transparent')}
-                  >
-                    <span style={{ fontWeight: 600 }}>{c.course_code}</span>
-                    {c.course_code !== c.course_name && (
-                      <span style={{ color: '#6b7280', marginLeft: '8px' }}>{c.course_name}</span>
-                    )}
-                  </button>
-                ))}
-              </div>,
-              document.body
-            )}
-            {courseAdding && (
-              <p style={{ fontSize: '12px', color: '#6b7280', marginTop: '6px' }}>Adding…</p>
-            )}
-            {courseError && (
-              <p style={{ fontSize: '12px', color: '#b91c1c', marginTop: '6px' }}>{courseError}</p>
-            )}
-          </div>
-        </div>
-      )}
-    </>
-  );
-}
-
-export default function Dashboard() {
-  return (
-    <Suspense fallback={null}>
-      <DashboardInner />
-    </Suspense>
-  );
-}
diff --git a/frontend/src/app/error.tsx b/frontend/src/app/error.tsx
index 75b49cf6..82bd5c42 100644
--- a/frontend/src/app/error.tsx
+++ b/frontend/src/app/error.tsx
@@ -1,38 +1,7 @@
-'use client';
+"use client";
+
+import { ErrorFallback } from "@/components/ErrorBoundary";
 
 export default function GlobalError({ error, reset }: { error: Error & { digest?: string }; reset: () => void }) {
-  return (
-    <div style={{
-      display: 'flex',
-      flexDirection: 'column',
-      alignItems: 'center',
-      justifyContent: 'center',
-      padding: '64px 24px',
-      textAlign: 'center',
-      minHeight: 'calc(100vh - 48px)',
-      fontFamily: "var(--font-dm-sans), 'DM Sans', sans-serif",
-    }}>
-      <h2 style={{ fontSize: '18px', fontWeight: 600, color: '#111827', marginBottom: '8px' }}>
-        Something went wrong
-      </h2>
-      <p style={{ fontSize: '14px', color: '#6b7280', marginBottom: '24px', maxWidth: '440px', lineHeight: 1.6 }}>
-        {error.message || 'An unexpected error occurred. Please try again.'}
-      </p>
-      <button
-        onClick={reset}
-        style={{
-          padding: '10px 24px',
-          background: '#1a5c2a',
-          color: '#ffffff',
-          border: 'none',
-          borderRadius: '7px',
-          fontSize: '14px',
-          fontWeight: 600,
-          cursor: 'pointer',
-        }}
-      >
-        Try Again
-      </button>
-    </div>
-  );
+  return <ErrorFallback error={error} reset={reset} />;
 }
diff --git a/frontend/src/app/flashcards/page.tsx b/frontend/src/app/flashcards/page.tsx
deleted file mode 100644
index 8241a260..00000000
--- a/frontend/src/app/flashcards/page.tsx
+++ /dev/null
@@ -1,443 +0,0 @@
-'use client';
-
-import { useState, useEffect } from 'react';
-import { useUser } from '@/context/UserContext';
-import { generateFlashcards, getFlashcards, rateFlashcard, deleteFlashcard, getCourses } from '@/lib/api';
-import Link from 'next/link';
-import AIDisclaimerChip from '@/components/AIDisclaimerChip';
-
-interface Flashcard {
-  id: string;
-  topic: string;
-  front: string;
-  back: string;
-  times_reviewed: number;
-  last_rating: number | null;
-}
-
-function useIsMobile(breakpoint = 768) {
-  const [isMobile, setIsMobile] = useState(false);
-  useEffect(() => {
-    const mql = window.matchMedia(`(max-width: ${breakpoint}px)`);
-    setIsMobile(mql.matches);
-    const handler = (e: MediaQueryListEvent) => setIsMobile(e.matches);
-    mql.addEventListener('change', handler);
-    return () => mql.removeEventListener('change', handler);
-  }, [breakpoint]);
-  return isMobile;
-}
-
-export default function FlashcardsPage() {
-  const { userId: USER_ID, userReady } = useUser();
-  const isMobile = useIsMobile();
-  const [mobileTab, setMobileTab] = useState<'generate' | 'cards'>('cards');
-
-  const [cards, setCards] = useState<Flashcard[]>([]);
-  const [courses, setCourses] = useState<string[]>([]);
-  const [topic, setTopic] = useState('');
-  const [generating, setGenerating] = useState(false);
-  const [loading, setLoading] = useState(false);
-  const [error, setError] = useState<string | null>(null);
-  const [filterTopic, setFilterTopic] = useState('');
-
-  // Study mode
-  const [studyMode, setStudyMode] = useState(false);
-  const [studyIndex, setStudyIndex] = useState(0);
-  const [flipped, setFlipped] = useState(false);
-  const [studyCards, setStudyCards] = useState<Flashcard[]>([]);
-
-  useEffect(() => {
-    if (!userReady || !USER_ID) return;
-    setLoading(true);
-    Promise.all([
-      getFlashcards(USER_ID),
-      getCourses(USER_ID),
-    ]).then(([cardData, courseData]) => {
-      setCards(cardData.flashcards ?? []);
-      setCourses(courseData.courses.map((c: any) => c.course_name));
-    }).catch(err => {
-      console.error('Failed to load flashcards:', err);
-      setCards([]);
-    }).finally(() => setLoading(false));
-  }, [USER_ID, userReady]);
-
-  const [lastContextUsed, setLastContextUsed] = useState<{ documents_found: number; weak_concepts_found: number } | null>(null);
-
-  const handleGenerate = async (selectedTopic: string) => {
-    if (!selectedTopic.trim()) return;
-    setTopic(selectedTopic);
-    setGenerating(true);
-    setError(null);
-    setLastContextUsed(null);
-    try {
-      const res = await generateFlashcards(USER_ID, selectedTopic.trim(), 10);
-      setCards(prev => [...res.flashcards, ...prev]);
-      if (res.context_used) setLastContextUsed(res.context_used);
-    } catch (e: any) {
-      setError(e?.message || 'Failed to generate flashcards.');
-    } finally {
-      setGenerating(false);
-    }
-  };
-
-  const handleRate = async (cardId: string, rating: number) => {
-    try {
-      await rateFlashcard(USER_ID, cardId, rating);
-      setCards(prev => prev.map(c =>
-        c.id === cardId ? { ...c, last_rating: rating, times_reviewed: c.times_reviewed + 1 } : c
-      ));
-      if (studyMode) {
-        setTimeout(() => {
-          setFlipped(false);
-          if (studyIndex < studyCards.length - 1) {
-            setStudyIndex(i => i + 1);
-          } else {
-            setStudyMode(false);
-          }
-        }, 300);
-      }
-    } catch (e) { console.error(e); }
-  };
-
-  const handleDelete = async (cardId: string) => {
-    try {
-      await deleteFlashcard(USER_ID, cardId);
-      setCards(prev => prev.filter(c => c.id !== cardId));
-    } catch (e) { console.error(e); }
-  };
-
-  const startStudy = (topicFilter?: string) => {
-    const filtered = topicFilter ? cards.filter(c => c.topic === topicFilter) : cards;
-    if (filtered.length === 0) return;
-    setStudyCards(filtered);
-    setStudyIndex(0);
-    setFlipped(false);
-    setStudyMode(true);
-  };
-
-  const ratingMeta = (r: number | null) => {
-    if (r === 1) return { label: 'Forgot', color: '#dc2626' };
-    if (r === 2) return { label: 'Hard', color: '#d97706' };
-    if (r === 3) return { label: 'Easy', color: '#16a34a' };
-    return null;
-  };
-
-  const topics = [...new Set(cards.map(c => c.topic))].sort();
-  const filteredCards = filterTopic ? cards.filter(c => c.topic === filterTopic) : cards;
-  const currentCard = studyCards[studyIndex];
-
-  // ── Study Mode ───────────────────────────────────────────────────────────────
-  if (studyMode && currentCard) {
-    const progress = (studyIndex / studyCards.length) * 100;
-    return (
-      <div style={{ height: 'calc(100vh - 48px)', display: 'flex', flexDirection: 'column', background: '#f0f5f0' }}>
-        <div style={{
-          background: '#f0f5f0',
-          borderBottom: '1px solid rgba(107,114,128,0.12)',
-          padding: '0 20px',
-          height: '52px',
-          display: 'flex',
-          alignItems: 'center',
-          gap: '16px',
-          flexShrink: 0,
-        }}>
-          <button
-            onClick={() => setStudyMode(false)}
-            style={{ background: 'none', border: 'none', color: '#6b7280', fontSize: '18px', cursor: 'pointer', lineHeight: 1 }}
-          >←</button>
-          <span style={{ fontSize: '14px', fontWeight: 500, color: '#374151' }}>{currentCard.topic}</span>
-          <span style={{ fontSize: '13px', color: '#9ca3af' }}>{studyIndex + 1} / {studyCards.length}</span>
-          <div style={{ flex: 1, height: '4px', background: 'rgba(107,114,128,0.15)', borderRadius: '2px', overflow: 'hidden' }}>
-            <div style={{ width: `${progress}%`, height: '100%', background: '#1a5c2a', borderRadius: '2px', transition: 'width 0.3s' }} />
-          </div>
-        </div>
-
-        <div style={{ flex: 1, display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'center', padding: '32px 24px', gap: '24px' }}>
-          <style>{`
-            .flip-card { perspective: 1200px; }
-            .flip-card-inner {
-              position: relative;
-              width: 100%;
-              height: 100%;
-              transition: transform 0.55s cubic-bezier(0.4, 0.2, 0.2, 1);
-              transform-style: preserve-3d;
-            }
-            .flip-card-inner.flipped { transform: rotateY(180deg); }
-            .flip-card-front, .flip-card-back {
-              position: absolute;
-              inset: 0;
-              backface-visibility: hidden;
-              -webkit-backface-visibility: hidden;
-              display: flex;
-              flex-direction: column;
-              align-items: center;
-              justify-content: center;
-              padding: 40px;
-              border-radius: 16px;
-              border: 1px solid rgba(107,114,128,0.15);
-              box-shadow: 0 8px 32px rgba(0,0,0,0.08);
-              gap: 16px;
-              cursor: pointer;
-              user-select: none;
-            }
-            .flip-card-front { background: #ffffff; }
-            .flip-card-back {
-              background: #f0fdf4;
-              transform: rotateY(180deg);
-              border-color: rgba(26,92,42,0.2);
-            }
-          `}</style>
-
-          <div
-            className="flip-card"
-            onClick={() => setFlipped(f => !f)}
-            style={{ width: '100%', maxWidth: '600px', minHeight: '280px', position: 'relative' }}
-          >
-            <div className={`flip-card-inner${flipped ? ' flipped' : ''}`} style={{ minHeight: '280px' }}>
-              {/* Front */}
-              <div className="flip-card-front">
-                <span style={{ fontSize: '11px', fontWeight: 500, color: '#9ca3af', textTransform: 'uppercase', letterSpacing: '0.08em' }}>
-                  Question
-                </span>
-                <p style={{ fontSize: '20px', fontWeight: 500, color: '#111827', textAlign: 'center', lineHeight: 1.6, margin: 0 }}>
-                  {currentCard.front}
-                </p>
-                <span style={{ fontSize: '12px', color: '#9ca3af', marginTop: '8px' }}>tap to reveal</span>
-              </div>
-              {/* Back */}
-              <div className="flip-card-back">
-                <span style={{ fontSize: '11px', fontWeight: 500, color: '#1a5c2a', textTransform: 'uppercase', letterSpacing: '0.08em' }}>
-                  Answer
-                </span>
-                <p style={{ fontSize: '20px', fontWeight: 500, color: '#111827', textAlign: 'center', lineHeight: 1.6, margin: 0 }}>
-                  {currentCard.back}
-                </p>
-              </div>
-            </div>
-          </div>
-
-          {flipped && (
-            <div style={{ display: 'flex', gap: '12px' }}>
-              {[
-                { rating: 1, label: 'Forgot', bg: '#fef2f2', color: '#dc2626', border: '#fca5a5' },
-                { rating: 2, label: 'Hard', bg: '#fffbeb', color: '#d97706', border: '#fcd34d' },
-                { rating: 3, label: 'Easy', bg: '#f0fdf4', color: '#16a34a', border: '#86efac' },
-              ].map(({ rating, label, bg, color, border }) => (
-                <button key={rating} onClick={() => handleRate(currentCard.id, rating)} style={{
-                  padding: '10px 28px', background: bg, color, border: `1px solid ${border}`,
-                  borderRadius: '8px', fontSize: '14px', fontWeight: 600, cursor: 'pointer',
-                  fontFamily: "var(--font-dm-sans), 'DM Sans', sans-serif",
-                }}>
-                  {label}
-                </button>
-              ))}
-            </div>
-          )}
-
-          <button onClick={() => setStudyMode(false)} style={{ fontSize: '13px', color: '#9ca3af', background: 'none', border: 'none', cursor: 'pointer' }}>
-            Exit study mode
-          </button>
-        </div>
-      </div>
-    );
-  }
-
-  // ── Main View ────────────────────────────────────────────────────────────────
-  return (
-    <div style={{ height: 'calc(100vh - 48px)', display: 'flex', flexDirection: 'column' }}>
-      {/* Top bar */}
-      <div className="panel-in panel-in-1" style={{
-        background: '#f0f5f0', borderBottom: '1px solid rgba(107,114,128,0.12)',
-        padding: '0 20px', height: '52px', display: 'flex', alignItems: 'center',
-        gap: '16px', flexShrink: 0, zIndex: 20,
-      }}>
-        <Link href="/" style={{ color: '#6b7280', textDecoration: 'none', fontSize: '18px', lineHeight: 1 }}>←</Link>
-        <span style={{ fontSize: '15px', fontWeight: 600, color: '#111827' }}>Flashcards</span>
-        <div style={{ marginLeft: 'auto' }}><AIDisclaimerChip /></div>
-      </div>
-
-      <div style={{ flex: 1, overflow: 'auto', display: 'flex', flexDirection: isMobile ? 'column' as const : 'row' as const }}>
-        {isMobile && (
-          <div style={{ display: 'flex', borderBottom: '1px solid rgba(107,114,128,0.12)', flexShrink: 0 }}>
-            <button onClick={() => setMobileTab('cards')} style={{ flex: 1, padding: '8px', fontSize: '13px', fontWeight: mobileTab === 'cards' ? 600 : 400, color: mobileTab === 'cards' ? '#1a5c2a' : '#6b7280', background: mobileTab === 'cards' ? 'rgba(26,92,42,0.06)' : 'transparent', border: 'none', borderBottom: mobileTab === 'cards' ? '2px solid #1a5c2a' : '2px solid transparent', cursor: 'pointer' }}>My Cards</button>
-            <button onClick={() => setMobileTab('generate')} style={{ flex: 1, padding: '8px', fontSize: '13px', fontWeight: mobileTab === 'generate' ? 600 : 400, color: mobileTab === 'generate' ? '#1a5c2a' : '#6b7280', background: mobileTab === 'generate' ? 'rgba(26,92,42,0.06)' : 'transparent', border: 'none', borderBottom: mobileTab === 'generate' ? '2px solid #1a5c2a' : '2px solid transparent', cursor: 'pointer' }}>Generate</button>
-          </div>
-        )}
-
-        {/* Left panel */}
-        <div className="panel-in panel-in-2" style={{
-          width: isMobile ? '100%' : '320px', flexShrink: 0, borderRight: '1px solid rgba(107,114,128,0.12)',
-          padding: '24px 20px', display: isMobile && mobileTab !== 'generate' ? 'none' : 'flex', flexDirection: 'column', gap: '20px', background: '#f9fafb',
-        }}>
-          <div>
-            <p style={{ fontSize: '13px', fontWeight: 600, color: '#374151', margin: '0 0 12px' }}>Generate flashcards</p>
-
-            <div style={{ display: 'flex', flexDirection: 'column', gap: '8px' }}>
-              <label style={{ fontSize: '12px', color: '#6b7280' }}>Select a course to generate cards</label>
-              {courses.length > 0 ? (
-                <div style={{ display: 'flex', flexDirection: 'column', gap: '6px' }}>
-                  {courses.map(c => (
-                    <button
-                      key={c}
-                      onClick={() => handleGenerate(c)}
-                      disabled={generating}
-                      style={{
-                        padding: '10px 14px',
-                        background: topic === c && generating ? 'rgba(26,92,42,0.08)' : '#ffffff',
-                        border: `1px solid ${topic === c ? 'rgba(26,92,42,0.4)' : 'rgba(107,114,128,0.18)'}`,
-                        borderRadius: '8px',
-                        fontSize: '13px',
-                        color: topic === c ? '#1a5c2a' : '#374151',
-                        fontWeight: topic === c ? 600 : 400,
-                        cursor: generating ? 'default' : 'pointer',
-                        textAlign: 'left',
-                        fontFamily: 'inherit',
-                        display: 'flex',
-                        alignItems: 'center',
-                        justifyContent: 'space-between',
-                        opacity: generating && topic !== c ? 0.5 : 1,
-                        transition: 'all 0.15s',
-                      }}
-                    >
-                      <span>{c}</span>
-                      {topic === c && generating
-                        ? <span style={{ fontSize: '11px', color: '#1a5c2a' }}>Generating…</span>
-                        : <span style={{ fontSize: '11px', color: '#9ca3af' }}>✦ Generate</span>
-                      }
-                    </button>
-                  ))}
-                </div>
-              ) : (
-                <p style={{ fontSize: '12px', color: '#9ca3af', margin: 0 }}>
-                  No courses found. Add courses in the Dashboard first.
-                </p>
-              )}
-            </div>
-
-            {error && <p style={{ fontSize: '12px', color: '#dc2626', marginTop: '8px' }}>{error}</p>}
-
-            {lastContextUsed && (
-              <div style={{
-                marginTop: '10px', padding: '8px 12px',
-                background: 'rgba(26,92,42,0.06)', border: '1px solid rgba(26,92,42,0.18)',
-                borderRadius: '6px', fontSize: '12px', color: '#1a5c2a', lineHeight: 1.5,
-              }}>
-                ✦ Generated using{' '}
-                {lastContextUsed.documents_found > 0
-                  ? `${lastContextUsed.documents_found} library doc${lastContextUsed.documents_found > 1 ? 's' : ''}`
-                  : 'no library docs'}
-                {lastContextUsed.weak_concepts_found > 0
-                  ? ` · focused on ${lastContextUsed.weak_concepts_found} weak concept${lastContextUsed.weak_concepts_found > 1 ? 's' : ''}`
-                  : ''}
-              </div>
-            )}
-          </div>
-
-          {/* Study by topic */}
-          {topics.length > 0 && (
-            <div>
-              <p style={{ fontSize: '13px', fontWeight: 600, color: '#374151', margin: '0 0 10px' }}>Study by topic</p>
-              <div style={{ display: 'flex', flexDirection: 'column', gap: '6px' }}>
-                <button onClick={() => startStudy()} style={{
-                  padding: '8px 12px', background: '#ffffff', border: '1px solid rgba(26,92,42,0.25)',
-                  borderRadius: '6px', fontSize: '13px', color: '#1a5c2a', fontWeight: 500,
-                  cursor: 'pointer', textAlign: 'left', fontFamily: 'inherit',
-                }}>
-                  All cards ({cards.length})
-                </button>
-                {topics.map(t => (
-                  <button key={t} onClick={() => startStudy(t)} style={{
-                    padding: '8px 12px', background: '#ffffff', border: '1px solid rgba(107,114,128,0.18)',
-                    borderRadius: '6px', fontSize: '13px', color: '#374151', cursor: 'pointer',
-                    textAlign: 'left', fontFamily: 'inherit', display: 'flex',
-                    justifyContent: 'space-between', alignItems: 'center',
-                  }}>
-                    <span>{t}</span>
-                    <span style={{ fontSize: '11px', color: '#9ca3af' }}>{cards.filter(c => c.topic === t).length}</span>
-                  </button>
-                ))}
-              </div>
-            </div>
-          )}
-        </div>
-
-        {/* Right panel — card grid */}
-        <div className="panel-in panel-in-3" style={{ flex: 1, padding: '24px', overflow: 'auto', display: isMobile && mobileTab !== 'cards' ? 'none' : undefined }}>
-          {topics.length > 1 && (
-            <div style={{ display: 'flex', gap: '8px', marginBottom: '20px', flexWrap: 'wrap' }}>
-              {['', ...topics].map(t => (
-                <button key={t || '__all'} onClick={() => setFilterTopic(t)} style={{
-                  padding: '4px 12px',
-                  background: filterTopic === t ? '#1a5c2a' : '#ffffff',
-                  color: filterTopic === t ? '#ffffff' : '#374151',
-                  border: `1px solid ${filterTopic === t ? '#1a5c2a' : 'rgba(107,114,128,0.22)'}`,
-                  borderRadius: '20px', fontSize: '12px',
-                  fontWeight: filterTopic === t ? 600 : 400,
-                  cursor: 'pointer', fontFamily: 'inherit',
-                }}>
-                  {t || 'All'}
-                </button>
-              ))}
-            </div>
-          )}
-
-          {loading && <p style={{ color: '#9ca3af', fontSize: '13px' }}>Loading…</p>}
-
-          {!loading && filteredCards.length === 0 && (
-            <div style={{ textAlign: 'center', marginTop: '80px', color: '#9ca3af' }}>
-              <p style={{ fontSize: '32px', margin: '0 0 12px' }}>🃏</p>
-              <p style={{ fontSize: '15px', fontWeight: 500, color: '#6b7280' }}>No flashcards yet</p>
-              <p style={{ fontSize: '13px' }}>Generate some using the panel on the left.</p>
-            </div>
-          )}
-
-          <div style={{ display: 'grid', gridTemplateColumns: `repeat(auto-fill, minmax(${isMobile ? '240px' : '280px'}, 1fr))`, gap: '14px' }}>
-            {filteredCards.map(card => {
-              const rating = ratingMeta(card.last_rating);
-              return (
-                <div key={card.id} style={{
-                  background: '#ffffff', border: '1px solid rgba(107,114,128,0.15)',
-                  borderRadius: '12px', padding: '18px', display: 'flex',
-                  flexDirection: 'column', gap: '10px', boxShadow: '0 1px 4px rgba(0,0,0,0.04)',
-                }}>
-                  <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between' }}>
-                    <span style={{
-                      fontSize: '10px', fontWeight: 600, color: '#1a5c2a',
-                      background: 'rgba(26,92,42,0.08)', padding: '2px 8px',
-                      borderRadius: '10px', textTransform: 'uppercase', letterSpacing: '0.05em',
-                    }}>{card.topic}</span>
-                    {rating && <span style={{ fontSize: '11px', color: rating.color, fontWeight: 500 }}>{rating.label}</span>}
-                  </div>
-
-                  <div>
-                    <p style={{ fontSize: '10px', color: '#9ca3af', textTransform: 'uppercase', letterSpacing: '0.06em', margin: '0 0 4px' }}>Q</p>
-                    <p style={{ fontSize: '14px', color: '#111827', margin: 0, lineHeight: 1.5, fontWeight: 500 }}>{card.front}</p>
-                  </div>
-
-                  <div style={{ height: '1px', background: 'rgba(107,114,128,0.1)' }} />
-
-                  <div>
-                    <p style={{ fontSize: '10px', color: '#9ca3af', textTransform: 'uppercase', letterSpacing: '0.06em', margin: '0 0 4px' }}>A</p>
-                    <p style={{ fontSize: '13px', color: '#374151', margin: 0, lineHeight: 1.5 }}>{card.back}</p>
-                  </div>
-
-                  <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', marginTop: '4px' }}>
-                    <span style={{ fontSize: '11px', color: '#9ca3af' }}>
-                      {card.times_reviewed > 0 ? `Reviewed ${card.times_reviewed}×` : 'Not reviewed'}
-                    </span>
-                    <button
-                      onClick={() => handleDelete(card.id)}
-                      style={{ background: 'none', border: 'none', color: '#d1d5db', cursor: 'pointer', fontSize: '13px', padding: '2px 4px', borderRadius: '4px', lineHeight: 1 }}
-                      onMouseEnter={e => e.currentTarget.style.color = '#dc2626'}
-                      onMouseLeave={e => e.currentTarget.style.color = '#d1d5db'}
-                    >✕</button>
-                  </div>
-                </div>
-              );
-            })}
-          </div>
-        </div>
-      </div>
-    </div>
-  );
-}
\ No newline at end of file
diff --git a/frontend/src/app/globals.css b/frontend/src/app/globals.css
index 03175313..d89b1c30 100644
--- a/frontend/src/app/globals.css
+++ b/frontend/src/app/globals.css
@@ -1,911 +1,262 @@
-@import "tailwindcss";
-
-/* ── Design Tokens ─────────────────────────────────────────────── */
+/* Sapling — design tokens */
 :root {
-  /* Brand mesh (landing reference palette) */
-  --brand-primary:   #2e7d52;
-  --brand-success:   #22c55e;
-  --brand-progress:  #e8a33a;
-  --brand-teal:      #2b8c96;
-  --brand-struggle:  #e85d4a;
-  --brand-text1:     #1a1a1a;
-  --brand-text2:     #4b5563;
-  --bg-mesh:         #f0f4f2;
-
-  /* Backgrounds */
-  --bg:           var(--bg-mesh);
-  --bg-panel:     #f8fbf8;
-  --bg-sidebar:   #dfe8df;
-  --bg-topbar:    #dce6dc;
-  --bg-input:     #f8fbf8;
-  --bg-subtle:    #e9efe9;
-  --bg-space:     var(--bg-mesh);
-  --bg-glass:     rgba(255, 255, 255, 0.35);
-
-  /* Forest green accent */
-  --accent:           #1a5c2a;
-  --accent-hover:     #144a21;
-  --accent-dim:       rgba(26, 92, 42, 0.08);
-  --accent-border:    rgba(26, 92, 42, 0.3);
-  --accent-active:    rgba(26, 92, 42, 0.7);
-  --accent-glow:      rgba(26, 92, 42, 0.12);
-
-  /* Text */
-  --text:               #111827;
-  --text-primary:       #111827;
-  --text-secondary:     #374151;
-  --text-muted:         #4b5563;
-  --text-dim:           #6b7280;
-  --text-placeholder:   #9ca3af;
-
-  /* Borders */
-  --border:             rgba(107, 114, 128, 0.18);
-  --border-light:       rgba(107, 114, 128, 0.10);
-  --border-mid:         rgba(107, 114, 128, 0.25);
-  --border-glass:       rgba(107, 114, 128, 0.15);
-
-  /* Shadows */
-  --shadow-sm:   0 1px 3px rgba(15, 23, 42, 0.06), 0 1px 2px rgba(15, 23, 42, 0.04);
-  --shadow-md:   0 4px 12px rgba(15, 23, 42, 0.08), 0 2px 4px rgba(15, 23, 42, 0.04);
-  --shadow-lg:   0 12px 32px rgba(15, 23, 42, 0.10), 0 4px 8px rgba(15, 23, 42, 0.06);
-
-  /* Radius */
-  --radius-sm:   6px;
-  --radius-md:   10px;
-  --radius-lg:   16px;
-  --radius-full: 9999px;
-
-  /* Motion */
-  --ease-out:    cubic-bezier(0.16, 1, 0.3, 1);
-  --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
-  --dur-fast:    120ms;
-  --dur-base:    200ms;
-  --dur-slow:    350ms;
-}
-
-/* Library upload modal — reliable spinner (avoid inline <style> keyframes) */
-@keyframes sapling-spin {
-  to {
-    transform: rotate(360deg);
-  }
-}
-
-.sapling-upload-spinner {
-  width: 40px;
-  height: 40px;
-  border-radius: 50%;
-  border: 3px solid rgba(26, 92, 42, 0.15);
-  border-top-color: #1a5c2a;
-  margin: 0 auto 20px;
-  animation: sapling-spin 0.8s linear infinite;
-}
-
-/* ── Base Reset ─────────────────────────────────────────────────── */
-*, *::before, *::after {
-  box-sizing: border-box;
-}
-
-body {
-  background: var(--bg);
-  color: var(--text);
-  font-family: var(--font-dm-sans), 'DM Sans', sans-serif;
-  font-size: 14px;
-  line-height: 1.6;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  min-height: 100vh;
-  overflow-x: hidden;
-  overscroll-behavior-y: none;
-}
-
-.font-spectral {
-  font-family: var(--font-spectral), 'Spectral', Georgia, serif;
-}
-
-/* ── Selection ──────────────────────────────────────────────────── */
-::selection {
-  background: rgba(26, 92, 42, 0.15);
-  color: var(--text);
-}
-
-/* ── Scrollbar ──────────────────────────────────────────────────── */
-::-webkit-scrollbar       { width: 5px; height: 5px; }
-::-webkit-scrollbar-track { background: transparent; }
-::-webkit-scrollbar-thumb {
-  background: rgba(26, 92, 42, 0.18);
-  border-radius: var(--radius-full);
-  transition: background var(--dur-fast);
-}
-::-webkit-scrollbar-thumb:hover { background: rgba(26, 92, 42, 0.32); }
-
-/* ── Focus Ring ─────────────────────────────────────────────────── */
-:focus-visible {
-  outline: 2px solid var(--accent-border);
-  outline-offset: 2px;
-  border-radius: var(--radius-sm);
-}
-
-/* ── Code ───────────────────────────────────────────────────────── */
-code, pre {
-  font-family: 'JetBrains Mono', 'Fira Code', monospace;
-  font-size: 13px;
-}
-
-code {
-  background: var(--accent-dim);
-  color: var(--accent);
-  padding: 0.15em 0.45em;
-  border-radius: var(--radius-sm);
-  font-size: 0.875em;
-}
-
-pre {
-  background: var(--bg-subtle);
-  border: 1px solid var(--border);
-  border-radius: var(--radius-md);
-  padding: 1.25rem;
-  overflow-x: auto;
+  /* Type */
+  --font-display: 'Fraunces', 'Lora', Georgia, serif;
+  --font-sans: 'Geist', 'Inter', system-ui, -apple-system, sans-serif;
+  --font-mono: 'JetBrains Mono', 'Fira Code', ui-monospace, monospace;
+
+  /* Brand greens */
+  --sap-50:  #f1f6ee;
+  --sap-100: #e0ecd8;
+  --sap-200: #c3d8b3;
+  --sap-300: #9cbd86;
+  --sap-400: #74a25d;
+  --sap-500: #4e873c;
+  --sap-600: #3a6a2c;
+  --sap-700: #2b5221;
+  --sap-800: #1f3e18;
+  --sap-900: #132610;
+
+  /* Warm neutrals (paper) */
+  --ink-0:   #faf8f3;
+  --ink-50:  #f4f1ea;
+  --ink-100: #ebe6dc;
+  --ink-200: #ddd6c6;
+  --ink-300: #b9b1a0;
+  --ink-400: #8a8372;
+  --ink-500: #5d5749;
+  --ink-600: #3f3b31;
+  --ink-700: #2a271f;
+  --ink-800: #1a1814;
+  --ink-900: #12110d;
+
+  /* Semantic (light) */
+  --bg:        var(--ink-0);
+  --bg-panel:  #ffffff;
+  --bg-subtle: var(--ink-50);
+  --bg-soft:   var(--ink-100);
+  --bg-input:  #ffffff;
+  --bg-inset:  #f7f3eb;
+  --border:    rgba(42, 39, 31, 0.10);
+  --border-strong: rgba(42, 39, 31, 0.18);
+  --text:      var(--ink-800);
+  --text-dim:  var(--ink-600);
+  --text-muted:var(--ink-400);
+  --accent:    var(--sap-600);
+  --accent-fg: #ffffff;
+  --accent-soft: var(--sap-50);
+  --accent-border: var(--sap-200);
+
+  --warn: #b4562c;
+  --warn-soft: #f7e6d8;
+  --err:  #a83a3a;
+  --err-soft: #f5d8d3;
+  --info: #3e6f8a;
+  --info-soft: #dfe9ef;
+
+  --rarity-common: #8a8372;
+  --rarity-uncommon: #4e873c;
+  --rarity-rare: #3e6f8a;
+  --rarity-epic: #7b4b99;
+  --rarity-legendary: #b4862c;
+  --rarity-common-bg:    color-mix(in oklab, #8a8372 14%, transparent);
+  --rarity-uncommon-bg:  color-mix(in oklab, #4e873c 14%, transparent);
+  --rarity-rare-bg:      color-mix(in oklab, #3e6f8a 14%, transparent);
+  --rarity-epic-bg:      color-mix(in oklab, #7b4b99 14%, transparent);
+  --rarity-legendary-bg: color-mix(in oklab, #b4862c 14%, transparent);
+
+  --c-sage: #4e873c;
+  --c-sky: #3e6f8a;
+  --c-rose: #a8456b;
+  --c-amber: #b4862c;
+  --c-plum: #7b4b99;
+  --c-rust: #b4562c;
+  --c-teal: #3a7f77;
+  --c-ink: #3f3b31;
+
+  --r-xs: 4px;
+  --r-sm: 6px;
+  --r-md: 10px;
+  --r-lg: 16px;
+  --r-xl: 22px;
+  --r-full: 999px;
+
+  --shadow-sm: 0 1px 2px rgba(19, 38, 16, 0.04), 0 1px 1px rgba(19, 38, 16, 0.03);
+  --shadow-md: 0 4px 12px rgba(19, 38, 16, 0.06), 0 1px 2px rgba(19, 38, 16, 0.04);
+  --shadow-lg: 0 20px 48px rgba(19, 38, 16, 0.10), 0 4px 8px rgba(19, 38, 16, 0.04);
+  --shadow-inset: inset 0 1px 0 rgba(255,255,255,0.6), inset 0 -1px 0 rgba(42,39,31,0.04);
+
+  --pad-sm: 10px;
+  --pad-md: 16px;
+  --pad-lg: 22px;
+  --pad-xl: 32px;
+  --row-h: 40px;
+
+  --ease: cubic-bezier(0.2, 0.7, 0.2, 1);
+  --dur-fast: 140ms;
+  --dur: 220ms;
+  --dur-slow: 420ms;
 }
 
-pre code {
-  background: none;
-  color: inherit;
-  padding: 0;
-  font-size: inherit;
-}
-
-input, select, textarea { color-scheme: light; }
-
-/* ── Layout shells ──────────────────────────────────────────────── */
-.panel {
-  background: var(--bg-panel);
+html.dark {
+  --bg:        #0f120d;
+  --bg-panel:  #161a12;
+  --bg-subtle: #12150f;
+  --bg-soft:   #1b1f17;
+  --bg-input:  #1a1e16;
+  --bg-inset:  #0c0e0a;
+  --border:    rgba(225, 225, 205, 0.08);
+  --border-strong: rgba(225, 225, 205, 0.16);
+  --text:      #ebe6dc;
+  --text-dim:  #b9b1a0;
+  --text-muted:#7a7566;
+  --accent:    #9cbd86;
+  --accent-fg: #0f120d;
+  --accent-soft: rgba(156,189,134,0.12);
+  --accent-border: rgba(156,189,134,0.28);
+
+  --shadow-sm: 0 1px 2px rgba(0,0,0,0.3);
+  --shadow-md: 0 4px 12px rgba(0,0,0,0.35);
+  --shadow-lg: 0 20px 48px rgba(0,0,0,0.5);
+}
+
+html[data-density="compact"] {
+  --pad-sm: 8px; --pad-md: 12px; --pad-lg: 16px; --pad-xl: 22px; --row-h: 34px;
+}
+html[data-density="spacious"] {
+  --pad-sm: 14px; --pad-md: 20px; --pad-lg: 28px; --pad-xl: 44px; --row-h: 48px;
+}
+
+html[data-type="editorial"] {
+  --font-display: 'Fraunces', Georgia, serif;
+  --font-sans: 'Inter', system-ui, sans-serif;
+}
+html[data-type="grotesk"] {
+  --font-display: 'Geist', 'Inter', system-ui, sans-serif;
+  --font-sans: 'Geist', 'Inter', system-ui, sans-serif;
+}
+html[data-type="humanist"] {
+  --font-display: 'Fraunces', Georgia, serif;
+  --font-sans: 'Geist', 'Inter', system-ui, sans-serif;
+}
+html[data-type="mono"] {
+  --font-display: 'JetBrains Mono', ui-monospace, monospace;
+  --font-sans: 'Geist', 'Inter', system-ui, sans-serif;
+}
+
+html[data-accent="sage"]   { --accent: #4e873c; --accent-soft: #e0ecd8; --accent-border: #c3d8b3; }
+html[data-accent="forest"] { --accent: #2b5221; --accent-soft: #e0ecd8; --accent-border: #9cbd86; }
+html[data-accent="moss"]   { --accent: #6b8e4e; --accent-soft: #eef2e0; --accent-border: #cddca8; }
+html[data-accent="ink"]    { --accent: #2a271f; --accent-soft: #ebe6dc; --accent-border: #b9b1a0; }
+html[data-accent="terracotta"] { --accent: #b4562c; --accent-soft: #f7e6d8; --accent-border: #e8c3a5; }
+
+html.dark[data-accent="sage"]   { --accent: #9cbd86; --accent-soft: rgba(156,189,134,0.14); }
+html.dark[data-accent="forest"] { --accent: #c3d8b3; --accent-soft: rgba(195,216,179,0.14); }
+html.dark[data-accent="moss"]   { --accent: #b1cc8b; --accent-soft: rgba(177,204,139,0.14); }
+html.dark[data-accent="ink"]    { --accent: #ddd6c6; --accent-soft: rgba(221,214,198,0.14); }
+html.dark[data-accent="terracotta"] { --accent: #d98a5f; --accent-soft: rgba(217,138,95,0.14); }
+
+* { box-sizing: border-box; }
+html, body { margin: 0; padding: 0; background: var(--bg); color: var(--text); font-family: var(--font-sans); -webkit-font-smoothing: antialiased; }
+body { font-size: 14px; line-height: 1.5; }
+
+::selection { background: var(--accent); color: var(--accent-fg); }
+
+*::-webkit-scrollbar { width: 10px; height: 10px; }
+*::-webkit-scrollbar-track { background: transparent; }
+*::-webkit-scrollbar-thumb { background: var(--border-strong); border-radius: 999px; border: 2px solid var(--bg); }
+*::-webkit-scrollbar-thumb:hover { background: var(--text-muted); }
+
+button { font-family: inherit; color: inherit; background: none; border: 0; cursor: pointer; padding: 0; }
+input, textarea, select { font-family: inherit; color: inherit; }
+
+.h-serif { font-family: var(--font-display); letter-spacing: -0.01em; font-weight: 500; }
+.mono { font-family: var(--font-mono); font-feature-settings: "ss01"; letter-spacing: -0.02em; }
+.chip {
+  display: inline-flex; align-items: center; gap: 6px;
+  padding: 3px 9px; border-radius: var(--r-full);
+  font-size: 11px; font-family: var(--font-mono); letter-spacing: 0.02em;
+  background: var(--bg-soft); color: var(--text-dim);
   border: 1px solid var(--border);
-  border-radius: var(--radius-md);
-  box-shadow: var(--shadow-sm);
-  transition: box-shadow var(--dur-base) var(--ease-out),
-              border-color var(--dur-base) var(--ease-out);
-}
-
-.panel:hover {
-  box-shadow: var(--shadow-md);
-  border-color: var(--accent-border);
-}
-
-.sidebar {
-  background: var(--bg-sidebar);
-  border-right: 1px solid var(--border-light);
-}
-
-.topbar {
-  background: var(--bg-topbar);
-  border-bottom: 1px solid var(--border-light);
-}
-
-/* ── Global mesh (three animated blobs, reference landing) ─────── */
-.sapling-mesh-bg {
-  position: fixed;
-  inset: 0;
-  z-index: 0;
-  overflow: hidden;
-  pointer-events: none;
-  background: var(--bg-mesh);
-}
-
-.sapling-mesh-blob {
-  position: absolute;
-  border-radius: 50%;
-  filter: blur(100px);
-  opacity: 0.7;
-  animation: sapling-blob 10s ease-in-out infinite;
-  will-change: transform;
-  transform: translateZ(0);
-}
-
-.sapling-mesh-blob--1 {
-  top: -10%;
-  left: -10%;
-  width: 50vw;
-  height: 50vw;
-  max-width: 900px;
-  max-height: 900px;
-  background: rgba(46, 125, 82, 0.22);
-}
-
-.sapling-mesh-blob--2 {
-  top: 20%;
-  right: -10%;
-  width: 40vw;
-  height: 40vw;
-  max-width: 720px;
-  max-height: 720px;
-  background: rgba(43, 140, 150, 0.2);
-  animation-delay: -2.5s;
-}
-
-.sapling-mesh-blob--3 {
-  bottom: -20%;
-  left: 20%;
-  width: 60vw;
-  height: 60vw;
-  max-width: 1000px;
-  max-height: 1000px;
-  background: rgba(232, 163, 58, 0.18);
-  opacity: 0.6;
-  animation-delay: -5s;
+  text-transform: uppercase;
 }
+.chip--accent { background: var(--accent-soft); color: var(--accent); border-color: var(--accent-border); }
+.chip--warn   { background: var(--warn-soft); color: var(--warn); border-color: transparent; }
+.chip--err    { background: var(--err-soft); color: var(--err); border-color: transparent; }
+.chip--info   { background: var(--info-soft); color: var(--info); border-color: transparent; }
 
-@keyframes sapling-blob {
-  0%   { transform: translate(0, 0) scale(1); }
-  33%  { transform: translate(30px, -50px) scale(1.1); }
-  66%  { transform: translate(-20px, 20px) scale(0.9); }
-  100% { transform: translate(0, 0) scale(1); }
+.btn {
+  display: inline-flex; align-items: center; gap: 8px;
+  padding: 8px 14px; border-radius: var(--r-sm); font-size: 13px; font-weight: 500;
+  border: 1px solid var(--border); background: var(--bg-panel); color: var(--text);
+  transition: all var(--dur-fast) var(--ease);
 }
+.btn:hover { border-color: var(--border-strong); background: var(--bg-subtle); }
+.btn--primary { background: var(--accent); color: var(--accent-fg); border-color: transparent; }
+.btn--primary:hover { filter: brightness(1.05); background: var(--accent); }
+.btn--ghost { background: transparent; border-color: transparent; }
+.btn--ghost:hover { background: var(--bg-soft); }
+.btn--danger { color: var(--err); border-color: rgba(168,58,58,0.3); }
+.btn--sm { padding: 5px 10px; font-size: 12px; }
 
-/* ── Glass (legacy alias kept) ──────────────────────────────────── */
-.glass {
-  background: var(--bg-panel);
-  border: 1px solid var(--border);
+.card {
+  background: var(--bg-panel); border: 1px solid var(--border);
+  border-radius: var(--r-lg); box-shadow: var(--shadow-sm);
 }
 
-/* ── Text utilities ─────────────────────────────────────────────── */
-.text-primary     { color: var(--text); }
-.text-secondary   { color: var(--text-secondary); }
-.text-muted       { color: var(--text-muted); }
-.text-dim         { color: var(--text-dim); }
-.text-accent      { color: var(--accent); }
-.text-placeholder { color: var(--text-placeholder); }
+.divider { height: 1px; background: var(--border); }
 
-.label {
-  font-size: 11px;
-  font-weight: 500;
-  color: var(--text-dim);
-  text-transform: uppercase;
-  letter-spacing: 0.06em;
+.label-micro {
+  font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.14em;
+  text-transform: uppercase; color: var(--text-muted);
 }
 
-.gradient-text {
-  background: linear-gradient(135deg, var(--accent) 0%, #4a9e5c 100%);
-  -webkit-background-clip: text;
-  -webkit-text-fill-color: transparent;
-  background-clip: text;
-}
+@keyframes fadeIn { from { opacity: 0; transform: translateY(4px);} to { opacity: 1; transform: none; } }
+@keyframes slideUp { from { opacity: 0; transform: translateY(12px);} to { opacity: 1; transform: none; } }
+.fade-in { animation: fadeIn var(--dur) var(--ease); }
+.slide-up { animation: slideUp var(--dur-slow) var(--ease); }
 
-/* ── Buttons ────────────────────────────────────────────────────── */
-.btn-accent {
-  background: var(--accent-dim);
-  color: var(--accent);
-  border: 1px solid var(--accent-border);
-  border-radius: var(--radius-md);
-  padding: 8px 16px;
-  font-size: 13px;
-  font-weight: 500;
-  font-family: inherit;
-  cursor: pointer;
-  transition: background var(--dur-fast) var(--ease-out),
-              box-shadow var(--dur-fast) var(--ease-out),
-              opacity var(--dur-fast);
-}
-.btn-accent:hover:not(:disabled) {
-  background: rgba(26, 92, 42, 0.14);
-  box-shadow: 0 0 0 3px var(--accent-glow);
+@keyframes shimmer { 0% { background-position: -200px 0; } 100% { background-position: 200px 0; } }
+.skeleton {
+  background: linear-gradient(90deg, var(--bg-soft), var(--bg-subtle), var(--bg-soft));
+  background-size: 400px 100%; animation: shimmer 1.8s linear infinite; border-radius: var(--r-sm);
 }
-.btn-accent:disabled { opacity: 0.4; cursor: not-allowed; }
 
-.btn-ghost {
-  background: var(--bg-subtle);
-  color: var(--text-muted);
-  border: 1px solid var(--border);
-  border-radius: var(--radius-md);
-  padding: 8px 16px;
-  font-size: 13px;
-  font-family: inherit;
-  cursor: pointer;
-  transition: border-color var(--dur-fast), color var(--dur-fast);
-}
-.btn-ghost:hover {
-  border-color: var(--border-mid);
-  color: var(--text-secondary);
-}
+:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; border-radius: 3px; }
 
-/* ── Tabs ───────────────────────────────────────────────────────── */
-.tab {
-  background: none;
-  border: none;
-  font-size: 14px;
-  font-family: inherit;
-  cursor: pointer;
-  padding: 8px 0;
-  margin-right: 20px;
-  transition: color var(--dur-fast);
-}
-.tab-active {
-  color: var(--text);
-  font-weight: 500;
-  border-bottom: 2px solid var(--accent-active);
-}
-.tab-inactive {
-  color: var(--text-dim);
-  font-weight: 400;
-  border-bottom: 2px solid transparent;
-}
-.tab-inactive:hover { color: var(--text-muted); }
-
-/* ── Pills / filter buttons ─────────────────────────────────────── */
-.pill {
-  border-radius: 5px;
-  font-size: 12px;
-  font-family: inherit;
-  cursor: pointer;
-  padding: 4px 11px;
-  font-weight: 400;
-  transition: background var(--dur-fast), color var(--dur-fast), border-color var(--dur-fast);
-}
-.pill-active {
-  background: var(--accent-dim);
-  color: var(--accent);
-  border: 1px solid var(--accent-border);
-  font-weight: 600;
-}
-.pill-inactive {
-  background: transparent;
-  color: var(--text-dim);
-  border: 1px solid var(--border);
-}
-.pill-inactive:hover {
-  color: var(--text-muted);
-  border-color: var(--border-mid);
+.ph-stripes {
+  background-image: repeating-linear-gradient(
+    45deg, var(--bg-soft) 0 8px, var(--bg-subtle) 8px 16px
+  );
 }
 
-/* ── Text input ─────────────────────────────────────────────────── */
-.input {
-  background: var(--bg-input);
-  color: var(--text);
-  border: 1px solid var(--border);
-  border-radius: var(--radius-sm);
-  padding: 6px 10px;
+.skip-link {
+  position: absolute;
+  top: 8px;
+  left: 8px;
+  z-index: 300;
+  padding: 8px 14px;
+  background: var(--accent);
+  color: #fff;
+  border-radius: var(--r-sm);
   font-size: 13px;
-  font-family: inherit;
-  outline: none;
-  transition: border-color var(--dur-fast);
-}
-.input:focus { border-color: var(--accent-border); }
-.input::placeholder { color: var(--text-placeholder); }
-
-/* ── Badge ──────────────────────────────────────────────────────── */
-.badge {
-  display: inline-flex;
-  align-items: center;
-  gap: 0.3em;
-  padding: 0.2em 0.7em;
-  background: var(--accent-dim);
-  color: var(--accent);
-  border: 1px solid var(--accent-border);
-  border-radius: var(--radius-full);
-  font-size: 0.75rem;
   font-weight: 600;
-  letter-spacing: 0.02em;
-}
-
-/* ── Divider ────────────────────────────────────────────────────── */
-.divider {
-  height: 1px;
-  background: var(--border);
-  border: none;
-  margin: 0;
-}
-
-/* ── Room list item ─────────────────────────────────────────────── */
-.room-item { border-left: 3px solid transparent; }
-.room-item-active {
-  border-left: 3px solid var(--accent-active);
-  background: var(--accent-dim);
-}
-
-/* ── Animations ─────────────────────────────────────────────────── */
-@keyframes fade-in {
-  from { opacity: 0; transform: translateY(6px); }
-  to   { opacity: 1; transform: translateY(0); }
-}
-
-/* ── Dashboard side-panel scrollbars (hidden until hover) ── */
-.dash-scroll {
-  scrollbar-gutter: stable;
-}
-.dash-scroll::-webkit-scrollbar {
-  width: 4px;
-}
-.dash-scroll::-webkit-scrollbar-track {
-  background: transparent;
-  margin: 6px 0;
-}
-.dash-scroll::-webkit-scrollbar-thumb {
-  background: transparent;
-  border-radius: 3px;
-  transition: background 0.25s;
-}
-.dash-scroll:hover::-webkit-scrollbar-thumb {
-  background: rgba(26, 92, 42, 0.22);
-}
-.dash-scroll:hover::-webkit-scrollbar-thumb:hover {
-  background: rgba(26, 92, 42, 0.38);
-}
-@keyframes scale-in {
-  from { opacity: 0; transform: scale(0.96); }
-  to   { opacity: 1; transform: scale(1); }
+  text-decoration: none;
+  transform: translateY(-150%);
+  transition: transform var(--dur-fast) var(--ease);
+}
+.skip-link:focus,
+.skip-link:focus-visible {
+  transform: translateY(0);
+  outline: 2px solid var(--accent);
+  outline-offset: 2px;
 }
 
-.animate-fade-in  { animation: fade-in  var(--dur-slow) var(--ease-out) both; }
-.animate-scale-in { animation: scale-in var(--dur-base) var(--ease-out) both; }
-
-/* ── Public page entrance animations ───────────────────────────── */
-.fade-up   { animation: fade-in 0.5s var(--ease-out) both; }
-.fade-up-s { animation: fade-in 0.4s var(--ease-out) both; }
-
-.anim-d0 { animation-delay:   0ms; }
-.anim-d1 { animation-delay:  80ms; }
-.anim-d2 { animation-delay: 160ms; }
-.anim-d3 { animation-delay: 240ms; }
-.anim-d4 { animation-delay: 320ms; }
-.anim-d5 { animation-delay: 400ms; }
-.anim-d6 { animation-delay: 480ms; }
-.anim-d7 { animation-delay: 560ms; }
-.anim-d8 { animation-delay: 640ms; }
-
 @media (prefers-reduced-motion: reduce) {
-  .fade-up, .fade-up-s { animation: none; opacity: 1; }
-}
-
-/* ── Hide scrollbar while keeping scroll ────────────────────────── */
-.no-scrollbar { scrollbar-width: none; }
-.no-scrollbar::-webkit-scrollbar { display: none; }
-/* ── Panel fly-in (page load) ──────────────────────────────────── */
-@keyframes panel-in {
-  from { opacity: 0; transform: translateY(10px); }
-  to   { opacity: 1; transform: translateY(0); }
-}
-
-@keyframes panel-in-centered {
-  from { opacity: 0; transform: translateX(-50%) translateY(10px); }
-  to   { opacity: 1; transform: translateX(-50%) translateY(0); }
-}
-
-.panel-in          { animation: panel-in          0.65s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; }
-.panel-in-centered { animation: panel-in-centered 0.65s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; }
-
-.panel-in-1 { animation-delay:   0ms; }
-.panel-in-2 { animation-delay:  80ms; }
-.panel-in-3 { animation-delay: 160ms; }
-.panel-in-4 { animation-delay: 240ms; }
-
-/* ── Highlight-node pulse ring ──────────────────────────────────── */
-@keyframes pulse-ring {
-  0%, 100% { opacity: 0.75; }
-  50%       { opacity: 0.15; }
-}
-.highlight-ring { animation: pulse-ring 1.6s ease-in-out infinite; }
-
-/* ── Navbar link hover ───────────────────────────────────────────── */
-.nav-link {
-  cursor: pointer;
-}
-.nav-link:hover {
-  text-shadow: 0.5px 0 0 currentColor, -0.5px 0 0 currentColor !important;
-}
-.nav-link:focus,
-.nav-link:focus-visible {
-  outline: none;
-}
-
-/* ════════════════════════════════════════════════════════════════════
-   LANDING PAGE STYLES
-   ════════════════════════════════════════════════════════════════════ */
-
-.font-playfair { font-family: var(--font-playfair), 'Playfair Display', serif; }
-.font-inter    { font-family: var(--font-inter), 'Inter', sans-serif; }
-.font-jetbrains { font-family: var(--font-jetbrains), 'JetBrains Mono', monospace; }
-
-/* Prevent horizontal overflow without breaking position: sticky */
-.landing-page {
-  clip-path: inset(0);
-  /* Same airy base as hero: mesh + soft radial so scroll feels one canvas */
-  background:
-    radial-gradient(ellipse 100% 60% at 50% -10%, rgba(255, 255, 255, 0.55) 0%, transparent 50%),
-    radial-gradient(ellipse 80% 50% at 100% 40%, rgba(255, 255, 255, 0.2) 0%, transparent 45%),
-    radial-gradient(ellipse 70% 45% at 0% 70%, rgba(255, 255, 255, 0.18) 0%, transparent 40%),
-    transparent;
-}
-
-/* Sections sit on mesh; no solid gray blocks */
-.landing-section {
-  background: transparent;
-  position: relative;
-}
-
-.landing-divider {
-  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.55), transparent);
-}
-
-.landing-divider-v {
-  background: linear-gradient(180deg, transparent, rgba(255, 255, 255, 0.45), transparent);
-}
-
-/* ── Ambient glow ──────────────────────────────────────────────── */
-.landing-ambient-glow {
-  position: fixed;
-  inset: 0;
-  z-index: 0;
-  pointer-events: none;
-  background: radial-gradient(ellipse at 50% 18%, rgba(255, 255, 255, 0.45) 0%, transparent 55%);
-  opacity: 0;
-  transition: opacity 0.5s ease, background 0.8s ease;
-}
-
-/* ── Gradient shift ────────────────────────────────────────────── */
-@keyframes landing-gradient-shift {
-  0%   { background-position: 0% center; }
-  100% { background-position: 100% center; }
-}
-.landing-animate-gradient {
-  background-size: 200% auto;
-  animation: landing-gradient-shift 5s ease-in-out infinite alternate;
-}
-
-/* ── Slow pulse ────────────────────────────────────────────────── */
-@keyframes landing-pulse-slow {
-  0%, 100% { transform: scale(0.98); }
-  50%      { transform: scale(1.02); }
-}
-.landing-animate-pulse-slow { animation: landing-pulse-slow 4s ease-in-out infinite; }
-
-/* ── Float indicator ───────────────────────────────────────────── */
-@keyframes landing-float-indicator {
-  0%, 100% { transform: translateY(0) translateX(-50%); }
-  50%      { transform: translateY(6px) translateX(-50%); }
-}
-.landing-animate-float-indicator { animation: landing-float-indicator 2.5s ease-in-out infinite; }
-
-/* ── Initial load / intro overlay ───────────────────────────────── */
-.landing-intro-overlay {
-  position: fixed;
-  inset: 0;
-  z-index: 60;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  /* Keep background mostly transparent so graph dots stay visible */
-  background: radial-gradient(circle at 50% 50%, rgba(233,239,237,0.2) 0%, rgba(233,239,237,0) 70%);
-  transition: opacity 700ms cubic-bezier(0.22,1,0.36,1);
-}
-
-@keyframes landing-intro-orbit {
-  0%   { transform: rotate(0deg); }
-  100% { transform: rotate(360deg); }
-}
-
-.landing-intro-orbit {
-  width: 220px;
-  height: 220px;
-  border-radius: 999px;
-  border: 1px solid rgba(148,163,184,0.25);
-  position: relative;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  box-shadow: 0 32px 80px rgba(15,23,42,0.10);
-  background: radial-gradient(circle at 50% 30%, rgba(255,255,255,0.9) 0%, rgba(241,245,249,0.85) 50%, rgba(226,232,240,0.95) 100%);
-}
-
-.landing-intro-orbit-ring {
-  position: absolute;
-  inset: 18px;
-  border-radius: inherit;
-  border: 1px dashed rgba(148,163,184,0.35);
-  animation: landing-intro-orbit 14s linear infinite;
-}
-
-.landing-intro-orbit-node {
-  position: absolute;
-  width: 10px;
-  height: 10px;
-  border-radius: 999px;
-}
-
-.landing-intro-orbit-node--green  { background: #1B6C42;  top: -3px;  left: 50%; transform: translateX(-50%); }
-.landing-intro-orbit-node--amber  { background: #D97706;  right: -3px; top: 45%; transform: translateY(-50%); }
-.landing-intro-orbit-node--blue   { background: #3B82F6;  bottom: -3px; left: 35%; transform: translateX(-50%); }
-.landing-intro-orbit-node--purple { background: #8A63D2;  left: -3px; top: 30%; transform: translateY(-50%); }
-
-/* ── Button shimmer ────────────────────────────────────────────── */
-.landing-btn-shimmer { position: relative; overflow: hidden; }
-.landing-btn-shimmer::before {
-  content: '';
-  position: absolute;
-  inset: 0;
-  background: linear-gradient(to right, transparent, rgba(255,255,255,0.3), transparent);
-  transform: translateX(-200%);
-  transition: transform 0.7s ease;
-  border-radius: 9999px;
-  pointer-events: none;
-}
-.landing-btn-shimmer:hover::before { transform: translateX(200%); }
-
-/* ── Spotlight card (mouse-follow glow) ────────────────────────── */
-.landing-spotlight-card {
-  position: relative;
-  overflow: hidden;
-}
-.landing-spotlight-card::before {
-  content: "";
-  position: absolute;
-  inset: 0;
-  border-radius: 1rem;
-  background: radial-gradient(250px circle at var(--mouse-x, 0) var(--mouse-y, 0), rgba(27,108,66,0.04) 0%, transparent 70%);
-  opacity: 0;
-  transition: opacity 0.5s ease;
-  pointer-events: none;
-  z-index: 0;
-}
-.landing-spotlight-card:hover::before { opacity: 1; }
-
-/* ── Feature card icon hover ───────────────────────────────────── */
-.landing-icon-container {
-  transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
-}
-.landing-spotlight-card:hover .landing-icon-container {
-  transform: scale(1.1) rotate(5deg);
-}
-
-/* ── Feature card float ────────────────────────────────────────── */
-@keyframes landing-card-float {
-  0%, 100% { transform: translateY(0); }
-  50%      { transform: translateY(-8px); }
-}
-.landing-card-float-1 { animation: landing-card-float 5.0s ease-in-out infinite; }
-.landing-card-float-2 { animation: landing-card-float 5.5s ease-in-out infinite 0.4s; }
-.landing-card-float-3 { animation: landing-card-float 4.8s ease-in-out infinite 0.8s; }
-.landing-card-float-4 { animation: landing-card-float 5.3s ease-in-out infinite 1.2s; }
-.landing-card-float-5 { animation: landing-card-float 5.1s ease-in-out infinite 0.6s; }
-.landing-card-float-6 { animation: landing-card-float 4.6s ease-in-out infinite 1.0s; }
-
-.landing-card-float-1:hover,
-.landing-card-float-2:hover,
-.landing-card-float-3:hover,
-.landing-card-float-4:hover,
-.landing-card-float-5:hover,
-.landing-card-float-6:hover {
-  animation-play-state: paused;
-}
-
-/* ── Landing scrollbar ─────────────────────────────────────────── */
-.landing-page ::-webkit-scrollbar       { width: 6px; }
-.landing-page ::-webkit-scrollbar-track { background: var(--bg-mesh); }
-.landing-page ::-webkit-scrollbar-thumb { background: rgba(0,0,0,0.15); border-radius: 3px; }
-.landing-page ::-webkit-scrollbar-thumb:hover { background: rgba(0,0,0,0.25); }
-
-/* ════════════════════════════════════════════════════════════════════
-   LIQUID GLASS SYSTEM
-   ════════════════════════════════════════════════════════════════════ */
-
-/* Base glass panel (reference glass-panel: frosted + inset rim) */
-.liquid-glass {
-  background: rgba(255, 255, 255, 0.35);
-  backdrop-filter: blur(24px) saturate(1.5);
-  -webkit-backdrop-filter: blur(24px) saturate(1.5);
-  border: 1px solid rgba(255, 255, 255, 0.6);
-  box-shadow:
-    0 8px 32px 0 rgba(31, 38, 135, 0.05),
-    inset 0 0 0 1px rgba(255, 255, 255, 0.4);
-  position: relative;
-  overflow: hidden;
-  isolation: isolate;
-}
-
-/* Specular shimmer on hover */
-.liquid-glass::after {
-  content: '';
-  position: absolute;
-  inset: 0;
-  border-radius: inherit;
-  background: linear-gradient(
-    105deg,
-    transparent 25%,
-    rgba(255, 255, 255, 0.6) 42%,
-    rgba(255, 255, 255, 0.2) 52%,
-    transparent 68%
-  );
-  opacity: 0;
-  transform: translateX(-100%);
-  transition: opacity 0.25s ease, transform 0.55s ease;
-  pointer-events: none;
-  z-index: 2;
-}
-.liquid-glass:hover::after {
-  opacity: 1;
-  transform: translateX(100%);
-}
-
-/* Stronger glass for modals / overlays */
-.liquid-glass-strong {
-  background: rgba(255, 255, 255, 0.55);
-  backdrop-filter: blur(40px) saturate(1.65);
-  -webkit-backdrop-filter: blur(40px) saturate(1.65);
-  border: 1px solid rgba(255, 255, 255, 0.65);
-  box-shadow:
-    0 8px 32px 0 rgba(31, 38, 135, 0.08),
-    inset 0 0 0 1px rgba(255, 255, 255, 0.5),
-    0 12px 48px -4px rgba(0, 0, 0, 0.1);
-}
-
-/* Subtle glass for pills / small buttons */
-.liquid-glass-subtle {
-  background: rgba(255, 255, 255, 0.4);
-  backdrop-filter: blur(12px) saturate(1.45);
-  -webkit-backdrop-filter: blur(12px) saturate(1.45);
-  border: 1px solid rgba(255, 255, 255, 0.6);
-  box-shadow:
-    0 4px 24px -2px rgba(31, 38, 135, 0.04),
-    inset 0 0 0 1px rgba(255, 255, 255, 0.35);
-}
-
-/* Alias + inputs (reference glass-input) */
-.glass-panel {
-  background: rgba(255, 255, 255, 0.35);
-  backdrop-filter: blur(24px) saturate(1.5);
-  -webkit-backdrop-filter: blur(24px) saturate(1.5);
-  border: 1px solid rgba(255, 255, 255, 0.6);
-  box-shadow:
-    0 8px 32px 0 rgba(31, 38, 135, 0.05),
-    inset 0 0 0 1px rgba(255, 255, 255, 0.4);
-}
-
-.glass-input {
-  background: rgba(255, 255, 255, 0.4);
-  border: 1px solid rgba(255, 255, 255, 0.6);
-  backdrop-filter: blur(12px);
-  -webkit-backdrop-filter: blur(12px);
-}
-.glass-input:focus {
-  outline: none;
-  background: rgba(255, 255, 255, 0.6);
-  border-color: var(--brand-primary);
-  box-shadow: 0 0 0 2px rgba(46, 125, 82, 0.2);
-}
-
-/* Global pointer states for interactive controls */
-button,
-[role="button"],
-a[role="button"],
-input[type="button"],
-input[type="submit"],
-input[type="reset"] {
-  cursor: pointer;
-}
-
-button:disabled,
-[role="button"][aria-disabled="true"],
-a[role="button"][aria-disabled="true"],
-input[type="button"]:disabled,
-input[type="submit"]:disabled,
-input[type="reset"]:disabled {
-  cursor: not-allowed;
-}
-
-.landing-modal-panel {
-  opacity: 0;
-  transform: translateY(24px) scale(0.94);
-  transition: opacity 420ms var(--ease-out), transform 420ms var(--ease-out);
-}
-
-.landing-modal-panel--visible {
-  opacity: 1;
-  transform: translateY(0) scale(1);
-}
-
-/* ════════════════════════════════════════════════════════════════════
-   ONBOARDING FLOW ANIMATIONS
-   ════════════════════════════════════════════════════════════════════ */
-
-@keyframes ob-pulse-outer {
-  0%, 100% { opacity: 0.1;  transform: scale(1);    }
-  50%       { opacity: 0.22; transform: scale(1.06); }
-}
-
-@keyframes ob-pulse-inner {
-  0%, 100% { opacity: 0.3;  transform: scale(1);    }
-  50%       { opacity: 0.55; transform: scale(1.04); }
-}
-
-@keyframes ob-card-in {
-  from { transform: translateX(10px); }
-  to   { transform: translateX(0);    }
-}
-
-/* ══════════════════════════════════════════════════════════════════
-   RARITY TIER TOKENS
-   ══════════════════════════════════════════════════════════════════ */
-
-:root {
-  /* Derived from existing brand palette */
-  --rarity-common:       var(--text-dim);
-  --rarity-common-bg:    rgba(107, 114, 128, 0.08);
-  --rarity-uncommon:     var(--brand-primary);
-  --rarity-uncommon-bg:  rgba(46, 125, 82, 0.08);
-  --rarity-rare:         var(--brand-teal);
-  --rarity-rare-bg:      rgba(43, 140, 150, 0.08);
-  --rarity-epic:         #8b5cf6;
-  --rarity-epic-bg:      rgba(139, 92, 246, 0.08);
-  --rarity-legendary:    var(--brand-progress);
-  --rarity-legendary-bg: rgba(232, 163, 58, 0.08);
-}
-
-/* ══════════════════════════════════════════════════════════════════
-   DARK MODE
-   ══════════════════════════════════════════════════════════════════ */
-
-html.dark {
-  --bg:             #0f1110;
-  --bg-mesh:        #0f1110;
-  --bg-panel:       #1a1d1b;
-  --bg-sidebar:     #151816;
-  --bg-topbar:      #151816;
-  --bg-input:       #1a1d1b;
-  --bg-subtle:      #1f2421;
-  --bg-space:       #0f1110;
-  --bg-glass:       rgba(0, 0, 0, 0.35);
-
-  --accent:         #4a9e5c;
-  --accent-hover:   #5bb86d;
-  --accent-dim:     rgba(74, 158, 92, 0.12);
-  --accent-border:  rgba(74, 158, 92, 0.35);
-  --accent-active:  rgba(74, 158, 92, 0.7);
-  --accent-glow:    rgba(74, 158, 92, 0.15);
-
-  --text:             #e5e7eb;
-  --text-primary:     #e5e7eb;
-  --text-secondary:   #d1d5db;
-  --text-muted:       #9ca3af;
-  --text-dim:         #6b7280;
-  --text-placeholder: #4b5563;
-
-  --border:         rgba(148, 163, 184, 0.15);
-  --border-light:   rgba(148, 163, 184, 0.08);
-  --border-mid:     rgba(148, 163, 184, 0.22);
-  --border-glass:   rgba(148, 163, 184, 0.12);
-
-  --shadow-sm:  0 1px 3px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2);
-  --shadow-md:  0 4px 12px rgba(0, 0, 0, 0.35), 0 2px 4px rgba(0, 0, 0, 0.2);
-  --shadow-lg:  0 12px 32px rgba(0, 0, 0, 0.4), 0 4px 8px rgba(0, 0, 0, 0.25);
-
-  --rarity-common-bg:    rgba(107, 114, 128, 0.15);
-  --rarity-uncommon-bg:  rgba(46, 125, 82, 0.15);
-  --rarity-rare-bg:      rgba(43, 140, 150, 0.15);
-  --rarity-epic-bg:      rgba(139, 92, 246, 0.15);
-  --rarity-legendary-bg: rgba(232, 163, 58, 0.15);
-
-  color-scheme: dark;
-}
-
-html.dark input,
-html.dark select,
-html.dark textarea {
-  color-scheme: dark;
-}
-
-/* ══════════════════════════════════════════════════════════════════
-   ACHIEVEMENT / TOAST ANIMATIONS
-   ══════════════════════════════════════════════════════════════════ */
-
-@keyframes toast-slide-in {
-  from { transform: translateX(100%); opacity: 0; }
-  to   { transform: translateX(0);    opacity: 1; }
-}
-
-.toast-enter {
-  animation: toast-slide-in 200ms ease-out forwards;
-}
-
-/* Cosmetic equip transition */
-.cosmetic-equipped {
-  transition: box-shadow 150ms ease, border-color 150ms ease;
+  *, *::before, *::after {
+    animation-duration: 0.01ms !important;
+    animation-iteration-count: 1 !important;
+    transition-duration: 0.01ms !important;
+    scroll-behavior: auto !important;
+  }
 }
-
diff --git a/frontend/src/app/icon.svg b/frontend/src/app/icon.svg
deleted file mode 100644
index 361b5a78..00000000
--- a/frontend/src/app/icon.svg
+++ /dev/null
@@ -1,10 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" fill="none">
-  <!-- Stem -->
-  <path d="M32 54 L32 28" stroke="#1a5c2a" stroke-width="3.5" stroke-linecap="round"/>
-  <!-- Left leaf -->
-  <path d="M32 38 C32 38 18 34 16 22 C16 22 30 20 32 38Z" fill="#1a5c2a"/>
-  <!-- Right leaf -->
-  <path d="M32 30 C32 30 46 24 50 12 C50 12 36 12 32 30Z" fill="#2d8a47"/>
-  <!-- Small sprout tip -->
-  <circle cx="32" cy="26" r="2.5" fill="#1a5c2a"/>
-</svg>
diff --git a/frontend/src/app/layout.tsx b/frontend/src/app/layout.tsx
index 218ed113..9a35d936 100644
--- a/frontend/src/app/layout.tsx
+++ b/frontend/src/app/layout.tsx
@@ -1,67 +1,35 @@
-import type { Metadata } from 'next';
-import { Spectral, DM_Sans, Inter, Playfair_Display, JetBrains_Mono } from 'next/font/google';
-import './globals.css';
-import { Suspense } from 'react';
-import { UserProvider } from '@/context/UserContext';
-import Navbar from '@/components/Navbar';
-import ErrorBoundary from '@/components/ErrorBoundary';
-import FeedbackFlow from '@/components/FeedbackFlow';
-import SessionFeedbackGlobal from '@/components/SessionFeedbackGlobal';
-import ToastProvider from '@/components/ToastProvider';
-
-const spectral = Spectral({
-  subsets: ['latin'],
-  weight: ['200', '300', '400', '500', '600', '700', '800'],
-  style: ['normal', 'italic'],
-  variable: '--font-spectral',
-  display: 'swap',
-});
-
-const dmSans = DM_Sans({
-  subsets: ['latin'],
-  variable: '--font-dm-sans',
-  display: 'swap',
-});
-
-const inter = Inter({
-  subsets: ['latin'],
-  variable: '--font-inter',
-  display: 'swap',
-});
-
-const playfairDisplay = Playfair_Display({
-  subsets: ['latin'],
-  variable: '--font-playfair',
-  display: 'swap',
-});
-
-const jetbrainsMono = JetBrains_Mono({
-  subsets: ['latin'],
-  variable: '--font-jetbrains',
-  display: 'swap',
-});
+import type { Metadata } from "next";
+import React from "react";
+import { SidebarProvider } from "@/lib/sidebar";
+import { UserProvider } from "@/context/UserContext";
+import { ToastProvider } from "@/components/ToastProvider";
+import { ErrorBoundary } from "@/components/ErrorBoundary";
+import "./globals.css";
 
 export const metadata: Metadata = {
-  title: 'Sapling',
-  description: 'Learn through conversation. Watch your knowledge grow.',
-  icons: {
-    icon: '/sapling-icon.svg',
-    shortcut: '/sapling-icon.svg',
-  },
+  title: "Sapling",
+  description: "Your mind, quietly mapped.",
 };
 
 export default function RootLayout({ children }: { children: React.ReactNode }) {
   return (
-    <html lang="en" className={`${spectral.variable} ${dmSans.variable} ${inter.variable} ${playfairDisplay.variable} ${jetbrainsMono.variable}`}>
+    <html lang="en" data-accent="sage" data-type="humanist" data-density="compact">
+      <head>
+        <link rel="preconnect" href="https://fonts.googleapis.com" />
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossOrigin="anonymous" />
+        <link
+          href="https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600&family=Geist:wght@400;500;600&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap"
+          rel="stylesheet"
+        />
+      </head>
       <body>
-        <UserProvider>
-          <div style={{ position: 'relative', zIndex: 1, display: 'flex', flexDirection: 'column', minHeight: '100vh' }}>
-            <Navbar />
-            <main style={{ flex: 1 }}><ErrorBoundary><ToastProvider>{children}</ToastProvider></ErrorBoundary></main>
-            <Suspense fallback={null}><FeedbackFlow /></Suspense>
-            <Suspense fallback={null}><SessionFeedbackGlobal /></Suspense>
-          </div>
-        </UserProvider>
+        <ErrorBoundary>
+          <ToastProvider>
+            <SidebarProvider>
+              <UserProvider>{children}</UserProvider>
+            </SidebarProvider>
+          </ToastProvider>
+        </ErrorBoundary>
       </body>
     </html>
   );
diff --git a/frontend/src/app/learn/page.tsx b/frontend/src/app/learn/page.tsx
deleted file mode 100644
index 9da165c7..00000000
--- a/frontend/src/app/learn/page.tsx
+++ /dev/null
@@ -1,594 +0,0 @@
-'use client';
-
-import { useEffect, useState, useRef, Suspense, useMemo, useCallback } from 'react';
-import { useSearchParams, useRouter } from 'next/navigation';
-import KnowledgeGraph from '@/components/KnowledgeGraph';
-import ChatPanel from '@/components/ChatPanel';
-import ModeSelector from '@/components/ModeSelector';
-import QuizPanel from '@/components/QuizPanel';
-import SessionSummary from '@/components/SessionSummary';
-import SessionFeedbackFlow from '@/components/SessionFeedbackFlow';
-import { GraphNode, GraphEdge, ChatMessage, TeachingMode, SessionSummary as SessionSummaryType } from '@/lib/types';
-import { startSession, sendChat, sendAction, endSession, getGraph, getCourses, getSessions, resumeSession, switchMode, deleteSession, type EnrolledCourse } from '@/lib/api';
-import Link from 'next/link';
-import { getMasteryLabel } from '@/lib/graphUtils';
-import { useUser } from '@/context/UserContext';
-import CustomSelect from '@/components/CustomSelect';
-import SharedContextToggle from '@/components/SharedContextToggle';
-import AIDisclaimerChip from '@/components/AIDisclaimerChip';
-
-function useIsMobile(breakpoint = 768) {
-  const [isMobile, setIsMobile] = useState(false);
-  useEffect(() => {
-    const mql = window.matchMedia(`(max-width: ${breakpoint}px)`);
-    setIsMobile(mql.matches);
-    const handler = (e: MediaQueryListEvent) => setIsMobile(e.matches);
-    mql.addEventListener('change', handler);
-    return () => mql.removeEventListener('change', handler);
-  }, [breakpoint]);
-  return isMobile;
-}
-
-function LearnInner() {
-  const { userId: USER_ID, userReady } = useUser();
-  const searchParams = useSearchParams();
-  const router = useRouter();
-  const topicParam = searchParams.get('topic') ?? '';
-  const modeParam = searchParams.get('mode') ?? 'socratic';
-  const suggestConcept = searchParams.get('suggest') ?? '';
-  const initialQuiz = modeParam === 'quiz';
-
-  const [mode, setMode] = useState<TeachingMode>(
-    ['socratic', 'expository', 'teachback'].includes(modeParam) ? (modeParam as TeachingMode) : 'socratic'
-  );
-  const [quizMode, setQuizMode] = useState(initialQuiz);
-
-  const [nodes, setNodes] = useState<GraphNode[]>([]);
-  const [edges, setEdges] = useState<GraphEdge[]>([]);
-  const [graphReady, setGraphReady] = useState(false);
-  const [messages, setMessages] = useState<ChatMessage[]>([]);
-  const [sessionId, setSessionId] = useState<string | null>(null);
-  const [chatLoading, setChatLoading] = useState(false);
-  const [sessionLoading, setSessionLoading] = useState(false);
-  const [summary, setSummary] = useState<SessionSummaryType | null>(null);
-  const [showSessionFeedback, setShowSessionFeedback] = useState(
-    () => searchParams.get('testFeedback') === 'session'
-  );
-  const [graphDimensions, setGraphDimensions] = useState({ width: 0, height: 0 });
-  const graphContainerRef = useRef<HTMLDivElement>(null);
-  const hasDimensionsRef = useRef(false);
-  const pendingNavRef = useRef<string | null>(null);
-  const feedbackDueRef = useRef(false);
-
-  const SESSION_COUNT_KEY = 'sapling_session_end_count';
-  const SESSION_FEEDBACK_EVERY_N = 5;
-  const [sessionError, setSessionError] = useState<string | null>(null);
-
-  const [topic, setTopic] = useState(topicParam);
-  const [selectedCourse, setSelectedCourse] = useState('');
-  const [prefillInput, setPrefillInput] = useState('');
-  const [recentSessions, setRecentSessions] = useState<{ id: string; topic: string; mode: string; started_at: string; is_active: boolean }[]>([]);
-  const [useSharedContext, setUseSharedContext] = useState<boolean>(() => {
-    if (typeof window === 'undefined') return true;
-    const saved = localStorage.getItem('sapling_shared_ctx');
-    return saved === null ? true : saved === 'true';
-  });
-  const [mobileView, setMobileView] = useState<'chat' | 'graph'>('chat');
-  const [apiCourseNames, setApiCourseNames] = useState<string[]>([]);
-  const [enrolledCourses, setEnrolledCourses] = useState<EnrolledCourse[]>([]);
-  const [courseColorMap, setCourseColorMap] = useState<Record<string, string>>({});
-
-  const isMobile = useIsMobile();
-
-  const toggleSharedContext = () => {
-    setUseSharedContext(prev => {
-      const next = !prev;
-      localStorage.setItem('sapling_shared_ctx', String(next));
-      return next;
-    });
-  };
-
-  useEffect(() => {
-    if (!userReady || !USER_ID) return;
-    getCourses(USER_ID)
-      .then(data => {
-        const courses = data.courses ?? [];
-        setEnrolledCourses(courses);
-        setApiCourseNames(courses.map(c => c.course_name));
-        const colorMap: Record<string, string> = {};
-        courses.forEach(c => {
-          if (!c.color) return;
-          const label = c.course_code ? `${c.course_code} - ${c.course_name}` : c.course_name;
-          colorMap[c.course_name] = c.color;
-          colorMap[label] = c.color;
-          if (c.nickname) colorMap[c.nickname] = c.color;
-        });
-        setCourseColorMap(colorMap);
-      })
-      .catch(console.error);
-  }, [USER_ID, userReady]);
-
-  const courses = useMemo(() => {
-    const fromGraph = nodes.map(n => n.subject).filter(Boolean) as string[];
-    return [...new Set([...fromGraph, ...apiCourseNames])].sort();
-  }, [nodes, apiCourseNames]);
-
-  // Node matching the Navbar "learn next" suggestion
-  const suggestNode = useMemo(
-    () => (suggestConcept ? nodes.find(n => n.concept_name === suggestConcept) ?? null : null),
-    [nodes, suggestConcept]
-  );
-
-  // Strip edges that cross subject boundaries so CS101 and CS112 stay separate
-  const filteredEdges = useMemo(() => {
-    const nodeSubjectMap = new Map(nodes.map(n => [n.id, n.subject]));
-    return edges.filter(e => {
-      const srcId = e.source as string;
-      const tgtId = e.target as string;
-      if (srcId.startsWith('subject_root__') || tgtId.startsWith('subject_root__')) return true;
-      const srcSubj = nodeSubjectMap.get(srcId);
-      const tgtSubj = nodeSubjectMap.get(tgtId);
-      return !srcSubj || !tgtSubj || srcSubj === tgtSubj;
-    });
-  }, [nodes, edges]);
-
-  // Flag active session for nav-away feedback trigger
-  useEffect(() => {
-    if (messages.length > 0 && sessionId) {
-      localStorage.setItem('sapling_learn_had_session', 'true');
-    }
-  }, [messages.length, sessionId]);
-
-  // Load initial graph + recent sessions — re-runs when the active user changes
-  useEffect(() => {
-    if (!userReady) return;
-    getGraph(USER_ID).then(data => {
-      setNodes(data.nodes);
-      setEdges(data.edges);
-      setGraphReady(true);
-    }).catch(console.error);
-    getSessions(USER_ID, 10).then(data => setRecentSessions(data.sessions.filter(s => s.message_count > 0))).catch(console.error);
-  }, [USER_ID, userReady]);
-
-  useEffect(() => {
-    const el = graphContainerRef.current;
-    if (!el) return;
-    let timer: ReturnType<typeof setTimeout>;
-    const obs = new ResizeObserver(entries => {
-      const r = entries[0];
-      if (!r) return;
-      const { width, height } = r.contentRect;
-      if (!hasDimensionsRef.current) {
-        hasDimensionsRef.current = true;
-        setGraphDimensions({ width, height });
-      } else {
-        clearTimeout(timer);
-        timer = setTimeout(() => setGraphDimensions(prev => {
-          if (Math.abs(prev.width - width) < 5 && Math.abs(prev.height - height) < 5) return prev;
-          return { width, height };
-        }), 200);
-      }
-    });
-    obs.observe(el);
-    return () => { obs.disconnect(); clearTimeout(timer); };
-  }, []);
-
-  useEffect(() => {
-    if (!topicParam || quizMode) return;
-    beginSession(topicParam, mode);
-  }, []); // eslint-disable-line react-hooks/exhaustive-deps
-
-  const beginSession = async (t: string, m: TeachingMode, explicitCourseId?: string) => {
-    setSessionLoading(true);
-    setSessionError(null);
-    setMessages([]);
-    setSessionId(null);
-    try {
-      const res = await startSession(USER_ID, t, m, explicitCourseId, useSharedContext);
-      setSessionId(res.session_id);
-      setNodes(res.graph_state.nodes);
-      setEdges(res.graph_state.edges);
-      setMessages([{
-        id: `msg_${Date.now()}`,
-        role: 'assistant',
-        content: res.initial_message,
-        timestamp: new Date().toISOString(),
-      }]);
-    } catch (e: any) {
-      console.error(e);
-      let msg: string = e?.message || 'Failed to start session. Check that the backend is running.';
-      try { msg = JSON.parse(msg)?.detail ?? msg; } catch {}
-      setSessionError(msg);
-    } finally {
-      setSessionLoading(false);
-    }
-  };
-
-  const handleSend = async (message: string) => {
-    if (!sessionId) return;
-    const userMsg: ChatMessage = {
-      id: `msg_${Date.now()}`,
-      role: 'user',
-      content: message,
-      timestamp: new Date().toISOString(),
-    };
-    setMessages(prev => [...prev, userMsg]);
-    setChatLoading(true);
-    try {
-      const res = await sendChat(sessionId, USER_ID, message, mode, useSharedContext);
-      setMessages(prev => [...prev, {
-        id: `msg_${Date.now() + 1}`,
-        role: 'assistant',
-        content: res.reply,
-        timestamp: new Date().toISOString(),
-      }]);
-      getGraph(USER_ID).then(data => { setNodes(data.nodes); setEdges(data.edges); }).catch(console.error);
-      if (messages.filter(m => m.role === 'user').length === 0) {
-        getSessions(USER_ID, 10).then(data => setRecentSessions(data.sessions.filter(s => s.message_count > 0))).catch(console.error);
-      }
-    } catch (e) {
-      console.error(e);
-    } finally {
-      setChatLoading(false);
-    }
-  };
-
-  const handleAction = async (action: 'hint' | 'confused' | 'skip') => {
-    if (!sessionId) return;
-    setChatLoading(true);
-    try {
-      const res = await sendAction(sessionId, USER_ID, action, mode, useSharedContext);
-      setMessages(prev => [...prev, {
-        id: `msg_${Date.now()}`,
-        role: 'assistant',
-        content: res.reply,
-        timestamp: new Date().toISOString(),
-      }]);
-      getGraph(USER_ID).then(data => { setNodes(data.nodes); setEdges(data.edges); }).catch(console.error);
-    } catch (e) {
-      console.error(e);
-    } finally {
-      setChatLoading(false);
-    }
-  };
-
-  const handleEndSession = async () => {
-    if (!sessionId) return;
-    try {
-      const res = await endSession(sessionId, USER_ID);
-      setSummary(res.summary);
-
-      const count = parseInt(localStorage.getItem(SESSION_COUNT_KEY) ?? '0', 10) + 1;
-      if (count >= SESSION_FEEDBACK_EVERY_N) {
-        feedbackDueRef.current = true;
-        localStorage.setItem(SESSION_COUNT_KEY, '0');
-      } else {
-        feedbackDueRef.current = false;
-        localStorage.setItem(SESSION_COUNT_KEY, String(count));
-      }
-    } catch (e) {
-      console.error(e);
-    }
-  };
-
-  const handleModeChange = async (newMode: TeachingMode) => {
-    if (newMode === mode) return;
-    setMode(newMode);
-    if (sessionId) {
-      try {
-        const res = await switchMode(sessionId, USER_ID, newMode);
-        setPrefillInput(`Continue in ${newMode} mode on ${topic || 'this topic'}...`);
-        setMessages(prev => [...prev, {
-          id: `msg_${Date.now()}`,
-          role: 'assistant',
-          content: res.reply,
-          timestamp: new Date().toISOString(),
-        }]);
-      } catch (e) {
-        console.error(e);
-      }
-    }
-  };
-
-  const handleSelectCourse = (course: string) => {
-    if (!course) return;
-    setSelectedCourse(course);
-    setTopic(course);
-    const match = enrolledCourses.find(c => {
-      const label = c.course_code ? `${c.course_code} - ${c.course_name}` : c.course_name;
-      return course === c.course_name || course === label || (c.nickname ? course === c.nickname : false);
-    });
-    beginSession(course, mode, match?.course_id);
-  };
-
-  const handleDeleteSession = async (sid: string) => {
-    try {
-      await deleteSession(sid, USER_ID);
-      setRecentSessions(prev => prev.filter(s => s.id !== sid));
-    } catch (e) {
-      console.error(e);
-    }
-  };
-
-  const handleResumeSession = async (sid: string) => {
-    if (!sid) return;
-    setSessionLoading(true);
-    try {
-      const res = await resumeSession(sid);
-      setSessionId(res.session.id);
-      setTopic(res.session.topic);
-      setMode(res.session.mode as TeachingMode);
-      setMessages(res.messages.map(m => ({
-        id: m.id,
-        role: m.role as 'user' | 'assistant',
-        content: m.content,
-        timestamp: m.created_at,
-      })));
-    } catch (e) {
-      console.error(e);
-    } finally {
-      setSessionLoading(false);
-    }
-  };
-
-  // Stable node-click handler — ref keeps latest mode/beginSession without invalidating the
-  // D3 useEffect dep array on every render (onNodeClick is a dep in KnowledgeGraph).
-  const nodeClickPayloadRef = useRef<{ mode: TeachingMode; beginSession: typeof beginSession }>({ mode, beginSession });
-  nodeClickPayloadRef.current = { mode, beginSession };
-  const handleNodeClick = useCallback((n: GraphNode) => {
-    const { mode: m, beginSession: bs } = nodeClickPayloadRef.current;
-    setTopic(n.concept_name);
-    const cid = n.course_id && String(n.course_id).trim() ? n.course_id : undefined;
-    bs(n.concept_name, m, cid);
-  }, []);
-
-  const topicNode = nodes.find(n => n.concept_name.toLowerCase() === topic.toLowerCase());
-
-  // Pre-select the suggested/topic concept when the quiz panel opens
-  const quizPreselectId = useMemo(() => {
-    const concept = suggestConcept || topicParam;
-    if (!concept) return '';
-    return nodes.find(n => n.concept_name.toLowerCase() === concept.toLowerCase())?.id ?? '';
-  }, [nodes, suggestConcept, topicParam]);
-
-  return (
-    <div style={{ height: 'calc(100vh - 48px)', display: 'flex', flexDirection: 'column' }}>
-      {/* Top bar */}
-      <div className="panel-in panel-in-1" style={{
-        background: '#f0f5f0',
-        borderBottom: '1px solid rgba(107,114,128,0.12)',
-        padding: isMobile ? '8px 10px' : '0 20px',
-        height: isMobile ? 'auto' : '52px',
-        minHeight: isMobile ? '48px' : undefined,
-        display: 'flex',
-        alignItems: 'center',
-        gap: isMobile ? '8px' : '16px',
-        flexWrap: isMobile ? 'wrap' : undefined,
-        flexShrink: 0,
-        position: 'relative',
-        zIndex: 20,
-      }}>
-        <Link href="/" style={{ color: '#6b7280', textDecoration: 'none', fontSize: '18px', lineHeight: 1 }}>
-          ←
-        </Link>
-
-        {!isMobile && (
-          <CustomSelect
-            value={selectedCourse}
-            onChange={handleSelectCourse}
-            placeholder="Select a course…"
-            options={courses.map(c => ({ value: c, label: c }))}
-            style={{ minWidth: '160px' }}
-          />
-        )}
-
-        {/* Resume past session */}
-        {!isMobile && recentSessions.length > 0 && (
-          <CustomSelect
-            value=""
-            onChange={sid => handleResumeSession(sid)}
-            placeholder="Resume session…"
-            options={recentSessions.map(s => {
-              const date = new Date(s.started_at).toLocaleDateString(undefined, { month: 'short', day: 'numeric' });
-              return { value: s.id, label: `${s.topic} · ${s.mode} · ${date}${s.is_active ? ' ●' : ''}` };
-            })}
-            onDelete={handleDeleteSession}
-            style={{ minWidth: '200px' }}
-          />
-        )}
-
-        {!isMobile && topic && (
-          <div style={{ display: 'flex', alignItems: 'center', gap: '8px' }}>
-            {topic !== selectedCourse && <span style={{ fontSize: '13px', color: '#6b7280' }}>→</span>}
-            <span style={{ fontSize: '14px', fontWeight: 500, color: '#111827' }}>
-              {topic !== selectedCourse ? topic : ''}
-            </span>
-            {topicNode && (
-              <span style={{ fontSize: '12px', color: '#6b7280' }}>
-                {getMasteryLabel(topicNode.mastery_score)}
-              </span>
-            )}
-          </div>
-        )}
-
-        {sessionLoading && <span style={{ fontSize: '13px', color: '#6b7280' }}>Starting…</span>}
-
-        <div style={{ display: 'flex', alignItems: 'center', gap: '16px', marginLeft: 'auto' }}>
-          {!isMobile && (
-            <>
-              <AIDisclaimerChip />
-              <SharedContextToggle enabled={useSharedContext} onToggle={toggleSharedContext} />
-            </>
-          )}
-
-          <ModeSelector
-            mode={mode}
-            onChange={handleModeChange}
-            showQuiz
-            quizActive={quizMode}
-            onToggleQuiz={() => setQuizMode(q => !q)}
-          />
-        </div>
-      </div>
-
-      {/* Main split */}
-      <div className="panel-in panel-in-2" style={{ flex: 1, display: 'flex', flexDirection: isMobile ? 'column' : undefined, overflow: 'hidden' }}>
-        {isMobile && (
-          <div style={{ display: 'flex', borderBottom: '1px solid rgba(107,114,128,0.12)', flexShrink: 0 }}>
-            <button onClick={() => setMobileView('chat')} style={{ flex: 1, padding: '8px', fontSize: '13px', fontWeight: mobileView === 'chat' ? 600 : 400, color: mobileView === 'chat' ? '#1a5c2a' : '#6b7280', background: mobileView === 'chat' ? 'rgba(26,92,42,0.06)' : 'transparent', border: 'none', borderBottom: mobileView === 'chat' ? '2px solid #1a5c2a' : '2px solid transparent', cursor: 'pointer' }}>Chat</button>
-            <button onClick={() => setMobileView('graph')} style={{ flex: 1, padding: '8px', fontSize: '13px', fontWeight: mobileView === 'graph' ? 600 : 400, color: mobileView === 'graph' ? '#1a5c2a' : '#6b7280', background: mobileView === 'graph' ? 'rgba(26,92,42,0.06)' : 'transparent', border: 'none', borderBottom: mobileView === 'graph' ? '2px solid #1a5c2a' : '2px solid transparent', cursor: 'pointer' }}>Graph</button>
-          </div>
-        )}
-        <div style={{ flex: 1, borderRight: isMobile ? undefined : '1px solid rgba(107,114,128,0.12)', overflow: 'hidden', display: isMobile && mobileView !== 'chat' ? 'none' : undefined, height: isMobile ? '100%' : undefined }}>
-          {quizMode ? (
-            <div style={{ height: '100%', overflow: 'hidden' }}>
-              <QuizPanel
-                nodes={nodes}
-                userId={USER_ID}
-                selectedCourse={selectedCourse}
-                preselectedNodeId={quizPreselectId}
-                useSharedContext={useSharedContext}
-                onLearnConcept={concept => {
-                  setQuizMode(false);
-                  if (concept) {
-                    setTopic(concept);
-                    const node = nodes.find(x => x.concept_name === concept);
-                    const cid = node?.course_id && String(node.course_id).trim() ? node.course_id : undefined;
-                    beginSession(concept, mode, cid);
-                  }
-                }}
-              />
-            </div>
-          ) : (
-            <>
-              {sessionError && (
-                <div style={{
-                  margin: '16px',
-                  padding: '12px 16px',
-                  background: '#fef2f2',
-                  border: '1px solid #fca5a5',
-                  borderRadius: '8px',
-                  fontSize: '13px',
-                  color: '#dc2626',
-                }}>
-                  <strong>Session error:</strong> {sessionError}
-                </div>
-              )}
-              <ChatPanel
-                messages={messages}
-                onSend={handleSend}
-                onAction={handleAction}
-                onEndSession={handleEndSession}
-                loading={chatLoading || sessionLoading}
-                mode={mode}
-                prefillInput={prefillInput}
-              />
-            </>
-          )}
-        </div>
-
-        <div style={{ flex: 1, position: 'relative', display: isMobile && mobileView !== 'graph' ? 'none' : 'flex', flexDirection: 'column', height: isMobile ? '100%' : undefined }}>
-          <div ref={graphContainerRef} style={{ flex: 1 }}>
-            {graphDimensions.width > 0 && graphReady && (
-              <KnowledgeGraph
-                nodes={nodes}
-                edges={filteredEdges}
-                width={graphDimensions.width}
-                height={graphDimensions.height}
-                animate
-                interactive
-                highlightId={suggestNode?.id ?? topicNode?.id}
-                onNodeClick={handleNodeClick}
-                courseColorMap={courseColorMap}
-              />
-            )}
-          </div>
-          <div style={{ position: 'absolute', bottom: '12px', right: '12px' }}>
-            <Link href="/tree" style={{ fontSize: '12px', color: '#475569', textDecoration: 'none' }}>
-              View Full Tree
-            </Link>
-          </div>
-
-          {/* AI "learn next" suggestion popup */}
-          {suggestConcept && suggestNode && (
-            <div className="panel-in-centered panel-in-1" style={{
-              position: 'absolute',
-              bottom: '44px',
-              left: '50%',
-              background: '#ffffff',
-              border: '1px solid rgba(26,92,42,0.25)',
-              borderRadius: '10px',
-              padding: '14px 18px',
-              boxShadow: '0 8px 32px rgba(0,0,0,0.12)',
-              zIndex: 20,
-              display: 'flex',
-              flexDirection: 'column',
-              gap: '10px',
-              minWidth: isMobile ? '0' : '300px',
-              maxWidth: isMobile ? 'calc(100% - 16px)' : '400px',
-              width: isMobile ? 'calc(100% - 16px)' : undefined,
-              fontFamily: "var(--font-dm-sans), 'DM Sans', sans-serif",
-            }}>
-              <div style={{ display: 'flex', alignItems: 'flex-start', gap: '10px' }}>
-                <span style={{ fontSize: '20px', lineHeight: 1, flexShrink: 0 }}>✨</span>
-                <div>
-                  <p style={{ fontSize: '11px', fontWeight: 500, color: '#6b7280', textTransform: 'uppercase', letterSpacing: '0.06em', margin: '0 0 3px' }}>
-                    AI Recommendation
-                  </p>
-                  <p style={{ fontSize: '15px', fontWeight: 600, color: '#111827', margin: 0 }}>
-                    {suggestConcept}
-                  </p>
-                  <p style={{ fontSize: '12px', color: '#6b7280', margin: '4px 0 0', lineHeight: 1.5 }}>
-                    This concept will have the highest impact on your mastery.
-                  </p>
-                </div>
-              </div>
-              <div style={{ display: 'flex', gap: '8px', justifyContent: 'flex-end' }}>
-                <button
-                  onClick={() => {
-                    const params = new URLSearchParams(searchParams.toString());
-                    params.delete('suggest');
-                    const q = params.toString();
-                    router.replace(q ? `/learn?${q}` : '/learn');
-                  }}
-                  style={{ padding: '6px 14px', background: 'transparent', color: '#6b7280', border: '1px solid rgba(107,114,128,0.22)', borderRadius: '6px', fontSize: '12px', fontWeight: 500, cursor: 'pointer', fontFamily: 'inherit' }}
-                >
-                  Dismiss
-                </button>
-                <button
-                  onClick={() => router.push(`/learn?topic=${encodeURIComponent(suggestConcept)}&mode=quiz`)}
-                  style={{ padding: '6px 16px', background: '#1a5c2a', color: '#ffffff', border: 'none', borderRadius: '6px', fontSize: '12px', fontWeight: 600, cursor: 'pointer', fontFamily: 'inherit' }}
-                >
-                  Start Quiz →
-                </button>
-              </div>
-            </div>
-          )}
-        </div>
-      </div>
-
-      {summary && (
-        <SessionSummary
-          summary={summary}
-          onDashboard={() => { setSummary(null); if (feedbackDueRef.current) { pendingNavRef.current = '/dashboard'; setShowSessionFeedback(true); } else { router.push('/dashboard'); } }}
-          onNewSession={() => { setSummary(null); setSessionId(null); setMessages([]); if (feedbackDueRef.current) setShowSessionFeedback(true); }}
-        />
-      )}
-
-      <SessionFeedbackFlow
-        visible={showSessionFeedback}
-        topic={topic}
-        sessionId={sessionId ?? undefined}
-        onDismiss={() => { setShowSessionFeedback(false); feedbackDueRef.current = false; if (pendingNavRef.current) { router.push(pendingNavRef.current); pendingNavRef.current = null; } }}
-      />
-    </div>
-  );
-}
-
-export default function LearnPage() {
-  return (
-    <Suspense fallback={<div style={{ padding: 40, color: '#9ca3af' }}>Loading...</div>}>
-      <LearnInner />
-    </Suspense>
-  );
-}
diff --git a/frontend/src/app/library/page.tsx b/frontend/src/app/library/page.tsx
deleted file mode 100644
index 00c9a379..00000000
--- a/frontend/src/app/library/page.tsx
+++ /dev/null
@@ -1,387 +0,0 @@
-'use client';
-
-import { useEffect, useState, useMemo } from 'react';
-import {
-  getCourses,
-  getDocuments,
-  deleteDocument,
-  type EnrolledCourse,
-} from '@/lib/api';
-import DocumentUploadModal, { type UploadedDoc } from '@/components/DocumentUploadModal';
-import { getCourseColor } from '@/lib/graphUtils';
-import { useUser } from '@/context/UserContext';
-
-const UI_FONT = "var(--font-dm-sans), 'DM Sans', sans-serif";
-
-const GLASS: React.CSSProperties = {
-  background: '#ffffff',
-  border: '1px solid rgba(107, 114, 128, 0.15)',
-  borderRadius: '10px',
-};
-
-type Category = 'all' | 'syllabus' | 'lecture_notes' | 'slides' | 'reading' | 'assignment' | 'study_guide' | 'other';
-
-const CATEGORY_LABELS: Record<string, string> = {
-  all: 'All',
-  syllabus: 'Syllabus',
-  lecture_notes: 'Lecture Notes',
-  slides: 'Slides',
-  reading: 'Reading',
-  assignment: 'Assignment',
-  study_guide: 'Study Guide',
-  other: 'Other',
-};
-
-const CATEGORY_COLORS: Record<string, { bg: string; text: string; border: string }> = {
-  syllabus:      { bg: 'rgba(99,102,241,0.1)',  text: '#4338ca', border: 'rgba(99,102,241,0.25)'  },
-  lecture_notes: { bg: 'rgba(13,148,136,0.1)',  text: '#0f766e', border: 'rgba(13,148,136,0.25)'  },
-  slides:        { bg: 'rgba(217,119,6,0.1)',   text: '#b45309', border: 'rgba(217,119,6,0.25)'   },
-  reading:       { bg: 'rgba(37,99,235,0.1)',   text: '#1d4ed8', border: 'rgba(37,99,235,0.25)'   },
-  assignment:    { bg: 'rgba(220,38,38,0.1)',   text: '#b91c1c', border: 'rgba(220,38,38,0.25)'   },
-  study_guide:   { bg: 'rgba(5,150,105,0.1)',   text: '#047857', border: 'rgba(5,150,105,0.25)'   },
-  other:         { bg: 'rgba(107,114,128,0.1)', text: '#4b5563', border: 'rgba(107,114,128,0.25)' },
-};
-
-const CATEGORY_ORDER: Category[] = ['all', 'syllabus', 'lecture_notes', 'slides', 'reading', 'assignment', 'study_guide', 'other'];
-
-function useIsMobile(breakpoint = 768) {
-  const [isMobile, setIsMobile] = useState(false);
-  useEffect(() => {
-    const mql = window.matchMedia(`(max-width: ${breakpoint}px)`);
-    setIsMobile(mql.matches);
-    const handler = (e: MediaQueryListEvent) => setIsMobile(e.matches);
-    mql.addEventListener('change', handler);
-    return () => mql.removeEventListener('change', handler);
-  }, [breakpoint]);
-  return isMobile;
-}
-
-function formatDate(iso: string): string {
-  return new Date(iso).toLocaleDateString('en-US', { month: 'long', day: 'numeric', year: 'numeric' });
-}
-
-type Doc = UploadedDoc;
-
-export default function LibraryPage() {
-  const { userId, userReady } = useUser();
-  const isMobile = useIsMobile();
-
-  const [courses, setCourses] = useState<EnrolledCourse[]>([]);
-  const [docs, setDocs] = useState<Doc[]>([]);
-  const [loading, setLoading] = useState(true);
-
-  const [activeCourse, setActiveCourse] = useState<string>('all');
-  const [activeCategory, setActiveCategory] = useState<Category>('all');
-
-  const [panelDoc, setPanelDoc] = useState<Doc | null>(null);
-  const [revealedCards, setRevealedCards] = useState<Set<number>>(new Set());
-  const [confirmDelete, setConfirmDelete] = useState(false);
-  const [deleting, setDeleting] = useState(false);
-
-  const [showUpload, setShowUpload] = useState(false);
-
-  function openPanel(doc: Doc) {
-    setPanelDoc(doc);
-    setRevealedCards(new Set());
-    setConfirmDelete(false);
-  }
-
-  function closePanel() {
-    setPanelDoc(null);
-    setConfirmDelete(false);
-    setDeleting(false);
-  }
-
-  async function handleDelete() {
-    if (!panelDoc) return;
-    setDeleting(true);
-    try {
-      await deleteDocument(panelDoc.id, userId);
-      setDocs(prev => prev.filter(d => d.id !== panelDoc.id));
-      closePanel();
-    } catch (e) {
-      console.error(e);
-      setDeleting(false);
-    }
-  }
-
-  useEffect(() => {
-    if (!userReady) return;
-    Promise.all([getCourses(userId), getDocuments(userId)])
-      .then(([cd, dd]) => { setCourses(cd.courses); setDocs(dd.documents); })
-      .catch(console.error)
-      .finally(() => setLoading(false));
-  }, [userId, userReady]);
-
-  const courseById = useMemo(() => {
-    const m: Record<string, EnrolledCourse> = {};
-    courses.forEach(c => {
-      m[c.course_id] = c;
-    });
-    return m;
-  }, [courses]);
-
-  const filtered = useMemo(() =>
-    docs.filter(d => {
-      if (activeCourse !== 'all' && d.course_id !== activeCourse) return false;
-      if (activeCategory !== 'all' && d.category !== activeCategory) return false;
-      return true;
-    }), [docs, activeCourse, activeCategory]);
-
-  function handleUploadClose(uploaded: UploadedDoc[]) {
-    setShowUpload(false);
-    // Parallel uploads may have persisted docs before the user finished review — resync grid.
-    if (uploaded.length > 0 && userId) {
-      const sync = () =>
-        getDocuments(userId)
-          .then(d => setDocs(d.documents))
-          .catch(() => {});
-      sync();
-      window.setTimeout(sync, 1500);
-    }
-  }
-
-  function handleDocConfirmed(doc: UploadedDoc) {
-    setDocs(prev => [doc, ...prev.filter(d => d.id !== doc.id)]);
-  }
-
-  const pillStyle = (active: boolean, color?: { bg: string; text: string; border: string }): React.CSSProperties => ({
-    padding: '5px 13px', borderRadius: '20px', fontSize: '12px',
-    fontWeight: active ? 600 : 400, cursor: 'pointer',
-    border: active ? `1px solid ${color?.border ?? 'rgba(26,92,42,0.4)'}` : '1px solid rgba(107,114,128,0.2)',
-    background: active ? (color?.bg ?? 'rgba(26,92,42,0.08)') : 'transparent',
-    color: active ? (color?.text ?? '#1a5c2a') : '#6b7280',
-    fontFamily: UI_FONT, transition: 'all 0.15s', whiteSpace: 'nowrap' as const,
-  });
-
-  return (
-    <div style={{ padding: isMobile ? '12px' : '32px', maxWidth: '1100px', margin: '0 auto', fontFamily: UI_FONT }}>
-
-      {/* Header */}
-      <div className="panel-in panel-in-2" style={{ display: 'flex', alignItems: 'flex-start', justifyContent: 'space-between', marginBottom: '28px', flexDirection: isMobile ? 'column' as const : 'row' as const, gap: isMobile ? '12px' : undefined }}>
-        <div>
-          <h1 style={{
-            fontFamily: "var(--font-spectral), 'Spectral', Georgia, serif",
-            fontSize: isMobile ? '22px' : '32px', fontWeight: 700, color: '#111827', margin: 0, letterSpacing: '-0.02em',
-          }}>Library</h1>
-          <p style={{ fontSize: '14px', color: '#6b7280', margin: '4px 0 0' }}>Your uploaded course documents.</p>
-        </div>
-        <button
-          onClick={() => setShowUpload(true)}
-          style={{
-            padding: '8px 20px', background: '#1a5c2a', color: '#fff',
-            border: 'none', borderRadius: '7px', fontSize: '13px', fontWeight: 600,
-            cursor: 'pointer', fontFamily: UI_FONT, letterSpacing: '0.3px',
-          }}
-        >
-          Upload Document
-        </button>
-      </div>
-
-      {/* Filters */}
-      <div className="panel-in panel-in-2" style={{ ...GLASS, padding: '16px 20px', marginBottom: '20px', display: 'flex', flexDirection: 'column', gap: '12px' }}>
-        <div style={{ display: 'flex', alignItems: 'center', gap: '8px', flexWrap: 'wrap' }}>
-          <span style={{ fontSize: '11px', fontWeight: 500, color: '#9ca3af', textTransform: 'uppercase', letterSpacing: '0.07em', minWidth: '60px' }}>Course</span>
-          <button style={pillStyle(activeCourse === 'all')} onClick={() => setActiveCourse('all')}>All</button>
-          {courses.map(c => {
-            const col = getCourseColor(c.course_name, c.color);
-            return (
-              <button key={c.course_id} onClick={() => setActiveCourse(c.course_id)}
-                style={pillStyle(activeCourse === c.course_id, { bg: col.bg, text: col.text, border: col.border })}>
-                {c.course_name}
-              </button>
-            );
-          })}
-        </div>
-        <div style={{ display: 'flex', alignItems: 'center', gap: '8px', flexWrap: 'wrap' }}>
-          <span style={{ fontSize: '11px', fontWeight: 500, color: '#9ca3af', textTransform: 'uppercase', letterSpacing: '0.07em', minWidth: '60px' }}>Type</span>
-          {CATEGORY_ORDER.map(cat => (
-            <button key={cat} onClick={() => setActiveCategory(cat)}
-              style={pillStyle(activeCategory === cat, cat !== 'all' ? CATEGORY_COLORS[cat] : undefined)}>
-              {CATEGORY_LABELS[cat]}
-            </button>
-          ))}
-        </div>
-      </div>
-
-      {/* Grid */}
-      <div className="panel-in panel-in-3">
-      {loading ? (
-        <p style={{ fontSize: '14px', color: '#9ca3af', paddingTop: '20px' }}>Loading…</p>
-      ) : docs.length === 0 ? (
-        <div style={{ ...GLASS, padding: '60px 32px', textAlign: 'center' }}>
-          <p style={{ fontSize: '16px', fontWeight: 500, color: '#6b7280', margin: 0 }}>No documents yet</p>
-          <p style={{ fontSize: '13px', color: '#d1d5db', margin: '6px 0 0' }}>Upload one to get started.</p>
-        </div>
-      ) : filtered.length === 0 ? (
-        <div style={{ ...GLASS, padding: '60px 32px', textAlign: 'center' }}>
-          <p style={{ fontSize: '15px', fontWeight: 500, color: '#6b7280', margin: 0 }}>No documents match these filters.</p>
-          <p style={{ fontSize: '13px', color: '#d1d5db', margin: '6px 0 0' }}>Try selecting a different course or category.</p>
-        </div>
-      ) : (
-        <div style={{ display: 'grid', gridTemplateColumns: `repeat(auto-fill, minmax(${isMobile ? '240px' : '280px'}, 1fr))`, gap: '14px' }}>
-          {filtered.map(doc => {
-            const course = courseById[doc.course_id];
-            const courseColor = course ? getCourseColor(course.course_name, course.color) : null;
-            const catColor = CATEGORY_COLORS[doc.category] ?? CATEGORY_COLORS.other;
-            return (
-              <div key={doc.id} onClick={() => openPanel(doc)} style={{ ...GLASS, padding: '16px', display: 'flex', flexDirection: 'column', gap: '10px', cursor: 'pointer', transition: 'box-shadow 0.15s' }}
-                onMouseEnter={e => (e.currentTarget.style.boxShadow = '0 4px 16px rgba(0,0,0,0.08)')}
-                onMouseLeave={e => (e.currentTarget.style.boxShadow = 'none')}
-              >
-                <p style={{ fontSize: '14px', fontWeight: 600, color: '#111827', margin: 0, wordBreak: 'break-word', lineHeight: 1.35 }}>
-                  {doc.file_name}
-                </p>
-                <div style={{ display: 'flex', gap: '6px', flexWrap: 'wrap' }}>
-                  <span style={{ fontSize: '10px', fontWeight: 600, textTransform: 'uppercase', letterSpacing: '0.05em', padding: '2px 8px', borderRadius: '4px', background: catColor.bg, color: catColor.text, border: `1px solid ${catColor.border}` }}>
-                    {CATEGORY_LABELS[doc.category] ?? doc.category}
-                  </span>
-                  {course && courseColor && (
-                    <span style={{ fontSize: '10px', fontWeight: 600, textTransform: 'uppercase', letterSpacing: '0.05em', padding: '2px 8px', borderRadius: '4px', background: courseColor.bg, color: courseColor.text, border: `1px solid ${courseColor.border}` }}>
-                      {course.course_name}
-                    </span>
-                  )}
-                </div>
-                {doc.summary && (
-                  <p style={{ fontSize: '12px', color: '#6b7280', margin: 0, lineHeight: 1.5, display: '-webkit-box', WebkitLineClamp: 2, WebkitBoxOrient: 'vertical', overflow: 'hidden' }}>
-                    {doc.summary}
-                  </p>
-                )}
-                <p style={{ fontSize: '11px', color: '#9ca3af', margin: 0 }}>{formatDate(doc.created_at)}</p>
-              </div>
-            );
-          })}
-        </div>
-      )}
-      </div>
-
-      {/* ── Detail Modal ─────────────────────────────────────────────────────── */}
-      {panelDoc && (
-        <div
-          onClick={e => { if (e.target === e.currentTarget) closePanel(); }}
-          style={{ position: 'fixed', inset: 0, background: 'rgba(0,0,0,0.45)', zIndex: 80, display: 'flex', alignItems: 'flex-start', justifyContent: 'center', padding: '40px 20px', overflowY: 'auto' }}
-        >
-          <div style={{
-            background: '#fff', borderRadius: '12px', width: '620px', maxWidth: '95vw',
-            maxHeight: '85vh', overflowY: 'auto', position: 'relative',
-            border: '1px solid rgba(107,114,128,0.15)', boxShadow: '0 20px 60px rgba(0,0,0,0.15)',
-            fontFamily: UI_FONT, display: 'flex', flexDirection: 'column',
-          }}>
-            <div style={{ padding: '20px 20px 14px', borderBottom: '1px solid rgba(107,114,128,0.1)', flexShrink: 0 }}>
-              <div style={{ display: 'flex', alignItems: 'flex-start', justifyContent: 'space-between', gap: '12px', marginBottom: '10px' }}>
-                <p style={{ fontSize: '16px', fontWeight: 700, color: '#111827', margin: 0, wordBreak: 'break-word', lineHeight: 1.35, flex: 1 }}>
-                  {panelDoc.file_name}
-                </p>
-                <button onClick={closePanel} style={{ background: 'none', border: 'none', fontSize: '18px', color: '#6b7280', cursor: 'pointer', lineHeight: 1, padding: '2px 4px', flexShrink: 0 }}>✕</button>
-              </div>
-              <div style={{ display: 'flex', alignItems: 'flex-start', justifyContent: 'space-between', gap: '12px' }}>
-                <div style={{ display: 'flex', gap: '6px', flexWrap: 'wrap' }}>
-                  {(() => {
-                    const catColor = CATEGORY_COLORS[panelDoc.category] ?? CATEGORY_COLORS.other;
-                    return (
-                      <span style={{ fontSize: '10px', fontWeight: 600, textTransform: 'uppercase', letterSpacing: '0.05em', padding: '2px 8px', borderRadius: '4px', background: catColor.bg, color: catColor.text, border: `1px solid ${catColor.border}` }}>
-                        {CATEGORY_LABELS[panelDoc.category] ?? panelDoc.category}
-                      </span>
-                    );
-                  })()}
-                  {(() => {
-                    const course = courseById[panelDoc.course_id];
-                    if (!course) return null;
-                    const cc = getCourseColor(course.course_name, course.color);
-                    return (
-                      <span style={{ fontSize: '10px', fontWeight: 600, textTransform: 'uppercase', letterSpacing: '0.05em', padding: '2px 8px', borderRadius: '4px', background: cc.bg, color: cc.text, border: `1px solid ${cc.border}` }}>
-                        {course.course_name}
-                      </span>
-                    );
-                  })()}
-                </div>
-              </div>
-              <p style={{ fontSize: '11px', color: '#9ca3af', margin: '10px 0 0' }}>{formatDate(panelDoc.created_at)}</p>
-            </div>
-
-            <div style={{ padding: '20px', flex: 1, display: 'flex', flexDirection: 'column', gap: '22px' }}>
-              {panelDoc.summary && (
-                <div>
-                  <p style={{ fontSize: '10px', fontWeight: 600, color: '#9ca3af', textTransform: 'uppercase', letterSpacing: '0.1em', margin: '0 0 8px' }}>Summary</p>
-                  <p style={{ fontSize: '13px', color: '#374151', margin: 0, lineHeight: 1.65 }}>{panelDoc.summary}</p>
-                </div>
-              )}
-
-              {panelDoc.key_takeaways && panelDoc.key_takeaways.length > 0 && (
-                <div>
-                  <p style={{ fontSize: '10px', fontWeight: 600, color: '#9ca3af', textTransform: 'uppercase', letterSpacing: '0.1em', margin: '0 0 8px' }}>Key Takeaways</p>
-                  <ul style={{ margin: 0, paddingLeft: '16px', display: 'flex', flexDirection: 'column', gap: '6px' }}>
-                    {panelDoc.key_takeaways.map((t, i) => (
-                      <li key={i} style={{ fontSize: '13px', color: '#374151', lineHeight: 1.55 }}>{t}</li>
-                    ))}
-                  </ul>
-                </div>
-              )}
-
-              {panelDoc.flashcards && panelDoc.flashcards.length > 0 && (
-                <div>
-                  <p style={{ fontSize: '10px', fontWeight: 600, color: '#9ca3af', textTransform: 'uppercase', letterSpacing: '0.1em', margin: '0 0 10px' }}>Flashcards</p>
-                  <div style={{ display: 'flex', flexDirection: 'column', gap: '8px' }}>
-                    {panelDoc.flashcards.map((fc, i) => {
-                      const revealed = revealedCards.has(i);
-                      return (
-                        <div key={i} style={{ border: '1px solid rgba(107,114,128,0.15)', borderRadius: '8px', overflow: 'hidden' }}>
-                          <div style={{ padding: '10px 14px', background: '#f8faf8' }}>
-                            <p style={{ fontSize: '13px', fontWeight: 500, color: '#111827', margin: 0, lineHeight: 1.4 }}>{fc.question}</p>
-                          </div>
-                          <div style={{ padding: '9px 14px', borderTop: '1px solid rgba(107,114,128,0.1)' }}>
-                            {revealed ? (
-                              <p style={{ fontSize: '13px', color: '#374151', margin: 0, lineHeight: 1.5 }}>{fc.answer}</p>
-                            ) : (
-                              <button
-                                onClick={() => setRevealedCards(prev => new Set([...prev, i]))}
-                                style={{ fontSize: '12px', color: '#1a5c2a', background: 'none', border: 'none', cursor: 'pointer', fontFamily: 'inherit', padding: 0, fontWeight: 500 }}
-                              >
-                                Reveal answer
-                              </button>
-                            )}
-                          </div>
-                        </div>
-                      );
-                    })}
-                  </div>
-                </div>
-              )}
-            </div>
-
-            <div style={{ padding: '14px 20px', borderTop: '1px solid rgba(107,114,128,0.1)', flexShrink: 0 }}>
-              {confirmDelete ? (
-                <div>
-                  <p style={{ fontSize: '13px', color: '#374151', margin: '0 0 10px', fontWeight: 500 }}>
-                    Are you sure? This cannot be undone.
-                  </p>
-                  <div style={{ display: 'flex', gap: '8px' }}>
-                    <button onClick={() => setConfirmDelete(false)} style={{ flex: 1, padding: '8px', background: '#fff', color: '#374151', border: '1px solid rgba(107,114,128,0.25)', borderRadius: '6px', fontSize: '13px', cursor: 'pointer', fontFamily: 'inherit' }}>
-                      Cancel
-                    </button>
-                    <button onClick={handleDelete} disabled={deleting} style={{ flex: 1, padding: '8px', background: deleting ? '#f3f4f6' : '#dc2626', color: deleting ? '#9ca3af' : '#fff', border: 'none', borderRadius: '6px', fontSize: '13px', fontWeight: 600, cursor: deleting ? 'default' : 'pointer', fontFamily: 'inherit' }}>
-                      {deleting ? 'Deleting…' : 'Delete'}
-                    </button>
-                  </div>
-                </div>
-              ) : (
-                <button onClick={() => setConfirmDelete(true)} style={{ width: '100%', padding: '8px', background: 'none', color: '#b91c1c', border: '1px solid rgba(220,38,38,0.25)', borderRadius: '6px', fontSize: '13px', cursor: 'pointer', fontFamily: 'inherit' }}>
-                  Delete document
-                </button>
-              )}
-            </div>
-          </div>
-        </div>
-      )}
-
-      <DocumentUploadModal
-        open={showUpload}
-        onClose={handleUploadClose}
-        userId={userId}
-        courses={courses}
-        onCoursesChanged={setCourses}
-        onDocConfirmed={handleDocConfirmed}
-      />
-    </div>
-  );
-}
diff --git a/frontend/src/app/onboarding/page.tsx b/frontend/src/app/onboarding/page.tsx
new file mode 100644
index 00000000..a0dcdc2a
--- /dev/null
+++ b/frontend/src/app/onboarding/page.tsx
@@ -0,0 +1,5 @@
+import { Onboarding } from "@/components/screens/Onboarding";
+
+export default function OnboardingPage() {
+  return <Onboarding />;
+}
diff --git a/frontend/src/app/page.tsx b/frontend/src/app/page.tsx
index 8a15128c..c3a1c903 100644
--- a/frontend/src/app/page.tsx
+++ b/frontend/src/app/page.tsx
@@ -1,953 +1,5 @@
-'use client';
+import { redirect } from "next/navigation";
 
-import { useEffect, useState, useRef, useCallback } from 'react';
-import { useRouter } from 'next/navigation';
-import { useUser } from '@/context/UserContext';
-import { Network, Sparkles, FilePlus2, Brain, CalendarClock, Users, PenSquare } from 'lucide-react';
-import OnboardingFlow from '@/components/OnboardingFlow';
-import HowItWorks from '@/components/HowItWorks';
-
-const API_URL = process.env.NEXT_PUBLIC_API_URL ?? 'http://localhost:5000';
-
-const SCRAMBLE_CHARS = "ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789!<>-_\\/[]{}=+*^?#_";
-
-const CLUSTER_COLORS = ['#9CA3AF', '#D97706', '#3B82F6', '#8A63D2', '#14B8A6', '#EF4444'];
-const CLUSTER_SEEDS_BG = [10.0, 11.3, 12.6, 13.9, 15.2, 16.5];
-const CLUSTER_INIT_POS = [
-  { ox: -222, oy: -29, oz:  15 },
-  { ox: -161, oy: -59, oz: -20 },
-  { ox:  -81, oy: -42, oz:  30 },
-  { ox:  -67, oy:  17, oz:   0 },
-  { ox: -168, oy:  59, oz:  20 },
-  { ox: -229, oy:   8, oz: -30 },
-];
-
-export default function LandingPage() {
-  const router = useRouter();
-  const { userReady, isAuthenticated, userId } = useUser();
-
-  const [heroMounted, setHeroMounted] = useState(false);
-  const [heroText1, setHeroText1] = useState('');
-  const [heroText2, setHeroText2] = useState('');
-  const [onboardingPhase, setOnboardingPhase] = useState<'idle' | 'out' | 'active' | 'complete'>('idle');
-  const [introText, setIntroText] = useState<'hidden' | 'in' | 'out'>('hidden');
-  const [outroText, setOutroText] = useState<'hidden' | 'in' | 'out'>('hidden');
-  const [outroOverlay, setOutroOverlay] = useState(false);
-  const [activeStep, setActiveStep] = useState(0);
-  const [completed, setCompleted] = useState<Set<number>>(new Set());
-
-  const canvasRef = useRef<HTMLCanvasElement>(null);
-  const heroContentRef = useRef<HTMLDivElement>(null);
-  const floatingCardsRef = useRef<HTMLDivElement>(null);
-  const navRef = useRef<HTMLElement>(null);
-  const ambientGlowRef = useRef<HTMLDivElement>(null);
-  const parallaxYRef = useRef(0);
-  const mouseRef = useRef({ x: 0, y: 0 });
-  const onboardingTimeoutRef = useRef<NodeJS.Timeout | null>(null);
-  const introTimeoutsRef = useRef<NodeJS.Timeout[]>([]);
-  const canvasZoomRef = useRef(1.0);
-  const zoomActiveRef = useRef(false);
-  const zoomOutroRef = useRef(false);
-  const onboardingPhaseRef = useRef<'idle' | 'out' | 'active' | 'complete'>('idle');
-  const clusterProgressRef = useRef(0);
-  const clusterActiveStepRef = useRef(0);
-  const clusterCompletedRef = useRef<Set<number>>(new Set());
-  const obNodesRef = useRef<Array<{
-    ox: number; oy: number; oz: number;
-    startOx: number; startOy: number; startOz: number;
-    migDelay: number; migDur: number;
-    color: string; radius: number; seed: number;
-    birthTime: number; stepIndex: number; isPreview: boolean;
-    dyingAt?: number;
-  }>>([]);
-  const obInitStepsRef = useRef<Set<number>>(new Set());
-  const obDoneStepsRef = useRef<Set<number>>(new Set());
-
-  // Auth redirect / onboarding resume
-  useEffect(() => {
-    if (userReady && isAuthenticated) {
-      const pending = sessionStorage.getItem('sapling_onboarding_pending');
-      if (pending) {
-        sessionStorage.removeItem('sapling_onboarding_pending');
-        window.scrollTo({ top: 0, behavior: 'instant' });
-        setActiveStep(1);
-        setCompleted(new Set([0]));
-        setHeroMounted(true);
-        setIntroText('hidden');
-        zoomActiveRef.current = true;
-        zoomOutroRef.current = false;
-        canvasZoomRef.current = 2.5;
-        clusterProgressRef.current = 1;
-        setOnboardingPhase('active');
-      } else {
-        router.replace('/dashboard');
-      }
-    }
-  }, [userReady, isAuthenticated, router]);
-
-  // Cleanup timeouts on unmount
-  useEffect(() => {
-    return () => {
-      if (onboardingTimeoutRef.current) clearTimeout(onboardingTimeoutRef.current);
-      introTimeoutsRef.current.forEach(clearTimeout);
-    };
-  }, []);
-
-  // Sync refs from state
-  useEffect(() => {
-    onboardingPhaseRef.current = onboardingPhase;
-    document.body.style.overflow = onboardingPhase !== 'idle' ? 'hidden' : '';
-    return () => { document.body.style.overflow = ''; };
-  }, [onboardingPhase]);
-  useEffect(() => { clusterActiveStepRef.current = activeStep; }, [activeStep]);
-  useEffect(() => { clusterCompletedRef.current = completed; }, [completed]);
-
-  const scrambleText = useCallback((setter: (v: string) => void, final: string, duration: number) => {
-    const start = Date.now();
-    const interval = setInterval(() => {
-      const progress = (Date.now() - start) / duration;
-      if (progress >= 1) { setter(final); clearInterval(interval); return; }
-      setter(final.split('').map((ch, idx) => {
-        if (ch === ' ' || ch === '\n') return ch;
-        if (progress > idx / final.length) return ch;
-        return SCRAMBLE_CHARS[Math.floor(Math.random() * SCRAMBLE_CHARS.length)];
-      }).join(''));
-    }, 30);
-    return () => clearInterval(interval);
-  }, []);
-
-  useEffect(() => {
-    const timeout = setTimeout(() => {
-      setHeroMounted(true);
-      scrambleText(setHeroText1, 'Sapling', 1000);
-      setTimeout(() => scrambleText(setHeroText2, 'Grow Your Knowledge', 1200), 200);
-    }, 300);
-    return () => clearTimeout(timeout);
-  }, [scrambleText]);
-
-  // 3D Canvas graph with zoom + OB cluster nodes
-  useEffect(() => {
-    const canvas = canvasRef.current;
-    if (!canvas) return;
-    const ctx = canvas.getContext('2d', { alpha: true });
-    if (!ctx) return;
-
-    let width = 0, height = 0;
-    let rotAngle = 0;
-    let animId: number;
-
-    const palette = [
-      { c: '#8A63D2', w: 0.24 }, { c: '#3B82F6', w: 0.24 },
-      { c: '#D97706', w: 0.20 }, { c: '#14B8A6', w: 0.15 },
-      { c: '#9CA3AF', w: 0.10 }, { c: '#D1D5DB', w: 0.07 },
-    ];
-    function randColor() {
-      let r = Math.random(), s = 0;
-      for (const p of palette) { s += p.w; if (r <= s) return p.c; }
-      return palette[0].c;
-    }
-
-    const clusters = [
-      { x: -600, y: -250, z: 80 },  { x: -350, y: -100, z: -120 },
-      { x: -100, y: -300, z: 200 }, { x: 150, y: -150, z: -80 },
-      { x: 400, y: -250, z: 150 },  { x: 600, y: -100, z: -50 },
-      { x: -500, y: 100, z: -150 }, { x: -200, y: 200, z: 100 },
-      { x: 50, y: 150, z: -200 },   { x: 300, y: 250, z: 120 },
-      { x: 550, y: 150, z: -100 },  { x: -400, y: 350, z: 60 },
-      { x: 0, y: 0, z: 0 },         { x: 200, y: -50, z: -150 },
-    ];
-    const spread = 280;
-    const bgNodes = Array.from({ length: 220 }, () => {
-      const cl = clusters[Math.floor(Math.random() * clusters.length)];
-      return {
-        ox: cl.x + (Math.random() - 0.5) * spread,
-        oy: cl.y + (Math.random() - 0.5) * spread,
-        oz: cl.z + (Math.random() - 0.5) * spread,
-        color: randColor(),
-        radius: 1 + Math.random() * 4,
-        seed: Math.random() * 100,
-        clusterIndex: undefined as number | undefined,
-      };
-    });
-    const clusterNodes = CLUSTER_INIT_POS.map((pos, i) => ({
-      ox: pos.ox, oy: pos.oy, oz: pos.oz,
-      color: CLUSTER_COLORS[i],
-      radius: 2.5 + Math.random() * 1.5,
-      seed: CLUSTER_SEEDS_BG[i],
-      clusterIndex: i as number | undefined,
-    }));
-    const nodes = [...bgNodes, ...clusterNodes];
-
-    // OB graph — cluster centres per onboarding step
-    const OB_STEP_CENTERS = [
-      { ox: -155, oy:   0, oz:   0 },
-      { ox: -230, oy: -80, oz:  25 },
-      { ox: -115, oy:-105, oz: -35 },
-      { ox: -270, oy:  65, oz: -15 },
-      { ox: -155, oy:  95, oz:  35 },
-      { ox: -215, oy: -25, oz: -55 },
-    ];
-    const OB_SPREAD = 58;
-    const OB_COUNT  = 15;
-    const easeInOutCubic = (x: number) =>
-      x < 0.5 ? 4 * x * x * x : 1 - Math.pow(-2 * x + 2, 3) / 2;
-    const stepRand = (si: number, idx: number) => {
-      const s = Math.sin(si * 9301 + idx * 49297 + 233) * 10000003;
-      return s - Math.floor(s);
-    };
-
-    function resize() {
-      width = window.innerWidth;
-      height = window.innerHeight;
-      canvas!.width = width * devicePixelRatio;
-      canvas!.height = height * devicePixelRatio;
-      ctx!.scale(devicePixelRatio, devicePixelRatio);
-    }
-    window.addEventListener('resize', resize);
-    resize();
-
-    function draw() {
-      if (!ctx) return;
-      ctx.clearRect(0, 0, width, height);
-      rotAngle += 0.0008;
-      const fl = 1000, cx = width / 2, cy = height / 2, t = Date.now() * 0.001;
-      const mx = mouseRef.current.x, my = mouseRef.current.y;
-      const now = Date.now();
-
-      // ── OB knowledge graph: spawn nodes per step ─────────────────────
-      if (onboardingPhaseRef.current === 'active') {
-        const asi = clusterActiveStepRef.current;
-        if (!obInitStepsRef.current.has(asi)) {
-          obInitStepsRef.current.add(asi);
-          const ctr = OB_STEP_CENTERS[asi];
-          for (let k = 0; k < 8; k++) {
-            const ox = ctr.ox + (stepRand(asi, k * 4    ) - 0.5) * OB_SPREAD * 0.9;
-            const oy = ctr.oy + (stepRand(asi, k * 4 + 1) - 0.5) * OB_SPREAD * 0.6;
-            const oz = ctr.oz + (stepRand(asi, k * 4 + 2) - 0.5) * OB_SPREAD * 0.9;
-            obNodesRef.current.push({
-              ox, oy, oz, startOx: ox, startOy: oy, startOz: oz,
-              migDelay: k * 60, migDur: 450,
-              color: CLUSTER_COLORS[asi],
-              radius: 1 + stepRand(asi, k * 4 + 3) * 1.5,
-              seed: stepRand(asi, k * 4 + 2) * 100,
-              birthTime: now, stepIndex: asi, isPreview: true,
-            });
-          }
-        }
-      }
-      if (onboardingPhaseRef.current === 'active' || onboardingPhaseRef.current === 'complete') {
-        const comp = clusterCompletedRef.current;
-        comp.forEach(si => {
-          if (!obDoneStepsRef.current.has(si)) {
-            obDoneStepsRef.current.add(si);
-            obNodesRef.current.forEach(n => {
-              if (n.stepIndex === si && n.isPreview) n.dyingAt = now;
-            });
-            const ctr = OB_STEP_CENTERS[si];
-            for (let k = 0; k < OB_COUNT; k++) {
-              obNodesRef.current.push({
-                ox: ctr.ox + (stepRand(si, k * 4    ) - 0.5) * OB_SPREAD * 2,
-                oy: ctr.oy + (stepRand(si, k * 4 + 1) - 0.5) * OB_SPREAD * 1.5,
-                oz: ctr.oz + (stepRand(si, k * 4 + 2) - 0.5) * OB_SPREAD * 2,
-                startOx: 80 + stepRand(si, k * 4 + 10) * 260,
-                startOy: (stepRand(si, k * 4 + 11) - 0.5) * 220,
-                startOz: (stepRand(si, k * 4 + 12) - 0.5) * 220,
-                migDelay: k * 50, migDur: 580 + stepRand(si, k * 4 + 13) * 160,
-                color: CLUSTER_COLORS[si],
-                radius: 1.8 + stepRand(si, k * 4 + 3) * 3,
-                seed: stepRand(si, k * 4 + 2) * 100,
-                birthTime: now, stepIndex: si, isPreview: false,
-              });
-            }
-          }
-        });
-      }
-      obNodesRef.current = obNodesRef.current.filter(n =>
-        !(n.dyingAt !== undefined && now - n.dyingAt > 500)
-      );
-      if (onboardingPhaseRef.current === 'idle' && obNodesRef.current.length > 0) {
-        obNodesRef.current = [];
-        obInitStepsRef.current = new Set();
-        obDoneStepsRef.current = new Set();
-      }
-
-      const zoomTarget = zoomOutroRef.current ? 5.5 : (zoomActiveRef.current ? 2.5 : 1.0);
-      canvasZoomRef.current += (zoomTarget - canvasZoomRef.current) * 0.025;
-      const zoom = canvasZoomRef.current;
-
-      if (zoomActiveRef.current) {
-        clusterProgressRef.current = Math.min(1, clusterProgressRef.current + 0.01);
-      } else {
-        clusterProgressRef.current = Math.max(0, clusterProgressRef.current - 0.015);
-      }
-      const clusterProgress = clusterProgressRef.current;
-
-      const proj = nodes.map(n => {
-        const ny = n.oy + Math.sin(t * 0.4 + n.seed) * 15;
-        let x = n.ox * Math.cos(rotAngle) - n.oz * Math.sin(rotAngle);
-        let z = n.oz * Math.cos(rotAngle) + n.ox * Math.sin(rotAngle);
-        x -= mx * (z + fl) * 0.02;
-        const y2 = ny - my * (z + fl) * 0.02;
-        const sc = fl / (fl + z);
-        return { x: x * sc * zoom + cx, y: y2 * sc * zoom + cy - parallaxYRef.current, z, sc: sc * zoom, n };
-      }).sort((a, b) => b.z - a.z);
-
-      ctx.globalCompositeOperation = 'source-over';
-      ctx.lineWidth = 0.5;
-      for (let i = 0; i < proj.length; i++) {
-        for (let j = i + 1; j < proj.length; j++) {
-          const p1 = proj[i], p2 = proj[j];
-          const d = Math.hypot(p1.x - p2.x, p1.y - p2.y);
-          if (d < 70 * p1.sc) {
-            const a = (1 - d / (70 * p1.sc)) * 0.15 * Math.min(1, p1.sc) * Math.max(0, 1 - clusterProgress);
-            if (a > 0.002) {
-              ctx.strokeStyle = `rgba(156,163,175,${a})`;
-              ctx.beginPath(); ctx.moveTo(p1.x, p1.y); ctx.lineTo(p2.x, p2.y); ctx.stroke();
-            }
-          }
-        }
-      }
-
-      proj.forEach(p => {
-        if (p.z > -fl) {
-          const breathe = 0.92 + 0.08 * Math.sin(t * 0.6 + p.n.seed);
-          let fogA = p.z > 500 ? Math.max(0, 1 - (p.z - 500) / 500) : 1;
-          if (clusterProgress > 0) fogA *= Math.max(0.12, 1 - clusterProgress * 0.82);
-          const r = p.n.radius * p.sc * breathe;
-          if (r > 0.1) {
-            ctx.globalAlpha = fogA;
-            ctx.beginPath(); ctx.arc(p.x, p.y, r, 0, Math.PI * 2); ctx.fillStyle = p.n.color; ctx.fill();
-          }
-        }
-      });
-      ctx.globalAlpha = 1;
-
-      // ── OB knowledge graph: draw with migration ───────────────────────
-      if (obNodesRef.current.length > 0) {
-        const obProj = obNodesRef.current.flatMap(n => {
-          const elapsed = now - n.birthTime;
-          const rawMigP = (elapsed - n.migDelay) / n.migDur;
-          if (rawMigP < 0) return [];
-          const migP = Math.min(1, rawMigP);
-          const easedM = easeInOutCubic(migP);
-          const curOx = n.startOx + (n.ox - n.startOx) * easedM;
-          const curOy = n.startOy + (n.oy - n.startOy) * easedM;
-          const curOz = n.startOz + (n.oz - n.startOz) * easedM;
-          const arrP = Math.min(1, Math.max(0, (elapsed - n.migDelay - n.migDur) / 400));
-          const popScale = migP < 1 ? 0.4 + 0.6 * migP : 1.0 + Math.sin(arrP * Math.PI) * 0.12;
-          const baseAlpha = migP < 1 ? easeInOutCubic(migP) : 1.0;
-          const dyingFade = n.dyingAt !== undefined
-            ? 1.0 - easeInOutCubic(Math.min(1, (now - n.dyingAt) / 350))
-            : 1.0;
-          const alpha = baseAlpha * dyingFade;
-          if (alpha < 0.005) return [];
-          const ny = curOy + Math.sin(t * 0.4 + n.seed) * 8 * migP;
-          const rx = curOx * Math.cos(rotAngle) - curOz * Math.sin(rotAngle);
-          const rz = curOz * Math.cos(rotAngle) + curOx * Math.sin(rotAngle);
-          const sc = fl / (fl + rz);
-          return [{ x: rx*sc*zoom+cx, y: ny*sc*zoom+cy-parallaxYRef.current, z: rz, sc, n, alpha, popScale, migP, arrP }];
-        }).sort((a, b) => b.z - a.z);
-
-        ctx.lineWidth = 0.7;
-        for (let i = 0; i < obProj.length; i++) {
-          for (let j = i + 1; j < obProj.length; j++) {
-            const p1 = obProj[i], p2 = obProj[j];
-            if (p1.migP < 1 || p2.migP < 1) continue;
-            if (p1.alpha < 0.1 || p2.alpha < 0.1) continue;
-            const d = Math.hypot(p1.x - p2.x, p1.y - p2.y);
-            const maxD = 90 * p1.sc * zoom;
-            if (d < maxD) {
-              const a = (1 - d / maxD) * 0.35 * Math.min(p1.arrP, p2.arrP) * Math.min(p1.alpha, p2.alpha);
-              if (a > 0.003) {
-                const col = p1.n.color;
-                const r = parseInt(col.slice(1, 3), 16);
-                const g = parseInt(col.slice(3, 5), 16);
-                const b = parseInt(col.slice(5, 7), 16);
-                ctx.strokeStyle = (p1.n.isPreview && p2.n.isPreview)
-                  ? `rgba(200,210,200,${(a * 0.35).toFixed(4)})`
-                  : `rgba(${r},${g},${b},${a.toFixed(4)})`;
-                ctx.beginPath(); ctx.moveTo(p1.x, p1.y); ctx.lineTo(p2.x, p2.y); ctx.stroke();
-              }
-            }
-          }
-        }
-
-        obProj.forEach(p => {
-          const breathe = 0.92 + 0.08 * Math.sin(t * 0.6 + p.n.seed);
-          const r = Math.max(0.1, p.n.radius * p.sc * zoom * breathe * p.popScale);
-          if (p.n.isPreview) {
-            ctx.globalAlpha = (0.25 + 0.2 * Math.sin(t * 3 + p.n.seed)) * p.alpha;
-            ctx.shadowBlur = 10;
-          } else {
-            ctx.globalAlpha = p.alpha;
-            ctx.shadowBlur = p.migP >= 1 ? 18 * (0.7 + 0.3 * Math.sin(t * 1.5 + p.n.seed * 0.3)) : 6;
-          }
-          ctx.shadowColor = p.n.color;
-          ctx.fillStyle = p.n.color;
-          ctx.beginPath(); ctx.arc(p.x, p.y, r, 0, Math.PI * 2); ctx.fill();
-          ctx.shadowBlur = 0;
-          ctx.shadowColor = 'transparent';
-        });
-        ctx.globalAlpha = 1;
-      }
-
-      animId = requestAnimationFrame(draw);
-    }
-    draw();
-    return () => { window.removeEventListener('resize', resize); cancelAnimationFrame(animId); };
-  }, []);
-
-  // Mouse + scroll
-  useEffect(() => {
-    const onMouse = (e: MouseEvent) => {
-      mouseRef.current = { x: (e.clientX / window.innerWidth - 0.5) * 2, y: (e.clientY / window.innerHeight - 0.5) * 2 };
-    };
-    let lastSy = window.scrollY;
-
-    const updateNavChrome = (sy: number) => {
-      const nav = navRef.current;
-      if (!nav) return;
-      const scrollingDown = sy > lastSy;
-      const pastHero = sy > window.innerHeight * 0.5;
-      nav.style.transform = scrollingDown && pastHero ? 'translateY(-100%)' : 'translateY(0)';
-      nav.classList.remove('shadow-sm');
-      nav.style.background = 'transparent';
-      nav.style.backdropFilter = 'none';
-      nav.style.setProperty('-webkit-backdrop-filter', 'none');
-      nav.style.borderBottomColor = 'transparent';
-    };
-
-    const updateAmbientGlow = (sy: number) => {
-      const glow = ambientGlowRef.current;
-      if (!glow) return;
-      const progress = Math.min(1, Math.max(0, (sy - 20) / 260));
-      const eased = progress * progress;
-      glow.style.opacity = eased.toString();
-    };
-
-    const onScroll = () => {
-      const sy = window.scrollY;
-      if (heroContentRef.current && sy < window.innerHeight) {
-        heroContentRef.current.style.transform = `translateY(${sy * -0.3}px)`;
-        parallaxYRef.current = sy * 0.1;
-      }
-      updateNavChrome(sy);
-      updateAmbientGlow(sy);
-      lastSy = sy;
-    };
-
-    document.addEventListener('mousemove', onMouse);
-    window.addEventListener('scroll', onScroll);
-    onScroll();
-    return () => { document.removeEventListener('mousemove', onMouse); window.removeEventListener('scroll', onScroll); };
-  }, []);
-
-  // Floating cards parallax
-  useEffect(() => {
-    let animId: number;
-    function tick() {
-      const t = Date.now();
-      const mx = mouseRef.current.x, my = mouseRef.current.y;
-      floatingCardsRef.current?.querySelectorAll<HTMLElement>('.floating-card').forEach(card => {
-        const baseRot = parseFloat(card.dataset.baseRot || '0');
-        const dur = parseFloat(card.dataset.floatDur || '5000');
-        const delay = parseFloat(card.dataset.floatDelay || '0');
-        const floatY = Math.sin((t - delay) / dur * Math.PI * 2) * -8;
-        const rx = -my * 5, ry = mx * 5;
-        const par = window.scrollY * -0.3;
-        card.style.transform = `perspective(1000px) translateY(${floatY + par}px) rotateX(${rx}deg) rotateY(${ry}deg) rotateZ(${baseRot}deg)`;
-      });
-      animId = requestAnimationFrame(tick);
-    }
-    tick();
-    return () => cancelAnimationFrame(animId);
-  }, []);
-
-  // Intersection observer for fade-ups
-  useEffect(() => {
-    const obs = new IntersectionObserver(entries => {
-      entries.forEach(entry => {
-        if (entry.isIntersecting) {
-          entry.target.classList.remove('opacity-0', 'translate-y-[30px]');
-          if (entry.target.classList.contains('landing-stat-fade-up')) startCounters(entry.target as HTMLElement);
-          obs.unobserve(entry.target);
-        }
-      });
-    }, { threshold: 0.2 });
-    document.querySelectorAll('.landing-fade-up, .landing-stat-fade-up').forEach(el => {
-      el.classList.add('opacity-0', 'translate-y-[30px]', 'transition-all', 'duration-700', 'ease-out');
-      obs.observe(el);
-    });
-    return () => obs.disconnect();
-  }, []);
-
-  // Spotlight card mouse-follow
-  useEffect(() => {
-    const cards = document.querySelectorAll<HTMLElement>('.landing-spotlight-card');
-    const handler = (e: MouseEvent) => {
-      const card = (e.currentTarget as HTMLElement);
-      const r = card.getBoundingClientRect();
-      card.style.setProperty('--mouse-x', `${e.clientX - r.left}px`);
-      card.style.setProperty('--mouse-y', `${e.clientY - r.top}px`);
-    };
-    cards.forEach(c => c.addEventListener('mousemove', handler));
-    return () => cards.forEach(c => c.removeEventListener('mousemove', handler));
-  }, []);
-
-  function startCounters(container: HTMLElement) {
-    container.querySelectorAll<HTMLElement>('.counter, .counter-float').forEach(el => {
-      if (el.classList.contains('counted')) return;
-      el.classList.add('counted');
-      const target = parseFloat(el.dataset.target || '0');
-      const isFloat = el.classList.contains('counter-float');
-      const dur = 1500, startT = performance.now();
-      function update(now: number) {
-        const p = Math.min((now - startT) / dur, 1);
-        const ease = 1 - Math.pow(1 - p, 4);
-        el.textContent = isFloat ? (target * ease).toFixed(1) : Math.floor(target * ease).toLocaleString();
-        if (p < 1) requestAnimationFrame(update);
-        else el.textContent = isFloat ? target.toFixed(1) : target.toLocaleString();
-      }
-      requestAnimationFrame(update);
-    });
-  }
-
-  // ── Onboarding phase transitions ──────────────────────────────────
-  function startOnboarding() {
-    if (onboardingTimeoutRef.current) clearTimeout(onboardingTimeoutRef.current);
-    introTimeoutsRef.current.forEach(clearTimeout);
-    window.scrollTo({ top: 0, behavior: 'instant' });
-    setActiveStep(0);
-    setCompleted(new Set());
-    setIntroText('hidden');
-    zoomActiveRef.current = false;
-    zoomOutroRef.current = false;
-    setOnboardingPhase('out');
-    introTimeoutsRef.current = [
-      setTimeout(() => setIntroText('in'), 450),
-      setTimeout(() => {
-        setIntroText('out');
-        zoomActiveRef.current = true;
-      }, 1900),
-      setTimeout(() => {
-        setIntroText('hidden');
-        setOnboardingPhase('active');
-      }, 2550),
-    ];
-  }
-
-  function closeOnboarding() {
-    if (onboardingTimeoutRef.current) clearTimeout(onboardingTimeoutRef.current);
-    introTimeoutsRef.current.forEach(clearTimeout);
-    introTimeoutsRef.current = [];
-    zoomActiveRef.current = false;
-    zoomOutroRef.current = false;
-    setIntroText('hidden');
-    const t = Date.now();
-    obNodesRef.current.forEach(n => { if (n.dyingAt === undefined) n.dyingAt = t; });
-    setOnboardingPhase('out');
-    onboardingTimeoutRef.current = setTimeout(() => setOnboardingPhase('idle'), 700);
-  }
-
-  async function handleOnboardingComplete(formData: { firstName: string; lastName: string; school: string; year: string; majors: string[]; minors: string[]; course_ids: string[]; style: string }) {
-    // Persist onboarding data to Supabase
-    try {
-      await fetch(`${API_URL}/api/onboarding/profile`, {
-        method: 'POST',
-        headers: { 'Content-Type': 'application/json' },
-        body: JSON.stringify({
-          user_id: userId,
-          first_name: formData.firstName,
-          last_name: formData.lastName,
-          year: formData.year,
-          majors: formData.majors,
-          minors: formData.minors,
-          course_ids: formData.course_ids,
-          learning_style: formData.style,
-        }),
-      });
-    } catch (e) {
-      console.error('Failed to save onboarding profile:', e);
-    }
-
-    introTimeoutsRef.current.forEach(clearTimeout);
-    zoomActiveRef.current = true;
-    zoomOutroRef.current = false;
-    setOutroText('hidden');
-    setOutroOverlay(false);
-    setOnboardingPhase('complete');
-    introTimeoutsRef.current = [
-      setTimeout(() => setOutroText('in'), 1400),
-      setTimeout(() => {
-        setOutroText('out');
-        zoomOutroRef.current = true;
-      }, 3050),
-      setTimeout(() => setOutroOverlay(true), 3450),
-      setTimeout(() => { router.replace('/dashboard'); }, 4250),
-    ];
-  }
-
-  const authIdle = userReady && isAuthenticated && onboardingPhase === 'idle';
-
-  return (
-    <div className="landing-page antialiased" style={{ fontFamily: "var(--font-inter), 'Inter', sans-serif", color: 'var(--brand-text1, #1a1a1a)', background: 'transparent', opacity: authIdle ? 0 : 1, pointerEvents: authIdle ? 'none' : 'auto' }}>
-      <div ref={ambientGlowRef} className="landing-ambient-glow" />
-
-      {/* ═══ Initial load intro overlay ═══ */}
-      <div
-        className="landing-intro-overlay"
-        style={{
-          opacity: heroMounted ? 0 : 1,
-          pointerEvents: heroMounted ? 'none' as const : 'auto' as const,
-        }}
-      >
-        <div className="landing-intro-orbit">
-          <div className="landing-intro-orbit-ring">
-            <div className="landing-intro-orbit-node landing-intro-orbit-node--green" />
-            <div className="landing-intro-orbit-node landing-intro-orbit-node--amber" />
-            <div className="landing-intro-orbit-node landing-intro-orbit-node--blue" />
-            <div className="landing-intro-orbit-node landing-intro-orbit-node--purple" />
-          </div>
-          <div className="text-center">
-            <div className="font-playfair text-3xl sm:text-4xl font-semibold bg-gradient-to-r from-[#1B6C42] via-[#2D8F5C] to-[#1B6C42] bg-clip-text text-transparent">
-              Sapling
-            </div>
-            <div className="mt-2 text-xs sm:text-sm font-jetbrains tracking-[0.2em] uppercase text-[var(--brand-text2)]">
-              Growing your knowledge
-            </div>
-          </div>
-        </div>
-      </div>
-
-      {/* ═══ Navbar ═══ */}
-      <nav
-        ref={navRef}
-        className="fixed top-0 w-full z-50 border-b border-solid px-6 py-4"
-        style={{
-          background: 'rgba(255,255,255,0)',
-          borderBottomColor: 'transparent',
-          opacity: onboardingPhase !== 'idle' ? 0 : (heroMounted ? 1 : 0),
-          transform: heroMounted ? 'translateY(0)' : 'translateY(-30px)',
-          transition: 'opacity 800ms cubic-bezier(0.22,1,0.36,1), transform 800ms cubic-bezier(0.22,1,0.36,1)',
-        }}
-      >
-        <div className="max-w-[88%] mx-auto flex items-center justify-between w-full">
-          <div className="flex items-center cursor-pointer group" style={{ gap: '4px' }} onClick={() => window.scrollTo({ top: 0, behavior: 'smooth' })}>
-            <img src="/sapling-icon.svg" alt="Sapling" style={{ width: '26px', height: '26px', flexShrink: 0, position: 'relative', top: '-2px' }} />
-            <span style={{ fontFamily: "var(--font-spectral), 'Spectral', Georgia, serif", fontWeight: 700, fontSize: '20px', color: '#1a5c2a', letterSpacing: '-0.02em', lineHeight: 1.1 }}>Sapling</span>
-          </div>
-          <div className="flex items-center">
-            <button onClick={() => { window.location.href = `${API_URL}/api/auth/google`; }} className="text-[var(--brand-text2)] hover:text-[var(--brand-text1)] font-medium text-sm tracking-wide transition-all duration-300 mr-6 hidden sm:block">Sign In</button>
-            <button onClick={startOnboarding} className="relative overflow-hidden group bg-[#1B6C42] text-white px-7 py-2.5 rounded-full font-medium text-sm tracking-wide shadow-sm hover:shadow-md transition-all duration-400 hover:scale-[1.04] active:scale-[0.97] landing-btn-shimmer">
-              Get Started
-            </button>
-          </div>
-        </div>
-      </nav>
-
-      {/* ═══ Hero Section ═══ */}
-      <section className="relative min-h-screen flex items-center justify-center">
-        <div aria-hidden className="absolute inset-0 pointer-events-none z-0">
-          <div className="sapling-mesh-blob sapling-mesh-blob--1" />
-          <div className="sapling-mesh-blob sapling-mesh-blob--2" />
-        </div>
-        <canvas ref={canvasRef} className="absolute inset-0 z-0 w-full h-full pointer-events-auto opacity-100" />
-
-        {/* Floating Glass Accent Cards */}
-        <div ref={floatingCardsRef} className="absolute inset-0 z-10 hidden lg:block pointer-events-none"
-          style={{ opacity: onboardingPhase !== 'idle' ? 0 : 1, transition: 'opacity 600ms ease' }}
-        >
-          <div
-            className="floating-card absolute w-48 liquid-glass rounded-2xl p-4"
-            style={{ position: 'absolute', top: '28%', left: '18%', opacity: heroMounted ? 1 : 0, transition: 'opacity 0.6s ease 0.8s' }}
-            data-base-rot="-6" data-float-delay="0" data-float-dur="5000"
-          >
-            <span className="font-jetbrains text-xs text-[#3B82F6] font-medium block mb-3">CS 101</span>
-            <div className="h-1 rounded-full bg-white/45 w-full overflow-hidden mb-2">
-              <div className="h-full bg-[#3B82F6] w-[55%] rounded-full" />
-            </div>
-            <span className="text-xs text-[var(--brand-text2)] opacity-80 block">55% mastered</span>
-          </div>
-
-          <div
-            className="floating-card absolute w-52 liquid-glass rounded-2xl p-4"
-            style={{ position: 'absolute', top: '52%', right: '18%', opacity: heroMounted ? 1 : 0, transition: 'opacity 0.6s ease 1.4s' }}
-            data-base-rot="2" data-float-delay="1600" data-float-dur="5200"
-          >
-            <div className="flex flex-col gap-2 text-left">
-              <div className="flex items-center justify-between text-xs text-[var(--brand-text2)]">
-                <span>Total nodes</span>
-                <span className="font-jetbrains text-[var(--brand-text1)]">2,413</span>
-              </div>
-              <div className="flex items-center justify-between text-xs text-[var(--brand-text2)]">
-                <span>Mastered</span>
-                <span className="font-jetbrains text-[#1B6C42]">68%</span>
-              </div>
-              <div className="flex items-center justify-between text-xs text-[var(--brand-text2)]">
-                <span>On track</span>
-                <span className="font-jetbrains text-[#D97706]">24%</span>
-              </div>
-            </div>
-          </div>
-
-          <div
-            className="floating-card absolute w-52 liquid-glass rounded-2xl p-5"
-            style={{ position: 'absolute', top: '24%', right: '18%', opacity: heroMounted ? 1 : 0, transition: 'opacity 0.6s ease 1.0s' }}
-            data-base-rot="4" data-float-delay="1000" data-float-dur="6000"
-          >
-            <div className="flex flex-col gap-3">
-              <div className="flex items-center gap-2"><div className="w-2 h-2 rounded-full bg-[#1B6C42]" /><span className="text-xs text-[var(--brand-text2)] uppercase tracking-wide">Mastered</span></div>
-              <div className="flex items-center gap-2"><div className="w-2 h-2 rounded-full bg-[#D97706]" /><span className="text-xs text-[var(--brand-text2)] uppercase tracking-wide">Learning</span></div>
-              <div className="flex items-center gap-2"><div className="w-2 h-2 rounded-full bg-[#EF4444]" /><span className="text-xs text-[var(--brand-text2)] uppercase tracking-wide">Struggling</span></div>
-              <div className="flex items-center gap-2"><div className="w-2 h-2 rounded-full bg-[#9CA3AF]" /><span className="text-xs text-[var(--brand-text2)] uppercase tracking-wide">Unexplored</span></div>
-            </div>
-          </div>
-
-          <div
-            className="floating-card absolute w-44 liquid-glass rounded-2xl p-4 flex flex-col gap-2"
-            style={{ position: 'absolute', bottom: '34%', left: '24%', opacity: heroMounted ? 1 : 0, transition: 'opacity 0.6s ease 1.2s' }}
-            data-base-rot="-6" data-float-delay="500" data-float-dur="4500"
-          >
-            <div className="liquid-glass-subtle rounded-xl py-2 flex items-center justify-center gap-2">
-              <PenSquare className="text-[var(--brand-text2)] w-4 h-4" strokeWidth={1.5} />
-              <span className="text-xs text-[var(--brand-text2)]">Quick Quiz</span>
-            </div>
-            <div className="liquid-glass-subtle rounded-xl py-2 flex items-center justify-center gap-2">
-              <Users className="text-[var(--brand-text2)] w-4 h-4" strokeWidth={1.5} />
-              <span className="text-xs text-[var(--brand-text2)]">Study Room</span>
-            </div>
-          </div>
-        </div>
-
-        {/* Hero Content */}
-        <div ref={heroContentRef} className="relative z-20 flex flex-col items-center text-center max-w-4xl px-6"
-          style={{ opacity: onboardingPhase !== 'idle' ? 0 : 1, transition: 'opacity 600ms ease' }}
-        >
-          <div style={{
-            opacity: heroMounted ? 1 : 0,
-            transform: heroMounted ? 'translateY(0)' : 'translateY(25px)',
-            transition: 'all 700ms cubic-bezier(0.22,1,0.36,1) 100ms',
-          }}>
-            <div className="inline-flex items-center gap-2.5 liquid-glass-subtle rounded-full px-5 py-2">
-              <div className="w-2 h-2 rounded-full bg-[#1B6C42] animate-pulse" />
-              <span className="font-jetbrains text-xs tracking-[0.25em] uppercase text-[var(--brand-text2)] font-medium">AI-Powered Learning</span>
-            </div>
-          </div>
-
-          <h1 style={{
-            opacity: heroMounted ? 1 : 0,
-            transform: heroMounted ? 'translateY(0)' : 'translateY(25px)',
-            transition: 'all 700ms cubic-bezier(0.22,1,0.36,1) 300ms',
-          }} className="font-playfair text-5xl sm:text-7xl md:text-8xl lg:text-[10rem] font-semibold leading-[1.15] tracking-tight mt-8 pb-8 px-4 bg-gradient-to-r from-[#1B6C42] via-[#2D8F5C] to-[#1B6C42] bg-clip-text text-transparent landing-animate-gradient">
-            <span>{heroText1 || '\u00A0'}</span>
-          </h1>
-
-          <p style={{
-            opacity: heroMounted ? 1 : 0,
-            transform: heroMounted ? 'translateY(0)' : 'translateY(25px)',
-            transition: 'all 700ms cubic-bezier(0.22,1,0.36,1) 500ms',
-          }} className="font-playfair text-2xl sm:text-3xl md:text-4xl text-[var(--brand-text2)] max-w-xl mx-auto mt-7 leading-relaxed tracking-tight font-medium">
-            {heroText2 || '\u00A0'}
-          </p>
-
-          <div style={{
-            opacity: heroMounted ? 1 : 0,
-            transform: heroMounted ? 'translateY(0)' : 'translateY(25px)',
-            transition: 'all 700ms cubic-bezier(0.22,1,0.36,1) 700ms',
-          }} className="flex flex-col sm:flex-row gap-4 mt-10 items-center justify-center">
-            <button onClick={startOnboarding} className="relative overflow-hidden group bg-[#1B6C42] text-white px-10 py-4 rounded-full font-medium text-base tracking-wide shadow-md hover:shadow-lg hover:bg-[#155A35] transition-all duration-500 hover:scale-[1.03] active:scale-[0.98] landing-btn-shimmer">
-              Get Started
-            </button>
-            <button onClick={() => document.getElementById('features')?.scrollIntoView({ behavior: 'smooth' })} className="liquid-glass-subtle text-[var(--brand-text2)] hover:text-[var(--brand-text1)] px-10 py-4 rounded-full font-medium text-base transition-all duration-500 hover:scale-[1.02] active:scale-[0.98]">
-              See What&apos;s Inside <span className="ml-1 opacity-50">↓</span>
-            </button>
-          </div>
-        </div>
-
-        {/* Scroll Indicator */}
-        <div style={{ opacity: onboardingPhase !== 'idle' ? 0 : (heroMounted ? 1 : 0), transition: 'opacity 1s ease 1.2s' }} className="absolute bottom-8 left-1/2 landing-animate-float-indicator flex flex-col items-center">
-          <div className="w-px h-14 landing-divider-v" />
-          <span className="font-jetbrains text-xs tracking-[0.4em] text-[var(--brand-text2)] opacity-70 mt-3">SCROLL</span>
-        </div>
-      </section>
-
-      {/* ═══ Features Section ═══ */}
-      <div style={{ opacity: onboardingPhase !== 'idle' ? 0 : 1, transition: 'opacity 600ms ease', pointerEvents: onboardingPhase !== 'idle' ? 'none' : 'auto' }}>
-        <section id="features" className="landing-section relative py-32 z-10">
-          <div aria-hidden className="absolute inset-0 pointer-events-none z-0">
-            <div className="sapling-mesh-blob sapling-mesh-blob--3" style={{ top: '10%', left: '-8%', opacity: 0.28, width: '30vw', height: '30vw' }} />
-          </div>
-          <div className="absolute top-0 left-0 w-full h-px landing-divider" />
-          <div className="max-w-6xl mx-auto px-6 lg:px-8 relative z-[1]">
-            <div className="text-center mb-16 landing-fade-up">
-              <span className="font-jetbrains text-xs tracking-[0.3em] text-[#1B6C42] uppercase font-medium">Features</span>
-              <h2 className="font-playfair text-4xl md:text-6xl font-semibold text-[var(--brand-text1)] mt-4 leading-tight tracking-tight">
-                Everything You Need<br />to Learn Smarter
-              </h2>
-              <p className="font-inter text-[var(--brand-text2)] text-lg mt-6 max-w-lg mx-auto font-light leading-relaxed">
-                Six powerful tools. One beautiful platform. Built for how your brain actually works.
-              </p>
-            </div>
-
-            <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-5">
-              {[
-                { icon: Network, color: '#1B6C42', bg: 'bg-[#1B6C42]/10', title: 'Interactive Knowledge Graph', desc: 'Every concept becomes a node in a living 3D network. Watch them glow green as you master topics and see how everything connects.' },
-                { icon: Sparkles, color: '#D97706', bg: 'bg-[#D97706]/10', title: 'AI-Powered Study Paths', desc: 'Our AI analyzes your knowledge gaps and builds the optimal sequence so you always study the right thing at the right time.' },
-                { icon: FilePlus2, color: '#14B8A6', bg: 'bg-[#14B8A6]/10', title: 'Upload Any Coursework', desc: 'Drop in syllabi, textbooks, or notes. Sapling extracts every concept and maps it to your knowledge graph automatically.' },
-                { icon: Brain, color: '#EF4444', bg: 'bg-[#EF4444]/10', title: 'Adaptive Quizzes', desc: 'Questions that adapt to your level in real-time. They get harder as you improve and meet you where you are when you struggle.' },
-                { icon: CalendarClock, color: '#1B6C42', bg: 'bg-[#1B6C42]/10', title: 'Spaced Repetition', desc: 'Scientifically-timed reviews move concepts from short-term to long-term memory. Sapling handles the scheduling.' },
-                { icon: Users, color: '#3B82F6', bg: 'bg-[#3B82F6]/10', title: 'Study Rooms', desc: 'Join live study rooms with classmates. Compare knowledge maps. Learn together in real-time.' },
-              ].map((feature, i) => (
-                <div
-                  key={feature.title}
-                  className={`landing-spotlight-card landing-card-float-${i + 1} group liquid-glass rounded-2xl p-8 transition-[border-color,box-shadow] duration-500 hover:shadow-[0_12px_40px_rgba(0,0,0,0.06)] landing-fade-up`}
-                  style={{ transitionDelay: `${i * 80}ms` }}
-                >
-                  <div className="relative z-10">
-                    <div className={`landing-icon-container w-12 h-12 rounded-xl flex items-center justify-center mb-5 ${feature.bg}`}>
-                      <feature.icon style={{ color: feature.color }} className="w-6 h-6" strokeWidth={1.5} />
-                    </div>
-                    <h3 className="text-[var(--brand-text1)] font-medium text-lg mb-3 tracking-tight">{feature.title}</h3>
-                    <p className="text-[var(--brand-text2)] text-sm leading-relaxed font-light">{feature.desc}</p>
-                  </div>
-                </div>
-              ))}
-            </div>
-          </div>
-        </section>
-
-        <HowItWorks />
-
-        {/* ═══ Final CTA ═══ */}
-        <section className="landing-section py-32 relative text-center z-10">
-          <div aria-hidden className="absolute inset-0 pointer-events-none z-0">
-            <div className="sapling-mesh-blob sapling-mesh-blob--1" style={{ top: '0%', right: '-15%', left: 'auto', opacity: 0.38, width: '38vw', height: '38vw' }} />
-            <div className="sapling-mesh-blob sapling-mesh-blob--2" style={{ bottom: '0%', left: '-12%', opacity: 0.28, width: '32vw', height: '32vw' }} />
-          </div>
-          <div className="relative z-10 max-w-3xl mx-auto px-6 landing-fade-up">
-            <h2 className="font-playfair text-5xl md:text-7xl font-semibold text-[var(--brand-text1)] tracking-tight leading-[1.05]">
-              Ready to <br /> Start <span className="bg-gradient-to-r from-[#1B6C42] via-[#2D8F5C] to-[#1B6C42] bg-clip-text text-transparent landing-animate-gradient pr-2">Growing?</span>
-            </h2>
-            <p className="text-[var(--brand-text2)] text-lg mt-6 font-light">Join students who learn smarter, not harder.</p>
-            <div className="mt-10 flex flex-col items-center">
-              <button onClick={startOnboarding} className="relative overflow-hidden group bg-[#1B6C42] text-white px-10 py-4 rounded-full font-medium text-base tracking-wide shadow-md hover:shadow-lg hover:bg-[#155A35] transition-all duration-500 hover:scale-[1.03] active:scale-[0.98] landing-btn-shimmer">
-                Get Started
-              </button>
-            </div>
-          </div>
-        </section>
-
-        {/* ═══ Footer ═══ */}
-        <footer className="landing-section border-t border-white/35 py-12 px-8 relative z-10">
-          <div className="max-w-7xl mx-auto flex flex-col md:flex-row items-center justify-between gap-6">
-            <div className="flex items-center gap-2">
-              <img src="/sapling-icon.svg" alt="Sapling" style={{ width: '20px', height: '20px' }} />
-              <span className="text-sm font-light tracking-wide text-[var(--brand-text2)]">Sapling · © 2026</span>
-            </div>
-            <div className="flex flex-wrap justify-center gap-6">
-              <a href="/about" className="text-[var(--brand-text2)] hover:text-[var(--brand-text1)] text-sm transition-colors">About</a>
-              <a href="/careers" className="text-[var(--brand-text2)] hover:text-[var(--brand-text1)] text-sm transition-colors">Careers</a>
-              <a href="/terms" className="text-[var(--brand-text2)] hover:text-[var(--brand-text1)] text-sm transition-colors">Terms of Service</a>
-              <a href="/privacy" className="text-[var(--brand-text2)] hover:text-[var(--brand-text1)] text-sm transition-colors">Privacy Policy</a>
-            </div>
-          </div>
-          <div className="max-w-7xl mx-auto mt-8 pt-6 border-t border-white/25 text-center">
-            <p className="text-xs text-[var(--brand-text2)] opacity-75 font-light tracking-wide">
-              © 2026 Andres Lopez, Jack He, Luke Cooper, and Jose Gael Cruz-Lopez. All Rights Reserved.
-            </p>
-          </div>
-        </footer>
-      </div>
-
-      {/* ═══ Intro title reveal ═══ */}
-      {onboardingPhase !== 'idle' && (
-        <div
-          style={{
-            position: 'fixed', inset: 0, zIndex: 75,
-            display: 'flex', alignItems: 'center', justifyContent: 'center',
-            pointerEvents: 'none',
-            opacity: introText === 'in' ? 1 : 0,
-            transition: 'opacity 650ms cubic-bezier(0.22,1,0.36,1)',
-          }}
-        >
-          <div style={{
-            position: 'absolute',
-            width: '680px', height: '260px',
-            background: 'radial-gradient(ellipse at center, rgba(255,255,255,0.62) 0%, rgba(255,255,255,0.28) 45%, transparent 72%)',
-            pointerEvents: 'none',
-          }} />
-          <p style={{
-            position: 'relative',
-            fontFamily: "var(--font-dm-sans), 'DM Sans', sans-serif",
-            fontSize: 'clamp(26px, 4vw, 50px)',
-            fontWeight: 300,
-            color: '#0f172a',
-            textShadow: '0 1px 2px rgba(255,255,255,0.9)',
-            letterSpacing: '0.01em',
-            textAlign: 'center',
-            lineHeight: 1.3,
-            margin: 0,
-          }}>
-            Let&apos;s Learn About You...
-          </p>
-        </div>
-      )}
-
-      {/* ═══ Outro: Welcome to Sapling ═══ */}
-      {onboardingPhase === 'complete' && (
-        <div
-          style={{
-            position: 'fixed', inset: 0, zIndex: 76,
-            display: 'flex', alignItems: 'center', justifyContent: 'center',
-            pointerEvents: 'none',
-            opacity: outroText === 'in' ? 1 : 0,
-            transition: 'opacity 700ms cubic-bezier(0.22,1,0.36,1)',
-          }}
-        >
-          <div style={{
-            position: 'absolute',
-            width: '780px', height: '280px',
-            background: 'radial-gradient(ellipse at center, rgba(255,255,255,0.65) 0%, rgba(255,255,255,0.28) 45%, transparent 72%)',
-            pointerEvents: 'none',
-          }} />
-          <p style={{
-            position: 'relative',
-            fontFamily: "var(--font-dm-sans), 'DM Sans', sans-serif",
-            fontSize: 'clamp(30px, 5vw, 62px)',
-            fontWeight: 300,
-            color: '#0f172a',
-            textShadow: '0 1px 2px rgba(255,255,255,0.9)',
-            letterSpacing: '0.01em',
-            textAlign: 'center',
-            lineHeight: 1.2,
-            margin: 0,
-          }}>
-            Welcome to Sapling
-          </p>
-        </div>
-      )}
-
-      {/* ═══ Outro white overlay ═══ */}
-      <div style={{
-        position: 'fixed', inset: 0, zIndex: 92,
-        background: 'white',
-        opacity: outroOverlay ? 1 : 0,
-        transition: 'opacity 900ms cubic-bezier(0.4,0,0.2,1)',
-        pointerEvents: 'none',
-      }} />
-
-      {/* ═══ Onboarding flow ═══ */}
-      {onboardingPhase !== 'idle' && (
-        <OnboardingFlow
-          visible={onboardingPhase === 'active'}
-          onClose={closeOnboarding}
-          onFinish={handleOnboardingComplete}
-          activeStep={activeStep}
-          completed={completed}
-          setActiveStep={setActiveStep}
-          setCompleted={setCompleted}
-        />
-      )}
-    </div>
-  );
+export default function RootPage() {
+  redirect("/dashboard");
 }
diff --git a/frontend/src/app/pending/page.tsx b/frontend/src/app/pending/page.tsx
index 34d3ab1b..8880b69d 100644
--- a/frontend/src/app/pending/page.tsx
+++ b/frontend/src/app/pending/page.tsx
@@ -1,7 +1,6 @@
 'use client';
 
 import { useRouter } from 'next/navigation';
-import Image from 'next/image';
 import { useUser } from '@/context/UserContext';
 
 export default function PendingPage() {
@@ -10,69 +9,33 @@ export default function PendingPage() {
 
   async function handleSignOut() {
     await signOut();
-    router.replace('/signin');
+    router.replace('/auth');
   }
 
   return (
-    <div style={{
-      minHeight: '100vh',
-      display: 'flex',
-      flexDirection: 'column',
-      alignItems: 'center',
-      justifyContent: 'center',
-      background: 'var(--bg-base, #0d1117)',
-      color: 'var(--brand-text1, #e6edf3)',
-      padding: '24px',
-    }}>
-      <Image
-        src="/sapling-word-icon.png"
-        alt="Sapling"
-        width={140}
-        height={40}
-        style={{ marginBottom: '40px', objectFit: 'contain' }}
-      />
-      <h1 style={{
-        fontSize: '28px',
-        fontWeight: 600,
-        marginBottom: '12px',
-        textAlign: 'center',
-        letterSpacing: '-0.02em',
-      }}>
+    <div
+      style={{
+        minHeight: '100vh',
+        display: 'flex',
+        flexDirection: 'column',
+        alignItems: 'center',
+        justifyContent: 'center',
+        background: 'radial-gradient(ellipse at top, var(--accent-soft) 0%, var(--bg) 60%)',
+        color: 'var(--text)',
+        padding: 24,
+      }}
+    >
+      <svg width="56" height="56" viewBox="0 0 24 24" style={{ marginBottom: 24 }}>
+        <path d="M12 22 Q 5 15 5 9 Q 5 3 12 3 Q 19 3 19 9 Q 19 15 12 22 Z" fill="var(--accent)" opacity={0.2} />
+        <path d="M12 22 V 10 M12 13 Q 8 10 7 7 M12 14 Q 16 11 17 8" stroke="var(--accent)" strokeWidth={1.5} fill="none" strokeLinecap="round" />
+      </svg>
+      <h1 className="h-serif" style={{ fontSize: 36, fontWeight: 500, marginBottom: 12, textAlign: 'center' }}>
         You&apos;re on the waitlist
       </h1>
-      <p style={{
-        fontSize: '15px',
-        color: 'var(--brand-text2, #8b949e)',
-        textAlign: 'center',
-        maxWidth: '340px',
-        lineHeight: 1.6,
-        marginBottom: '40px',
-      }}>
+      <p style={{ fontSize: 15, color: 'var(--text-dim)', textAlign: 'center', maxWidth: 420, lineHeight: 1.6, marginBottom: 32 }}>
         We&apos;ll reach out when your access is approved.
       </p>
-      <button
-        onClick={handleSignOut}
-        style={{
-          background: 'transparent',
-          border: '1px solid rgba(255,255,255,0.15)',
-          color: 'var(--brand-text2, #8b949e)',
-          padding: '10px 24px',
-          borderRadius: '8px',
-          fontSize: '14px',
-          cursor: 'pointer',
-          transition: 'border-color 0.2s, color 0.2s',
-        }}
-        onMouseEnter={e => {
-          (e.currentTarget as HTMLButtonElement).style.borderColor = 'rgba(255,255,255,0.35)';
-          (e.currentTarget as HTMLButtonElement).style.color = 'var(--brand-text1, #e6edf3)';
-        }}
-        onMouseLeave={e => {
-          (e.currentTarget as HTMLButtonElement).style.borderColor = 'rgba(255,255,255,0.15)';
-          (e.currentTarget as HTMLButtonElement).style.color = 'var(--brand-text2, #8b949e)';
-        }}
-      >
-        Sign out
-      </button>
+      <button className="btn" onClick={handleSignOut}>Sign out</button>
     </div>
   );
 }
diff --git a/frontend/src/app/privacy/page.tsx b/frontend/src/app/privacy/page.tsx
deleted file mode 100644
index 61937e86..00000000
--- a/frontend/src/app/privacy/page.tsx
+++ /dev/null
@@ -1,180 +0,0 @@
-import Link from "next/link";
-
-const sections = [
-  {
-    title: "1. Information We Collect",
-    subsections: [
-      {
-        label: "Information you provide directly:",
-        list: [
-          "Account information (name, email address) via Google OAuth sign-in",
-          "Course names, syllabus text, and assignment information you paste or upload",
-          "Documents and PDFs you upload to your document library",
-          "Messages sent in study room chats",
-          "Feedback and bug reports you submit",
-        ],
-      },
-      {
-        label: "Information generated through your use of the Service:",
-        list: [
-          "Knowledge graph data (concepts studied, mastery scores, session history)",
-          "Quiz responses and performance data",
-          "Flashcard ratings and review history",
-          "Tutoring session transcripts",
-        ],
-      },
-      {
-        label: "Information collected automatically:",
-        list: [
-          "Basic usage data and session metadata to maintain and improve the Service",
-        ],
-      },
-    ],
-  },
-  {
-    title: "2. How We Use Your Information",
-    body: "We use the information we collect to:",
-    list: [
-      "Provide and personalize the Service, including updating your knowledge graph and generating AI content tailored to your performance",
-      "Enable study room and social features, including anonymized class-wide insights",
-      "Process and respond to feedback and issue reports",
-      "Maintain the security and integrity of the Service",
-    ],
-  },
-  {
-    title: "3. Google OAuth and Calendar",
-    body: "If you sign in with Google or connect your Google Calendar, we receive access tokens to authenticate you and, if you grant calendar access, to read and write assignment data. We do not access any Google data beyond what is necessary to provide the features you enable. You can revoke this access at any time through your Google account settings.",
-  },
-  {
-    title: "4. How We Share Your Information",
-    body: "We do not sell your personal data. We share information only in the following limited circumstances:",
-    highlights: [
-      { label: "Service providers:", text: "We use Supabase (database), Google Gemini (AI processing), and similar infrastructure providers. These providers process data on our behalf under their own privacy policies." },
-      { label: "Study rooms:", text: "Your display name, avatar, and knowledge graph data are visible to other members of study rooms you join. Class-wide data shared with other users is anonymized." },
-      { label: "Legal requirements:", text: "We may disclose information if required by law or to protect the rights and safety of our users." },
-    ],
-  },
-  {
-    title: "5. Data Retention",
-    body: "We retain your data for as long as your account is active. You may request deletion of your account and associated data by submitting a request through the app's feedback tool.",
-  },
-  {
-    title: "6. Security",
-    body: "We take reasonable technical measures to protect your data, including encrypted connections and access-controlled database infrastructure via Supabase. No system is completely secure, and we cannot guarantee absolute security.",
-  },
-  {
-    title: "7. Children's Privacy",
-    body: "Sapling is not directed at children under 13. We do not knowingly collect personal information from children under 13. If you believe a child under 13 has provided us with personal data, please email us at ",
-    link: { label: "careers@saplinglearn.com", href: "mailto:careers@saplinglearn.com" },
-    bodySuffix: " and we will take steps to delete it.",
-  },
-  {
-    title: "8. Job Applicants",
-    body: "If you apply for a position at Sapling, we collect the information you submit through our application form, including your name, email address, phone number, LinkedIn profile URL, and resume. This data is used solely to evaluate your application and communicate with you about the hiring process. We do not share applicant data with third parties outside of our core infrastructure providers. If your application is unsuccessful, we may retain your information for up to 12 months in case a suitable role arises. You may request deletion of your applicant data at any time by emailing ",
-    link: { label: "careers@saplinglearn.com", href: "mailto:careers@saplinglearn.com" },
-    bodySuffix: ".",
-  },
-  {
-    title: "9. Changes to This Policy",
-    body: "We may update this Privacy Policy from time to time. We will notify users of material changes by updating the date at the top of this page.",
-  },
-  {
-    title: "10. Contact",
-    body: "If you have questions or concerns about this Privacy Policy, please email us at ",
-    link: { label: "careers@saplinglearn.com", href: "mailto:careers@saplinglearn.com" },
-    bodySuffix: ".",
-  },
-];
-
-export default function PrivacyPage() {
-  return (
-    <div className="min-h-screen bg-[#F4F7F5] flex flex-col">
-      <div className="flex-1 max-w-3xl mx-auto px-8 py-16 w-full">
-        <div className="flex items-center gap-2 mb-12 fade-up anim-d0">
-          <Link href="/" className="text-sm text-gray-500 hover:text-gray-900 transition-colors">
-            ← Back to Sapling
-          </Link>
-        </div>
-
-        <h1 className="text-4xl font-semibold text-gray-900 mb-2 fade-up anim-d1">Privacy Policy</h1>
-        <p className="text-sm text-gray-400 mb-10 fade-up anim-d2">Last updated: March 27, 2026</p>
-
-        <p className="text-gray-600 leading-relaxed mb-10 fade-up anim-d3">
-          This Privacy Policy explains how Sapling ("we," "us," or "our") collects, uses, and protects your information when you use our Service.
-        </p>
-
-        <div className="space-y-8">
-          {sections.map((section, i) => (
-            <div key={section.title} className="fade-up" style={{ animationDelay: `${Math.min(320 + i * 40, 640)}ms` }}>
-              <h2 className="text-base font-semibold text-gray-900 mb-2">{section.title}</h2>
-
-              {section.body && (
-                <p className="text-gray-600 leading-relaxed mb-3">
-                  {section.body}
-                  {section.link && (
-                    <a href={section.link.href} className="text-green-700 hover:underline">{section.link.label}</a>
-                  )}
-                  {section.bodySuffix}
-                </p>
-              )}
-
-              {section.list && (
-                <ul className="space-y-1.5 pl-4">
-                  {section.list.map((item, i) => (
-                    <li key={i} className="flex gap-2 text-gray-600">
-                      <span className="text-gray-400 mt-0.5">•</span>
-                      <span>{item}</span>
-                    </li>
-                  ))}
-                </ul>
-              )}
-
-              {section.subsections && (
-                <div className="space-y-4">
-                  {section.subsections.map((sub) => (
-                    <div key={sub.label}>
-                      <p className="text-sm font-medium text-gray-700 mb-1.5">{sub.label}</p>
-                      <ul className="space-y-1.5 pl-4">
-                        {sub.list.map((item, i) => (
-                          <li key={i} className="flex gap-2 text-gray-600">
-                            <span className="text-gray-400 mt-0.5">•</span>
-                            <span>{item}</span>
-                          </li>
-                        ))}
-                      </ul>
-                    </div>
-                  ))}
-                </div>
-              )}
-
-              {section.highlights && (
-                <ul className="space-y-2 pl-4">
-                  {section.highlights.map((h) => (
-                    <li key={h.label} className="flex gap-2 text-gray-600">
-                      <span className="text-gray-400 mt-0.5">•</span>
-                      <span>
-                        <strong className="text-gray-800">{h.label}</strong> {h.text}
-                      </span>
-                    </li>
-                  ))}
-                </ul>
-              )}
-            </div>
-          ))}
-        </div>
-
-        <div className="mt-12 pt-8 border-t border-gray-200 text-sm text-gray-400">
-          © 2026 Andres Lopez, Jack He, Luke Cooper, and Jose Gael Cruz-Lopez. All Rights Reserved.
-        </div>
-      </div>
-
-      <footer className="border-t border-gray-200 bg-[#E9EFED] py-8 px-8">
-        <div className="max-w-3xl mx-auto flex flex-wrap justify-center gap-6 text-sm text-gray-500">
-          <Link href="/about" className="hover:text-gray-900 transition-colors">About</Link>
-          <Link href="/terms" className="hover:text-gray-900 transition-colors">Terms of Service</Link>
-          <Link href="/privacy" className="hover:text-gray-900 transition-colors">Privacy Policy</Link>
-        </div>
-      </footer>
-    </div>
-  );
-}
diff --git a/frontend/src/app/settings/page.tsx b/frontend/src/app/settings/page.tsx
deleted file mode 100644
index de2dbef2..00000000
--- a/frontend/src/app/settings/page.tsx
+++ /dev/null
@@ -1,1270 +0,0 @@
-'use client';
-
-import { useState, useEffect, useRef, useCallback } from 'react';
-import { useUser } from '@/context/UserContext';
-import { useToast } from '@/components/ToastProvider';
-import {
-  fetchSettings, updateSettings, updateProfile, uploadAvatar,
-  exportData, deleteAccount, fetchPublicProfile, fetchAchievements,
-} from '@/lib/api';
-import type { UserSettings, UserProfile, UserAchievement, Achievement } from '@/lib/types';
-import AvatarFrame from '@/components/AvatarFrame';
-import CosmeticsManager from '@/components/CosmeticsManager';
-import NameColorRenderer from '@/components/NameColorRenderer';
-import TitleFlair from '@/components/TitleFlair';
-import RoleBadge from '@/components/RoleBadge';
-import AchievementShowcase from '@/components/AchievementShowcase';
-import {
-  User, ShieldCheck, Bell, Palette, Lock, Sparkles, AlertTriangle,
-  Check, X, Eye, Camera, Download,
-} from 'lucide-react';
-
-const UI_FONT = "var(--font-dm-sans), 'DM Sans', sans-serif";
-
-type SectionKey = 'profile' | 'account' | 'notifications' | 'appearance' | 'privacy' | 'cosmetics' | 'danger';
-
-const SECTION_GROUPS: {
-  group: string;
-  items: { key: SectionKey; label: string; icon: typeof User; hint: string }[];
-}[] = [
-  {
-    group: 'Identity',
-    items: [
-      { key: 'profile', label: 'Profile', icon: User, hint: 'Your public details' },
-      { key: 'account', label: 'Account', icon: ShieldCheck, hint: 'Sign-in & security' },
-    ],
-  },
-  {
-    group: 'Preferences',
-    items: [
-      { key: 'notifications', label: 'Notifications', icon: Bell, hint: 'Pings & emails' },
-      { key: 'appearance', label: 'Appearance', icon: Palette, hint: 'Theme & feel' },
-      { key: 'privacy', label: 'Privacy', icon: Lock, hint: 'Who sees what' },
-    ],
-  },
-  {
-    group: 'Personalization',
-    items: [
-      { key: 'cosmetics', label: 'Cosmetics', icon: Sparkles, hint: 'Frames, colors, titles' },
-    ],
-  },
-  {
-    group: 'Manage',
-    items: [
-      { key: 'danger', label: 'Danger Zone', icon: AlertTriangle, hint: 'Export or delete' },
-    ],
-  },
-];
-
-function Toggle({ checked, onChange, disabled }: { checked: boolean; onChange: (v: boolean) => void; disabled?: boolean }) {
-  return (
-    <button
-      onClick={() => !disabled && onChange(!checked)}
-      style={{
-        width: '42px',
-        height: '24px',
-        borderRadius: 'var(--radius-full)',
-        background: checked ? 'var(--accent)' : 'var(--bg-subtle)',
-        border: `1px solid ${checked ? 'var(--accent)' : 'var(--border-mid)'}`,
-        position: 'relative',
-        cursor: disabled ? 'not-allowed' : 'pointer',
-        transition: 'background var(--dur-fast), border-color var(--dur-fast)',
-        padding: 0,
-        opacity: disabled ? 0.4 : 1,
-        flexShrink: 0,
-      }}
-    >
-      <div style={{
-        width: '18px',
-        height: '18px',
-        borderRadius: '50%',
-        background: '#fff',
-        position: 'absolute',
-        top: '2px',
-        left: checked ? '21px' : '2px',
-        transition: 'left var(--dur-fast)',
-        boxShadow: '0 1px 3px rgba(0,0,0,0.2)',
-      }} />
-    </button>
-  );
-}
-
-export default function SettingsPage() {
-  const { userId, userName, avatarUrl, equippedCosmetics, refreshProfile } = useUser();
-  const { showToast } = useToast();
-  const [activeSection, setActiveSection] = useState<SectionKey>('profile');
-  const [settings, setSettings] = useState<UserSettings | null>(null);
-  const [loading, setLoading] = useState(true);
-
-  // Profile form state
-  const [displayName, setDisplayName] = useState('');
-  const [username, setUsername] = useState('');
-  const [bio, setBio] = useState('');
-  const [location, setLocation] = useState('');
-  const [website, setWebsite] = useState('');
-  const [usernameAvailable, setUsernameAvailable] = useState<boolean | null>(null);
-  const [checkingUsername, setCheckingUsername] = useState(false);
-  const usernameTimerRef = useRef<ReturnType<typeof setTimeout>>(undefined);
-
-  // Profile preview modal
-  const [profileModalMounted, setProfileModalMounted] = useState(false);
-  const [profileModalVisible, setProfileModalVisible] = useState(false);
-  const [previewProfile, setPreviewProfile] = useState<UserProfile | null>(null);
-  const [previewAchievements, setPreviewAchievements] = useState<{ earned: UserAchievement[]; available: Achievement[] } | null>(null);
-  const [previewLoading, setPreviewLoading] = useState(false);
-
-  // Delete account
-  const [deleteConfirm, setDeleteConfirm] = useState('');
-  const [showDeleteForm, setShowDeleteForm] = useState(false);
-  const [deleting, setDeleting] = useState(false);
-
-  useEffect(() => {
-    if (!userId) return;
-    setLoading(true);
-    fetchSettings(userId)
-      .then(data => {
-        setSettings(data);
-        setDisplayName(data.display_name || '');
-        setUsername(data.username || '');
-        setBio(data.bio || '');
-        setLocation(data.location || '');
-        setWebsite(data.website || '');
-        setLoading(false);
-      })
-      .catch(() => setLoading(false));
-  }, [userId]);
-
-  const checkUsername = useCallback((val: string) => {
-    if (usernameTimerRef.current) clearTimeout(usernameTimerRef.current);
-    if (!val || val === settings?.username) {
-      setUsernameAvailable(null);
-      return;
-    }
-    setCheckingUsername(true);
-    usernameTimerRef.current = setTimeout(async () => {
-      try {
-        await updateProfile(userId, { username: val } as any);
-        setUsernameAvailable(true);
-      } catch {
-        setUsernameAvailable(false);
-      } finally {
-        setCheckingUsername(false);
-      }
-    }, 500);
-  }, [userId, settings?.username]);
-
-  const saveProfile = async () => {
-    try {
-      await updateProfile(userId, { display_name: displayName, username, bio, location, website } as any);
-      showToast('Profile saved');
-      refreshProfile();
-    } catch (e: any) {
-      showToast(e.message || 'Failed to save profile');
-    }
-  };
-
-  const saveSettings = async (updates: Partial<UserSettings>) => {
-    try {
-      const updated = await updateSettings(userId, updates);
-      setSettings(prev => prev ? { ...prev, ...updated } : updated);
-      showToast('Settings saved');
-      refreshProfile();
-    } catch (e: any) {
-      showToast(e.message || 'Failed to save settings');
-    }
-  };
-
-  const openProfilePreview = async () => {
-    setProfileModalMounted(true);
-    requestAnimationFrame(() => requestAnimationFrame(() => setProfileModalVisible(true)));
-    setPreviewLoading(true);
-    try {
-      const [prof, ach] = await Promise.all([
-        fetchPublicProfile(userId),
-        fetchAchievements(userId).catch(() => null),
-      ]);
-      setPreviewProfile(prof);
-      setPreviewAchievements(ach);
-    } catch {
-      setPreviewProfile(null);
-    } finally {
-      setPreviewLoading(false);
-    }
-  };
-
-  const closeProfilePreview = () => {
-    setProfileModalVisible(false);
-    setTimeout(() => setProfileModalMounted(false), 250);
-  };
-
-  const handleAvatarUpload = async (e: React.ChangeEvent<HTMLInputElement>) => {
-    const file = e.target.files?.[0];
-    if (!file) return;
-    try {
-      await uploadAvatar(userId, file);
-      showToast('Avatar updated');
-      refreshProfile();
-    } catch (e: any) {
-      showToast(e.message || 'Failed to upload avatar');
-    }
-  };
-
-  const handleExport = async () => {
-    try {
-      const data = await exportData(userId);
-      const blob = new Blob([JSON.stringify(data, null, 2)], { type: 'application/json' });
-      const url = URL.createObjectURL(blob);
-      const a = document.createElement('a');
-      a.href = url;
-      a.download = `sapling-data-${userId}.json`;
-      a.click();
-      URL.revokeObjectURL(url);
-      showToast('Data exported');
-    } catch (e: any) {
-      showToast(e.message || 'Failed to export data');
-    }
-  };
-
-  const handleDeleteAccount = async () => {
-    if (deleteConfirm !== 'DELETE') return;
-    setDeleting(true);
-    try {
-      await deleteAccount(userId, deleteConfirm);
-      showToast('Account scheduled for deletion');
-    } catch (e: any) {
-      showToast(e.message || 'Failed to delete account');
-    } finally {
-      setDeleting(false);
-    }
-  };
-
-  const handleThemeToggle = (theme: string) => {
-    if (theme === 'dark') {
-      document.documentElement.classList.add('dark');
-    } else {
-      document.documentElement.classList.remove('dark');
-    }
-    saveSettings({ theme });
-  };
-
-  if (loading) {
-    return (
-      <div style={{ width: '80.5vw', margin: '40px auto', padding: '0 clamp(16px, 3vw, 48px)', fontFamily: UI_FONT }}>
-        <div style={{ color: 'var(--text-dim)', fontSize: '13px' }}>Loading settings...</div>
-      </div>
-    );
-  }
-
-  // ── Shared style tokens ────────────────────────────────────────────────
-  const inputStyle: React.CSSProperties = {
-    width: '100%',
-    background: 'var(--bg-input)',
-    color: 'var(--text)',
-    border: '1px solid var(--border)',
-    borderRadius: 'var(--radius-sm)',
-    padding: '11px 14px',
-    fontSize: '14px',
-    fontFamily: 'inherit',
-    outline: 'none',
-    transition: 'border-color var(--dur-fast), box-shadow var(--dur-fast)',
-  };
-
-  const labelStyle: React.CSSProperties = {
-    fontSize: '11px',
-    fontWeight: 600,
-    color: 'var(--text-dim)',
-    marginBottom: '8px',
-    display: 'block',
-    textTransform: 'uppercase',
-    letterSpacing: '0.06em',
-  };
-
-  const cardStyle: React.CSSProperties = {
-    background: 'var(--bg-panel)',
-    border: '1px solid var(--border)',
-    borderRadius: 'var(--radius-lg)',
-    padding: '32px',
-    boxShadow: 'var(--shadow-sm)',
-  };
-
-  const settingRowStyle: React.CSSProperties = {
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'space-between',
-    padding: '18px 0',
-    borderBottom: '1px solid var(--border-light)',
-    gap: '24px',
-  };
-
-  // ── Section header (lean: title + dim description, action on right) ──────
-  const SectionHeader = ({ title, description, action, danger }: {
-    title: string; description: string; action?: React.ReactNode; danger?: boolean;
-  }) => (
-    <div style={{ marginBottom: '1.25rem' }}>
-      <div style={{
-        display: 'flex',
-        alignItems: 'center',
-        justifyContent: 'space-between',
-        gap: '16px',
-        marginBottom: '4px',
-      }}>
-        <h1 style={{
-          fontFamily: UI_FONT,
-          fontSize: '20px',
-          fontWeight: 500,
-          letterSpacing: '-0.01em',
-          color: danger ? '#b91c1c' : 'var(--text)',
-          margin: 0,
-          lineHeight: 1.2,
-        }}>
-          {title}
-        </h1>
-        {action}
-      </div>
-      <p style={{
-        fontFamily: UI_FONT,
-        fontSize: '13px',
-        color: 'var(--text-secondary)',
-        margin: 0,
-        lineHeight: 1.5,
-      }}>
-        {description}
-      </p>
-    </div>
-  );
-
-  return (
-    <div style={{ position: 'relative', minHeight: 'calc(100vh - 64px)', fontFamily: UI_FONT, paddingBottom: '80px' }}>
-      {/* Solid background */}
-      <div aria-hidden style={{ position: 'fixed', inset: 0, zIndex: 0, background: 'var(--bg)' }} />
-
-      <div style={{ position: 'relative', zIndex: 1, width: '80.5vw', margin: '0 auto', padding: 'clamp(28px, 4vw, 56px) 0 0' }}>
-
-        {/* ── Layout: nav + content ────────────────────────────────────────── */}
-        <div style={{ display: 'grid', gridTemplateColumns: '220px minmax(0, 1fr)', gap: '2.5rem', alignItems: 'flex-start' }}>
-
-          {/* Sidebar */}
-          <nav style={{ position: 'sticky', top: '24px', alignSelf: 'flex-start' }}>
-            <h2 style={{
-              fontFamily: UI_FONT,
-              fontSize: '32px',
-              fontWeight: 700,
-              letterSpacing: '-0.02em',
-              color: 'var(--text)',
-              margin: 0,
-              marginBottom: '1.75rem',
-              padding: '0 12px',
-              lineHeight: 1.1,
-            }}>
-              Settings
-            </h2>
-
-            {SECTION_GROUPS.map((group, gi) => (
-              <div key={group.group} style={{ marginBottom: gi === SECTION_GROUPS.length - 1 ? 0 : '1.25rem' }}>
-                <div style={{
-                  fontFamily: UI_FONT,
-                  fontSize: '12px',
-                  fontWeight: 600,
-                  color: 'var(--text-secondary)',
-                  textTransform: 'uppercase',
-                  letterSpacing: '0.08em',
-                  padding: '0 12px 10px',
-                }}>
-                  {group.group}
-                </div>
-                <div style={{ paddingLeft: '20px', borderLeft: '1px solid var(--border-light)', marginLeft: '12px' }}>
-                  {group.items.map(item => {
-                    const Icon = item.icon;
-                    const active = activeSection === item.key;
-                    return (
-                      <button
-                        key={item.key}
-                        onClick={() => setActiveSection(item.key)}
-                        style={{
-                          display: 'flex',
-                          alignItems: 'center',
-                          gap: '12px',
-                          width: '100%',
-                          textAlign: 'left',
-                          padding: '8px 4px',
-                          borderRadius: 0,
-                          fontSize: '16px',
-                          fontFamily: 'inherit',
-                          fontWeight: active ? 700 : 400,
-                          color: active ? 'var(--text)' : 'var(--text-secondary)',
-                          background: 'transparent',
-                          border: 'none',
-                          cursor: 'pointer',
-                          transition: 'color var(--dur-fast), font-weight var(--dur-fast)',
-                        }}
-                        onMouseEnter={e => {
-                          if (!active) e.currentTarget.style.color = 'var(--text)';
-                        }}
-                        onMouseLeave={e => {
-                          if (!active) e.currentTarget.style.color = 'var(--text-secondary)';
-                        }}
-                      >
-                        <Icon size={17} strokeWidth={active ? 2.2 : 1.8} />
-                        <span style={{ flex: 1, minWidth: 0 }}>{item.label}</span>
-                      </button>
-                    );
-                  })}
-                </div>
-              </div>
-            ))}
-          </nav>
-
-          {/* Content column */}
-          <div style={{ minWidth: 0 }}>
-
-            {/* ── Profile ─────────────────────────────────────────────────── */}
-            {activeSection === 'profile' && (
-              <div className="fade-up">
-                <SectionHeader
-                  title="Profile"
-                  description="Your public face on Sapling. What classmates and study partners see."
-                  action={
-                    <button
-                      onClick={openProfilePreview}
-                      style={{
-                        display: 'inline-flex',
-                        alignItems: 'center',
-                        gap: '6px',
-                        fontSize: '13px',
-                        fontWeight: 500,
-                        color: 'var(--accent)',
-                        padding: '8px 16px',
-                        border: '1px solid var(--accent-border)',
-                        borderRadius: 'var(--radius-full)',
-                        background: 'var(--accent-dim)',
-                        fontFamily: 'inherit',
-                        whiteSpace: 'nowrap',
-                        cursor: 'pointer',
-                      }}
-                    >
-                      <Eye size={13} /> View profile
-                    </button>
-                  }
-                />
-
-                {/* Avatar block */}
-                <div style={{ ...cardStyle, marginBottom: '20px' }}>
-                  <div style={{ display: 'flex', alignItems: 'center', gap: '24px', flexWrap: 'wrap' }}>
-                    <div style={{ position: 'relative' }}>
-                      <AvatarFrame
-                        userId={userId}
-                        name={userName}
-                        size={88}
-                        avatarUrl={avatarUrl}
-                        frameUrl={equippedCosmetics?.avatar_frame?.asset_url}
-                      />
-                    </div>
-                    <div style={{ flex: 1, minWidth: '200px' }}>
-                      <div style={{ fontSize: '15px', fontWeight: 600, color: 'var(--text)', marginBottom: '4px' }}>
-                        Avatar
-                      </div>
-                      <div style={{ fontSize: '13px', color: 'var(--text-dim)', marginBottom: '14px', lineHeight: 1.5 }}>
-                        Square images work best. JPG, PNG, or GIF up to 2MB.
-                      </div>
-                      <label style={{
-                        display: 'inline-flex',
-                        alignItems: 'center',
-                        gap: '8px',
-                        cursor: 'pointer',
-                        padding: '9px 16px',
-                        fontSize: '13px',
-                        fontWeight: 500,
-                        fontFamily: 'inherit',
-                        color: 'var(--accent)',
-                        border: '1px solid var(--accent-border)',
-                        background: 'var(--accent-dim)',
-                        borderRadius: 'var(--radius-md)',
-                        transition: 'background var(--dur-fast)',
-                      }}>
-                        <Camera size={14} />
-                        Change avatar
-                        <input type="file" accept="image/*" onChange={handleAvatarUpload} style={{ display: 'none' }} />
-                      </label>
-                    </div>
-                  </div>
-                </div>
-
-                {/* Identity fields */}
-                <div style={cardStyle}>
-                  <div style={{ display: 'grid', gridTemplateColumns: 'repeat(2, minmax(0, 1fr))', gap: '20px 24px' }}>
-                    <div>
-                      <label style={labelStyle}>Display name</label>
-                      <input style={inputStyle} value={displayName} onChange={e => setDisplayName(e.target.value)} placeholder="Your name" />
-                    </div>
-                    <div>
-                      <label style={labelStyle}>Username</label>
-                      <div style={{ position: 'relative' }}>
-                        <input
-                          style={{
-                            ...inputStyle,
-                            paddingLeft: '26px',
-                            paddingRight: checkingUsername || usernameAvailable !== null ? '36px' : '14px',
-                          }}
-                          value={username}
-                          onChange={e => { setUsername(e.target.value); checkUsername(e.target.value); }}
-                          placeholder="your-handle"
-                        />
-                        <span style={{
-                          position: 'absolute',
-                          left: '12px',
-                          top: '50%',
-                          transform: 'translateY(-50%)',
-                          color: 'var(--text-dim)',
-                          fontSize: '14px',
-                          pointerEvents: 'none',
-                        }}>@</span>
-                        {checkingUsername && (
-                          <span style={{
-                            position: 'absolute', right: '12px', top: '50%', transform: 'translateY(-50%)',
-                            width: '14px', height: '14px', border: '2px solid var(--border)', borderTopColor: 'var(--accent)',
-                            borderRadius: '50%', animation: 'sapling-spin 0.7s linear infinite',
-                          }} />
-                        )}
-                        {!checkingUsername && usernameAvailable === true && (
-                          <Check size={16} style={{ position: 'absolute', right: '12px', top: '50%', transform: 'translateY(-50%)', color: 'var(--brand-success)' }} />
-                        )}
-                        {!checkingUsername && usernameAvailable === false && (
-                          <X size={16} style={{ position: 'absolute', right: '12px', top: '50%', transform: 'translateY(-50%)', color: 'var(--brand-struggle)' }} />
-                        )}
-                      </div>
-                      <div style={{ minHeight: '16px', marginTop: '6px' }}>
-                        {usernameAvailable === false && (
-                          <span style={{ fontSize: '11px', color: 'var(--brand-struggle)' }}>That handle is already taken</span>
-                        )}
-                        {usernameAvailable === true && (
-                          <span style={{ fontSize: '11px', color: 'var(--brand-success)' }}>Available</span>
-                        )}
-                      </div>
-                    </div>
-                    <div style={{ gridColumn: '1 / -1' }}>
-                      <label style={labelStyle}>Bio</label>
-                      <textarea
-                        style={{ ...inputStyle, minHeight: '96px', resize: 'vertical', lineHeight: 1.55 }}
-                        value={bio}
-                        onChange={e => setBio(e.target.value)}
-                        placeholder="A line or two about how you study, what you're working on, or what you're interested in."
-                        maxLength={280}
-                      />
-                      <div style={{ fontSize: '11px', color: 'var(--text-dim)', marginTop: '4px', textAlign: 'right' }}>
-                        {bio.length} / 280
-                      </div>
-                    </div>
-                    <div>
-                      <label style={labelStyle}>Location</label>
-                      <input style={inputStyle} value={location} onChange={e => setLocation(e.target.value)} placeholder="Boston, MA" />
-                    </div>
-                    <div>
-                      <label style={labelStyle}>Website</label>
-                      <input style={inputStyle} value={website} onChange={e => setWebsite(e.target.value)} placeholder="https://yoursite.com" />
-                    </div>
-                  </div>
-
-                  <div style={{
-                    marginTop: '28px',
-                    paddingTop: '20px',
-                    borderTop: '1px solid var(--border-light)',
-                    display: 'flex',
-                    justifyContent: 'flex-end',
-                    gap: '10px',
-                  }}>
-                    <button
-                      onClick={saveProfile}
-                      style={{
-                        background: 'var(--accent)',
-                        color: '#fff',
-                        border: 'none',
-                        borderRadius: 'var(--radius-md)',
-                        padding: '10px 22px',
-                        fontSize: '13.5px',
-                        fontWeight: 600,
-                        fontFamily: 'inherit',
-                        cursor: 'pointer',
-                        transition: 'background var(--dur-fast), transform var(--dur-fast)',
-                        boxShadow: '0 2px 6px rgba(26,92,42,0.18)',
-                      }}
-                      onMouseEnter={e => { e.currentTarget.style.background = 'var(--accent-hover)'; }}
-                      onMouseLeave={e => { e.currentTarget.style.background = 'var(--accent)'; }}
-                    >
-                      Save profile
-                    </button>
-                  </div>
-                </div>
-              </div>
-            )}
-
-            {/* ── Account ─────────────────────────────────────────────────── */}
-            {activeSection === 'account' && (
-              <div className="fade-up">
-                <SectionHeader
-                  title="Account"
-                  description="Sign-in is handled by Google. Sapling never sees your password."
-                />
-
-                <div style={cardStyle}>
-                  <div style={{
-                    display: 'flex',
-                    alignItems: 'center',
-                    gap: '16px',
-                    padding: '20px',
-                    background: 'var(--bg-subtle)',
-                    border: '1px solid var(--border-light)',
-                    borderRadius: 'var(--radius-md)',
-                  }}>
-                    <div style={{
-                      width: '44px', height: '44px', borderRadius: 'var(--radius-md)',
-                      background: '#fff', border: '1px solid var(--border)',
-                      display: 'flex', alignItems: 'center', justifyContent: 'center',
-                      fontSize: '20px', fontWeight: 700, color: '#4285F4', fontFamily: 'Arial, sans-serif',
-                    }}>
-                      G
-                    </div>
-                    <div style={{ flex: 1 }}>
-                      <div style={{ fontSize: '14px', fontWeight: 600, color: 'var(--text)' }}>Google</div>
-                      <div style={{ fontSize: '12.5px', color: 'var(--text-dim)', marginTop: '2px' }}>
-                        Email, password, and 2-step verification are managed in your Google account.
-                      </div>
-                    </div>
-                    <span className="badge" style={{ fontSize: '10px' }}>Connected</span>
-                  </div>
-
-                  <div style={{
-                    marginTop: '18px',
-                    fontSize: '12.5px',
-                    color: 'var(--text-dim)',
-                    lineHeight: 1.55,
-                    padding: '0 4px',
-                  }}>
-                    To change the email tied to your account, switch the Google account you sign in with.
-                  </div>
-                </div>
-              </div>
-            )}
-
-            {/* ── Notifications ───────────────────────────────────────────── */}
-            {activeSection === 'notifications' && (
-              <div className="fade-up">
-                <SectionHeader
-                  title="Notifications"
-                  description="Pick which channels Sapling can use to reach you."
-                />
-
-                <div style={cardStyle}>
-                  <div style={{ ...settingRowStyle, paddingTop: 0 }}>
-                    <div style={{ flex: 1 }}>
-                      <div style={{ fontSize: '14.5px', fontWeight: 500, color: 'var(--text)' }}>Email notifications</div>
-                      <div style={{ fontSize: '13px', color: 'var(--text-dim)', marginTop: '3px', lineHeight: 1.4 }}>
-                        Weekly progress digests, assignment reminders, and important account updates.
-                      </div>
-                    </div>
-                    <Toggle checked={settings?.notification_email ?? true} onChange={v => saveSettings({ notification_email: v })} />
-                  </div>
-                  <div style={settingRowStyle}>
-                    <div style={{ flex: 1 }}>
-                      <div style={{ fontSize: '14.5px', fontWeight: 500, color: 'var(--text)' }}>In-app notifications</div>
-                      <div style={{ fontSize: '13px', color: 'var(--text-dim)', marginTop: '3px', lineHeight: 1.4 }}>
-                        Toasts and badges shown while you're using Sapling.
-                      </div>
-                    </div>
-                    <Toggle checked={settings?.notification_in_app ?? true} onChange={v => saveSettings({ notification_in_app: v })} />
-                  </div>
-                  <div style={{ ...settingRowStyle, borderBottom: 'none', paddingBottom: 0 }}>
-                    <div style={{ flex: 1 }}>
-                      <div style={{ display: 'flex', alignItems: 'center', gap: '8px' }}>
-                        <span style={{ fontSize: '14.5px', fontWeight: 500, color: 'var(--text)' }}>Push notifications</span>
-                        <span className="badge" style={{ fontSize: '9.5px', padding: '1px 8px' }}>Coming soon</span>
-                      </div>
-                      <div style={{ fontSize: '13px', color: 'var(--text-dim)', marginTop: '3px', lineHeight: 1.4 }}>
-                        Browser-level notifications even when Sapling isn't open.
-                      </div>
-                    </div>
-                    <Toggle checked={false} onChange={() => {}} disabled />
-                  </div>
-                </div>
-              </div>
-            )}
-
-            {/* ── Appearance ──────────────────────────────────────────────── */}
-            {activeSection === 'appearance' && (
-              <div className="fade-up">
-                <SectionHeader
-                  title="Appearance"
-                  description="Set the mood. Light or dark, dense or roomy, in the green of your choice."
-                />
-
-                <div style={cardStyle}>
-                  {/* Theme */}
-                  <div style={{ ...settingRowStyle, paddingTop: 0, alignItems: 'flex-start' }}>
-                    <div style={{ flex: 1 }}>
-                      <div style={{ fontSize: '14.5px', fontWeight: 500, color: 'var(--text)' }}>Theme</div>
-                      <div style={{ fontSize: '13px', color: 'var(--text-dim)', marginTop: '3px' }}>Switch between light and dark.</div>
-                    </div>
-                    <div style={{ display: 'flex', gap: '8px' }}>
-                      {(['light', 'dark'] as const).map(t => {
-                        const active = settings?.theme === t;
-                        return (
-                          <button
-                            key={t}
-                            onClick={() => handleThemeToggle(t)}
-                            style={{
-                              padding: '12px 18px',
-                              borderRadius: 'var(--radius-md)',
-                              border: `1px solid ${active ? 'var(--accent)' : 'var(--border)'}`,
-                              background: active ? 'var(--accent-dim)' : 'var(--bg-input)',
-                              color: active ? 'var(--accent)' : 'var(--text-muted)',
-                              fontWeight: active ? 600 : 500,
-                              fontSize: '13px',
-                              fontFamily: 'inherit',
-                              cursor: 'pointer',
-                              minWidth: '92px',
-                              display: 'flex',
-                              flexDirection: 'column',
-                              alignItems: 'center',
-                              gap: '6px',
-                              transition: 'all var(--dur-fast)',
-                            }}
-                          >
-                            <div style={{
-                              width: '44px', height: '28px', borderRadius: '6px',
-                              background: t === 'light' ? '#f8fbf8' : '#1a1d1b',
-                              border: `1px solid ${t === 'light' ? 'var(--border-mid)' : '#2a2d2b'}`,
-                            }} />
-                            {t.charAt(0).toUpperCase() + t.slice(1)}
-                          </button>
-                        );
-                      })}
-                    </div>
-                  </div>
-
-                  {/* Font size */}
-                  <div style={{ ...settingRowStyle, alignItems: 'flex-start' }}>
-                    <div style={{ flex: 1 }}>
-                      <div style={{ fontSize: '14.5px', fontWeight: 500, color: 'var(--text)' }}>Font size</div>
-                      <div style={{ fontSize: '13px', color: 'var(--text-dim)', marginTop: '3px' }}>Comfort vs. density across the app.</div>
-                    </div>
-                    <div style={{ display: 'flex', gap: '4px', background: 'var(--bg-subtle)', padding: '3px', borderRadius: 'var(--radius-md)', border: '1px solid var(--border-light)' }}>
-                      {['small', 'medium', 'large'].map(s => {
-                        const active = settings?.font_size === s;
-                        return (
-                          <button
-                            key={s}
-                            onClick={() => saveSettings({ font_size: s })}
-                            style={{
-                              padding: '7px 14px',
-                              borderRadius: '6px',
-                              border: 'none',
-                              background: active ? 'var(--bg-panel)' : 'transparent',
-                              color: active ? 'var(--text)' : 'var(--text-dim)',
-                              fontSize: s === 'small' ? '11px' : s === 'medium' ? '13px' : '15px',
-                              fontWeight: active ? 600 : 500,
-                              fontFamily: 'inherit',
-                              cursor: 'pointer',
-                              boxShadow: active ? 'var(--shadow-sm)' : 'none',
-                              transition: 'all var(--dur-fast)',
-                            }}
-                          >
-                            Aa
-                          </button>
-                        );
-                      })}
-                    </div>
-                  </div>
-
-                  {/* Accent color */}
-                  <div style={{ ...settingRowStyle, borderBottom: 'none', paddingBottom: 0, alignItems: 'flex-start' }}>
-                    <div style={{ flex: 1 }}>
-                      <div style={{ fontSize: '14.5px', fontWeight: 500, color: 'var(--text)' }}>Accent color</div>
-                      <div style={{ fontSize: '13px', color: 'var(--text-dim)', marginTop: '3px' }}>The hue used for highlights and active states.</div>
-                    </div>
-                    <div style={{ display: 'flex', alignItems: 'center', gap: '10px' }}>
-                      {['#1a5c2a', '#2b8c96', '#e8a33a', '#8a63d2', '#dc2626'].map(c => {
-                        const active = (settings?.accent_color || '#1a5c2a') === c;
-                        return (
-                          <button
-                            key={c}
-                            onClick={() => {
-                              document.documentElement.style.setProperty('--accent', c);
-                              saveSettings({ accent_color: c });
-                            }}
-                            aria-label={`Accent ${c}`}
-                            style={{
-                              width: '28px', height: '28px', borderRadius: '50%',
-                              background: c,
-                              border: active ? `2px solid var(--text)` : '2px solid transparent',
-                              outline: active ? `2px solid ${c}` : 'none',
-                              outlineOffset: '2px',
-                              cursor: 'pointer',
-                              padding: 0,
-                              transition: 'transform var(--dur-fast)',
-                            }}
-                          />
-                        );
-                      })}
-                      <label style={{
-                        position: 'relative',
-                        width: '28px', height: '28px', borderRadius: '50%',
-                        background: 'conic-gradient(from 0deg, #ff6b6b, #f9d423, #6bcf7f, #4dabf7, #b197fc, #ff6b6b)',
-                        cursor: 'pointer',
-                        border: '2px solid transparent',
-                      }}>
-                        <input
-                          type="color"
-                          value={settings?.accent_color || '#1a5c2a'}
-                          onChange={e => {
-                            document.documentElement.style.setProperty('--accent', e.target.value);
-                            saveSettings({ accent_color: e.target.value });
-                          }}
-                          style={{ position: 'absolute', inset: 0, opacity: 0, cursor: 'pointer' }}
-                        />
-                      </label>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            )}
-
-            {/* ── Privacy ─────────────────────────────────────────────────── */}
-            {activeSection === 'privacy' && (
-              <div className="fade-up">
-                <SectionHeader
-                  title="Privacy"
-                  description="Decide what's visible to other students and what stays just for you."
-                />
-
-                <div style={cardStyle}>
-                  <div style={{ ...settingRowStyle, paddingTop: 0, alignItems: 'flex-start' }}>
-                    <div style={{ flex: 1 }}>
-                      <div style={{ fontSize: '14.5px', fontWeight: 500, color: 'var(--text)' }}>Profile visibility</div>
-                      <div style={{ fontSize: '13px', color: 'var(--text-dim)', marginTop: '3px', lineHeight: 1.4 }}>
-                        Public profiles can be discovered by classmates in study rooms.
-                      </div>
-                    </div>
-                    <div style={{ display: 'flex', gap: '4px', background: 'var(--bg-subtle)', padding: '3px', borderRadius: 'var(--radius-md)', border: '1px solid var(--border-light)' }}>
-                      {['public', 'private'].map(v => {
-                        const active = settings?.profile_visibility === v;
-                        return (
-                          <button
-                            key={v}
-                            onClick={() => saveSettings({ profile_visibility: v })}
-                            style={{
-                              padding: '7px 16px',
-                              borderRadius: '6px',
-                              border: 'none',
-                              background: active ? 'var(--bg-panel)' : 'transparent',
-                              color: active ? 'var(--text)' : 'var(--text-dim)',
-                              fontSize: '12.5px',
-                              fontWeight: active ? 600 : 500,
-                              fontFamily: 'inherit',
-                              cursor: 'pointer',
-                              boxShadow: active ? 'var(--shadow-sm)' : 'none',
-                              transition: 'all var(--dur-fast)',
-                            }}
-                          >
-                            {v.charAt(0).toUpperCase() + v.slice(1)}
-                          </button>
-                        );
-                      })}
-                    </div>
-                  </div>
-                  <div style={{ ...settingRowStyle, borderBottom: 'none', paddingBottom: 0 }}>
-                    <div style={{ flex: 1 }}>
-                      <div style={{ fontSize: '14.5px', fontWeight: 500, color: 'var(--text)' }}>Activity status</div>
-                      <div style={{ fontSize: '13px', color: 'var(--text-dim)', marginTop: '3px', lineHeight: 1.4 }}>
-                        Show a green dot to others when you're online.
-                      </div>
-                    </div>
-                    <Toggle
-                      checked={settings?.activity_status_visible ?? true}
-                      onChange={v => saveSettings({ activity_status_visible: v })}
-                    />
-                  </div>
-                </div>
-              </div>
-            )}
-
-            {/* ── Cosmetics ───────────────────────────────────────────────── */}
-            {activeSection === 'cosmetics' && (
-              <div className="fade-up">
-                <SectionHeader
-                  title="Cosmetics"
-                  description="Equip frames, name colors, and titles you've earned through achievements."
-                />
-                <div style={cardStyle}>
-                  <CosmeticsManager userId={userId} />
-                </div>
-              </div>
-            )}
-
-            {/* ── Danger Zone ─────────────────────────────────────────────── */}
-            {activeSection === 'danger' && (
-              <div className="fade-up">
-                <SectionHeader
-                  title="Danger Zone"
-                  description="Irreversible actions. Handled with both hands."
-                  danger
-                />
-
-                {/* Export */}
-                <div style={{
-                  background: 'var(--bg-panel)',
-                  border: '1px solid var(--border)',
-                  borderRadius: 'var(--radius-lg)',
-                  padding: '24px 28px',
-                  marginBottom: '16px',
-                  display: 'flex',
-                  alignItems: 'center',
-                  gap: '20px',
-                  boxShadow: 'var(--shadow-sm)',
-                }}>
-                  <div style={{
-                    width: '44px', height: '44px', borderRadius: 'var(--radius-md)',
-                    background: 'var(--accent-dim)', color: 'var(--accent)',
-                    display: 'flex', alignItems: 'center', justifyContent: 'center',
-                    flexShrink: 0,
-                  }}>
-                    <Download size={18} />
-                  </div>
-                  <div style={{ flex: 1 }}>
-                    <div style={{ fontSize: '14.5px', fontWeight: 600, color: 'var(--text)', marginBottom: '4px' }}>Export your data</div>
-                    <div style={{ fontSize: '13px', color: 'var(--text-dim)', lineHeight: 1.5 }}>
-                      Download every conversation, document, and graph node as a single JSON file.
-                    </div>
-                  </div>
-                  <button className="btn-ghost" onClick={handleExport} style={{ flexShrink: 0 }}>Export</button>
-                </div>
-
-                {/* Delete */}
-                <div style={{
-                  background: 'var(--bg-panel)',
-                  border: '1px solid rgba(220,38,38,0.25)',
-                  borderRadius: 'var(--radius-lg)',
-                  padding: '24px 28px',
-                  boxShadow: '0 1px 3px rgba(220,38,38,0.05)',
-                  position: 'relative',
-                  overflow: 'hidden',
-                }}>
-                  <div style={{
-                    position: 'absolute',
-                    top: 0, left: 0, right: 0, height: '3px',
-                    background: '#dc2626',
-                  }} />
-                  <div style={{ display: 'flex', alignItems: 'center', gap: '20px' }}>
-                    <div style={{
-                      width: '44px', height: '44px', borderRadius: 'var(--radius-md)',
-                      background: 'rgba(220,38,38,0.08)', color: '#dc2626',
-                      display: 'flex', alignItems: 'center', justifyContent: 'center',
-                      flexShrink: 0,
-                    }}>
-                      <AlertTriangle size={18} />
-                    </div>
-                    <div style={{ flex: 1 }}>
-                      <div style={{ fontSize: '14.5px', fontWeight: 600, color: 'var(--text)', marginBottom: '4px' }}>Delete account</div>
-                      <div style={{ fontSize: '13px', color: 'var(--text-dim)', lineHeight: 1.5 }}>
-                        Schedules permanent deletion of your account and all associated data after a 30-day grace period.
-                      </div>
-                    </div>
-                    <button
-                      onClick={() => setShowDeleteForm(!showDeleteForm)}
-                      style={{
-                        background: showDeleteForm ? 'transparent' : 'rgba(220,38,38,0.08)',
-                        color: '#dc2626',
-                        border: '1px solid rgba(220,38,38,0.3)',
-                        borderRadius: 'var(--radius-md)',
-                        padding: '9px 18px',
-                        fontSize: '13px',
-                        fontWeight: 500,
-                        fontFamily: 'inherit',
-                        cursor: 'pointer',
-                        flexShrink: 0,
-                        transition: 'background var(--dur-fast)',
-                      }}
-                    >
-                      {showDeleteForm ? 'Cancel' : 'Delete account'}
-                    </button>
-                  </div>
-
-                  {showDeleteForm && (
-                    <div style={{
-                      marginTop: '20px',
-                      padding: '20px',
-                      background: 'rgba(220,38,38,0.04)',
-                      border: '1px dashed rgba(220,38,38,0.25)',
-                      borderRadius: 'var(--radius-md)',
-                    }}>
-                      <p style={{ fontSize: '13px', color: 'var(--text-secondary)', marginTop: 0, marginBottom: '14px', lineHeight: 1.55 }}>
-                        Type <strong style={{ color: '#dc2626', fontFamily: 'JetBrains Mono, monospace' }}>DELETE</strong> below to confirm. You'll have 30 days to change your mind by signing back in.
-                      </p>
-                      <div style={{ display: 'flex', gap: '10px', flexWrap: 'wrap' }}>
-                        <input
-                          style={{ ...inputStyle, maxWidth: '280px', fontFamily: 'JetBrains Mono, monospace', letterSpacing: '0.1em' }}
-                          value={deleteConfirm}
-                          onChange={e => setDeleteConfirm(e.target.value)}
-                          placeholder="DELETE"
-                        />
-                        <button
-                          onClick={handleDeleteAccount}
-                          disabled={deleteConfirm !== 'DELETE' || deleting}
-                          style={{
-                            background: deleteConfirm === 'DELETE' ? '#dc2626' : 'var(--bg-subtle)',
-                            color: deleteConfirm === 'DELETE' ? '#fff' : 'var(--text-dim)',
-                            border: 'none',
-                            borderRadius: 'var(--radius-md)',
-                            padding: '11px 20px',
-                            fontSize: '13px',
-                            fontWeight: 600,
-                            fontFamily: 'inherit',
-                            cursor: deleteConfirm === 'DELETE' && !deleting ? 'pointer' : 'not-allowed',
-                            transition: 'background var(--dur-fast)',
-                          }}
-                        >
-                          {deleting ? 'Deleting…' : 'Confirm deletion'}
-                        </button>
-                      </div>
-                    </div>
-                  )}
-                </div>
-              </div>
-            )}
-          </div>
-        </div>
-      </div>
-
-      {/* ── Profile Preview Modal ───────────────────────────────────────────── */}
-      {profileModalMounted && (
-        <div
-          style={{
-            position: 'fixed',
-            inset: 0,
-            background: profileModalVisible ? 'rgba(15,23,42,0.45)' : 'rgba(0,0,0,0)',
-            backdropFilter: profileModalVisible ? 'blur(6px)' : 'blur(0px)',
-            WebkitBackdropFilter: profileModalVisible ? 'blur(6px)' : 'blur(0px)',
-            zIndex: 100,
-            display: 'flex',
-            alignItems: 'center',
-            justifyContent: 'center',
-            padding: '20px',
-            transition: 'background 0.25s ease, backdrop-filter 0.25s ease',
-          }}
-          onClick={e => { if (e.target === e.currentTarget) closeProfilePreview(); }}
-        >
-          <div style={{
-            background: 'var(--bg-panel)',
-            borderRadius: 'var(--radius-lg)',
-            width: '760px',
-            maxWidth: '95vw',
-            maxHeight: '90vh',
-            overflowY: 'auto',
-            position: 'relative',
-            border: '1px solid var(--border)',
-            boxShadow: '0 32px 80px rgba(15,23,42,0.25)',
-            fontFamily: UI_FONT,
-            opacity: profileModalVisible ? 1 : 0,
-            transform: profileModalVisible ? 'scale(1) translateY(0)' : 'scale(0.95) translateY(12px)',
-            transition: 'opacity 0.25s ease, transform 0.25s ease',
-          }}>
-            <button
-              onClick={closeProfilePreview}
-              style={{
-                position: 'sticky',
-                top: '12px',
-                float: 'right',
-                marginRight: '12px',
-                background: 'var(--bg-subtle)',
-                border: '1px solid var(--border)',
-                borderRadius: '50%',
-                width: '32px',
-                height: '32px',
-                display: 'flex',
-                alignItems: 'center',
-                justifyContent: 'center',
-                cursor: 'pointer',
-                color: 'var(--text-muted)',
-                zIndex: 10,
-              }}
-            >
-              <X size={14} />
-            </button>
-
-            {previewLoading ? (
-              <div style={{ padding: '60px 20px', textAlign: 'center', color: 'var(--text-dim)', fontSize: '13px' }}>
-                Loading profile…
-              </div>
-            ) : !previewProfile ? (
-              <div style={{ padding: '60px 20px', textAlign: 'center', color: 'var(--brand-struggle)', fontSize: '13px' }}>
-                Failed to load profile
-              </div>
-            ) : (
-              <ProfilePreviewContent profile={previewProfile} achievements={previewAchievements} />
-            )}
-          </div>
-        </div>
-      )}
-    </div>
-  );
-}
-
-// ── Profile Preview (rendered inside modal) ──────────────────────────────────
-
-const RARITY_COLORS: Record<string, string> = {
-  common: '#9ca3af',
-  uncommon: '#22c55e',
-  rare: '#3b82f6',
-  epic: '#a855f7',
-  legendary: '#f59e0b',
-};
-
-function RarityDot({ rarity }: { rarity: string }) {
-  return (
-    <div
-      title={rarity.charAt(0).toUpperCase() + rarity.slice(1)}
-      style={{ width: '8px', height: '8px', borderRadius: '50%', background: RARITY_COLORS[rarity] || RARITY_COLORS.common, flexShrink: 0 }}
-    />
-  );
-}
-
-function InfoRow({ label, value }: { label: string; value: string }) {
-  return (
-    <div>
-      <div style={{ fontSize: '11px', fontWeight: 600, color: 'var(--text-dim)', textTransform: 'uppercase', letterSpacing: '0.05em', marginBottom: '2px' }}>{label}</div>
-      <div style={{ fontSize: '13px', color: 'var(--text)', fontWeight: 500 }}>{value}</div>
-    </div>
-  );
-}
-
-function ProfilePreviewContent({ profile, achievements }: { profile: UserProfile; achievements: { earned: UserAchievement[]; available: Achievement[] } | null }) {
-  const yearLabel = profile.year ? profile.year.charAt(0).toUpperCase() + profile.year.slice(1) : null;
-
-  return (
-    <div style={{ padding: '32px' }}>
-      <div style={{ display: 'flex', alignItems: 'center', gap: '18px', marginBottom: '20px' }}>
-        <AvatarFrame
-          userId={profile.id}
-          name={profile.name}
-          size={72}
-          avatarUrl={profile.avatar_url || undefined}
-          frameUrl={profile.equipped_cosmetics?.avatar_frame?.asset_url}
-        />
-        <div style={{ flex: 1 }}>
-          <div style={{ display: 'flex', alignItems: 'center', gap: '8px', flexWrap: 'wrap' }}>
-            <span style={{ fontSize: '22px', fontWeight: 700 }}>
-              <NameColorRenderer name={profile.name} cssValue={profile.equipped_cosmetics?.name_color?.css_value} />
-            </span>
-            {profile.equipped_cosmetics?.title && (
-              <TitleFlair title={profile.equipped_cosmetics.title.name} rarity={profile.equipped_cosmetics.title.rarity} />
-            )}
-          </div>
-          {profile.username && (
-            <div style={{ fontSize: '13px', color: 'var(--text-dim)', marginTop: '2px' }}>@{profile.username}</div>
-          )}
-          {profile.roles.length > 0 && (
-            <div style={{ display: 'flex', gap: '4px', flexWrap: 'wrap', marginTop: '6px' }}>
-              {profile.roles.map(ur => <RoleBadge key={ur.role.id} role={ur.role} size="sm" />)}
-            </div>
-          )}
-        </div>
-      </div>
-
-      {profile.bio && (
-        <div style={{ fontSize: '14px', color: 'var(--text)', lineHeight: 1.6, marginBottom: '18px' }}>
-          {profile.bio}
-        </div>
-      )}
-
-      <div style={{
-        display: 'grid',
-        gridTemplateColumns: 'repeat(2, 1fr)',
-        gap: '10px 20px',
-        marginBottom: '20px',
-        padding: '16px 18px',
-        background: 'var(--bg-subtle)',
-        border: '1px solid var(--border)',
-        borderRadius: 'var(--radius-md)',
-      }}>
-        {profile.school && <InfoRow label="University" value={profile.school} />}
-        {yearLabel && <InfoRow label="Year" value={yearLabel} />}
-        {profile.majors?.length > 0 && <InfoRow label={profile.majors.length > 1 ? 'Majors' : 'Major'} value={profile.majors.join(', ')} />}
-        {profile.minors?.length > 0 && <InfoRow label={profile.minors.length > 1 ? 'Minors' : 'Minor'} value={profile.minors.join(', ')} />}
-        {profile.created_at && <InfoRow label="Joined" value={new Date(profile.created_at).toLocaleDateString('en-US', { month: 'long', year: 'numeric' })} />}
-        {profile.location && <InfoRow label="Location" value={profile.location} />}
-        {profile.website && (
-          <div>
-            <div style={{ fontSize: '11px', fontWeight: 600, color: 'var(--text-dim)', textTransform: 'uppercase', letterSpacing: '0.05em', marginBottom: '2px' }}>Website</div>
-            <a
-              href={profile.website.startsWith('http') ? profile.website : `https://${profile.website}`}
-              target="_blank"
-              rel="noopener noreferrer"
-              style={{ fontSize: '13px', color: 'var(--accent)', textDecoration: 'none' }}
-            >
-              {profile.website}
-            </a>
-          </div>
-        )}
-      </div>
-
-      {profile.stats && (
-        <div style={{ display: 'grid', gridTemplateColumns: 'repeat(4, 1fr)', gap: '8px', marginBottom: '20px' }}>
-          {[
-            { label: 'Streak', value: profile.stats.streak_count ?? 0 },
-            { label: 'Sessions', value: profile.stats.session_count ?? 0 },
-            { label: 'Documents', value: profile.stats.documents_count ?? 0 },
-            { label: 'Achievements', value: profile.stats.achievements_count ?? 0 },
-          ].map(stat => (
-            <div key={stat.label} style={{
-              background: 'var(--bg-subtle)',
-              border: '1px solid var(--border)',
-              borderRadius: 'var(--radius-md)',
-              padding: '12px 10px',
-              textAlign: 'center',
-            }}>
-              <div style={{ fontSize: '22px', fontWeight: 700, color: 'var(--text)' }}>{stat.value}</div>
-              <div style={{ fontSize: '10px', color: 'var(--text-dim)', fontWeight: 600, textTransform: 'uppercase', letterSpacing: '0.06em', marginTop: '2px' }}>{stat.label}</div>
-            </div>
-          ))}
-        </div>
-      )}
-
-      {profile.featured_achievements?.length > 0 && (
-        <div style={{ marginBottom: '20px' }}>
-          <AchievementShowcase achievements={profile.featured_achievements} isOwnProfile />
-        </div>
-      )}
-
-      {achievements && achievements.earned.length > 0 && (
-        <div>
-          <h3 style={{ fontSize: '14px', fontWeight: 600, color: 'var(--text)', marginBottom: '10px' }}>
-            Achievements ({achievements.earned.length})
-          </h3>
-          <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fill, minmax(180px, 1fr))', gap: '8px' }}>
-            {achievements.earned.map(ua => (
-              <div key={ua.achievement.id} style={{
-                padding: '10px 12px',
-                background: 'var(--bg-subtle)',
-                border: '1px solid var(--border)',
-                borderRadius: 'var(--radius-md)',
-                display: 'flex',
-                alignItems: 'center',
-                gap: '8px',
-              }}>
-                <div style={{ flex: 1, minWidth: 0 }}>
-                  <div style={{ fontSize: '12px', fontWeight: 600, color: 'var(--text)', overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' }}>
-                    {ua.achievement.name}
-                  </div>
-                  {ua.achievement.description && (
-                    <div style={{ fontSize: '10px', color: 'var(--text-dim)', marginTop: '1px', overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' }}>
-                      {ua.achievement.description}
-                    </div>
-                  )}
-                </div>
-                <RarityDot rarity={ua.achievement.rarity} />
-              </div>
-            ))}
-          </div>
-        </div>
-      )}
-    </div>
-  );
-}
diff --git a/frontend/src/app/signin/page.tsx b/frontend/src/app/signin/page.tsx
deleted file mode 100644
index 5a8ec4e2..00000000
--- a/frontend/src/app/signin/page.tsx
+++ /dev/null
@@ -1,140 +0,0 @@
-'use client';
-
-import { Suspense, useEffect } from 'react';
-import { useSearchParams, useRouter } from 'next/navigation';
-import Image from 'next/image';
-
-const API_URL = process.env.NEXT_PUBLIC_API_URL ?? 'http://localhost:5000';
-
-const ERROR_COPY: Record<string, string> = {
-  not_approved: 'Your account is pending approval.',
-  invalid_domain: 'Sign-in is limited to approved school accounts.',
-  google_not_configured: 'Google sign-in is not configured on the server.',
-};
-
-function SignInInner() {
-  const router = useRouter();
-  const searchParams = useSearchParams();
-  const error = searchParams.get('error');
-
-  useEffect(() => {
-    let cancelled = false;
-    const saved = typeof window !== 'undefined' ? localStorage.getItem('sapling_user') : null;
-    if (!saved) return;
-    try {
-      const { id } = JSON.parse(saved) as { id?: string };
-      if (!id || typeof id !== 'string') return;
-      fetch('/api/auth/session', {
-        method: 'POST',
-        headers: { 'Content-Type': 'application/json' },
-        body: JSON.stringify({ userId: id }),
-      })
-        .then(res => {
-          if (cancelled) return;
-          if (res.ok) {
-            router.replace('/dashboard');
-            return;
-          }
-          if (res.status === 403) {
-            router.replace('/pending');
-          }
-        })
-        .catch(() => {
-          /* ignore fetch errors */
-        });
-    } catch {
-      /* ignore parse errors */
-    }
-    return () => {
-      cancelled = true;
-    };
-  }, [router]);
-
-  const errorMessage = error ? (ERROR_COPY[error] ?? `Something went wrong (${error}).`) : null;
-
-  return (
-    <div style={{
-      minHeight: '100vh',
-      display: 'flex',
-      flexDirection: 'column',
-      alignItems: 'center',
-      justifyContent: 'center',
-      background: '#f0f5f0',
-      padding: '24px',
-    }}>
-      <Image
-        src="/sapling-word-icon.png"
-        alt="Sapling"
-        width={140}
-        height={40}
-        style={{ marginBottom: '32px', objectFit: 'contain' }}
-      />
-
-      <div style={{
-        background: '#ffffff',
-        border: '1px solid #e5e7eb',
-        borderRadius: '16px',
-        padding: '32px',
-        width: '100%',
-        maxWidth: '400px',
-        boxShadow: '0 1px 3px rgba(0,0,0,0.06)',
-      }}>
-        {errorMessage ? (
-          <>
-            <p style={{
-              fontSize: '15px',
-              color: '#374151',
-              textAlign: 'center',
-              lineHeight: 1.5,
-              marginBottom: '24px',
-            }}>
-              {errorMessage}
-            </p>
-            <button
-              type="button"
-              onClick={() => { window.location.href = `${API_URL}/api/auth/google`; }}
-              style={{
-                width: '100%',
-                display: 'flex',
-                alignItems: 'center',
-                justifyContent: 'center',
-                gap: '12px',
-                padding: '12px 20px',
-                background: '#ffffff',
-                border: '1px solid #d1d5db',
-                borderRadius: '10px',
-                fontSize: '14px',
-                fontWeight: 500,
-                color: '#111827',
-                cursor: 'pointer',
-              }}
-            >
-              <svg width="18" height="18" viewBox="0 0 24 24" aria-hidden>
-                <path d="M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z" fill="#4285F4" />
-                <path d="M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z" fill="#34A853" />
-                <path d="M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z" fill="#FBBC05" />
-                <path d="M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z" fill="#EA4335" />
-              </svg>
-              Try again with Google
-            </button>
-            <p style={{ marginTop: '16px', textAlign: 'center', fontSize: '13px', color: '#6b7280' }}>
-              <a href="/" style={{ color: '#1B6C42', fontWeight: 500 }}>Back to home</a>
-            </p>
-          </>
-        ) : (
-          <p style={{ fontSize: '14px', color: '#6b7280', textAlign: 'center' }}>
-            Redirecting to sign in…
-          </p>
-        )}
-      </div>
-    </div>
-  );
-}
-
-export default function SignInPage() {
-  return (
-    <Suspense fallback={<div style={{ minHeight: '100vh', background: '#f0f5f0' }} />}>
-      <SignInInner />
-    </Suspense>
-  );
-}
diff --git a/frontend/src/app/social/page.tsx b/frontend/src/app/social/page.tsx
deleted file mode 100644
index ac099c5b..00000000
--- a/frontend/src/app/social/page.tsx
+++ /dev/null
@@ -1,328 +0,0 @@
-'use client';
-
-import { useEffect, useState, Suspense } from 'react';
-import { useSearchParams, useRouter } from 'next/navigation';
-import RoomList from '@/components/RoomList';
-import RoomOverview from '@/components/RoomOverview';
-import StudyMatch from '@/components/StudyMatch';
-import SchoolDirectory from '@/components/SchoolDirectory';
-import RoomChat from '@/components/RoomChat';
-import RoomMembers from '@/components/RoomMembers';
-import { Room, RoomActivity, RoomMember, RoomOverviewData, StudyMatch as StudyMatchType } from '@/lib/types';
-import { getUserRooms, getRoomOverview, getRoomActivity, findStudyMatches } from '@/lib/api';
-import { useUser } from '@/context/UserContext';
-
-function useIsMobile(breakpoint = 768) {
-  const [isMobile, setIsMobile] = useState(false);
-  useEffect(() => {
-    const mql = window.matchMedia(`(max-width: ${breakpoint}px)`);
-    setIsMobile(mql.matches);
-    const handler = (e: MediaQueryListEvent) => setIsMobile(e.matches);
-    mql.addEventListener('change', handler);
-    return () => mql.removeEventListener('change', handler);
-  }, [breakpoint]);
-  return isMobile;
-}
-
-type Tab = 'overview' | 'chat' | 'match' | 'activity';
-
-function SocialPageInner() {
-  const { userId: USER_ID, userReady } = useUser();
-  const searchParams = useSearchParams();
-  const router = useRouter();
-  const suggestConcept = searchParams.get('suggest') ?? '';
-
-  const isMobile = useIsMobile();
-  const [showRooms, setShowRooms] = useState(false);
-  const [rooms, setRooms] = useState<Room[]>([]);
-  const [activeRoomId, setActiveRoomId] = useState<string | null>(null);
-  const [tab, setTab] = useState<Tab>('overview');
-  const [schoolView, setSchoolView] = useState(false);
-  const [showMembers, setShowMembers] = useState(false);
-
-  const [overviewData, setOverviewData] = useState<RoomOverviewData | null>(null);
-  const [activity, setActivity] = useState<RoomActivity[]>([]);
-  const [matches, setMatches] = useState<StudyMatchType[]>([]);
-  const [matchLoading, setMatchLoading] = useState(false);
-  const [overviewLoading, setOverviewLoading] = useState(false);
-  const [overviewError, setOverviewError] = useState<string | null>(null);
-
-  // Auto-switch to overview tab when a suggestion is present
-  useEffect(() => {
-    if (suggestConcept) { setTab('overview'); setShowMembers(false); }
-  }, [suggestConcept]);
-
-  // Reset members panel when switching rooms
-  useEffect(() => {
-    setShowMembers(false);
-  }, [activeRoomId]);
-
-  useEffect(() => {
-    if (!userReady) return;
-    getUserRooms(USER_ID).then(res => {
-      setRooms(res.rooms);
-      if (res.rooms.length > 0 && !activeRoomId) {
-        setActiveRoomId(res.rooms[0].id);
-      }
-    }).catch(console.error);
-    // Intentionally omit activeRoomId: only seed initial selection when rooms load, not on every room switch
-    // eslint-disable-next-line react-hooks/exhaustive-deps -- see above
-  }, [USER_ID, userReady]);
-
-  useEffect(() => {
-    if (!activeRoomId) return;
-    setOverviewLoading(true);
-    setOverviewData(null);
-    setActivity([]);
-    setMatches([]);
-    setOverviewError(null);
-
-    Promise.all([
-      getRoomOverview(activeRoomId),
-      getRoomActivity(activeRoomId),
-    ]).then(([ovData, actData]) => {
-      setOverviewData(ovData);
-      setActivity(actData.activities);
-    }).catch((e) => {
-      console.error(e);
-      setOverviewError(e.message || 'Failed to load room data.');
-    }).finally(() => {
-      setOverviewLoading(false);
-    });
-  }, [activeRoomId]);
-
-  const handleFindMatches = async () => {
-    if (!activeRoomId) return;
-    setMatchLoading(true);
-    try {
-      const res = await findStudyMatches(activeRoomId, USER_ID);
-      setMatches(res.matches);
-    } catch (e) {
-      console.error(e);
-    } finally {
-      setMatchLoading(false);
-    }
-  };
-
-  const handleLeaveRoom = () => {
-    setRooms(prev => prev.filter(r => r.id !== activeRoomId));
-    const remaining = rooms.filter(r => r.id !== activeRoomId);
-    setActiveRoomId(remaining.length > 0 ? remaining[0].id : null);
-    setShowMembers(false);
-  };
-
-  const handleMembersChange = (updatedMembers: { user_id: string; name: string }[]) => {
-    setOverviewData(prev =>
-      prev
-        ? {
-            ...prev,
-            members: prev.members.filter(m => updatedMembers.some(u => u.user_id === m.user_id)),
-          }
-        : prev
-    );
-  };
-
-  const formatActivityTime = (iso: string) => {
-    const diff = Date.now() - new Date(iso).getTime();
-    const hrs = Math.floor(diff / 3600000);
-    if (hrs < 1) return 'just now';
-    if (hrs < 24) return `${hrs}h ago`;
-    return `${Math.floor(hrs / 24)}d ago`;
-  };
-
-  const tabStyle = (t: Tab) => ({
-    background: 'none',
-    border: 'none',
-    fontSize: '14px',
-    fontFamily: "var(--font-dm-sans), 'DM Sans', sans-serif",
-    color: !showMembers && tab === t ? '#111827' : '#6b7280',
-    fontWeight: !showMembers && tab === t ? 500 : 400 as const,
-    borderBottom: !showMembers && tab === t ? '2px solid rgba(26,92,42,0.7)' : '2px solid transparent',
-    cursor: 'pointer',
-    padding: '8px 0',
-    marginRight: '20px',
-  });
-
-  // Find the suggested node ID from the current user's graph in overviewData
-  const myMemberData = overviewData?.members?.find((m: RoomMember) => m.user_id === USER_ID);
-  const suggestNodeId: string | undefined =
-    suggestConcept && myMemberData
-      ? myMemberData.graph.nodes.find(n => n.concept_name === suggestConcept)?.id
-      : undefined;
-
-  const memberCount = overviewData?.members?.length ?? null;
-
-  return (
-    <div style={{ display: 'flex', flexDirection: isMobile ? 'column' as const : 'row' as const, height: isMobile ? 'auto' : 'calc(100vh - 48px)', minHeight: isMobile ? 'calc(100vh - 48px)' : undefined, overflow: 'hidden' }}>
-      {/* Left sidebar */}
-      {(!isMobile || showRooms) && (
-      <div className="panel-in panel-in-1" style={{ width: isMobile ? '100%' : '240px', flexShrink: 0, maxHeight: isMobile ? '300px' : undefined, background: '#f2f7f2', borderRight: '1px solid rgba(107,114,128,0.12)', overflowY: 'auto' }}>
-        <RoomList
-          rooms={rooms}
-          activeRoomId={schoolView ? null : activeRoomId}
-          userId={USER_ID}
-          onSelectRoom={id => { setSchoolView(false); setActiveRoomId(id); setTab('overview'); }}
-          onRoomsChange={setRooms}
-          schoolActive={schoolView}
-          onSchoolClick={() => setSchoolView(true)}
-        />
-      </div>
-      )}
-
-      {isMobile && (
-        <button
-          onClick={() => setShowRooms(v => !v)}
-          style={{
-            padding: '8px 16px', fontSize: '13px', fontWeight: 500,
-            color: '#1a5c2a', background: 'rgba(26,92,42,0.06)',
-            border: 'none', borderBottom: '1px solid rgba(107,114,128,0.12)',
-            cursor: 'pointer', width: '100%', textAlign: 'left',
-            fontFamily: "var(--font-dm-sans), 'DM Sans', sans-serif",
-          }}
-        >
-          {showRooms ? '▼ Hide Rooms' : '▶ Show Rooms'}
-        </button>
-      )}
-
-      {/* Main area */}
-      <div className="panel-in panel-in-2" style={{ flex: 1, minWidth: 0, minHeight: isMobile ? '400px' : 0, display: 'flex', flexDirection: 'column', overflow: 'hidden' }}>
-        {schoolView ? (
-          <SchoolDirectory currentUserId={USER_ID} />
-        ) : activeRoomId ? (
-          <>
-            {/* Tabs */}
-            <div style={{ background: '#f0f5f0', borderBottom: '1px solid rgba(107,114,128,0.12)', padding: isMobile ? '0 12px' : '0 24px', display: 'flex', alignItems: 'center' }}>
-              <button style={tabStyle('overview')} onClick={() => { setTab('overview'); setShowMembers(false); }}>Overview</button>
-              <button style={tabStyle('chat')} onClick={() => { setTab('chat'); setShowMembers(false); }}>Chat</button>
-              <button style={tabStyle('match')} onClick={() => { setTab('match'); setShowMembers(false); }}>Study Match</button>
-              <button style={tabStyle('activity')} onClick={() => { setTab('activity'); setShowMembers(false); }}>Activity</button>
-
-              {/* Members button — far right */}
-              <button
-                onClick={() => setShowMembers(s => !s)}
-                style={{
-                  marginLeft: 'auto',
-                  background: showMembers ? 'var(--accent-dim)' : 'none',
-                  border: `1px solid ${showMembers ? 'var(--accent-border)' : 'rgba(107,114,128,0.2)'}`,
-                  borderRadius: '6px',
-                  padding: '4px 10px',
-                  fontSize: '13px',
-                  color: showMembers ? 'var(--accent)' : '#6b7280',
-                  cursor: 'pointer',
-                  display: 'flex',
-                  alignItems: 'center',
-                  gap: '5px',
-                  transition: 'all var(--dur-fast)',
-                  fontFamily: "var(--font-dm-sans), 'DM Sans', sans-serif",
-                }}
-              >
-                <span style={{ fontSize: '14px' }}>👥</span>
-                {memberCount !== null && <span>{memberCount}</span>}
-              </button>
-            </div>
-
-            {/* Tab content */}
-            <div style={{
-              flex: 1,
-              overflowY: showMembers || tab !== 'chat' ? 'auto' : 'hidden',
-              padding: !showMembers && tab === 'chat' ? '0' : isMobile ? '12px' : '24px',
-            }}>
-              {showMembers ? (
-                <RoomMembers
-                  roomId={activeRoomId}
-                  roomName={overviewData?.room?.name ?? ''}
-                  leaderId={overviewData?.room?.created_by ?? ''}
-                  members={overviewData?.members?.map(m => ({ user_id: m.user_id, name: m.name })) ?? []}
-                  currentUserId={USER_ID}
-                  onLeave={handleLeaveRoom}
-                  onMembersChange={handleMembersChange}
-                />
-              ) : (
-                <>
-                  {tab === 'overview' && (
-                    overviewLoading ? (
-                      <p style={{ color: '#9ca3af', fontSize: '14px' }}>Loading...</p>
-                    ) : overviewError ? (
-                      <div style={{ display: 'flex', flexDirection: 'column', alignItems: 'center', gap: '10px', padding: '40px 20px' }}>
-                        <p style={{ color: '#b91c1c', fontSize: '14px', fontWeight: 500 }}>Failed to load room</p>
-                        <p style={{ color: '#6b7280', fontSize: '13px' }}>{overviewError}</p>
-                        <button
-                          onClick={() => { setOverviewError(null); setOverviewLoading(true); getRoomOverview(activeRoomId).then(setOverviewData).catch(e => setOverviewError(e.message)).finally(() => setOverviewLoading(false)); }}
-                          style={{ padding: '6px 16px', background: 'rgba(26,92,42,0.08)', color: '#1a5c2a', border: '1px solid rgba(26,92,42,0.3)', borderRadius: '6px', fontSize: '12px', fontWeight: 600, cursor: 'pointer' }}
-                        >
-                          Retry
-                        </button>
-                      </div>
-                    ) : overviewData ? (
-                      <RoomOverview
-                        room={overviewData.room}
-                        members={overviewData.members}
-                        aiSummary={overviewData.ai_summary}
-                        myUserId={USER_ID}
-                        suggestNodeId={suggestNodeId}
-                        suggestConcept={suggestConcept}
-                        onSuggestDismiss={() => router.replace('/social')}
-                        onSuggestAccept={() => router.push(`/learn?topic=${encodeURIComponent(suggestConcept)}&mode=quiz`)}
-                      />
-                    ) : null
-                  )}
-
-                  {tab === 'chat' && (
-                    <RoomChat
-                      roomId={activeRoomId}
-                      userId={USER_ID}
-                      members={overviewData?.members?.map(m => ({ user_id: m.user_id, name: m.name })) ?? []}
-                    />
-                  )}
-
-                  {tab === 'match' && (
-                    <StudyMatch
-                      matches={matches}
-                      onFindMatches={handleFindMatches}
-                      loading={matchLoading}
-                      userId={USER_ID}
-                    />
-                  )}
-
-                  {tab === 'activity' && (
-                    <div style={{ display: 'flex', flexDirection: 'column', gap: '4px' }}>
-                      {activity.length === 0 ? (
-                        <p style={{ color: '#9ca3af', fontSize: '14px' }}>No activity yet.</p>
-                      ) : (
-                        activity.map(a => (
-                          <div key={a.id} style={{ display: 'flex', gap: '8px', alignItems: 'baseline', padding: '6px 0', borderBottom: '1px solid rgba(148,163,184,0.06)', minWidth: 0 }}>
-                            <span style={{ fontSize: '14px', fontWeight: 500, color: '#111827', minWidth: '60px', flexShrink: 0, overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' }}>{a.user_name}</span>
-                            <span style={{ fontSize: '13px', color: '#4b5563', overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap', minWidth: 0, flex: 1 }}>
-                              {a.activity_type}
-                              {a.concept_name && ` ${a.concept_name}`}
-                              {a.detail && ` — ${a.detail}`}
-                            </span>
-                            <span style={{ fontSize: '11px', color: '#9ca3af', marginLeft: 'auto', flexShrink: 0 }}>
-                              {formatActivityTime(a.created_at)}
-                            </span>
-                          </div>
-                        ))
-                      )}
-                    </div>
-                  )}
-                </>
-              )}
-            </div>
-          </>
-        ) : (
-          <div style={{ flex: 1, display: 'flex', alignItems: 'center', justifyContent: 'center', color: '#9ca3af', fontSize: '14px' }}>
-            Create or join a room to get started.
-          </div>
-        )}
-      </div>
-    </div>
-  );
-}
-
-export default function SocialPage() {
-  return (
-    <Suspense fallback={null}>
-      <SocialPageInner />
-    </Suspense>
-  );
-}
diff --git a/frontend/src/app/study/FlashcardsPanel.tsx b/frontend/src/app/study/FlashcardsPanel.tsx
deleted file mode 100644
index f4f1a0e4..00000000
--- a/frontend/src/app/study/FlashcardsPanel.tsx
+++ /dev/null
@@ -1,322 +0,0 @@
-'use client';
-
-import { useState, useEffect } from 'react';
-import { useUser } from '@/context/UserContext';
-import { generateFlashcards, getFlashcards, rateFlashcard, deleteFlashcard, getCourses } from '@/lib/api';
-
-interface Flashcard {
-  id: string;
-  topic: string;
-  front: string;
-  back: string;
-  times_reviewed: number;
-  last_rating: number | null;
-}
-
-interface Props {
-  onStudyModeChange: (active: boolean) => void;
-}
-
-export default function FlashcardsPanel({ onStudyModeChange }: Props) {
-  const { userId: USER_ID, userReady } = useUser();
-
-  const [cards, setCards] = useState<Flashcard[]>([]);
-  const [courses, setCourses] = useState<string[]>([]);
-  const [topic, setTopic] = useState('');
-  const [generating, setGenerating] = useState(false);
-  const [loading, setLoading] = useState(false);
-  const [error, setError] = useState<string | null>(null);
-  const [filterTopic, setFilterTopic] = useState('');
-
-  const [studyMode, setStudyMode] = useState(false);
-  const [studyIndex, setStudyIndex] = useState(0);
-  const [flipped, setFlipped] = useState(false);
-  const [studyCards, setStudyCards] = useState<Flashcard[]>([]);
-  const [lastContextUsed, setLastContextUsed] = useState<{ documents_found: number; weak_concepts_found: number } | null>(null);
-
-  useEffect(() => {
-    if (!userReady || !USER_ID) return;
-    setLoading(true);
-    Promise.all([getFlashcards(USER_ID), getCourses(USER_ID)])
-      .then(([cardData, courseData]) => {
-        setCards(cardData.flashcards ?? []);
-        setCourses(courseData.courses.map((c: { course_name: string }) => c.course_name));
-      })
-      .catch(() => setCards([]))
-      .finally(() => setLoading(false));
-  }, [USER_ID, userReady]);
-
-  const enterStudyMode = (active: boolean) => {
-    setStudyMode(active);
-    onStudyModeChange(active);
-  };
-
-  const handleGenerate = async (selectedTopic: string) => {
-    if (!selectedTopic.trim()) return;
-    setTopic(selectedTopic);
-    setGenerating(true);
-    setError(null);
-    setLastContextUsed(null);
-    try {
-      const res = await generateFlashcards(USER_ID, selectedTopic.trim(), 10);
-      setCards(prev => [...res.flashcards, ...prev]);
-      if (res.context_used) setLastContextUsed(res.context_used);
-    } catch (e: unknown) {
-      setError(e instanceof Error ? e.message : 'Failed to generate flashcards.');
-    } finally {
-      setGenerating(false);
-    }
-  };
-
-  const handleRate = async (cardId: string, rating: number) => {
-    try {
-      await rateFlashcard(USER_ID, cardId, rating);
-      setCards(prev => prev.map(c =>
-        c.id === cardId ? { ...c, last_rating: rating, times_reviewed: c.times_reviewed + 1 } : c
-      ));
-      if (studyMode) {
-        setTimeout(() => {
-          setFlipped(false);
-          if (studyIndex < studyCards.length - 1) {
-            setStudyIndex(i => i + 1);
-          } else {
-            enterStudyMode(false);
-          }
-        }, 300);
-      }
-    } catch (e) { console.error(e); }
-  };
-
-  const handleDelete = async (cardId: string) => {
-    try {
-      await deleteFlashcard(USER_ID, cardId);
-      setCards(prev => prev.filter(c => c.id !== cardId));
-    } catch (e) { console.error(e); }
-  };
-
-  const startStudy = (topicFilter?: string) => {
-    const filtered = topicFilter ? cards.filter(c => c.topic === topicFilter) : cards;
-    if (filtered.length === 0) return;
-    setStudyCards(filtered);
-    setStudyIndex(0);
-    setFlipped(false);
-    enterStudyMode(true);
-  };
-
-  const ratingMeta = (r: number | null) => {
-    if (r === 1) return { label: 'Forgot', color: '#dc2626' };
-    if (r === 2) return { label: 'Hard', color: '#d97706' };
-    if (r === 3) return { label: 'Easy', color: '#16a34a' };
-    return null;
-  };
-
-  const topics = [...new Set(cards.map(c => c.topic))].sort();
-  const filteredCards = filterTopic ? cards.filter(c => c.topic === filterTopic) : cards;
-  const currentCard = studyCards[studyIndex];
-
-  // ── Study mode — full-page (rendered by StudyClient at full height) ────────────
-  if (studyMode && currentCard) {
-    const progress = (studyIndex / studyCards.length) * 100;
-    return (
-      <div style={{ flex: 1, display: 'flex', flexDirection: 'column', background: '#f0f5f0' }}>
-        <div style={{
-          background: '#f0f5f0', borderBottom: '1px solid rgba(107,114,128,0.12)',
-          padding: '0 20px', height: '52px', display: 'flex', alignItems: 'center',
-          gap: '16px', flexShrink: 0,
-        }}>
-          <button
-            onClick={() => enterStudyMode(false)}
-            style={{ background: 'none', border: 'none', color: '#6b7280', fontSize: '18px', cursor: 'pointer', lineHeight: 1 }}
-          >←</button>
-          <span style={{ fontSize: '14px', fontWeight: 500, color: '#374151' }}>{currentCard.topic}</span>
-          <span style={{ fontSize: '13px', color: '#9ca3af' }}>{studyIndex + 1} / {studyCards.length}</span>
-          <div style={{ flex: 1, height: '4px', background: 'rgba(107,114,128,0.15)', borderRadius: '2px', overflow: 'hidden' }}>
-            <div style={{ width: `${progress}%`, height: '100%', background: '#1a5c2a', borderRadius: '2px', transition: 'width 0.3s' }} />
-          </div>
-        </div>
-
-        <div style={{ flex: 1, display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'center', padding: '32px 24px', gap: '24px' }}>
-          <style>{`
-            .flip-card { perspective: 1200px; }
-            .flip-card-inner { position: relative; width: 100%; height: 100%; transition: transform 0.55s cubic-bezier(0.4,0.2,0.2,1); transform-style: preserve-3d; }
-            .flip-card-inner.flipped { transform: rotateY(180deg); }
-            .flip-card-front, .flip-card-back { position: absolute; inset: 0; backface-visibility: hidden; -webkit-backface-visibility: hidden; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 40px; border-radius: 16px; border: 1px solid rgba(107,114,128,0.15); box-shadow: 0 8px 32px rgba(0,0,0,0.08); gap: 16px; cursor: pointer; user-select: none; }
-            .flip-card-front { background: #ffffff; }
-            .flip-card-back { background: #f0fdf4; transform: rotateY(180deg); border-color: rgba(26,92,42,0.2); }
-          `}</style>
-
-          <div className="flip-card" onClick={() => setFlipped(f => !f)} style={{ width: '100%', maxWidth: '600px', minHeight: '280px', position: 'relative' }}>
-            <div className={`flip-card-inner${flipped ? ' flipped' : ''}`} style={{ minHeight: '280px' }}>
-              <div className="flip-card-front">
-                <span style={{ fontSize: '11px', fontWeight: 500, color: '#9ca3af', textTransform: 'uppercase', letterSpacing: '0.08em' }}>Question</span>
-                <p style={{ fontSize: '20px', fontWeight: 500, color: '#111827', textAlign: 'center', lineHeight: 1.6, margin: 0 }}>{currentCard.front}</p>
-                <span style={{ fontSize: '12px', color: '#9ca3af', marginTop: '8px' }}>tap to reveal</span>
-              </div>
-              <div className="flip-card-back">
-                <span style={{ fontSize: '11px', fontWeight: 500, color: '#1a5c2a', textTransform: 'uppercase', letterSpacing: '0.08em' }}>Answer</span>
-                <p style={{ fontSize: '20px', fontWeight: 500, color: '#111827', textAlign: 'center', lineHeight: 1.6, margin: 0 }}>{currentCard.back}</p>
-              </div>
-            </div>
-          </div>
-
-          {flipped && (
-            <div style={{ display: 'flex', gap: '12px' }}>
-              {[
-                { rating: 1, label: 'Forgot', bg: '#fef2f2', color: '#dc2626', border: '#fca5a5' },
-                { rating: 2, label: 'Hard', bg: '#fffbeb', color: '#d97706', border: '#fcd34d' },
-                { rating: 3, label: 'Easy', bg: '#f0fdf4', color: '#16a34a', border: '#86efac' },
-              ].map(({ rating, label, bg, color, border }) => (
-                <button key={rating} onClick={() => handleRate(currentCard.id, rating)} style={{
-                  padding: '10px 28px', background: bg, color, border: `1px solid ${border}`,
-                  borderRadius: '8px', fontSize: '14px', fontWeight: 600, cursor: 'pointer',
-                  fontFamily: "var(--font-dm-sans), 'DM Sans', sans-serif",
-                }}>{label}</button>
-              ))}
-            </div>
-          )}
-
-          <button onClick={() => enterStudyMode(false)} style={{ fontSize: '13px', color: '#9ca3af', background: 'none', border: 'none', cursor: 'pointer' }}>
-            Exit study mode
-          </button>
-        </div>
-      </div>
-    );
-  }
-
-  // ── Main view ─────────────────────────────────────────────────────────────────
-  return (
-    <div style={{ flex: 1, overflow: 'auto', display: 'flex' }}>
-      {/* Left panel */}
-      <div style={{
-        width: '380px', flexShrink: 0, borderRight: '1px solid rgba(107,114,128,0.12)',
-        padding: '24px 20px', display: 'flex', flexDirection: 'column', gap: '20px', background: '#f9fafb',
-      }}>
-        <div>
-          <p style={{ fontSize: '15px', fontWeight: 600, color: '#111827', margin: '0 0 12px' }}>Generate flashcards</p>
-          <div style={{ display: 'flex', flexDirection: 'column', gap: '8px' }}>
-            <label style={{ fontSize: '12px', color: '#6b7280' }}>Select a course to generate cards</label>
-            {courses.length > 0 ? (
-              <div style={{ display: 'flex', flexDirection: 'column', gap: '6px' }}>
-                {courses.map(c => (
-                  <button key={c} onClick={() => handleGenerate(c)} disabled={generating} style={{
-                    padding: '10px 14px',
-                    background: topic === c && generating ? 'rgba(26,92,42,0.08)' : '#ffffff',
-                    border: `1px solid ${topic === c ? 'rgba(26,92,42,0.4)' : 'rgba(107,114,128,0.18)'}`,
-                    borderRadius: '8px', fontSize: '13px',
-                    color: topic === c ? '#1a5c2a' : '#374151',
-                    fontWeight: topic === c ? 600 : 400,
-                    cursor: generating ? 'default' : 'pointer',
-                    textAlign: 'left', fontFamily: 'inherit',
-                    display: 'flex', alignItems: 'center', justifyContent: 'space-between',
-                    opacity: generating && topic !== c ? 0.5 : 1, transition: 'all 0.15s',
-                  }}>
-                    <span>{c}</span>
-                    {topic === c && generating
-                      ? <span style={{ fontSize: '11px', color: '#1a5c2a' }}>Generating…</span>
-                      : <span style={{ fontSize: '11px', color: '#9ca3af' }}>✦ Generate</span>}
-                  </button>
-                ))}
-              </div>
-            ) : (
-              <p style={{ fontSize: '12px', color: '#9ca3af', margin: 0 }}>No courses found. Add courses in the Dashboard first.</p>
-            )}
-          </div>
-          {error && <p style={{ fontSize: '12px', color: '#dc2626', marginTop: '8px' }}>{error}</p>}
-          {lastContextUsed && (
-            <div style={{ marginTop: '10px', padding: '8px 12px', background: 'rgba(26,92,42,0.06)', border: '1px solid rgba(26,92,42,0.18)', borderRadius: '6px', fontSize: '12px', color: '#1a5c2a', lineHeight: 1.5 }}>
-              ✦ Generated using{' '}
-              {lastContextUsed.documents_found > 0 ? `${lastContextUsed.documents_found} library doc${lastContextUsed.documents_found > 1 ? 's' : ''}` : 'no library docs'}
-              {lastContextUsed.weak_concepts_found > 0 ? ` · focused on ${lastContextUsed.weak_concepts_found} weak concept${lastContextUsed.weak_concepts_found > 1 ? 's' : ''}` : ''}
-            </div>
-          )}
-        </div>
-
-        {topics.length > 0 && (
-          <div>
-            <p style={{ fontSize: '13px', fontWeight: 600, color: '#374151', margin: '0 0 10px' }}>Study by topic</p>
-            <div style={{ display: 'flex', flexDirection: 'column', gap: '6px' }}>
-              <button onClick={() => startStudy()} style={{
-                padding: '8px 12px', background: '#ffffff', border: '1px solid rgba(26,92,42,0.25)',
-                borderRadius: '6px', fontSize: '13px', color: '#1a5c2a', fontWeight: 500,
-                cursor: 'pointer', textAlign: 'left', fontFamily: 'inherit',
-              }}>All cards ({cards.length})</button>
-              {topics.map(t => (
-                <button key={t} onClick={() => startStudy(t)} style={{
-                  padding: '8px 12px', background: '#ffffff', border: '1px solid rgba(107,114,128,0.18)',
-                  borderRadius: '6px', fontSize: '13px', color: '#374151', cursor: 'pointer',
-                  textAlign: 'left', fontFamily: 'inherit', display: 'flex', justifyContent: 'space-between', alignItems: 'center',
-                }}>
-                  <span>{t}</span>
-                  <span style={{ fontSize: '11px', color: '#9ca3af' }}>{cards.filter(c => c.topic === t).length}</span>
-                </button>
-              ))}
-            </div>
-          </div>
-        )}
-      </div>
-
-      {/* Right panel — card grid */}
-      <div style={{ flex: 1, padding: '24px', overflow: 'auto' }}>
-        {topics.length > 1 && (
-          <div style={{ display: 'flex', gap: '8px', marginBottom: '20px', flexWrap: 'wrap' }}>
-            {['', ...topics].map(t => (
-              <button key={t || '__all'} onClick={() => setFilterTopic(t)} style={{
-                padding: '4px 12px',
-                background: filterTopic === t ? '#1a5c2a' : '#ffffff',
-                color: filterTopic === t ? '#ffffff' : '#374151',
-                border: `1px solid ${filterTopic === t ? '#1a5c2a' : 'rgba(107,114,128,0.22)'}`,
-                borderRadius: '20px', fontSize: '12px',
-                fontWeight: filterTopic === t ? 600 : 400,
-                cursor: 'pointer', fontFamily: 'inherit',
-              }}>{t || 'All'}</button>
-            ))}
-          </div>
-        )}
-
-        {loading && <p style={{ color: '#9ca3af', fontSize: '13px' }}>Loading…</p>}
-
-        {!loading && filteredCards.length === 0 && (
-          <div style={{ textAlign: 'center', marginTop: '80px', color: '#9ca3af' }}>
-            <p style={{ fontSize: '32px', margin: '0 0 12px' }}>🃏</p>
-            <p style={{ fontSize: '15px', fontWeight: 500, color: '#6b7280' }}>No flashcards yet</p>
-            <p style={{ fontSize: '13px' }}>Generate some using the panel on the left.</p>
-          </div>
-        )}
-
-        <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fill, minmax(280px, 1fr))', gap: '14px' }}>
-          {filteredCards.map(card => {
-            const rating = ratingMeta(card.last_rating);
-            return (
-              <div key={card.id} style={{
-                background: '#ffffff', border: '1px solid rgba(107,114,128,0.15)',
-                borderRadius: '12px', padding: '18px', display: 'flex',
-                flexDirection: 'column', gap: '10px', boxShadow: '0 1px 4px rgba(0,0,0,0.04)',
-              }}>
-                <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between' }}>
-                  <span style={{ fontSize: '10px', fontWeight: 600, color: '#1a5c2a', background: 'rgba(26,92,42,0.08)', padding: '2px 8px', borderRadius: '10px', textTransform: 'uppercase', letterSpacing: '0.05em' }}>{card.topic}</span>
-                  {rating && <span style={{ fontSize: '11px', color: rating.color, fontWeight: 500 }}>{rating.label}</span>}
-                </div>
-                <div>
-                  <p style={{ fontSize: '10px', color: '#9ca3af', textTransform: 'uppercase', letterSpacing: '0.06em', margin: '0 0 4px' }}>Q</p>
-                  <p style={{ fontSize: '14px', color: '#111827', margin: 0, lineHeight: 1.5, fontWeight: 500 }}>{card.front}</p>
-                </div>
-                <div style={{ height: '1px', background: 'rgba(107,114,128,0.1)' }} />
-                <div>
-                  <p style={{ fontSize: '10px', color: '#9ca3af', textTransform: 'uppercase', letterSpacing: '0.06em', margin: '0 0 4px' }}>A</p>
-                  <p style={{ fontSize: '13px', color: '#374151', margin: 0, lineHeight: 1.5 }}>{card.back}</p>
-                </div>
-                <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', marginTop: '4px' }}>
-                  <span style={{ fontSize: '11px', color: '#9ca3af' }}>{card.times_reviewed > 0 ? `Reviewed ${card.times_reviewed}×` : 'Not reviewed'}</span>
-                  <button onClick={() => handleDelete(card.id)} style={{ background: 'none', border: 'none', color: '#d1d5db', cursor: 'pointer', fontSize: '13px', padding: '2px 4px', borderRadius: '4px', lineHeight: 1 }}
-                    onMouseEnter={e => e.currentTarget.style.color = '#dc2626'}
-                    onMouseLeave={e => e.currentTarget.style.color = '#d1d5db'}
-                  >✕</button>
-                </div>
-              </div>
-            );
-          })}
-        </div>
-      </div>
-    </div>
-  );
-}
diff --git a/frontend/src/app/study/StudyClient.tsx b/frontend/src/app/study/StudyClient.tsx
deleted file mode 100644
index e7dbb2bf..00000000
--- a/frontend/src/app/study/StudyClient.tsx
+++ /dev/null
@@ -1,316 +0,0 @@
-'use client';
-
-import { useState, useEffect } from 'react';
-import { useUser } from '@/context/UserContext';
-import CustomSelect, { SelectOption } from '@/components/CustomSelect';
-import FlashcardsPanel from './FlashcardsPanel';
-
-const API_URL = process.env.NEXT_PUBLIC_API_URL ?? '';
-
-async function fetchJSON<T>(path: string, options?: RequestInit): Promise<T> {
-  const res = await fetch(`${API_URL}${path}`, {
-    headers: { 'Content-Type': 'application/json', ...options?.headers },
-    ...options,
-  });
-  if (!res.ok) {
-    const err = await res.text();
-    throw new Error(err || `HTTP ${res.status}`);
-  }
-  return res.json();
-}
-
-interface Course { id: string; course_name: string; color: string | null; }
-interface Exam { id: string; title: string; due_date: string; assignment_type: string; }
-interface StudyTopic { name: string; importance: string; concepts: string[]; }
-interface StudyGuide { exam: string; due_date: string; overview: string; topics: StudyTopic[]; }
-interface CachedGuide { id: string; course_id: string; exam_id: string; course_name: string; exam_title: string; overview: string; generated_at: string; }
-
-type Mode = 'flashcards' | 'study-guide';
-type GuideState = 'selection' | 'loading' | 'guide';
-
-function useIsMobile(breakpoint = 768) {
-  const [isMobile, setIsMobile] = useState(false);
-  useEffect(() => {
-    const mql = window.matchMedia(`(max-width: ${breakpoint}px)`);
-    setIsMobile(mql.matches);
-    const handler = (e: MediaQueryListEvent) => setIsMobile(e.matches);
-    mql.addEventListener('change', handler);
-    return () => mql.removeEventListener('change', handler);
-  }, [breakpoint]);
-  return isMobile;
-}
-
-export default function StudyClient() {
-  const { userId, userReady } = useUser();
-  const isMobile = useIsMobile();
-
-  const [mode, setMode] = useState<Mode>('study-guide');
-  const [flashcardStudyMode, setFlashcardStudyMode] = useState(false);
-
-  const [guideState, setGuideState] = useState<GuideState>('selection');
-  const [courses, setCourses] = useState<Course[]>([]);
-  const [exams, setExams] = useState<Exam[]>([]);
-  const [cachedGuides, setCachedGuides] = useState<CachedGuide[]>([]);
-  const [selectedCourseId, setSelectedCourseId] = useState('');
-  const [selectedExamId, setSelectedExamId] = useState('');
-  const [guide, setGuide] = useState<StudyGuide | null>(null);
-  const [generatedAt, setGeneratedAt] = useState('');
-  const [error, setError] = useState<string | null>(null);
-  const [regenerating, setRegenerating] = useState(false);
-
-  const loadCached = () => {
-    if (!userId) return;
-    fetchJSON<{ guides: CachedGuide[] }>(`/api/study-guide/${userId}/cached`)
-      .then(data => setCachedGuides(data.guides ?? []))
-      .catch(console.error);
-  };
-
-  useEffect(() => {
-    if (!userReady || !userId) return;
-    fetchJSON<{ courses: Course[] }>(`/api/study-guide/${userId}/courses`)
-      .then(data => setCourses(data.courses ?? []))
-      .catch(console.error);
-    loadCached();
-  }, [userId, userReady]); // eslint-disable-line react-hooks/exhaustive-deps
-
-  useEffect(() => {
-    if (!selectedCourseId || !userId) return;
-    setSelectedExamId('');
-    setExams([]);
-    fetchJSON<{ exams: Exam[] }>(`/api/study-guide/${userId}/exams?course_id=${selectedCourseId}`)
-      .then(data => setExams(data.exams ?? []))
-      .catch(console.error);
-  }, [selectedCourseId, userId]);
-
-  const handleGenerate = async () => {
-    if (!selectedCourseId || !selectedExamId) return;
-    setGuideState('loading');
-    setError(null);
-    try {
-      const data = await fetchJSON<{ guide: StudyGuide; generated_at: string }>(
-        `/api/study-guide/${userId}/guide?course_id=${selectedCourseId}&exam_id=${selectedExamId}`
-      );
-      setGuide(data.guide);
-      setGeneratedAt(data.generated_at);
-      setGuideState('guide');
-      loadCached();
-    } catch (e: unknown) {
-      setError(e instanceof Error ? e.message : 'Failed to generate study guide.');
-      setGuideState('selection');
-    }
-  };
-
-  const handleOpenCached = (cached: CachedGuide) => {
-    setSelectedCourseId(cached.course_id);
-    setSelectedExamId(cached.exam_id);
-    setGuideState('loading');
-    setError(null);
-    fetchJSON<{ guide: StudyGuide; generated_at: string }>(
-      `/api/study-guide/${userId}/guide?course_id=${cached.course_id}&exam_id=${cached.exam_id}`
-    ).then(data => {
-      setGuide(data.guide);
-      setGeneratedAt(data.generated_at);
-      setGuideState('guide');
-    }).catch(e => {
-      setError(e instanceof Error ? e.message : 'Failed to load guide.');
-      setGuideState('selection');
-    });
-  };
-
-  const handleRegenerate = async () => {
-    if (!selectedCourseId || !selectedExamId) return;
-    setRegenerating(true);
-    setError(null);
-    try {
-      const data = await fetchJSON<{ guide: StudyGuide; generated_at: string }>(
-        '/api/study-guide/regenerate',
-        { method: 'POST', body: JSON.stringify({ user_id: userId, course_id: selectedCourseId, exam_id: selectedExamId }) }
-      );
-      setGuide(data.guide);
-      setGeneratedAt(data.generated_at);
-      loadCached();
-    } catch (e: unknown) {
-      setError(e instanceof Error ? e.message : 'Failed to regenerate study guide.');
-    } finally {
-      setRegenerating(false);
-    }
-  };
-
-  const courseOptions: SelectOption[] = courses.map(c => ({ value: c.id, label: c.course_name }));
-  const examOptions: SelectOption[] = exams.map(e => ({ value: e.id, label: e.title }));
-  const selectedExam = exams.find(e => e.id === selectedExamId);
-  const font = "var(--font-dm-sans), 'DM Sans', sans-serif";
-
-  const ModeToggle = () => (
-    <div style={{
-      background: '#f0f5f0',
-      borderBottom: '1px solid rgba(107,114,128,0.12)',
-      padding: '0 20px',
-      height: '52px',
-      display: 'flex',
-      alignItems: 'center',
-      gap: '12px',
-      flexShrink: 0,
-    }}>
-      <div style={{ display: 'flex', background: 'rgba(107,114,128,0.1)', borderRadius: '8px', padding: '3px', gap: '2px' }}>
-        {(['study-guide', 'flashcards'] as Mode[]).map(m => (
-          <button key={m} onClick={() => setMode(m)} style={{
-            padding: '4px 14px',
-            background: mode === m ? '#ffffff' : 'transparent',
-            color: mode === m ? '#111827' : '#6b7280',
-            border: 'none', borderRadius: '6px', fontSize: '13px',
-            fontWeight: mode === m ? 600 : 400,
-            cursor: 'pointer', fontFamily: font,
-            boxShadow: mode === m ? '0 1px 3px rgba(0,0,0,0.1)' : 'none',
-            transition: 'all 0.15s',
-          }}>
-            {m === 'study-guide' ? 'Study Guide' : 'Flashcards'}
-          </button>
-        ))}
-      </div>
-    </div>
-  );
-
-  // ── Guide display (full takeover) ─────────────────────────────────────────────
-  if (mode === 'study-guide' && guideState === 'guide' && guide) {
-    const fmtDate = guide.due_date ? new Date(guide.due_date + 'T00:00:00').toLocaleDateString(undefined, { year: 'numeric', month: 'long', day: 'numeric' }) : '';
-    const fmtGen = generatedAt ? new Date(generatedAt).toLocaleString(undefined, { month: 'short', day: 'numeric', hour: '2-digit', minute: '2-digit' }) : '';
-    return (
-      <div style={{ height: 'calc(100vh - 48px)', display: 'flex', flexDirection: 'column', fontFamily: font }}>
-        <div style={{ background: '#f0f5f0', borderBottom: '1px solid rgba(107,114,128,0.12)', padding: '0 20px', height: '52px', display: 'flex', alignItems: 'center', gap: '16px', flexShrink: 0, flexWrap: 'wrap' }}>
-          <button onClick={() => { setGuideState('selection'); setGuide(null); }} style={{ background: 'none', border: 'none', color: '#6b7280', fontSize: '18px', cursor: 'pointer', lineHeight: 1 }}>←</button>
-          <span style={{ fontSize: '15px', fontWeight: 600, color: '#111827' }}>Study Guide</span>
-          <span style={{ fontSize: '13px', color: '#9ca3af' }}>{guide.exam}</span>
-          <div style={{ marginLeft: 'auto' }}>
-            <button onClick={handleRegenerate} disabled={regenerating} style={{ padding: '5px 14px', background: 'rgba(26,92,42,0.08)', color: '#1a5c2a', border: '1px solid rgba(26,92,42,0.22)', borderRadius: '6px', fontSize: '12px', fontWeight: 500, cursor: regenerating ? 'default' : 'pointer', opacity: regenerating ? 0.5 : 1, fontFamily: font, transition: 'opacity 0.15s' }}>
-              {regenerating ? 'Regenerating…' : 'Regenerate'}
-            </button>
-          </div>
-        </div>
-        <div style={{ flex: 1, overflow: 'auto', padding: '32px 24px', background: '#f0f5f0' }}>
-          <div style={{ maxWidth: '800px', margin: '0 auto', display: 'flex', flexDirection: 'column', gap: '24px' }}>
-            {error && <div style={{ padding: '12px 16px', background: '#fef2f2', border: '1px solid #fca5a5', borderRadius: '8px', fontSize: '13px', color: '#dc2626' }}>{error}</div>}
-            <div style={{ background: '#ffffff', border: '1px solid rgba(107,114,128,0.15)', borderRadius: '12px', padding: '24px', boxShadow: '0 1px 4px rgba(0,0,0,0.04)' }}>
-              <p style={{ fontSize: '11px', fontWeight: 600, color: '#9ca3af', textTransform: 'uppercase', letterSpacing: '0.08em', margin: '0 0 6px' }}>Exam</p>
-              <h1 style={{ fontSize: '22px', fontWeight: 700, color: '#111827', margin: '0 0 4px' }}>{guide.exam}</h1>
-              {fmtDate && <p style={{ fontSize: '13px', color: '#6b7280', margin: '0 0 16px' }}>Due {fmtDate}</p>}
-              <p style={{ fontSize: '14px', color: '#374151', lineHeight: 1.7, margin: 0 }}>{guide.overview}</p>
-            </div>
-            {guide.topics.map((topic, i) => (
-              <div key={i} style={{ background: '#ffffff', border: '1px solid rgba(107,114,128,0.15)', borderRadius: '12px', padding: '20px 24px', boxShadow: '0 1px 4px rgba(0,0,0,0.04)' }}>
-                <h2 style={{ fontSize: '16px', fontWeight: 700, color: '#111827', margin: '0 0 4px' }}>{topic.name}</h2>
-                <p style={{ fontSize: '13px', color: '#6b7280', margin: '0 0 14px', lineHeight: 1.5, fontStyle: 'italic' }}>{topic.importance}</p>
-                <ul style={{ margin: 0, paddingLeft: '20px', display: 'flex', flexDirection: 'column', gap: '6px' }}>
-                  {topic.concepts.map((c, j) => <li key={j} style={{ fontSize: '13px', color: '#374151', lineHeight: 1.6 }}>{c}</li>)}
-                </ul>
-              </div>
-            ))}
-            <p style={{ fontSize: '11px', color: '#9ca3af', textAlign: 'center', margin: 0 }}>Generated at {fmtGen}</p>
-          </div>
-        </div>
-      </div>
-    );
-  }
-
-  // ── Loading (full takeover) ───────────────────────────────────────────────────
-  if (mode === 'study-guide' && guideState === 'loading') {
-    return (
-      <div style={{ height: 'calc(100vh - 48px)', display: 'flex', flexDirection: 'column', fontFamily: font }}>
-        <ModeToggle />
-        <div style={{ flex: 1, display: 'flex', alignItems: 'center', justifyContent: 'center' }}>
-          <div style={{ textAlign: 'center' }}>
-            <div style={{ width: '32px', height: '32px', border: '2px solid rgba(26,92,42,0.2)', borderTop: '2px solid #1a5c2a', borderRadius: '50%', margin: '0 auto 16px', animation: 'spin 0.8s linear infinite' }} />
-            <style>{`@keyframes spin { to { transform: rotate(360deg); } }`}</style>
-            <p style={{ fontSize: '14px', fontWeight: 500, color: '#374151', margin: 0 }}>Generating your study guide...</p>
-          </div>
-        </div>
-      </div>
-    );
-  }
-
-  // ── Main layout — FlashcardsPanel always mounted for caching ──────────────────
-  return (
-    <div style={{ height: 'calc(100vh - 48px)', display: 'flex', flexDirection: 'column', fontFamily: font }}>
-      {!flashcardStudyMode && <ModeToggle />}
-
-      {/* FlashcardsPanel — always mounted, hidden when not active */}
-      <div style={{ display: mode === 'flashcards' ? 'flex' : 'none', flex: 1, flexDirection: 'column', minHeight: 0 }}>
-        <FlashcardsPanel onStudyModeChange={setFlashcardStudyMode} />
-      </div>
-
-      {/* Study guide selection */}
-      {mode === 'study-guide' && (
-        <div style={{ flex: 1, display: 'flex', overflow: 'hidden', flexDirection: isMobile ? 'column' as const : 'row' as const }}>
-          {/* Left — generator */}
-          <div style={{ width: isMobile ? '100%' : '380px', ...(isMobile ? {} : { flexShrink: 0 }), borderRight: '1px solid rgba(107,114,128,0.12)', padding: '24px 20px', display: 'flex', flexDirection: 'column', gap: '20px', background: '#f9fafb', overflowY: 'auto' }}>
-            <p style={{ fontSize: '15px', fontWeight: 600, color: '#111827', margin: '0 0 4px' }}>Generate study guide</p>
-            {error && <div style={{ padding: '12px 16px', background: '#fef2f2', border: '1px solid #fca5a5', borderRadius: '8px', fontSize: '13px', color: '#dc2626' }}>{error}</div>}
-            <div style={{ display: 'flex', flexDirection: 'column', gap: '8px' }}>
-              <label style={{ fontSize: '12px', color: '#6b7280' }}>Course</label>
-              <CustomSelect value={selectedCourseId} onChange={setSelectedCourseId} options={courseOptions} placeholder="Select a course…" style={{ width: '100%' }} />
-            </div>
-            <div style={{ display: 'flex', flexDirection: 'column', gap: '8px' }}>
-              <label style={{ fontSize: '12px', color: '#6b7280' }}>Exam</label>
-              <CustomSelect
-                value={selectedExamId}
-                onChange={setSelectedExamId}
-                options={examOptions}
-                placeholder={selectedCourseId ? (exams.length === 0 ? 'No exams found…' : 'Select an exam…') : 'Select a course first…'}
-                style={{ width: '100%', opacity: selectedCourseId ? 1 : 0.5, pointerEvents: selectedCourseId ? 'auto' : 'none' } as React.CSSProperties}
-                openUpward
-              />
-            </div>
-            {selectedExam?.due_date && (
-              <p style={{ fontSize: '12px', color: '#6b7280', margin: 0 }}>
-                Due {new Date(selectedExam.due_date + 'T00:00:00').toLocaleDateString(undefined, { year: 'numeric', month: 'long', day: 'numeric' })}
-              </p>
-            )}
-            <button onClick={handleGenerate} disabled={!selectedCourseId || !selectedExamId} style={{
-              padding: '11px 20px',
-              background: selectedCourseId && selectedExamId ? '#1a5c2a' : 'rgba(107,114,128,0.1)',
-              color: selectedCourseId && selectedExamId ? '#ffffff' : '#9ca3af',
-              border: 'none', borderRadius: '8px', fontSize: '14px', fontWeight: 600,
-              cursor: selectedCourseId && selectedExamId ? 'pointer' : 'default',
-              fontFamily: font, transition: 'background 0.15s, color 0.15s',
-            }}>Generate Guide</button>
-          </div>
-
-          {/* Right — recent guides (no background, matches flashcard right panel) */}
-          <div style={{ flex: 1, overflowY: 'auto', padding: '32px 28px' }}>
-            <p style={{ fontSize: '13px', fontWeight: 600, color: '#374151', margin: '0 0 16px' }}>Recent guides</p>
-            {cachedGuides.length === 0 ? (
-              <div style={{ textAlign: 'center', marginTop: '80px', color: '#9ca3af' }}>
-                <p style={{ fontSize: '14px', fontWeight: 500, color: '#6b7280', margin: '0 0 4px' }}>No guides yet</p>
-                <p style={{ fontSize: '13px', margin: 0 }}>Generate your first study guide on the left.</p>
-              </div>
-            ) : (
-              <div style={{ display: 'flex', flexDirection: 'column', gap: '12px' }}>
-                {cachedGuides.map(g => {
-                  const ts = new Date(g.generated_at).toLocaleDateString(undefined, { month: 'short', day: 'numeric', year: 'numeric' });
-                  return (
-                    <button key={g.id} onClick={() => handleOpenCached(g)} style={{
-                      background: '#ffffff', border: '1px solid rgba(107,114,128,0.15)', borderRadius: '12px',
-                      padding: '16px 20px', textAlign: 'left', cursor: 'pointer', fontFamily: font,
-                      boxShadow: '0 1px 4px rgba(0,0,0,0.04)', transition: 'border-color 0.15s, box-shadow 0.15s',
-                      display: 'flex', flexDirection: 'column', gap: '6px',
-                    }}
-                      onMouseEnter={e => { e.currentTarget.style.borderColor = 'rgba(26,92,42,0.3)'; e.currentTarget.style.boxShadow = '0 2px 8px rgba(0,0,0,0.08)'; }}
-                      onMouseLeave={e => { e.currentTarget.style.borderColor = 'rgba(107,114,128,0.15)'; e.currentTarget.style.boxShadow = '0 1px 4px rgba(0,0,0,0.04)'; }}
-                    >
-                      <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: '12px' }}>
-                        <span style={{ fontSize: '14px', fontWeight: 600, color: '#111827' }}>{g.exam_title}</span>
-                        <span style={{ fontSize: '10px', fontWeight: 600, color: '#1a5c2a', background: 'rgba(26,92,42,0.08)', padding: '2px 8px', borderRadius: '10px', whiteSpace: 'nowrap', flexShrink: 0 }}>{g.course_name}</span>
-                      </div>
-                      {g.overview && <p style={{ fontSize: '12px', color: '#6b7280', margin: 0, lineHeight: 1.5, display: '-webkit-box', WebkitLineClamp: 2, WebkitBoxOrient: 'vertical', overflow: 'hidden' }}>{g.overview}</p>}
-                      <span style={{ fontSize: '11px', color: '#9ca3af' }}>Generated {ts}</span>
-                    </button>
-                  );
-                })}
-              </div>
-            )}
-          </div>
-        </div>
-      )}
-    </div>
-  );
-}
diff --git a/frontend/src/app/study/page.tsx b/frontend/src/app/study/page.tsx
deleted file mode 100644
index fddc9b42..00000000
--- a/frontend/src/app/study/page.tsx
+++ /dev/null
@@ -1,10 +0,0 @@
-import { Suspense } from 'react';
-import StudyClient from './StudyClient';
-
-export default function StudyPage() {
-  return (
-    <Suspense fallback={<div style={{ padding: 40, color: '#9ca3af' }}>Loading...</div>}>
-      <StudyClient />
-    </Suspense>
-  );
-}
diff --git a/frontend/src/app/terms/page.tsx b/frontend/src/app/terms/page.tsx
deleted file mode 100644
index 93a1ba26..00000000
--- a/frontend/src/app/terms/page.tsx
+++ /dev/null
@@ -1,116 +0,0 @@
-import Link from "next/link";
-
-const sections = [
-  {
-    title: "1. Eligibility",
-    body: "Sapling is intended for use by students and individuals for personal educational purposes. By using the Service, you represent that you are at least 13 years of age. If you are under 18, you should have parental or guardian consent.",
-  },
-  {
-    title: "2. Your Account",
-    body: "You are responsible for maintaining the confidentiality of your account credentials. You agree not to share your account with others or use another person's account. You are responsible for all activity that occurs under your account.",
-  },
-  {
-    title: "3. Acceptable Use",
-    body: "You agree to use Sapling only for lawful, educational purposes. You may not:",
-    list: [
-      "Upload content you do not have the right to share (e.g., copyrighted course materials you are not permitted to distribute)",
-      "Attempt to reverse-engineer, scrape, or abuse the Service's APIs",
-      "Use the Service to harass, impersonate, or harm other users",
-      "Attempt to circumvent any security or authentication measures",
-    ],
-  },
-  {
-    title: "4. User Content",
-    body: "You retain ownership of any content you upload, including documents, syllabi, and notes. By uploading content to Sapling, you grant us a limited license to process and analyze that content solely for the purpose of providing the Service to you. We do not use your uploaded materials to train AI models.",
-  },
-  {
-    title: "5. AI-Generated Content",
-    body: "Sapling uses Google Gemini to generate tutoring responses, quizzes, flashcards, and study guides. AI-generated content may occasionally be inaccurate or incomplete. You should not rely on it as a substitute for official course materials, instructors, or academic advisors. We make no guarantees about the accuracy of AI outputs.",
-  },
-  {
-    title: "6. Study Rooms and Social Features",
-    body: "Study rooms are shared spaces. You are responsible for the messages you send and the conduct you engage in within rooms. We reserve the right to remove users who violate these terms.",
-  },
-  {
-    title: "7. Intellectual Property",
-    body: "Sapling's software, branding, and design are the intellectual property of the Sapling team. You may not copy, reproduce, or distribute any part of the Service without explicit permission.",
-  },
-  {
-    title: "8. Termination",
-    body: "We reserve the right to suspend or terminate your access to Sapling at any time, for any reason, including violation of these Terms.",
-  },
-  {
-    title: "9. Disclaimer of Warranties",
-    body: 'The Service is provided "as is" without warranties of any kind. We do not guarantee uninterrupted access, error-free operation, or that the Service will meet your specific academic needs.',
-  },
-  {
-    title: "10. Limitation of Liability",
-    body: "To the fullest extent permitted by law, the Sapling team shall not be liable for any indirect, incidental, or consequential damages arising from your use of the Service.",
-  },
-  {
-    title: "11. Changes to These Terms",
-    body: "We may update these Terms from time to time. Continued use of the Service after changes are posted constitutes acceptance of the revised Terms.",
-  },
-  {
-    title: "12. Contact",
-    body: "For questions about these Terms, please email us at ",
-    link: { label: "careers@saplinglearn.com", href: "mailto:careers@saplinglearn.com" },
-  },
-];
-
-export default function TermsPage() {
-  return (
-    <div className="min-h-screen bg-[#F4F7F5] flex flex-col">
-      <div className="flex-1 max-w-3xl mx-auto px-8 py-16 w-full">
-        <div className="flex items-center gap-2 mb-12 fade-up anim-d0">
-          <Link href="/" className="text-sm text-gray-500 hover:text-gray-900 transition-colors">
-            ← Back to Sapling
-          </Link>
-        </div>
-
-        <h1 className="text-4xl font-semibold text-gray-900 mb-2 fade-up anim-d1">Terms of Service</h1>
-        <p className="text-sm text-gray-400 mb-10 fade-up anim-d2">Last updated: March 27, 2026</p>
-
-        <p className="text-gray-600 leading-relaxed mb-10 fade-up anim-d3">
-          By accessing or using Sapling ("the Service"), you agree to be bound by these Terms of Service. If you do not agree, please do not use the Service.
-        </p>
-
-        <div className="space-y-8">
-          {sections.map((section, i) => (
-            <div key={section.title} className="fade-up" style={{ animationDelay: `${Math.min(320 + i * 40, 640)}ms` }}>
-              <h2 className="text-base font-semibold text-gray-900 mb-2">{section.title}</h2>
-              <p className="text-gray-600 leading-relaxed">
-                {section.body}
-                {section.link && (
-                  <a href={section.link.href} className="text-green-700 hover:underline">{section.link.label}</a>
-                )}
-              </p>
-              {section.list && (
-                <ul className="mt-3 space-y-1.5 pl-4">
-                  {section.list.map((item, i) => (
-                    <li key={i} className="flex gap-2 text-gray-600">
-                      <span className="text-gray-400 mt-0.5">•</span>
-                      <span>{item}</span>
-                    </li>
-                  ))}
-                </ul>
-              )}
-            </div>
-          ))}
-        </div>
-
-        <div className="mt-12 pt-8 border-t border-gray-200 text-sm text-gray-400">
-          © 2026 Andres Lopez, Jack He, Luke Cooper, and Jose Gael Cruz-Lopez. All Rights Reserved.
-        </div>
-      </div>
-
-      <footer className="border-t border-gray-200 bg-[#E9EFED] py-8 px-8">
-        <div className="max-w-3xl mx-auto flex flex-wrap justify-center gap-6 text-sm text-gray-500">
-          <Link href="/about" className="hover:text-gray-900 transition-colors">About</Link>
-          <Link href="/terms" className="hover:text-gray-900 transition-colors">Terms of Service</Link>
-          <Link href="/privacy" className="hover:text-gray-900 transition-colors">Privacy Policy</Link>
-        </div>
-      </footer>
-    </div>
-  );
-}
diff --git a/frontend/src/app/tree/page.tsx b/frontend/src/app/tree/page.tsx
deleted file mode 100644
index 135e8f64..00000000
--- a/frontend/src/app/tree/page.tsx
+++ /dev/null
@@ -1,382 +0,0 @@
-'use client';
-
-import { useEffect, useState, useRef, useMemo, Suspense } from 'react';
-import { useRouter, useSearchParams } from 'next/navigation';
-import KnowledgeGraph from '@/components/KnowledgeGraph';
-import { GraphNode, GraphEdge } from '@/lib/types';
-import { getGraph, getCourses } from '@/lib/api';
-import { getMasteryColor, getMasteryLabel, formatRelativeTime, getCourseColor } from '@/lib/graphUtils';
-import { useUser } from '@/context/UserContext';
-
-type Filter = 'all' | 'mastered' | 'learning' | 'struggling' | 'unexplored';
-
-const GLASS = {
-  background: '#ffffff',
-  border: '1px solid rgba(107, 114, 128, 0.15)',
-} as const;
-
-function useIsMobile(breakpoint = 768) {
-  const [isMobile, setIsMobile] = useState(false);
-  useEffect(() => {
-    const mql = window.matchMedia(`(max-width: ${breakpoint}px)`);
-    setIsMobile(mql.matches);
-    const handler = (e: MediaQueryListEvent) => setIsMobile(e.matches);
-    mql.addEventListener('change', handler);
-    return () => mql.removeEventListener('change', handler);
-  }, [breakpoint]);
-  return isMobile;
-}
-
-function TreePageInner() {
-  const router = useRouter();
-  const searchParams = useSearchParams();
-  const { userId, userReady } = useUser();
-  const [allNodes, setAllNodes] = useState<GraphNode[]>([]);
-  const [allEdges, setAllEdges] = useState<GraphEdge[]>([]);
-  const [filter, setFilter] = useState<Filter>('all');
-  const [search, setSearch] = useState('');
-  const [selectedNode, setSelectedNode] = useState<GraphNode | null>(null);
-  const [dimensions, setDimensions] = useState({ width: 1200, height: 700 });
-  const [courseColorMap, setCourseColorMap] = useState<Record<string, string>>({});
-  const containerRef = useRef<HTMLDivElement>(null);
-
-  const suggestConcept = searchParams.get('suggest') ?? '';
-
-  useEffect(() => {
-    if (!userReady) return;
-    getGraph(userId).then(data => {
-      setAllNodes(data.nodes);
-      setAllEdges(data.edges);
-    }).catch(console.error);
-    getCourses(userId).then(data => {
-      const colorMap: Record<string, string> = {};
-      (data.courses ?? []).forEach(c => { if (c.color) colorMap[c.course_name] = c.color; });
-      setCourseColorMap(colorMap);
-    }).catch(console.error);
-  }, [userId, userReady]);
-
-  useEffect(() => {
-    setDimensions({ width: window.innerWidth, height: window.innerHeight - 48 });
-    const handleResize = () => setDimensions({ width: window.innerWidth, height: window.innerHeight - 48 });
-    window.addEventListener('resize', handleResize);
-    return () => window.removeEventListener('resize', handleResize);
-  }, []);
-
-  const suggestNode = useMemo(
-    () => (suggestConcept ? allNodes.find(n => n.concept_name === suggestConcept) ?? null : null),
-    [allNodes, suggestConcept]
-  );
-
-  const filteredNodes = allNodes.filter(n => {
-    const matchesFilter = filter === 'all' || n.mastery_tier === filter;
-    const matchesSearch = !search || n.concept_name.toLowerCase().includes(search.toLowerCase());
-    return matchesFilter && matchesSearch;
-  });
-
-  const filteredNodeIds = new Set(filteredNodes.map(n => n.id));
-  const nodeSubjectMap = new Map(allNodes.map(n => [n.id, n.subject]));
-  const filteredEdges = allEdges.filter(e => {
-    const srcId = e.source as string;
-    const tgtId = e.target as string;
-    if (!filteredNodeIds.has(srcId) || !filteredNodeIds.has(tgtId)) return false;
-    if (srcId.startsWith('subject_root__') || tgtId.startsWith('subject_root__')) return true;
-    const srcSubj = nodeSubjectMap.get(srcId);
-    const tgtSubj = nodeSubjectMap.get(tgtId);
-    return !srcSubj || !tgtSubj || srcSubj === tgtSubj;
-  });
-
-  const isMobile = useIsMobile();
-
-  const FILTERS: { value: Filter; label: string }[] = [
-    { value: 'all', label: 'All' },
-    { value: 'mastered', label: 'Mastered' },
-    { value: 'learning', label: 'Learning' },
-    { value: 'struggling', label: 'Struggling' },
-    { value: 'unexplored', label: 'Unexplored' },
-  ];
-
-  return (
-    <div ref={containerRef} style={{ position: 'relative', width: '100%', height: 'calc(100vh - 48px)', overflow: 'hidden' }}>
-      <KnowledgeGraph
-        nodes={filteredNodes}
-        edges={filteredEdges}
-        width={dimensions.width}
-        height={dimensions.height}
-        interactive
-        highlightId={suggestNode?.id}
-        onNodeClick={setSelectedNode}
-        courseColorMap={courseColorMap}
-      />
-
-      {/* Floating search + filter bar */}
-      <div className="panel-in-centered panel-in-1" style={isMobile ? {
-        position: 'absolute',
-        top: '10px',
-        left: '10px',
-        right: '10px',
-        ...GLASS,
-        borderRadius: '10px',
-        padding: '8px 12px',
-        display: 'flex',
-        flexWrap: 'wrap',
-        alignItems: 'center',
-        gap: '8px',
-        boxShadow: '0 4px 32px rgba(0,0,0,0.4)',
-        zIndex: 10,
-      } : {
-        position: 'absolute',
-        top: '20px',
-        left: '50%',
-        ...GLASS,
-        borderRadius: '10px',
-        padding: '10px 16px',
-        display: 'flex',
-        alignItems: 'center',
-        gap: '12px',
-        boxShadow: '0 4px 32px rgba(0,0,0,0.4)',
-        zIndex: 10,
-      }}>
-        <input
-          value={search}
-          onChange={e => setSearch(e.target.value)}
-          placeholder="Search concepts…"
-          style={{
-            padding: '5px 10px',
-            border: '1px solid rgba(148,163,184,0.15)',
-            borderRadius: '5px',
-            fontSize: '13px',
-            outline: 'none',
-            width: isMobile ? '100%' : '180px',
-            background: '#ffffff',
-            color: '#111827',
-          }}
-        />
-        <div style={{ display: 'flex', gap: '4px', flexWrap: 'wrap' }}>
-          {FILTERS.map(f => {
-            const active = filter === f.value;
-            return (
-              <button
-                key={f.value}
-                onClick={() => setFilter(f.value)}
-                style={{
-                  padding: '4px 11px',
-                  border: active ? '1px solid rgba(26,92,42,0.4)' : '1px solid rgba(107,114,128,0.18)',
-                  borderRadius: '5px',
-                  background: active ? 'rgba(26,92,42,0.08)' : 'transparent',
-                  color: active ? '#1a5c2a' : '#6b7280',
-                  fontSize: '12px',
-                  cursor: 'pointer',
-                  fontWeight: active ? 600 : 400,
-                }}
-              >
-                {f.label}
-              </button>
-            );
-          })}
-        </div>
-        <span style={{ fontSize: '12px', color: '#9ca3af' }}>{filteredNodes.length} nodes</span>
-      </div>
-
-      {/* AI "learn next" suggestion popup */}
-      {suggestConcept && suggestNode && (
-        <div className="panel-in-centered panel-in-1" style={{
-          position: 'absolute',
-          bottom: '24px',
-          ...(isMobile ? { left: '10px', width: 'calc(100% - 20px)', minWidth: '0', maxWidth: 'calc(100% - 20px)' } : { left: '50%' }),
-          ...GLASS,
-          border: '1px solid rgba(26,92,42,0.25)',
-          borderRadius: '10px',
-          padding: '14px 18px',
-          boxShadow: '0 8px 32px rgba(0,0,0,0.12)',
-          zIndex: 20,
-          display: 'flex',
-          flexDirection: 'column',
-          gap: '10px',
-          ...(isMobile ? {} : { minWidth: '300px', maxWidth: '400px' }),
-          fontFamily: "var(--font-dm-sans), 'DM Sans', sans-serif",
-        }}>
-          <div style={{ display: 'flex', alignItems: 'flex-start', gap: '10px' }}>
-            <span style={{ fontSize: '20px', lineHeight: 1, flexShrink: 0 }}>✨</span>
-            <div>
-              <p style={{ fontSize: '11px', fontWeight: 500, color: '#6b7280', textTransform: 'uppercase', letterSpacing: '0.06em', margin: '0 0 3px' }}>
-                AI Recommendation
-              </p>
-              <p style={{ fontSize: '15px', fontWeight: 600, color: '#111827', margin: 0 }}>
-                {suggestConcept}
-              </p>
-              <p style={{ fontSize: '12px', color: '#6b7280', margin: '4px 0 0', lineHeight: 1.5 }}>
-                This concept will have the highest impact on your mastery.
-              </p>
-            </div>
-          </div>
-          <div style={{ display: 'flex', gap: '8px', justifyContent: 'flex-end' }}>
-            <button
-              onClick={() => router.replace('/tree')}
-              style={{ padding: '6px 14px', background: 'transparent', color: '#6b7280', border: '1px solid rgba(107,114,128,0.22)', borderRadius: '6px', fontSize: '12px', fontWeight: 500, cursor: 'pointer', fontFamily: 'inherit' }}
-            >
-              Dismiss
-            </button>
-            <button
-              onClick={() => router.push(`/learn?topic=${encodeURIComponent(suggestConcept)}&mode=quiz`)}
-              style={{ padding: '6px 16px', background: '#1a5c2a', color: '#ffffff', border: 'none', borderRadius: '6px', fontSize: '12px', fontWeight: 600, cursor: 'pointer', fontFamily: 'inherit' }}
-            >
-              Start Quiz →
-            </button>
-          </div>
-        </div>
-      )}
-
-      {/* Node detail panel */}
-      {selectedNode && (
-        <div className="panel-in panel-in-1" style={{
-          position: 'absolute',
-          ...GLASS,
-          ...(isMobile ? {
-            left: 0,
-            right: 0,
-            bottom: 0,
-            width: '100%',
-            maxHeight: '60vh',
-            borderTop: '1px solid rgba(148,163,184,0.15)',
-            borderRadius: '16px 16px 0 0',
-          } : {
-            top: 0,
-            right: 0,
-            bottom: 0,
-            width: '290px',
-            borderLeft: '1px solid rgba(148,163,184,0.1)',
-            borderRight: 'none',
-            borderTop: 'none',
-            borderBottom: 'none',
-          }),
-          padding: '22px 20px',
-          display: 'flex',
-          flexDirection: 'column',
-          gap: '18px',
-          overflowY: 'auto',
-          zIndex: 10,
-        }}>
-          <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between' }}>
-            <h2 style={{ fontSize: '16px', fontWeight: 600, color: '#111827', margin: 0 }}>
-              {selectedNode.concept_name}
-            </h2>
-            <button
-              onClick={() => setSelectedNode(null)}
-              style={{ background: 'none', border: 'none', color: '#475569', cursor: 'pointer', fontSize: '18px', lineHeight: 1 }}
-            >
-              ×
-            </button>
-          </div>
-
-          <div>
-            <p style={{ fontSize: '11px', color: '#6b7280', marginBottom: '4px', textTransform: 'uppercase', letterSpacing: '0.05em' }}>Subject</p>
-            <div style={{ display: 'flex', alignItems: 'center', gap: '7px' }}>
-              <span style={{ width: '10px', height: '10px', borderRadius: '50%', background: getCourseColor(selectedNode.subject, courseColorMap[selectedNode.subject]).fill, flexShrink: 0, display: 'inline-block' }} />
-              <p style={{ fontSize: '14px', color: getCourseColor(selectedNode.subject, courseColorMap[selectedNode.subject]).text, fontWeight: 500, margin: 0 }}>{selectedNode.subject}</p>
-            </div>
-          </div>
-
-          <div>
-            <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', marginBottom: '8px' }}>
-              <p style={{ fontSize: '11px', color: '#6b7280', textTransform: 'uppercase', letterSpacing: '0.05em' }}>Mastery</p>
-              <span style={{ fontSize: '13px', color: getMasteryColor(selectedNode.mastery_tier), fontWeight: 600 }}>
-                {getMasteryLabel(selectedNode.mastery_score)}
-              </span>
-            </div>
-            <div style={{ background: 'rgba(107,114,128,0.15)', borderRadius: '4px', height: '5px', overflow: 'hidden' }}>
-              <div style={{
-                background: getMasteryColor(selectedNode.mastery_tier),
-                boxShadow: `0 0 8px ${getMasteryColor(selectedNode.mastery_tier)}`,
-                height: '100%',
-                width: `${Math.round(selectedNode.mastery_score * 100)}%`,
-                borderRadius: '4px',
-                transition: 'width 0.3s ease',
-              }} />
-            </div>
-          </div>
-
-          <div style={{ display: 'flex', flexDirection: 'column', gap: '8px' }}>
-            <div style={{ display: 'flex', justifyContent: 'space-between' }}>
-              <span style={{ fontSize: '12px', color: '#6b7280' }}>Last studied</span>
-              <span style={{ fontSize: '12px', color: '#374151' }}>{formatRelativeTime(selectedNode.last_studied_at)}</span>
-            </div>
-            <div style={{ display: 'flex', justifyContent: 'space-between' }}>
-              <span style={{ fontSize: '12px', color: '#6b7280' }}>Times studied</span>
-              <span style={{ fontSize: '12px', color: '#374151' }}>{selectedNode.times_studied}</span>
-            </div>
-          </div>
-
-          <div>
-            <p style={{ fontSize: '11px', color: '#6b7280', marginBottom: '8px', textTransform: 'uppercase', letterSpacing: '0.05em' }}>Connected to</p>
-            <div style={{ display: 'flex', flexDirection: 'column', gap: '4px' }}>
-              {allEdges
-                .filter(e => e.source === selectedNode.id || e.target === selectedNode.id)
-                .map(e => {
-                  const otherId = e.source === selectedNode.id ? e.target : e.source;
-                  const other = allNodes.find(n => n.id === otherId);
-                  return other ? (
-                    <button
-                      key={e.id}
-                      onClick={() => setSelectedNode(other)}
-                      style={{
-                        background: 'none',
-                        border: 'none',
-                        textAlign: 'left',
-                        fontSize: '13px',
-                        color: '#374151',
-                        cursor: 'pointer',
-                        padding: '3px 0',
-                      }}
-                    >
-                      {other.concept_name}
-                    </button>
-                  ) : null;
-                })
-                .filter(Boolean)}
-            </div>
-          </div>
-
-          <div style={{ display: 'flex', flexDirection: 'column', gap: '8px', marginTop: 'auto' }}>
-            <button
-              onClick={() => router.push(`/learn?topic=${encodeURIComponent(selectedNode.concept_name)}`)}
-              style={{
-                padding: '9px',
-                background: 'rgba(26,92,42,0.08)',
-                color: '#1a5c2a',
-                border: '1px solid rgba(26,92,42,0.3)',
-                borderRadius: '7px',
-                fontSize: '13px',
-                fontWeight: 600,
-                cursor: 'pointer',
-              }}
-            >
-              Learn This
-            </button>
-            <button
-              onClick={() => router.push(`/learn?topic=${encodeURIComponent(selectedNode.concept_name)}&mode=quiz`)}
-              style={{
-                padding: '9px',
-                background: '#f8faf8',
-                color: '#4b5563',
-                border: '1px solid rgba(107,114,128,0.18)',
-                borderRadius: '7px',
-                fontSize: '13px',
-                cursor: 'pointer',
-              }}
-            >
-              Quiz Me
-            </button>
-          </div>
-        </div>
-      )}
-    </div>
-  );
-}
-
-export default function TreePage() {
-  return (
-    <Suspense fallback={null}>
-      <TreePageInner />
-    </Suspense>
-  );
-}
diff --git a/frontend/src/components/AIDisclaimerChip.tsx b/frontend/src/components/AIDisclaimerChip.tsx
index 9ce8ece6..f9704ce3 100644
--- a/frontend/src/components/AIDisclaimerChip.tsx
+++ b/frontend/src/components/AIDisclaimerChip.tsx
@@ -1,87 +1,22 @@
-'use client';
+"use client";
 
-import { useState, useEffect } from 'react';
-import DisclaimerModal from './DisclaimerModal';
-
-const STORAGE_KEY = 'sapling_disclaimer_ack';
-
-export default function AIDisclaimerChip() {
-  const [tooltipVisible, setTooltipVisible] = useState(false);
-  const [modalOpen, setModalOpen] = useState(false);
-
-  // Show on first visit automatically
-  useEffect(() => {
-    if (!localStorage.getItem(STORAGE_KEY)) setModalOpen(true);
-  }, []);
-
-  const openModal = () => setModalOpen(true);
-  const closeModal = () => {
-    localStorage.setItem(STORAGE_KEY, '1');
-    setModalOpen(false);
-  };
+import React from "react";
 
+export function AIDisclaimerChip({ compact = false }: { compact?: boolean }) {
   return (
-    <>
-      <div
-        style={{ position: 'relative' }}
-        onMouseEnter={() => setTooltipVisible(true)}
-        onMouseLeave={() => setTooltipVisible(false)}
-      >
-        <button
-          onClick={openModal}
-          style={{
-            display: 'flex', alignItems: 'center', gap: '4px',
-            padding: '3px 9px',
-            background: 'rgba(107,114,128,0.05)',
-            border: '1px solid rgba(107,114,128,0.2)',
-            borderRadius: '20px',
-            cursor: 'pointer',
-            fontFamily: "var(--font-dm-sans), 'DM Sans', sans-serif",
-          }}
-        >
-          <span style={{ fontSize: '11px', color: '#6b7280', fontWeight: 500, letterSpacing: '0.02em' }}>
-            AI Guidelines
-          </span>
-        </button>
-
-        {tooltipVisible && (
-          <div style={{
-            position: 'absolute',
-            top: 'calc(100% + 10px)',
-            right: 0,
-            background: '#f8fbf8',
-            border: '1px solid rgba(107,114,128,0.18)',
-            borderRadius: '10px',
-            padding: '13px 15px',
-            fontSize: '12px',
-            lineHeight: 1.6,
-            width: '260px',
-            zIndex: 9999,
-            boxShadow: '0 4px 16px rgba(15,23,42,0.09), 0 1px 4px rgba(15,23,42,0.05)',
-            pointerEvents: 'none',
-            fontFamily: "var(--font-dm-sans), 'DM Sans', sans-serif",
-          }}>
-            <span style={{
-              display: 'block', fontSize: '11px', fontWeight: 700,
-              color: '#111827', letterSpacing: '0.02em', marginBottom: '6px',
-            }}>
-              AI powered learning
-            </span>
-            <p style={{ margin: '0 0 8px', color: '#374151' }}>
-              Sapling uses Google Gemini to tutor, quiz, and track your progress.
-              Responses may not always be accurate. Verify with your course materials.
-            </p>
-            <div style={{ borderTop: '1px solid rgba(107,114,128,0.14)', paddingTop: '8px' }}>
-              <p style={{ margin: 0, fontSize: '11px', color: '#6b7280', lineHeight: 1.5 }}>
-                Do not share passwords or sensitive personal data. Use Sapling as a study
-                aid, not a substitute for your own work. Click to review full guidelines.
-              </p>
-            </div>
-          </div>
-        )}
-      </div>
-
-      {modalOpen && <DisclaimerModal onClose={closeModal} />}
-    </>
+    <span
+      className="chip"
+      title="Generated by AI — verify against course materials."
+      style={{
+        background: "var(--info-soft)",
+        color: "var(--info)",
+        borderColor: "transparent",
+        fontSize: compact ? 9 : 10,
+        padding: compact ? "2px 6px" : "3px 8px",
+      }}
+    >
+      <span aria-hidden>◈</span>
+      AI
+    </span>
   );
 }
diff --git a/frontend/src/components/AchievementCard.tsx b/frontend/src/components/AchievementCard.tsx
deleted file mode 100644
index d78d8d13..00000000
--- a/frontend/src/components/AchievementCard.tsx
+++ /dev/null
@@ -1,137 +0,0 @@
-'use client';
-
-import type { Achievement, RarityTier } from '@/lib/types';
-
-interface Props {
-  achievement: Achievement;
-  earned: boolean;
-  earnedAt?: string;
-  progress?: number;
-  isSecret?: boolean;
-  compact?: boolean;
-  onPress?: () => void;
-}
-
-const RARITY_BORDER: Record<RarityTier, string> = {
-  common: 'var(--rarity-common)',
-  uncommon: 'var(--rarity-uncommon)',
-  rare: 'var(--rarity-rare)',
-  epic: 'var(--rarity-epic)',
-  legendary: 'var(--rarity-legendary)',
-};
-
-const RARITY_BG: Record<RarityTier, string> = {
-  common: 'var(--rarity-common-bg)',
-  uncommon: 'var(--rarity-uncommon-bg)',
-  rare: 'var(--rarity-rare-bg)',
-  epic: 'var(--rarity-epic-bg)',
-  legendary: 'var(--rarity-legendary-bg)',
-};
-
-export default function AchievementCard({ achievement, earned, earnedAt, progress, isSecret, compact, onPress }: Props) {
-  const isLocked = !earned;
-  const showSecret = isSecret && isLocked;
-
-  return (
-    <div
-      onClick={onPress}
-      style={{
-        background: 'var(--bg-panel)',
-        border: `1px solid ${earned ? RARITY_BORDER[achievement.rarity] : 'var(--border)'}`,
-        borderRadius: 'var(--radius-md)',
-        padding: compact ? '10px' : '14px',
-        cursor: onPress ? 'pointer' : 'default',
-        opacity: isLocked ? 0.65 : 1,
-        transition: 'border-color var(--dur-fast), box-shadow var(--dur-fast)',
-        boxShadow: earned ? `0 0 0 1px ${RARITY_BG[achievement.rarity]}` : 'none',
-        display: 'flex',
-        flexDirection: 'column',
-        gap: compact ? '6px' : '8px',
-        minWidth: compact ? '100px' : undefined,
-      }}
-    >
-      {/* Icon */}
-      <div style={{
-        width: compact ? '28px' : '36px',
-        height: compact ? '28px' : '36px',
-        borderRadius: 'var(--radius-sm)',
-        background: earned ? RARITY_BG[achievement.rarity] : 'var(--bg-subtle)',
-        display: 'flex',
-        alignItems: 'center',
-        justifyContent: 'center',
-        opacity: isLocked ? 0.3 : 1,
-      }}>
-        {showSecret ? (
-          <svg width="16" height="16" viewBox="0 0 16 16" fill="none" stroke="var(--text-dim)" strokeWidth="1.5">
-            <circle cx="8" cy="8" r="5" />
-            <text x="8" y="11" textAnchor="middle" fontSize="10" fill="var(--text-dim)" stroke="none">?</text>
-          </svg>
-        ) : achievement.icon ? (
-          <img src={achievement.icon} alt="" style={{ width: compact ? '18px' : '22px', height: compact ? '18px' : '22px' }} />
-        ) : (
-          <svg width={compact ? 16 : 20} height={compact ? 16 : 20} viewBox="0 0 16 16" fill="none" stroke={earned ? RARITY_BORDER[achievement.rarity] : 'var(--text-dim)'} strokeWidth="1.5">
-            <circle cx="8" cy="6" r="4" />
-            <path d="M4 14l4-4 4 4" />
-          </svg>
-        )}
-      </div>
-
-      {/* Name */}
-      <div style={{
-        fontSize: compact ? '11px' : '13px',
-        fontWeight: 600,
-        color: 'var(--text)',
-      }}>
-        {showSecret ? 'Secret Achievement' : achievement.name}
-      </div>
-
-      {/* Description (not in compact mode) */}
-      {!compact && (
-        <div style={{
-          fontSize: '12px',
-          color: 'var(--text-dim)',
-          lineHeight: 1.4,
-        }}>
-          {showSecret ? 'Keep exploring to discover this achievement' : achievement.description}
-        </div>
-      )}
-
-      {/* Rarity label */}
-      <div style={{
-        fontSize: '10px',
-        fontWeight: 600,
-        textTransform: 'uppercase',
-        letterSpacing: '0.04em',
-        color: RARITY_BORDER[achievement.rarity],
-      }}>
-        {achievement.rarity}
-      </div>
-
-      {/* Progress bar (locked, non-compact only) */}
-      {isLocked && !compact && progress !== undefined && progress > 0 && (
-        <div style={{
-          width: '100%',
-          height: '3px',
-          borderRadius: '2px',
-          background: 'var(--bg-subtle)',
-          overflow: 'hidden',
-        }}>
-          <div style={{
-            width: `${Math.min(100, progress * 100)}%`,
-            height: '100%',
-            background: RARITY_BORDER[achievement.rarity],
-            borderRadius: '2px',
-            transition: 'width var(--dur-base)',
-          }} />
-        </div>
-      )}
-
-      {/* Earned date */}
-      {earned && earnedAt && !compact && (
-        <div style={{ fontSize: '10px', color: 'var(--text-placeholder)' }}>
-          Earned {new Date(earnedAt).toLocaleDateString()}
-        </div>
-      )}
-    </div>
-  );
-}
diff --git a/frontend/src/components/AchievementShowcase.tsx b/frontend/src/components/AchievementShowcase.tsx
deleted file mode 100644
index 5115b449..00000000
--- a/frontend/src/components/AchievementShowcase.tsx
+++ /dev/null
@@ -1,78 +0,0 @@
-'use client';
-
-import type { UserAchievement } from '@/lib/types';
-import AchievementCard from '@/components/AchievementCard';
-
-interface Props {
-  achievements: UserAchievement[];
-  isOwnProfile: boolean;
-  onEditShowcase?: () => void;
-}
-
-export default function AchievementShowcase({ achievements, isOwnProfile, onEditShowcase }: Props) {
-  const slots = 5;
-  const items = achievements.slice(0, slots);
-
-  return (
-    <div>
-      <div style={{
-        display: 'flex',
-        alignItems: 'center',
-        justifyContent: 'space-between',
-        marginBottom: '10px',
-      }}>
-        <span style={{
-          fontSize: '11px',
-          fontWeight: 500,
-          color: 'var(--text-dim)',
-          textTransform: 'uppercase',
-          letterSpacing: '0.06em',
-        }}>
-          Featured Achievements
-        </span>
-        {isOwnProfile && onEditShowcase && (
-          <button
-            onClick={onEditShowcase}
-            className="btn-ghost"
-            style={{ padding: '3px 8px', fontSize: '11px' }}
-          >
-            Edit showcase
-          </button>
-        )}
-      </div>
-
-      <div style={{
-        display: 'flex',
-        gap: '8px',
-        flexWrap: 'wrap',
-      }}>
-        {items.map(ua => (
-          <AchievementCard
-            key={ua.achievement.id}
-            achievement={ua.achievement}
-            earned={true}
-            earnedAt={ua.earned_at}
-            compact
-          />
-        ))}
-        {/* Empty placeholder slots */}
-        {Array.from({ length: slots - items.length }).map((_, i) => (
-          <div
-            key={`empty-${i}`}
-            style={{
-              minWidth: '100px',
-              height: '80px',
-              border: '1px dashed var(--border)',
-              borderRadius: 'var(--radius-md)',
-              display: 'flex',
-              alignItems: 'center',
-              justifyContent: 'center',
-              color: 'var(--text-placeholder)',
-              fontSize: '11px',
-            }}
-          />
-        ))}
-      </div>
-    </div>
-  );
-}
diff --git a/frontend/src/components/AchievementUnlockToast.tsx b/frontend/src/components/AchievementUnlockToast.tsx
deleted file mode 100644
index 6b2e8512..00000000
--- a/frontend/src/components/AchievementUnlockToast.tsx
+++ /dev/null
@@ -1,81 +0,0 @@
-'use client';
-
-import type { RarityTier } from '@/lib/types';
-
-interface Props {
-  achievement: {
-    name: string;
-    icon: string | null;
-    rarity: RarityTier;
-  };
-}
-
-const RARITY_VAR: Record<RarityTier, string> = {
-  common: 'var(--rarity-common)',
-  uncommon: 'var(--rarity-uncommon)',
-  rare: 'var(--rarity-rare)',
-  epic: 'var(--rarity-epic)',
-  legendary: 'var(--rarity-legendary)',
-};
-
-export default function AchievementUnlockToast({ achievement }: Props) {
-  const borderColor = RARITY_VAR[achievement.rarity] || RARITY_VAR.common;
-
-  return (
-    <div style={{
-      display: 'flex',
-      alignItems: 'center',
-      gap: '10px',
-      borderLeft: `3px solid ${borderColor}`,
-      paddingLeft: '10px',
-    }}>
-      <div style={{
-        width: '28px',
-        height: '28px',
-        borderRadius: 'var(--radius-sm)',
-        background: 'var(--bg-subtle)',
-        display: 'flex',
-        alignItems: 'center',
-        justifyContent: 'center',
-        flexShrink: 0,
-        fontSize: '14px',
-      }}>
-        {achievement.icon ? (
-          <img src={achievement.icon} alt="" style={{ width: '20px', height: '20px' }} />
-        ) : (
-          <svg width="16" height="16" viewBox="0 0 16 16" fill="none" stroke="var(--accent)" strokeWidth="1.5">
-            <circle cx="8" cy="8" r="6" />
-            <path d="M8 5v3l2 1" />
-          </svg>
-        )}
-      </div>
-      <div style={{ flex: 1, minWidth: 0 }}>
-        <div style={{
-          fontSize: '11px',
-          color: 'var(--text-dim)',
-          fontWeight: 500,
-          letterSpacing: '0.02em',
-        }}>
-          Achievement unlocked
-        </div>
-        <div style={{
-          fontSize: '13px',
-          color: 'var(--text)',
-          fontWeight: 500,
-        }}>
-          {achievement.name}
-        </div>
-      </div>
-      <div style={{
-        fontSize: '10px',
-        fontWeight: 600,
-        textTransform: 'uppercase',
-        letterSpacing: '0.04em',
-        color: borderColor,
-        flexShrink: 0,
-      }}>
-        {achievement.rarity}
-      </div>
-    </div>
-  );
-}
diff --git a/frontend/src/components/AssignmentTable.tsx b/frontend/src/components/AssignmentTable.tsx
deleted file mode 100644
index c15d46cb..00000000
--- a/frontend/src/components/AssignmentTable.tsx
+++ /dev/null
@@ -1,319 +0,0 @@
-'use client';
-
-import { useMemo, useState } from 'react';
-import { Assignment } from '@/lib/types';
-import CustomSelect from '@/components/CustomSelect';
-
-interface Props {
-  assignments: Assignment[];
-  onChange: (assignments: Assignment[]) => void;
-  selectedIds?: string[];
-  onToggleSelect?: (id: string) => void;
-}
-
-const TYPES = ['homework', 'exam', 'reading', 'project', 'quiz', 'other'];
-type SortKey = 'custom' | 'due_date' | 'course_name' | 'title' | 'assignment_type';
-
-const SORT_OPTIONS: { value: SortKey; label: string }[] = [
-  { value: 'custom', label: 'Manual order' },
-  { value: 'due_date', label: 'Due date' },
-  { value: 'course_name', label: 'Course' },
-  { value: 'title', label: 'Title' },
-  { value: 'assignment_type', label: 'Type' },
-];
-
-const isDueSoon = (dueDate?: string | null) => {
-  if (!dueDate) return false;
-  const due = new Date(`${dueDate}T23:59:59`);
-  if (Number.isNaN(due.getTime())) return false;
-  const now = new Date();
-  const diff = due.getTime() - now.getTime();
-  return diff >= 0 && diff <= 86400000;
-};
-
-export default function AssignmentTable({ assignments, onChange, selectedIds, onToggleSelect }: Props) {
-  const [sortKey, setSortKey] = useState<SortKey>('custom');
-  const [sortDirection, setSortDirection] = useState<'asc' | 'desc'>('asc');
-  const [draggingIndex, setDraggingIndex] = useState<number | null>(null);
-  const canReorder = sortKey === 'custom';
-
-  const update = (index: number, field: keyof Assignment, value: string) => {
-    const updated = assignments.map((a, i) => (i === index ? { ...a, [field]: value } : a));
-    onChange(updated);
-  };
-
-  const remove = (index: number) => {
-    onChange(assignments.filter((_, i) => i !== index));
-  };
-
-  const handleDragStart = (position: number) => {
-    if (!canReorder) return;
-    setDraggingIndex(position);
-  };
-
-  const handleDrop = (position: number) => {
-    if (!canReorder || draggingIndex === null) {
-      setDraggingIndex(null);
-      return;
-    }
-    const from = draggingIndex;
-    const to = position;
-    if (from === to) {
-      setDraggingIndex(null);
-      return;
-    }
-    const reordered = [...assignments];
-    const [item] = reordered.splice(from, 1);
-    reordered.splice(to, 0, item);
-    onChange(reordered);
-    setDraggingIndex(null);
-  };
-
-  const add = () => {
-    const newA: Assignment = {
-      id: `temp_${Date.now()}`,
-      title: '',
-      course_name: '',
-      course_code: '',
-      course_id: '',
-      due_date: '',
-      assignment_type: 'homework',
-      notes: null,
-      google_event_id: null,
-    };
-    onChange([...assignments, newA]);
-  };
-
-  const inputStyle = {
-    width: '100%',
-    padding: '4px 6px',
-    border: '1px solid transparent',
-    borderRadius: '4px',
-    fontSize: '13px',
-    color: 'var(--text)' as string,
-    background: 'transparent',
-    outline: 'none',
-    fontFamily: 'inherit',
-  };
-
-  const headerStyle = {
-    fontSize: '11px',
-    fontWeight: 500 as const,
-    color: 'var(--text-dim)' as string,
-    textTransform: 'uppercase' as const,
-    letterSpacing: '0.05em',
-    padding: '8px 10px',
-    textAlign: 'left' as const,
-    borderBottom: '1px solid var(--border-light)' as string,
-  };
-
-  const rows = useMemo(() => {
-    const base = assignments.map((assignment, index) => ({ assignment, index }));
-    if (sortKey === 'custom') return base;
-
-    const compare = (a: Assignment, b: Assignment) => {
-      const normalize = (value: string | null | undefined) => (value ?? '').toString().toLowerCase();
-      if (sortKey === 'due_date') {
-        const valA = a.due_date ? new Date(`${a.due_date}T00:00:00`).getTime() : Number.MAX_SAFE_INTEGER;
-        const valB = b.due_date ? new Date(`${b.due_date}T00:00:00`).getTime() : Number.MAX_SAFE_INTEGER;
-        return valA - valB;
-      }
-      if (sortKey === 'course_name') {
-        return normalize(a.course_name).localeCompare(normalize(b.course_name));
-      }
-      if (sortKey === 'title') {
-        return normalize(a.title).localeCompare(normalize(b.title));
-      }
-      if (sortKey === 'assignment_type') {
-        return normalize(a.assignment_type).localeCompare(normalize(b.assignment_type));
-      }
-      return 0;
-    };
-
-    const sorted = [...base].sort((a, b) => {
-      const value = compare(a.assignment, b.assignment);
-      if (value === 0) return 0;
-      return sortDirection === 'asc' ? value : -value;
-    });
-    return sorted;
-  }, [assignments, sortKey, sortDirection]);
-
-  return (
-    <div>
-      <div style={{ display: 'flex', justifyContent: 'space-between', gap: '12px', flexWrap: 'wrap', marginBottom: '8px' }}>
-        <div style={{ display: 'flex', alignItems: 'center', gap: '8px' }}>
-          <label className="label">Sort by</label>
-          <CustomSelect
-            value={sortKey}
-            onChange={val => setSortKey(val as SortKey)}
-            options={SORT_OPTIONS}
-            style={{ minWidth: '160px' }}
-          />
-          {sortKey !== 'custom' && (
-            <button
-              onClick={() => setSortDirection(d => (d === 'asc' ? 'desc' : 'asc'))}
-              className="btn-ghost"
-              style={{ padding: '4px 10px', fontSize: '12px' }}
-            >
-              {sortDirection === 'asc' ? 'Ascending' : 'Descending'}
-            </button>
-          )}
-        </div>
-      </div>
-
-      <div className="panel" style={{ overflow: 'hidden' }}>
-        <table style={{ width: '100%', borderCollapse: 'collapse' }}>
-          <thead>
-            <tr style={{ background: 'var(--bg-topbar)' }}>
-              {onToggleSelect && <th style={{ ...headerStyle, width: '32px' }}></th>}
-              <th style={{ ...headerStyle, width: '120px' }}>Date</th>
-              <th style={{ ...headerStyle, width: '120px' }}>Course</th>
-              <th style={headerStyle}>Title</th>
-              <th style={{ ...headerStyle, width: '100px' }}>Type</th>
-              <th style={headerStyle}>Notes</th>
-              <th style={{ ...headerStyle, width: '40px' }}></th>
-            </tr>
-          </thead>
-          <tbody>
-            {rows.map(({ assignment: a, index }, rowPosition) => {
-              const dueSoon = isDueSoon(a.due_date);
-              return (
-              <tr
-                key={a.id}
-                draggable={canReorder}
-                onDragStart={() => handleDragStart(rowPosition)}
-                onDragOver={e => {
-                  if (!canReorder) return;
-                  e.preventDefault();
-                }}
-                onDrop={() => handleDrop(rowPosition)}
-                onDragEnd={() => setDraggingIndex(null)}
-                style={{
-                  borderBottom: rowPosition < rows.length - 1 ? '1px solid var(--border-light)' : 'none',
-                  background: selectedIds?.includes(a.id)
-                    ? 'rgba(22,163,74,0.08)'
-                    : draggingIndex === rowPosition
-                      ? 'rgba(217,119,6,0.08)'
-                      : 'var(--bg-panel)',
-                  cursor: canReorder ? 'grab' : 'default',
-                }}
-              >
-                {onToggleSelect && (
-                  <td style={{ padding: '6px 10px', textAlign: 'center' }}>
-                    <input
-                      type="checkbox"
-                      checked={selectedIds?.includes(a.id) ?? false}
-                      onChange={() => onToggleSelect(a.id)}
-                    />
-                  </td>
-                )}
-                <td style={{ padding: '4px 6px' }}>
-                  <div style={{ display: 'flex', alignItems: 'center', gap: '6px' }}>
-                    {dueSoon && (
-                      <span
-                        title="Due within 24 hours"
-                        style={{
-                          width: '18px',
-                          height: '18px',
-                          borderRadius: '50%',
-                          background: '#dc2626',
-                          color: '#ffffff',
-                          fontSize: '11px',
-                          display: 'inline-flex',
-                          alignItems: 'center',
-                          justifyContent: 'center',
-                          fontWeight: 700,
-                        }}
-                      >
-                        !
-                      </span>
-                    )}
-                    <input
-                      type="date"
-                      value={a.due_date}
-                      onChange={e => update(index, 'due_date', e.target.value)}
-                      style={{ ...inputStyle, width: '110px' }}
-                    />
-                  </div>
-                </td>
-                <td style={{ padding: '4px 6px' }}>
-                  <input
-                    value={a.course_name}
-                    onChange={e => update(index, 'course_name', e.target.value)}
-                    placeholder="Course"
-                    style={inputStyle}
-                    onFocus={e => (e.target.style.borderColor = 'var(--border-mid)')}
-                    onBlur={e => (e.target.style.borderColor = 'transparent')}
-                  />
-                </td>
-                <td style={{ padding: '4px 6px' }}>
-                  <input
-                    value={a.title}
-                    onChange={e => update(index, 'title', e.target.value)}
-                    placeholder="Title"
-                    style={inputStyle}
-                    onFocus={e => (e.target.style.borderColor = 'var(--border-mid)')}
-                    onBlur={e => (e.target.style.borderColor = 'transparent')}
-                  />
-                </td>
-                <td style={{ padding: '4px 6px' }}>
-                  <CustomSelect
-                    value={a.assignment_type ?? 'other'}
-                    onChange={val => update(index, 'assignment_type', val)}
-                    options={TYPES.map(t => ({ value: t, label: t }))}
-                    compact
-                    style={{ width: '100%' }}
-                  />
-                </td>
-                <td style={{ padding: '4px 6px' }}>
-                  <input
-                    value={a.notes ?? ''}
-                    onChange={e => update(index, 'notes' as any, e.target.value)}
-                    placeholder="Notes"
-                    style={inputStyle}
-                    onFocus={e => (e.target.style.borderColor = 'var(--border-mid)')}
-                    onBlur={e => (e.target.style.borderColor = 'transparent')}
-                  />
-                </td>
-                <td style={{ padding: '4px 6px', textAlign: 'center' }}>
-                  <button
-                    onClick={() => remove(index)}
-                    style={{
-                      background: 'none',
-                      border: 'none',
-                      color: 'var(--text-dim)',
-                      cursor: 'pointer',
-                      fontSize: '16px',
-                      lineHeight: 1,
-                      padding: '2px 4px',
-                      fontFamily: 'inherit',
-                    }}
-                  >
-                    x
-                  </button>
-                </td>
-              </tr>
-            );
-            })}
-          </tbody>
-        </table>
-      </div>
-
-      <button
-        onClick={add}
-        style={{
-          marginTop: '8px',
-          background: 'none',
-          border: 'none',
-          color: 'var(--text-dim)',
-          fontSize: '13px',
-          cursor: 'pointer',
-          padding: '4px 0',
-          fontFamily: 'inherit',
-        }}
-      >
-        + Add row
-      </button>
-    </div>
-  );
-}
diff --git a/frontend/src/components/Avatar.tsx b/frontend/src/components/Avatar.tsx
index 9a29a1ab..e6e2d75c 100644
--- a/frontend/src/components/Avatar.tsx
+++ b/frontend/src/components/Avatar.tsx
@@ -1,45 +1,69 @@
-import { getInitials, getAvatarColor } from '@/lib/avatarUtils';
+"use client";
+import React from "react";
 
-interface Props {
-  userId: string;
+const palette = ["#4e873c", "#3e6f8a", "#a8456b", "#b4862c", "#7b4b99", "#b4562c"];
+
+export function Avatar({
+  name,
+  size = 28,
+  color,
+  img,
+  frame,
+}: {
   name: string;
   size?: number;
-  avatarUrl?: string;
-  className?: string;
-}
-
-export default function Avatar({ userId, name, size = 32, avatarUrl, className }: Props) {
-  if (avatarUrl) {
-    return (
-      <img
-        src={avatarUrl}
-        alt={name}
-        referrerPolicy="no-referrer"
+  color?: string;
+  img?: string;
+  frame?: string | null;
+}) {
+  const initials = name
+    .split(" ")
+    .map((s) => s[0])
+    .join("")
+    .slice(0, 2)
+    .toUpperCase();
+  const bg = color || palette[name.charCodeAt(0) % palette.length];
+  return (
+    <div style={{ position: "relative", width: size, height: size, flexShrink: 0 }}>
+      <div
         style={{
           width: size,
           height: size,
-          borderRadius: '50%',
-          objectFit: 'cover',
-          flexShrink: 0,
+          borderRadius: "50%",
+          background: bg,
+          color: "#fff",
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center",
+          fontSize: Math.max(10, size * 0.36),
+          fontWeight: 600,
+          fontFamily: "var(--font-sans)",
+          border: "1px solid rgba(0,0,0,0.08)",
+          overflow: "hidden",
         }}
-      />
-    );
-  }
-  return (
-    <div style={{
-      width: size,
-      height: size,
-      borderRadius: '50%',
-      background: getAvatarColor(userId),
-      color: '#fff',
-      fontSize: Math.max(10, Math.floor(size * 0.33)),
-      fontWeight: 600,
-      display: 'flex',
-      alignItems: 'center',
-      justifyContent: 'center',
-      flexShrink: 0,
-    }}>
-      {getInitials(name)}
+      >
+        {img ? (
+          <img
+            src={img}
+            alt=""
+            referrerPolicy="no-referrer"
+            style={{ width: "100%", height: "100%", objectFit: "cover" }}
+          />
+        ) : (
+          initials
+        )}
+      </div>
+      {frame && (
+        <div
+          style={{
+            position: "absolute",
+            inset: -3,
+            borderRadius: "50%",
+            border: `2px solid ${frame}`,
+            boxShadow: `0 0 8px ${frame}66`,
+          }}
+        />
+      )}
     </div>
   );
 }
diff --git a/frontend/src/components/AvatarFrame.tsx b/frontend/src/components/AvatarFrame.tsx
index b97347c4..8e4392ba 100644
--- a/frontend/src/components/AvatarFrame.tsx
+++ b/frontend/src/components/AvatarFrame.tsx
@@ -1,45 +1,40 @@
-'use client';
+"use client";
 
-import Avatar from '@/components/Avatar';
+import React from "react";
+import type { Cosmetic } from "@/lib/types";
+import { Avatar } from "@/components/Avatar";
 
-interface Props {
-  frameUrl?: string;
-  frameSlug?: string;
-  userId: string;
+interface AvatarFrameProps {
   name: string;
   size?: number;
-  avatarUrl?: string;
-  className?: string;
+  img?: string;
+  color?: string;
+  frame?: Cosmetic | null;
 }
 
-export default function AvatarFrame({ frameUrl, frameSlug, userId, name, size = 32, avatarUrl, className }: Props) {
-  if (!frameUrl) {
-    return <Avatar userId={userId} name={name} size={size} avatarUrl={avatarUrl} className={className} />;
-  }
-
+export function AvatarFrame({ name, size = 48, img, color, frame }: AvatarFrameProps) {
+  const overlay = size * 0.25;
   return (
-    <div
-      className={className}
-      style={{
-        position: 'relative',
-        width: size,
-        height: size,
-        flexShrink: 0,
-      }}
-    >
-      <Avatar userId={userId} name={name} size={size} avatarUrl={avatarUrl} />
-      <img
-        src={frameUrl}
-        alt=""
-        style={{
-          position: 'absolute',
-          inset: 0,
-          width: '100%',
-          height: '100%',
-          pointerEvents: 'none',
-          objectFit: 'contain',
-        }}
-      />
+    <div style={{ position: "relative", width: size + overlay, height: size + overlay, display: "inline-block" }}>
+      <div style={{ position: "absolute", top: overlay / 2, left: overlay / 2 }}>
+        <Avatar name={name} size={size} img={img} color={color} />
+      </div>
+      {frame?.asset_url && (
+        <img
+          src={frame.asset_url}
+          alt=""
+          aria-hidden
+          referrerPolicy="no-referrer"
+          style={{
+            position: "absolute",
+            inset: 0,
+            width: "100%",
+            height: "100%",
+            pointerEvents: "none",
+            objectFit: "contain",
+          }}
+        />
+      )}
     </div>
   );
 }
diff --git a/frontend/src/components/ChatPanel.tsx b/frontend/src/components/ChatPanel.tsx
index f25d9e33..5d25dcdd 100644
--- a/frontend/src/components/ChatPanel.tsx
+++ b/frontend/src/components/ChatPanel.tsx
@@ -1,189 +1,199 @@
-'use client';
+"use client";
 
-import { useState, useRef, useEffect } from 'react';
-import ReactMarkdown from 'react-markdown';
-import remarkMath from 'remark-math';
-import rehypeKatex from 'rehype-katex';
-import 'katex/dist/katex.min.css';
-import { ChatMessage, TeachingMode } from '@/lib/types';
+import React, { useEffect, useRef } from "react";
+import { Icon } from "./Icon";
+import { MarkdownChat } from "./MarkdownChat";
+import { AIDisclaimerChip } from "./AIDisclaimerChip";
 
-interface Props {
-  messages: ChatMessage[];
-  onSend: (message: string) => void;
-  onAction: (action: 'hint' | 'confused' | 'skip') => void;
-  onEndSession: () => void;
-  loading: boolean;
-  mode: TeachingMode;
-  prefillInput?: string;
+export type ChatRole = "user" | "assistant";
+export interface ChatMsg {
+  id: string;
+  role: ChatRole;
+  content: string;
+  loading?: boolean;
 }
 
-const MODE_DESCRIPTIONS: Record<TeachingMode, string> = {
-  socratic: 'Asking questions to guide your thinking',
-  expository: 'Explaining, then checking understanding',
-  teachback: "You teach me — I'll play confused",
-};
-
-export default function ChatPanel({ messages, onSend, onAction, onEndSession, loading, mode, prefillInput }: Props) {
-  const [input, setInput] = useState('');
-  const messagesContainerRef = useRef<HTMLDivElement>(null);
+interface ChatPanelProps {
+  messages: ChatMsg[];
+  input: string;
+  onInputChange: (v: string) => void;
+  onSend: () => void;
+  onAction?: (action: "hint" | "confused" | "skip") => void;
+  disabled?: boolean;
+  placeholder?: string;
+  header?: React.ReactNode;
+}
 
-  useEffect(() => {
-    if (prefillInput) setInput(prefillInput);
-  }, [prefillInput]);
+export function ChatPanel({
+  messages,
+  input,
+  onInputChange,
+  onSend,
+  onAction,
+  disabled,
+  placeholder = "Ask or respond…",
+  header,
+}: ChatPanelProps) {
+  const scrollRef = useRef<HTMLDivElement | null>(null);
 
   useEffect(() => {
-    const container = messagesContainerRef.current;
-    if (container) {
-      container.scrollTop = container.scrollHeight;
-    }
-  }, [messages, loading]);
-
-  const send = () => {
-    const trimmed = input.trim();
-    if (!trimmed || loading) return;
-    onSend(trimmed);
-    setInput('');
-  };
-
-  const handleKey = (e: React.KeyboardEvent) => {
-    if (e.key === 'Enter' && !e.shiftKey) { e.preventDefault(); send(); }
-  };
+    const el = scrollRef.current;
+    if (!el) return;
+    el.scrollTop = el.scrollHeight;
+  }, [messages]);
 
   return (
-    <div style={{ display: 'flex', flexDirection: 'column', height: '100%', background: 'var(--bg-subtle)' }}>
-      {/* Mode description */}
-      <div style={{
-        padding: '10px 16px',
-        fontSize: '12px',
-        color: 'var(--text-dim)',
-        background: 'var(--bg-topbar)',
-        borderBottom: '1px solid var(--border-light)',
-      }}>
-        {MODE_DESCRIPTIONS[mode]}
+    <div style={{ display: "flex", flexDirection: "column", height: "100%", minHeight: 0 }}>
+      {header && <div>{header}</div>}
+      <div
+        ref={scrollRef}
+        role="log"
+        aria-live="polite"
+        aria-relevant="additions"
+        aria-atomic="false"
+        aria-label="Conversation"
+        style={{
+          flex: 1,
+          overflowY: "auto",
+          padding: "24px 32px",
+          display: "flex",
+          flexDirection: "column",
+          gap: 16,
+        }}
+      >
+        {messages.map(m => <Message key={m.id} m={m} />)}
       </div>
 
-      {/* Messages */}
-      <div ref={messagesContainerRef} style={{ flex: 1, overflowY: 'auto', padding: '16px', display: 'flex', flexDirection: 'column', gap: '12px' }}>
-        {messages.map(msg => (
-          <div key={msg.id} style={{ display: 'flex', justifyContent: msg.role === 'user' ? 'flex-end' : 'flex-start' }}>
-            <div style={{
-              maxWidth: '80%',
-              padding: '10px 14px',
-              borderRadius: '10px',
-              background: msg.role === 'user'
-                ? 'var(--accent-dim)'
-                : 'var(--bg-panel)',
-              color: 'var(--text)',
-              fontSize: '14px',
-              lineHeight: 1.65,
-              border: msg.role === 'user'
-                ? '1px solid var(--accent-border)'
-                : '1px solid var(--border)',
-              boxShadow: 'var(--shadow-sm)',
-            }}>
-              {msg.role === 'user' ? msg.content : (
-                <ReactMarkdown
-                  remarkPlugins={[remarkMath]}
-                  rehypePlugins={[rehypeKatex]}
-                  components={{
-                    p: ({ children }) => <p style={{ margin: 0, marginBottom: '6px' }}>{children}</p>,
-                    ul: ({ children }) => <ul style={{ margin: '0 0 8px 0', paddingLeft: '20px' }}>{children}</ul>,
-                    ol: ({ children }) => <ol style={{ margin: '0 0 8px 0', paddingLeft: '20px' }}>{children}</ol>,
-                    li: ({ children }) => <li style={{ marginBottom: '2px' }}>{children}</li>,
-                    code: ({ children }) => (
-                      <code style={{ background: 'var(--accent-dim)', borderRadius: '3px', padding: '1px 4px', fontSize: '13px', fontFamily: 'monospace', color: 'var(--accent)' }}>
-                        {children}
-                      </code>
-                    ),
-                    pre: ({ children }) => (
-                      <pre style={{ background: 'var(--bg-subtle)', color: 'var(--text)', borderRadius: '6px', padding: '10px', overflowX: 'auto', fontSize: '13px', margin: '0 0 8px 0', border: '1px solid var(--border)' }}>
-                        {children}
-                      </pre>
-                    ),
-                    strong: ({ children }) => <strong style={{ fontWeight: 600, color: 'var(--text-primary)' }}>{children}</strong>,
-                  }}
-                >
-                  {msg.content}
-                </ReactMarkdown>
-              )}
-            </div>
-          </div>
-        ))}
-
-        {loading && (
-          <div style={{ display: 'flex', justifyContent: 'flex-start' }}>
-            <div style={{ padding: '10px 14px', borderRadius: '10px', background: 'var(--bg-panel)', border: '1px solid var(--border)', color: 'var(--text-dim)', fontSize: '14px', boxShadow: 'var(--shadow-sm)' }}>
-              <span style={{ letterSpacing: '0.1em' }}>···</span>
-            </div>
+      <div
+        style={{
+          padding: "12px 32px 20px",
+          borderTop: "1px solid var(--border)",
+          background: "var(--bg-panel)",
+          display: "flex",
+          flexDirection: "column",
+          gap: 10,
+        }}
+      >
+        {onAction && (
+          <div style={{ display: "flex", gap: 6 }}>
+            <button className="btn btn--sm" onClick={() => onAction("hint")} disabled={disabled} title="Ask for a small nudge">
+              <Icon name="sparkle" size={12} /> Hint
+            </button>
+            <button className="btn btn--sm" onClick={() => onAction("confused")} disabled={disabled} title="Say you're stuck">
+              <Icon name="bolt" size={12} /> I&apos;m confused
+            </button>
+            <button className="btn btn--sm" onClick={() => onAction("skip")} disabled={disabled} title="Skip this concept">
+              <Icon name="chev" size={12} /> Skip
+            </button>
           </div>
         )}
-      </div>
-
-      {/* Input area */}
-      <div style={{
-        padding: '12px 16px',
-        background: 'var(--bg-topbar)',
-        borderTop: '1px solid var(--border-light)',
-      }}>
-        <div style={{ display: 'flex', gap: '8px', marginBottom: '8px' }}>
+        <div
+          style={{
+            display: "flex",
+            gap: 10,
+            alignItems: "flex-end",
+            background: "var(--bg-subtle)",
+            border: "1px solid var(--border)",
+            borderRadius: "var(--r-lg)",
+            padding: "10px 14px",
+          }}
+        >
           <textarea
             value={input}
-            onChange={e => setInput(e.target.value)}
-            onKeyDown={handleKey}
-            placeholder="Type your answer..."
-            rows={2}
+            onChange={e => onInputChange(e.target.value)}
+            onKeyDown={e => {
+              if (e.key === "Enter" && !e.shiftKey) {
+                e.preventDefault();
+                onSend();
+              }
+            }}
+            disabled={disabled}
+            placeholder={placeholder}
             style={{
               flex: 1,
-              resize: 'none',
-              background: 'var(--bg-input)',
-              color: 'var(--text)',
-              border: '1px solid var(--border)',
-              borderRadius: '6px',
-              padding: '6px 10px',
-              fontSize: '13px',
-              fontFamily: 'inherit',
-              outline: 'none',
-              transition: 'border-color 120ms',
+              resize: "none",
+              border: 0,
+              background: "transparent",
+              fontSize: 14,
+              lineHeight: 1.5,
+              outline: "none",
+              padding: "6px 0",
+              fontFamily: "var(--font-sans)",
+              maxHeight: 160,
+              minHeight: 36,
             }}
-            onFocus={e => e.currentTarget.style.borderColor = 'var(--accent-border)'}
-            onBlur={e => e.currentTarget.style.borderColor = 'var(--border)'}
+            rows={1}
           />
           <button
-            onClick={send}
-            disabled={loading || !input.trim()}
-            style={{
-              alignSelf: 'flex-end',
-              padding: '8px 16px',
-              background: 'var(--accent-dim)',
-              color: 'var(--accent)',
-              border: '1px solid var(--accent-border)',
-              borderRadius: '7px',
-              fontSize: '13px',
-              fontWeight: 500,
-              fontFamily: 'inherit',
-              cursor: loading || !input.trim() ? 'not-allowed' : 'pointer',
-              opacity: loading || !input.trim() ? 0.4 : 1,
-              transition: 'opacity 0.15s',
-            }}
+            className="btn btn--primary btn--sm"
+            onClick={onSend}
+            disabled={disabled || !input.trim()}
+            aria-label="Send"
           >
-            Send
+            <Icon name="send" size={14} />
           </button>
         </div>
+      </div>
+    </div>
+  );
+}
 
-        <div style={{ display: 'flex', gap: '12px', alignItems: 'center' }}>
-          {(['hint', 'confused', 'skip'] as const).map(action => (
-            <button key={action} onClick={() => onAction(action)} disabled={loading}
-              style={{ background: 'none', border: 'none', color: 'var(--text-dim)', fontSize: '12px', cursor: loading ? 'not-allowed' : 'pointer', padding: '2px 0', textTransform: 'capitalize', fontFamily: 'inherit' }}
-            >
-              {action}
-            </button>
-          ))}
-          <button onClick={onEndSession}
-            style={{ background: 'none', border: 'none', color: '#b45252', fontSize: '12px', cursor: 'pointer', padding: '2px 0', marginLeft: 'auto', fontFamily: 'inherit', opacity: 0.7 }}
-          >
-            End Session
-          </button>
+function Message({ m }: { m: ChatMsg }) {
+  const isUser = m.role === "user";
+  return (
+    <div
+      className="fade-in"
+      style={{
+        display: "flex",
+        gap: 12,
+        maxWidth: isUser ? "70%" : "85%",
+        alignSelf: isUser ? "flex-end" : "flex-start",
+      }}
+    >
+      {!isUser && (
+        <div
+          style={{
+            width: 32,
+            height: 32,
+            borderRadius: "50%",
+            background: "var(--accent-soft)",
+            color: "var(--accent)",
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "center",
+            flexShrink: 0,
+          }}
+        >
+          <Icon name="sparkle" size={14} />
         </div>
+      )}
+      <div
+        style={{
+          background: isUser ? "var(--accent)" : "var(--bg-panel)",
+          color: isUser ? "var(--accent-fg)" : "var(--text)",
+          padding: "12px 16px",
+          borderRadius: "var(--r-lg)",
+          border: isUser ? "none" : "1px solid var(--border)",
+          fontSize: 14,
+          lineHeight: 1.55,
+          fontFamily: "var(--font-sans)",
+          wordBreak: "break-word",
+          overflowWrap: "break-word",
+          position: "relative",
+        }}
+      >
+        {m.loading ? (
+          <span style={{ opacity: 0.6 }}>Thinking…</span>
+        ) : isUser ? (
+          <div style={{ whiteSpace: "pre-wrap" }}>{m.content}</div>
+        ) : (
+          <>
+            <MarkdownChat>{m.content}</MarkdownChat>
+            <div style={{ position: "absolute", bottom: 4, right: 8 }}>
+              <AIDisclaimerChip compact />
+            </div>
+          </>
+        )}
       </div>
     </div>
   );
diff --git a/frontend/src/components/CosmeticsManager.tsx b/frontend/src/components/CosmeticsManager.tsx
deleted file mode 100644
index 71980fbe..00000000
--- a/frontend/src/components/CosmeticsManager.tsx
+++ /dev/null
@@ -1,171 +0,0 @@
-'use client';
-
-import { useState, useEffect } from 'react';
-import { fetchCosmetics, equipCosmetic } from '@/lib/api';
-import { useUser } from '@/context/UserContext';
-import type { CosmeticType, UserCosmetic } from '@/lib/types';
-import AvatarFrame from '@/components/AvatarFrame';
-import NameColorRenderer from '@/components/NameColorRenderer';
-import TitleFlair from '@/components/TitleFlair';
-
-interface Props {
-  userId: string;
-}
-
-const TABS: { key: CosmeticType; label: string }[] = [
-  { key: 'avatar_frame', label: 'Avatar Frames' },
-  { key: 'banner', label: 'Banners' },
-  { key: 'name_color', label: 'Name Colors' },
-  { key: 'title', label: 'Titles' },
-];
-
-export default function CosmeticsManager({ userId }: Props) {
-  const { userName, avatarUrl, equippedCosmetics, refreshProfile } = useUser();
-  const [activeTab, setActiveTab] = useState<CosmeticType>('avatar_frame');
-  const [cosmetics, setCosmetics] = useState<Record<CosmeticType, UserCosmetic[]>>({
-    avatar_frame: [], banner: [], name_color: [], title: [],
-  });
-  const [equipped, setEquipped] = useState<Record<string, any>>({});
-  const [loading, setLoading] = useState(true);
-  const [error, setError] = useState('');
-  const [equipping, setEquipping] = useState(false);
-
-  useEffect(() => {
-    setLoading(true);
-    fetchCosmetics(userId)
-      .then(data => {
-        setCosmetics(data.cosmetics as Record<CosmeticType, UserCosmetic[]>);
-        setEquipped(data.equipped);
-        setLoading(false);
-      })
-      .catch(e => {
-        setError(e.message);
-        setLoading(false);
-      });
-  }, [userId]);
-
-  const handleEquip = async (slot: CosmeticType, cosmeticId: string | null) => {
-    setEquipping(true);
-    try {
-      await equipCosmetic(userId, slot, cosmeticId);
-      await refreshProfile();
-      // Refresh cosmetics data
-      const data = await fetchCosmetics(userId);
-      setCosmetics(data.cosmetics as Record<CosmeticType, UserCosmetic[]>);
-      setEquipped(data.equipped);
-    } catch (e: any) {
-      setError(e.message);
-    } finally {
-      setEquipping(false);
-    }
-  };
-
-  const isEquipped = (slot: CosmeticType, cosmeticId: string) => {
-    const eq = equipped[slot];
-    return eq?.id === cosmeticId;
-  };
-
-  if (loading) {
-    return <div style={{ color: 'var(--text-dim)', fontSize: '13px', padding: '20px 0' }}>Loading cosmetics...</div>;
-  }
-
-  if (error) {
-    return <div style={{ color: 'var(--brand-struggle)', fontSize: '13px', padding: '20px 0' }}>{error}</div>;
-  }
-
-  const currentItems = cosmetics[activeTab] || [];
-
-  return (
-    <div>
-      {/* Tab bar */}
-      <div style={{ display: 'flex', gap: '0', borderBottom: '1px solid var(--border)', marginBottom: '16px' }}>
-        {TABS.map(tab => (
-          <button
-            key={tab.key}
-            onClick={() => setActiveTab(tab.key)}
-            className={activeTab === tab.key ? 'tab tab-active' : 'tab tab-inactive'}
-          >
-            {tab.label}
-          </button>
-        ))}
-      </div>
-
-      {/* Grid */}
-      <div style={{
-        display: 'grid',
-        gridTemplateColumns: 'repeat(auto-fill, minmax(120px, 1fr))',
-        gap: '10px',
-        marginBottom: '20px',
-      }}>
-        {currentItems.map(uc => {
-          const c = uc.cosmetic;
-          const active = isEquipped(activeTab, c.id);
-          return (
-            <button
-              key={c.id}
-              disabled={equipping}
-              onClick={() => handleEquip(activeTab, active ? null : c.id)}
-              className="cosmetic-equipped"
-              style={{
-                background: 'var(--bg-panel)',
-                border: active ? '2px solid var(--accent)' : '1px solid var(--border)',
-                borderRadius: 'var(--radius-md)',
-                padding: '10px',
-                cursor: equipping ? 'not-allowed' : 'pointer',
-                textAlign: 'center',
-                fontSize: '12px',
-                fontFamily: 'inherit',
-                color: 'var(--text)',
-                opacity: equipping ? 0.6 : 1,
-              }}
-            >
-              {c.asset_url && (
-                <img src={c.asset_url} alt={c.name} style={{ width: '40px', height: '40px', objectFit: 'contain', marginBottom: '6px' }} />
-              )}
-              <div style={{ fontWeight: 500 }}>{c.name}</div>
-              <div style={{ fontSize: '10px', color: 'var(--text-dim)', textTransform: 'uppercase' }}>{c.rarity}</div>
-              {active && <div style={{ fontSize: '10px', color: 'var(--accent)', fontWeight: 600, marginTop: '4px' }}>Equipped</div>}
-            </button>
-          );
-        })}
-        {currentItems.length === 0 && (
-          <div style={{ gridColumn: '1 / -1', color: 'var(--text-dim)', fontSize: '13px', padding: '20px 0', textAlign: 'center' }}>
-            No {TABS.find(t => t.key === activeTab)?.label.toLowerCase()} unlocked yet
-          </div>
-        )}
-      </div>
-
-      {/* Preview */}
-      <div style={{
-        background: 'var(--bg-subtle)',
-        borderRadius: 'var(--radius-md)',
-        padding: '16px',
-        display: 'flex',
-        alignItems: 'center',
-        gap: '12px',
-      }}>
-        <AvatarFrame
-          userId={userId}
-          name={userName}
-          size={48}
-          avatarUrl={avatarUrl}
-          frameUrl={equippedCosmetics?.avatar_frame?.asset_url}
-        />
-        <div>
-          <NameColorRenderer
-            name={userName || 'Your Name'}
-            cssValue={equippedCosmetics?.name_color?.css_value}
-          />
-          {equippedCosmetics?.title && (
-            <div style={{ marginTop: '2px' }}>
-              <TitleFlair
-                title={equippedCosmetics.title.name}
-                rarity={equippedCosmetics.title.rarity}
-              />
-            </div>
-          )}
-        </div>
-      </div>
-    </div>
-  );
-}
diff --git a/frontend/src/components/CustomSelect.tsx b/frontend/src/components/CustomSelect.tsx
index 83880051..5da6cdad 100644
--- a/frontend/src/components/CustomSelect.tsx
+++ b/frontend/src/components/CustomSelect.tsx
@@ -1,189 +1,209 @@
-'use client';
+"use client";
 
-import { useEffect, useRef, useState } from 'react';
-import { createPortal } from 'react-dom';
+import React, { useCallback, useEffect, useId, useMemo, useRef, useState } from "react";
 
-export interface SelectOption {
-  value: string;
-  label: string;
+export interface CustomSelectOption<T extends string = string> {
+  value: T;
+  label: React.ReactNode;
+  description?: React.ReactNode;
+  disabled?: boolean;
 }
 
-interface Props {
-  value: string;
-  onChange: (value: string) => void;
-  options: SelectOption[];
+interface CustomSelectProps<T extends string = string> {
+  value: T;
+  options: CustomSelectOption<T>[];
+  onChange: (value: T) => void;
   placeholder?: string;
+  ariaLabel?: string;
+  disabled?: boolean;
+  size?: "sm" | "md";
+  align?: "left" | "right";
+  className?: string;
   style?: React.CSSProperties;
-  compact?: boolean;
-  openUpward?: boolean;
-  onDelete?: (value: string) => void;
 }
 
-export default function CustomSelect({ value, onChange, options, placeholder, style, compact, openUpward, onDelete }: Props) {
+export function CustomSelect<T extends string = string>({
+  value,
+  options,
+  onChange,
+  placeholder = "Select…",
+  ariaLabel,
+  disabled,
+  size = "md",
+  align = "left",
+  className,
+  style,
+}: CustomSelectProps<T>) {
   const [open, setOpen] = useState(false);
-  const [dropRect, setDropRect] = useState<DOMRect | null>(null);
-  const triggerRef = useRef<HTMLButtonElement>(null);
-  const dropRef = useRef<HTMLDivElement>(null);
+  const [highlighted, setHighlighted] = useState(-1);
+  const wrapperRef = useRef<HTMLDivElement | null>(null);
+  const listboxId = useId();
 
-  const selected = options.find(o => o.value === value);
-
-  const handleToggle = () => {
-    if (options.length === 0) return;
-    if (!open && triggerRef.current) {
-      setDropRect(triggerRef.current.getBoundingClientRect());
-    }
-    setOpen(o => !o);
-  };
+  const selectedIndex = useMemo(() => options.findIndex(o => o.value === value), [options, value]);
+  const selected = selectedIndex >= 0 ? options[selectedIndex] : null;
 
   useEffect(() => {
     if (!open) return;
-    const handleOutside = (e: MouseEvent) => {
-      if (
-        triggerRef.current?.contains(e.target as Node) ||
-        dropRef.current?.contains(e.target as Node)
-      ) return;
-      setOpen(false);
+    setHighlighted(selectedIndex >= 0 ? selectedIndex : 0);
+    const onDown = (e: MouseEvent) => {
+      if (!wrapperRef.current?.contains(e.target as Node)) setOpen(false);
     };
-    const handleScroll = () => {
-      if (triggerRef.current) setDropRect(triggerRef.current.getBoundingClientRect());
+    const onKey = (e: KeyboardEvent) => {
+      if (e.key === "Escape") setOpen(false);
     };
-    document.addEventListener('mousedown', handleOutside);
-    window.addEventListener('scroll', handleScroll, true);
+    document.addEventListener("mousedown", onDown);
+    document.addEventListener("keydown", onKey);
     return () => {
-      document.removeEventListener('mousedown', handleOutside);
-      window.removeEventListener('scroll', handleScroll, true);
+      document.removeEventListener("mousedown", onDown);
+      document.removeEventListener("keydown", onKey);
     };
-  }, [open]);
+  }, [open, selectedIndex]);
+
+  const commit = useCallback((idx: number) => {
+    const opt = options[idx];
+    if (!opt || opt.disabled) return;
+    onChange(opt.value);
+    setOpen(false);
+  }, [options, onChange]);
 
-  const padding = compact ? '2px 8px' : '5px 10px';
-  const fontSize = compact ? '12px' : '13px';
+  const onButtonKey = (e: React.KeyboardEvent) => {
+    if (disabled) return;
+    if (e.key === "Enter" || e.key === " " || e.key === "ArrowDown" || e.key === "ArrowUp") {
+      e.preventDefault();
+      setOpen(o => !o);
+      return;
+    }
+  };
+
+  const onListKey = (e: React.KeyboardEvent) => {
+    if (e.key === "ArrowDown") {
+      e.preventDefault();
+      setHighlighted(h => {
+        for (let i = 1; i <= options.length; i++) {
+          const next = (h + i) % options.length;
+          if (!options[next].disabled) return next;
+        }
+        return h;
+      });
+    } else if (e.key === "ArrowUp") {
+      e.preventDefault();
+      setHighlighted(h => {
+        for (let i = 1; i <= options.length; i++) {
+          const next = (h - i + options.length) % options.length;
+          if (!options[next].disabled) return next;
+        }
+        return h;
+      });
+    } else if (e.key === "Enter") {
+      e.preventDefault();
+      commit(highlighted);
+    } else if (e.key === "Tab") {
+      setOpen(false);
+    }
+  };
 
-  const dropdown =
-    open && dropRect
-      ? createPortal(
-          <div
-            ref={dropRef}
-            style={{
-              position: 'fixed',
-              ...(openUpward
-                ? { bottom: window.innerHeight - dropRect.top + 4, maxHeight: dropRect.top - 12 }
-                : { top: dropRect.bottom + 4, maxHeight: window.innerHeight - dropRect.bottom - 8 }),
-              left: dropRect.left,
-              minWidth: Math.max(dropRect.width, compact ? 120 : 140),
-              background: '#ffffff',
-              border: '1px solid rgba(107,114,128,0.18)',
-              borderRadius: '10px',
-              overflowY: 'auto',
-              zIndex: 2147483647,
-              boxShadow: '0 8px 24px rgba(0,0,0,0.1), 0 0 0 1px rgba(107,114,128,0.08)',
-            }}
-          >
-            {options.map(opt => (
-              <div key={opt.value} style={{ display: 'flex', alignItems: 'center' }}>
-                <button
-                  onMouseDown={e => e.preventDefault()}
-                  onClick={() => { onChange(opt.value); setOpen(false); }}
-                  style={{
-                    flex: 1,
-                    padding: compact ? '6px 10px' : '8px 12px',
-                    background: opt.value === value ? 'rgba(26,92,42,0.08)' : 'transparent',
-                    color: opt.value === value ? '#1a5c2a' : '#374151',
-                    fontSize,
-                    cursor: 'pointer',
-                    border: 'none',
-                    textAlign: 'left',
-                    fontFamily: 'inherit',
-                    whiteSpace: 'nowrap',
-                    transition: 'background 0.12s, color 0.12s',
-                  }}
-                  onMouseEnter={e => {
-                    if (opt.value !== value) {
-                      (e.currentTarget as HTMLButtonElement).style.background = 'rgba(26,92,42,0.05)';
-                      (e.currentTarget as HTMLButtonElement).style.color = '#111827';
-                    }
-                  }}
-                  onMouseLeave={e => {
-                    if (opt.value !== value) {
-                      (e.currentTarget as HTMLButtonElement).style.background = 'transparent';
-                      (e.currentTarget as HTMLButtonElement).style.color = '#374151';
-                    }
-                  }}
-                >
-                  {opt.label}
-                </button>
-                {onDelete && (
-                  <button
-                    onMouseDown={e => e.preventDefault()}
-                    onClick={e => { e.stopPropagation(); onDelete(opt.value); }}
-                    title="Delete session"
-                    style={{
-                      flexShrink: 0,
-                      padding: compact ? '6px 8px' : '8px 10px',
-                      background: 'transparent',
-                      border: 'none',
-                      color: '#9ca3af',
-                      fontSize: '16px',
-                      cursor: 'pointer',
-                      fontFamily: 'inherit',
-                      lineHeight: 1,
-                      transition: 'color 0.12s',
-                    }}
-                    onMouseEnter={e => { (e.currentTarget as HTMLButtonElement).style.color = '#dc2626'; }}
-                    onMouseLeave={e => { (e.currentTarget as HTMLButtonElement).style.color = '#9ca3af'; }}
-                  >
-                    ×
-                  </button>
-                )}
-              </div>
-            ))}
-          </div>,
-          document.body
-        )
-      : null;
+  const padding = size === "sm" ? "5px 10px" : "8px 12px";
+  const fontSize = size === "sm" ? 12 : 13;
 
   return (
-    <div style={{ position: 'relative', display: 'inline-block', ...style }}>
+    <div
+      ref={wrapperRef}
+      className={className}
+      style={{ position: "relative", display: "inline-block", ...style }}
+    >
       <button
-        ref={triggerRef}
-        onClick={handleToggle}
+        type="button"
+        aria-haspopup="listbox"
+        aria-expanded={open}
+        aria-controls={open ? listboxId : undefined}
+        aria-label={ariaLabel}
+        disabled={disabled}
+        onClick={() => !disabled && setOpen(o => !o)}
+        onKeyDown={onButtonKey}
         style={{
-          width: '100%',
+          display: "inline-flex",
+          alignItems: "center",
+          justifyContent: "space-between",
+          gap: 8,
+          width: "100%",
           padding,
-          background: '#ffffff',
-          border: `1px solid rgba(107,114,128,${open ? '0.35' : '0.2'})`,
-          borderRadius: '8px',
-          color: selected ? '#111827' : '#9ca3af',
           fontSize,
-          cursor: 'pointer',
-          display: 'flex',
-          alignItems: 'center',
-          justifyContent: 'space-between',
-          gap: '8px',
-          outline: 'none',
-          fontFamily: 'inherit',
-          transition: 'border-color 0.15s',
-          boxShadow: open ? '0 0 0 3px rgba(26,92,42,0.1)' : 'none',
+          borderRadius: "var(--r-sm)",
+          border: "1px solid var(--border)",
+          background: "var(--bg-input)",
+          color: selected ? "var(--text)" : "var(--text-muted)",
+          cursor: disabled ? "not-allowed" : "pointer",
+          opacity: disabled ? 0.6 : 1,
+          textAlign: "left",
+          transition: "border-color var(--dur-fast) var(--ease)",
         }}
       >
-        <span style={{ textOverflow: 'ellipsis', overflow: 'hidden', whiteSpace: 'nowrap' }}>
-          {selected?.label ?? placeholder ?? ''}
+        <span style={{ overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }}>
+          {selected ? selected.label : placeholder}
         </span>
-        {options.length > 0 && (
-          <span
-            style={{
-              fontSize: '8px',
-              color: '#9ca3af',
-              transform: open ? 'rotate(180deg)' : 'rotate(0deg)',
-              transition: 'transform 0.2s ease',
-              display: 'inline-block',
-              flexShrink: 0,
-            }}
-          >
-            ▼
-          </span>
-        )}
+        <span aria-hidden style={{ fontSize: 10, color: "var(--text-muted)", transform: open ? "rotate(180deg)" : "none", transition: "transform var(--dur-fast) var(--ease)" }}>▾</span>
       </button>
-      {dropdown}
+      {open && (
+        <ul
+          role="listbox"
+          id={listboxId}
+          tabIndex={-1}
+          onKeyDown={onListKey}
+          ref={el => el?.focus()}
+          className="fade-in"
+          style={{
+            position: "absolute",
+            zIndex: 100,
+            top: "calc(100% + 4px)",
+            left: align === "left" ? 0 : "auto",
+            right: align === "right" ? 0 : "auto",
+            minWidth: "100%",
+            margin: 0,
+            padding: 4,
+            listStyle: "none",
+            background: "var(--bg-panel)",
+            border: "1px solid var(--border-strong)",
+            borderRadius: "var(--r-md)",
+            boxShadow: "var(--shadow-lg)",
+            maxHeight: 280,
+            overflowY: "auto",
+          }}
+        >
+          {options.map((opt, idx) => {
+            const active = idx === highlighted;
+            const isSelected = opt.value === value;
+            return (
+              <li
+                key={opt.value}
+                role="option"
+                aria-selected={isSelected}
+                aria-disabled={opt.disabled}
+                onMouseEnter={() => setHighlighted(idx)}
+                onClick={() => commit(idx)}
+                style={{
+                  padding: "7px 10px",
+                  fontSize,
+                  borderRadius: "var(--r-sm)",
+                  cursor: opt.disabled ? "not-allowed" : "pointer",
+                  color: opt.disabled ? "var(--text-muted)" : "var(--text)",
+                  background: active && !opt.disabled ? "var(--bg-subtle)" : "transparent",
+                  display: "flex",
+                  alignItems: "center",
+                  gap: 6,
+                }}
+              >
+                <span style={{ flex: 1, minWidth: 0 }}>
+                  <span>{opt.label}</span>
+                  {opt.description && (
+                    <span style={{ display: "block", fontSize: 11, color: "var(--text-muted)" }}>{opt.description}</span>
+                  )}
+                </span>
+                {isSelected && <span aria-hidden style={{ color: "var(--accent)", fontSize: 12 }}>✓</span>}
+              </li>
+            );
+          })}
+        </ul>
+      )}
     </div>
   );
 }
diff --git a/frontend/src/components/DisclaimerModal.tsx b/frontend/src/components/DisclaimerModal.tsx
index 265a8647..148da52e 100644
--- a/frontend/src/components/DisclaimerModal.tsx
+++ b/frontend/src/components/DisclaimerModal.tsx
@@ -1,91 +1,68 @@
-'use client';
+"use client";
 
-import { useEffect, useState } from 'react';
-import { createPortal } from 'react-dom';
+import React, { useEffect, useState } from "react";
+import { useBodyScrollLock } from "@/lib/useBodyScrollLock";
 
-interface Props {
-  onClose: () => void;
-}
+const ACK_KEY = "sapling_disclaimer_ack";
+
+export function DisclaimerModal() {
+  const [open, setOpen] = useState(false);
+
+  useEffect(() => {
+    const acked = typeof window !== "undefined" && localStorage.getItem(ACK_KEY) === "true";
+    if (!acked) setOpen(true);
+  }, []);
+
+  useBodyScrollLock(open);
 
-export default function DisclaimerModal({ onClose }: Props) {
-  const [mounted, setMounted] = useState(false);
-  useEffect(() => { setMounted(true); }, []);
-  if (!mounted) return null;
+  const ack = () => {
+    localStorage.setItem(ACK_KEY, "true");
+    setOpen(false);
+  };
 
-  return createPortal(
+  if (!open) return null;
+
+  return (
     <div
+      role="dialog"
+      aria-modal="true"
+      aria-labelledby="disclaimer-title"
       style={{
-        position: 'fixed', inset: 0,
-        background: 'rgba(15,23,42,0.45)',
-        zIndex: 99999,
-        display: 'flex', alignItems: 'center', justifyContent: 'center',
-        padding: '20px',
+        position: "fixed",
+        inset: 0,
+        background: "rgba(0,0,0,0.45)",
+        zIndex: 220,
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        padding: 16,
       }}
-      onClick={e => { if (e.target === e.currentTarget) onClose(); }}
     >
-      <div style={{
-        background: '#fff',
-        borderRadius: '14px',
-        padding: '32px 28px 24px',
-        width: '480px',
-        maxWidth: '95vw',
-        maxHeight: 'calc(100vh - 48px)',
-        overflowY: 'auto',
-        border: '1px solid rgba(107,114,128,0.15)',
-        boxShadow: '0 24px 64px rgba(0,0,0,0.14)',
-        fontFamily: "var(--font-dm-sans), 'DM Sans', sans-serif",
-      }}>
-        <div style={{ marginBottom: '20px' }}>
-          <div style={{
-            fontSize: '11px', fontWeight: 700, color: 'rgba(26,92,42,0.8)',
-            textTransform: 'uppercase', letterSpacing: '0.08em', marginBottom: '6px',
-          }}>
-            Before you begin
-          </div>
-          <div style={{ fontSize: '20px', fontWeight: 700, color: '#111827' }}>
-            AI Tutor: Use Responsibly
-          </div>
+      <div
+        className="card"
+        style={{
+          maxWidth: 480,
+          width: "100%",
+          padding: 28,
+          boxShadow: "var(--shadow-lg)",
+        }}
+      >
+        <div className="label-micro" style={{ marginBottom: 8 }}>Heads up</div>
+        <div id="disclaimer-title" className="h-serif" style={{ fontSize: 22, marginBottom: 10 }}>Sapling uses AI</div>
+        <div style={{ fontSize: 13, color: "var(--text-dim)", lineHeight: 1.6, marginBottom: 16 }}>
+          Responses are generated by a large language model and can be wrong, incomplete, or inconsistent.
+          Use Sapling as a study partner — not a source of truth. Always cross-check important claims against
+          your course materials, and never paste sensitive personal information into chat.
         </div>
-
-        <div style={{ display: 'flex', flexDirection: 'column', gap: '10px', marginBottom: '24px' }}>
-          <Section label="Accuracy" text="Sapling is powered by AI and may produce incorrect, incomplete, or outdated information. Always verify important concepts against your course materials, textbook, or instructor." />
-          <Section label="Academic integrity" text="Using AI to complete graded work, exams, or assessments may violate your institution's academic integrity policy. Sapling is a study aid; use it to understand material, not to substitute your own work." />
-          <Section label="Content you share" text="Avoid uploading documents containing other people's personal information or content you do not have the right to share. Syllabi, lecture notes, and your own work are generally fine." />
-          <Section label="Privacy" text="Your chat messages and a summary of your knowledge graph are sent to Google Gemini to generate responses. Do not enter passwords, financial details, or sensitive personal information." />
+        <ul style={{ margin: "0 0 18px", padding: "0 0 0 18px", fontSize: 12, color: "var(--text-dim)", lineHeight: 1.7 }}>
+          <li>Check citations and facts against primary sources.</li>
+          <li>Your conversations may be used to improve the product.</li>
+          <li>Don&apos;t share passwords, IDs, or private info.</li>
+        </ul>
+        <div style={{ display: "flex", justifyContent: "flex-end" }}>
+          <button className="btn btn--primary" onClick={ack}>Got it</button>
         </div>
-
-        <button
-          onClick={onClose}
-          style={{
-            width: '100%', padding: '11px 0',
-            background: '#1a5c2a', color: '#fff',
-            border: 'none', borderRadius: '8px',
-            fontSize: '14px', fontWeight: 600, cursor: 'pointer',
-            fontFamily: 'inherit', letterSpacing: '0.01em',
-          }}
-        >
-          I understand, continue to Sapling
-        </button>
-      </div>
-    </div>,
-    document.body
-  );
-}
-
-function Section({ label, text }: { label: string; text: string }) {
-  return (
-    <div style={{
-      padding: '10px 12px',
-      background: '#f8fbf8',
-      border: '1px solid rgba(107,114,128,0.12)',
-      borderRadius: '8px',
-    }}>
-      <div style={{ fontSize: '11px', fontWeight: 700, color: '#1a5c2a', textTransform: 'uppercase', letterSpacing: '0.05em', marginBottom: '3px' }}>
-        {label}
       </div>
-      <p style={{ margin: 0, fontSize: '12px', color: '#374151', lineHeight: 1.55 }}>
-        {text}
-      </p>
     </div>
   );
 }
diff --git a/frontend/src/components/DocumentUploadModal.tsx b/frontend/src/components/DocumentUploadModal.tsx
index 6748b431..4d2505e3 100644
--- a/frontend/src/components/DocumentUploadModal.tsx
+++ b/frontend/src/components/DocumentUploadModal.tsx
@@ -1,557 +1,423 @@
-'use client';
+"use client";
 
-import { useEffect, useState, useRef, DragEvent } from 'react';
+import React from "react";
+import { createPortal } from "react-dom";
+import { Icon } from "./Icon";
+import { CustomSelect } from "./CustomSelect";
+import { useToast } from "./ToastProvider";
 import {
-  addCourse,
-  getCourses,
   uploadDocument,
-  deleteDocument,
-  updateDocument,
+  updateDocumentCategory,
+  addCourse,
+  onboardingCoursesSearch,
   type EnrolledCourse,
-} from '@/lib/api';
-import CustomSelect from '@/components/CustomSelect';
-import { PRESET_COURSE_COLORS } from '@/lib/graphUtils';
-
-const UI_FONT = "var(--font-dm-sans), 'DM Sans', sans-serif";
-
-const GLASS: React.CSSProperties = {
-  background: '#ffffff',
-  border: '1px solid rgba(107, 114, 128, 0.15)',
-  borderRadius: '10px',
-};
-
-export interface UploadedDoc {
-  id: string;
-  course_id: string;
-  file_name: string;
-  category: string;
-  summary: string | null;
-  key_takeaways: string[] | null;
-  flashcards: { question: string; answer: string }[] | null;
-  created_at: string;
-}
-
-type UploadStep = 'pick' | 'reviewing';
-
-const CATEGORY_LABELS: Record<string, string> = {
-  syllabus: 'Syllabus',
-  lecture_notes: 'Lecture Notes',
-  slides: 'Slides',
-  reading: 'Reading',
-  assignment: 'Assignment',
-  study_guide: 'Study Guide',
-  other: 'Other',
-};
-
-const UPLOAD_CATEGORIES = ['syllabus', 'lecture_notes', 'slides', 'reading', 'assignment', 'study_guide', 'other'];
+  type OnboardingCourse,
+} from "@/lib/api";
 
 const MAX_FILES = 5;
-const MAX_BYTES = 15 * 1024 * 1024;
-const ALLOWED_EXTS = ['.pdf', '.docx', '.pptx'];
+const MAX_SIZE = 15 * 1024 * 1024;
+const ALLOWED = /\.(pdf|docx|pptx)$/i;
 const UPLOAD_TIMEOUT_MS = 4 * 60 * 1000;
 
-async function uploadDocumentWithTimeout(fd: FormData): Promise<UploadedDoc> {
-  const controller = new AbortController();
-  const timeoutId = setTimeout(() => controller.abort(), UPLOAD_TIMEOUT_MS);
-  try {
-    return await uploadDocument(fd, { signal: controller.signal });
-  } catch (e: unknown) {
-    const aborted =
-      (typeof DOMException !== 'undefined' && e instanceof DOMException && e.name === 'AbortError') ||
-      (e instanceof Error && e.name === 'AbortError');
-    if (aborted) {
-      throw new Error(
-        'This is taking longer than expected (over 4 minutes). Check your connection and try again with a smaller file.'
-      );
-    }
-    throw e;
-  } finally {
-    clearTimeout(timeoutId);
-  }
-}
+type UploadStatus = "pending" | "uploading" | "processed" | "error" | "aborted";
 
 interface UploadItem {
+  id: string;
   file: File;
-  status: 'uploading' | 'done' | 'error';
-  result: UploadedDoc | null;
-  error: string | null;
-  resultCategory: string;
+  courseId: string;
+  status: UploadStatus;
+  error?: string;
+  docId?: string;
+  category?: string;
+  summary?: string;
+  takeaways?: string[];
+  abort?: AbortController;
 }
 
 interface Props {
   open: boolean;
-  onClose: (uploaded: UploadedDoc[]) => void;
   userId: string;
   courses: EnrolledCourse[];
-  onCoursesChanged: (courses: EnrolledCourse[]) => void;
-  onDocConfirmed?: (doc: UploadedDoc) => void;
-  initialCourseId?: string;
-  title?: string;
-  subtitle?: string;
+  onClose: () => void;
+  onComplete: (uploaded: UploadItem[]) => void;
 }
 
-export default function DocumentUploadModal({
-  open,
-  onClose,
-  userId,
-  courses,
-  onCoursesChanged,
-  onDocConfirmed,
-  initialCourseId,
-  title = 'Upload Documents',
-  subtitle,
-}: Props) {
-  const [uploadStep, setUploadStep] = useState<UploadStep>('pick');
-  const [pickedFiles, setPickedFiles] = useState<File[]>([]);
-  const [fileError, setFileError] = useState('');
-  const [dragging, setDragging] = useState(false);
-  const [selectedCourseId, setSelectedCourseId] = useState(initialCourseId ?? '');
-  const [uploadItems, setUploadItems] = useState<UploadItem[]>([]);
-  const [reviewIndex, setReviewIndex] = useState(0);
-  const [confirmedDocs, setConfirmedDocs] = useState<UploadedDoc[]>([]);
-  const fileInputRef = useRef<HTMLInputElement>(null);
-
-  const [showAddCourse, setShowAddCourse] = useState(false);
-  const [newCourseName, setNewCourseName] = useState('');
-  const [courseAdding, setCourseAdding] = useState(false);
-  const [courseAddError, setCourseAddError] = useState('');
-
-  useEffect(() => {
-    if (open) {
-      setSelectedCourseId(initialCourseId ?? '');
+const CATEGORY_OPTIONS = [
+  { value: "syllabus", label: "Syllabus" },
+  { value: "lecture_notes", label: "Lecture notes" },
+  { value: "slides", label: "Slides" },
+  { value: "reading", label: "Reading" },
+  { value: "assignment", label: "Assignment" },
+  { value: "study_guide", label: "Study guide" },
+  { value: "other", label: "Other" },
+];
+
+export function DocumentUploadModal({ open, userId, courses, onClose, onComplete }: Props) {
+  const toast = useToast();
+  const [mounted, setMounted] = React.useState(false);
+  const [items, setItems] = React.useState<UploadItem[]>([]);
+  const [dragging, setDragging] = React.useState(false);
+  const [courseQuery, setCourseQuery] = React.useState("");
+  const [courseResults, setCourseResults] = React.useState<OnboardingCourse[]>([]);
+  const [addingCourse, setAddingCourse] = React.useState(false);
+
+  React.useEffect(() => setMounted(true), []);
+
+  React.useEffect(() => {
+    if (!open) {
+      setItems([]);
+      setCourseQuery("");
+      setCourseResults([]);
+      return;
     }
-  }, [open, initialCourseId]);
-
-  if (!open) return null;
-
-  const defaultSubtitle = `PDF, DOCX, or PPTX · Up to ${MAX_FILES} files · Max 15 MB each.`;
-
-  function validateAndSetMultiple(files: File[]) {
-    const limited = files.slice(0, MAX_FILES);
-    const valid: File[] = [];
-    const errors: string[] = [];
-
-    if (files.length > MAX_FILES) {
-      errors.push(`Only up to ${MAX_FILES} files at a time. First ${MAX_FILES} selected.`);
+    document.body.style.overflow = "hidden";
+    return () => { document.body.style.overflow = ""; };
+  }, [open]);
+
+  React.useEffect(() => {
+    if (!courseQuery.trim()) { setCourseResults([]); return; }
+    const t = setTimeout(() => {
+      onboardingCoursesSearch(courseQuery).then(r => setCourseResults(r.courses ?? [])).catch(() => setCourseResults([]));
+    }, 200);
+    return () => clearTimeout(t);
+  }, [courseQuery]);
+
+  const activeUploads = items.filter(it => it.status === "uploading").length;
+
+  const handleClose = () => {
+    if (activeUploads > 0) {
+      if (!window.confirm(`${activeUploads} upload${activeUploads === 1 ? "" : "s"} still running. Abort and close?`)) return;
+      items.forEach(it => it.abort?.abort());
     }
-
-    for (const file of limited) {
-      const ext = '.' + file.name.split('.').pop()?.toLowerCase();
-      if (!ALLOWED_EXTS.includes(ext)) {
-        errors.push(`"${file.name}": unsupported type (PDF, DOCX, PPTX only).`);
-        continue;
-      }
-      if (file.size > MAX_BYTES) {
-        errors.push(`"${file.name}" exceeds the 15 MB limit.`);
-        continue;
-      }
-      valid.push(file);
+    onClose();
+  };
+
+  const addFiles = (fileList: File[]) => {
+    const defaultCourseId = courses[0]?.course_id || "";
+    const candidates = fileList
+      .slice(0, MAX_FILES - items.length)
+      .filter(f => {
+        if (!ALLOWED.test(f.name)) {
+          toast.error(`${f.name}: only PDF / DOCX / PPTX are accepted.`);
+          return false;
+        }
+        if (f.size > MAX_SIZE) {
+          toast.error(`${f.name}: exceeds the 15 MB limit.`);
+          return false;
+        }
+        return true;
+      })
+      .map<UploadItem>(f => ({
+        id: `${f.name}-${f.size}-${f.lastModified}-${Math.random().toString(36).slice(2, 6)}`,
+        file: f,
+        courseId: defaultCourseId,
+        status: "pending",
+      }));
+    if (candidates.length === 0) return;
+    setItems(prev => [...prev, ...candidates]);
+  };
+
+  const startUpload = async (item: UploadItem) => {
+    if (!item.courseId) {
+      setItems(prev => prev.map(i => i.id === item.id ? { ...i, status: "error", error: "Pick a course first." } : i));
+      return;
     }
-
-    setFileError(
-      errors.length === 0
-        ? ''
-        : errors.length === 1
-          ? errors[0]
-          : `${errors.slice(0, 2).join(' · ')}${errors.length > 2 ? ` (+${errors.length - 2} more)` : ''}`
-    );
-    setPickedFiles(valid);
-  }
-
-  function handleDrop(e: DragEvent<HTMLDivElement>) {
-    e.preventDefault();
-    setDragging(false);
-    const files = Array.from(e.dataTransfer.files);
-    if (files.length) validateAndSetMultiple(files);
-  }
-
-  async function handleUpload() {
-    if (!pickedFiles.length || !selectedCourseId) return;
-
-    const items: UploadItem[] = pickedFiles.map(f => ({
-      file: f, status: 'uploading', result: null, error: null, resultCategory: 'other',
-    }));
-    setUploadItems(items);
-    setReviewIndex(0);
-    setUploadStep('reviewing');
-
-    pickedFiles.forEach((file, idx) => {
+    const ac = new AbortController();
+    const timeout = setTimeout(() => ac.abort(), UPLOAD_TIMEOUT_MS);
+    setItems(prev => prev.map(i => i.id === item.id ? { ...i, status: "uploading", abort: ac } : i));
+    try {
       const fd = new FormData();
-      fd.append('file', file);
-      fd.append('course_id', selectedCourseId);
-      fd.append('user_id', userId);
-      uploadDocumentWithTimeout(fd)
-        .then(doc => {
-          setUploadItems(prev => prev.map((it, i) =>
-            i === idx ? { ...it, status: 'done', result: doc, resultCategory: doc.category ?? 'other' } : it
-          ));
-        })
-        .catch((e: any) => {
-          setUploadItems(prev => prev.map((it, i) =>
-            i === idx ? { ...it, status: 'error', error: e.message || 'Upload failed.' } : it
-          ));
-        });
-    });
-  }
-
-  async function handleConfirm() {
-    const item = uploadItems[reviewIndex];
-    if (!item?.result) return;
-
-    if (item.resultCategory !== item.result.category) {
-      try {
-        await updateDocument(item.result.id, { category: item.resultCategory, user_id: userId });
-      } catch (e) {
-        console.error('Failed to update category:', e);
-      }
+      fd.append("file", item.file);
+      fd.append("course_id", item.courseId);
+      fd.append("user_id", userId);
+      const resp = await uploadDocument(fd, ac.signal);
+      clearTimeout(timeout);
+      setItems(prev => prev.map(i => i.id === item.id ? {
+        ...i,
+        status: "processed",
+        docId: resp?.id,
+        category: resp?.category || "other",
+        summary: resp?.summary,
+        takeaways: resp?.key_takeaways,
+      } : i));
+    } catch (err: any) {
+      clearTimeout(timeout);
+      const aborted = ac.signal.aborted;
+      setItems(prev => prev.map(i => i.id === item.id ? {
+        ...i,
+        status: aborted ? "aborted" : "error",
+        error: aborted ? "Processing took longer than 4 minutes — try a smaller file." : String(err?.message || err),
+      } : i));
     }
-    const finalDoc = { ...item.result, category: item.resultCategory };
-    setConfirmedDocs(prev => [...prev, finalDoc]);
-    onDocConfirmed?.(finalDoc);
+  };
 
-    if (reviewIndex < uploadItems.length - 1) {
-      setReviewIndex(prev => prev + 1);
-    } else {
-      closeModal([...confirmedDocs, finalDoc]);
-    }
-  }
+  const startAll = () => {
+    items.filter(i => i.status === "pending").forEach(i => { void startUpload(i); });
+  };
 
-  function handleSkip() {
-    if (reviewIndex < uploadItems.length - 1) {
-      setReviewIndex(prev => prev + 1);
-    } else {
-      closeModal(confirmedDocs);
-    }
-  }
-
-  function setItemCategory(idx: number, cat: string) {
-    setUploadItems(prev => prev.map((it, i) => i === idx ? { ...it, resultCategory: cat } : it));
-  }
-
-  async function handleReanalyze() {
-    const item = uploadItems[reviewIndex];
-    if (!item) return;
+  const reanalyze = (item: UploadItem) => {
+    setItems(prev => prev.map(i => i.id === item.id ? { ...i, status: "pending", error: undefined } : i));
+    void startUpload({ ...item, status: "pending" });
+  };
 
-    const prevResult = item.result;
-    setUploadItems(prev => prev.map((it, i) =>
-      i === reviewIndex ? { ...it, status: 'uploading', error: null } : it
-    ));
+  const setItemField = (id: string, updater: (prev: UploadItem) => UploadItem) => {
+    setItems(prev => prev.map(i => i.id === id ? updater(i) : i));
+  };
 
-    const fd = new FormData();
-    fd.append('file', item.file);
-    fd.append('course_id', selectedCourseId);
-    fd.append('user_id', userId);
-
-    try {
-      const doc = await uploadDocumentWithTimeout(fd);
-      if (prevResult && doc.id !== prevResult.id) {
-        await deleteDocument(prevResult.id, userId).catch(() => {});
+  const handleCategoryChange = async (item: UploadItem, next: string) => {
+    setItemField(item.id, prev => ({ ...prev, category: next }));
+    if (item.docId) {
+      try {
+        await updateDocumentCategory(item.docId, userId, next);
+        toast.success("Category updated");
+      } catch (err) {
+        toast.error(`Failed: ${String(err)}`);
       }
-      setUploadItems(prev => prev.map((it, i) =>
-        i === reviewIndex ? { ...it, status: 'done', result: doc, resultCategory: doc.category ?? 'other', error: null } : it
-      ));
-    } catch (e: any) {
-      setUploadItems(prev => prev.map((it, i) =>
-        i === reviewIndex ? { ...it, status: prevResult ? 'done' : 'error', result: prevResult, error: e.message || 'Re-analysis failed.' } : it
-      ));
     }
-  }
-
-  function closeModal(uploaded: UploadedDoc[]) {
-    setUploadStep('pick');
-    setPickedFiles([]);
-    setFileError('');
-    setSelectedCourseId(initialCourseId ?? '');
-    setUploadItems([]);
-    setReviewIndex(0);
-    setConfirmedDocs([]);
-    setShowAddCourse(false);
-    setNewCourseName('');
-    setCourseAddError('');
-    onClose(uploaded);
-  }
+  };
 
-  async function handleAddCourse() {
-    const name = newCourseName.trim();
-    if (!name) return;
-    setCourseAdding(true);
-    setCourseAddError('');
+  const addCourseInline = async (course: OnboardingCourse) => {
+    setAddingCourse(true);
     try {
-      const usedColors = new Set(courses.map(c => c.color).filter(Boolean));
-      const color = PRESET_COURSE_COLORS.find(c => !usedColors.has(c)) ?? PRESET_COURSE_COLORS[0];
-      const res = await addCourse(userId, name, color);
-      if (res.already_existed) {
-        setCourseAddError(`"${name}" already exists.`);
-      } else {
-        const updated = await getCourses(userId);
-        onCoursesChanged(updated.courses);
-        const created = updated.courses.find(c => c.course_id === res.course_id);
-        if (created) setSelectedCourseId(created.course_id);
-        setNewCourseName('');
-        setShowAddCourse(false);
-      }
-    } catch (e: any) {
-      let msg = e.message || 'Failed to add course.';
-      try {
-        const j = JSON.parse(msg);
-        if (j.detail) msg = typeof j.detail === 'string' ? j.detail : JSON.stringify(j.detail);
-      } catch { /* keep msg */ }
-      setCourseAddError(msg);
+      await addCourse(userId, course.id);
+      toast.success(`Added ${course.course_code}`);
+      setCourseQuery("");
+      setCourseResults([]);
+      // Parent refreshes courses via onComplete.
+    } catch (err) {
+      toast.error(`Failed: ${String(err)}`);
     } finally {
-      setCourseAdding(false);
+      setAddingCourse(false);
     }
-  }
+  };
 
-  const hasActiveUploads = uploadItems.some(it => it.status === 'uploading');
+  const allFinished = items.length > 0 && items.every(i => i.status !== "uploading" && i.status !== "pending");
 
-  return (
-    <div
-      style={{ position: 'fixed', inset: 0, background: 'rgba(0,0,0,0.45)', zIndex: 100, display: 'flex', alignItems: 'center', justifyContent: 'center', padding: '20px' }}
-      onClick={e => { if (!hasActiveUploads && e.target === e.currentTarget) closeModal(confirmedDocs); }}
-    >
-      <div style={{ background: '#fff', borderRadius: '12px', padding: '28px', width: '520px', maxWidth: '95vw', maxHeight: '88vh', overflowY: 'auto', position: 'relative', border: '1px solid rgba(107,114,128,0.15)', boxShadow: '0 20px 60px rgba(0,0,0,0.15)', fontFamily: UI_FONT }}>
-
-        {!hasActiveUploads && (
-          <button onClick={() => closeModal(confirmedDocs)} style={{ position: 'absolute', top: '16px', right: '16px', background: 'none', border: 'none', fontSize: '18px', cursor: 'pointer', color: '#6b7280', lineHeight: 1, padding: '4px 6px', borderRadius: '4px' }}>✕</button>
-        )}
+  const done = () => {
+    onComplete(items);
+    onClose();
+  };
 
-        {uploadStep === 'pick' && (
-          <>
-            <h2 style={{ fontSize: '18px', fontWeight: 700, color: '#111827', margin: '0 0 4px' }}>{title}</h2>
-            <p style={{ fontSize: '13px', color: '#6b7280', margin: '0 0 20px' }}>{subtitle ?? defaultSubtitle}</p>
+  if (!open || !mounted) return null;
 
-            <div
-              onDrop={handleDrop}
-              onDragOver={e => { e.preventDefault(); setDragging(true); }}
-              onDragLeave={() => setDragging(false)}
-              onClick={() => fileInputRef.current?.click()}
-              style={{
-                border: `2px dashed ${dragging ? '#1a5c2a' : 'rgba(107,114,128,0.3)'}`,
-                borderRadius: '8px', padding: '28px', textAlign: 'center', cursor: 'pointer',
-                background: dragging ? 'rgba(26,92,42,0.04)' : '#fafafa',
-                transition: 'all 0.15s', marginBottom: '8px',
-              }}
-            >
-              {pickedFiles.length > 0 ? (
-                <>
-                  <p style={{ fontSize: '13px', fontWeight: 600, color: '#111827', margin: '0 0 8px' }}>
-                    {pickedFiles.length} file{pickedFiles.length > 1 ? 's' : ''} selected
-                  </p>
-                  <div style={{ display: 'flex', flexDirection: 'column', gap: '3px', marginBottom: '8px' }}>
-                    {pickedFiles.map((f, i) => (
-                      <p key={i} style={{ fontSize: '12px', color: '#6b7280', margin: 0 }}>{f.name}</p>
-                    ))}
-                  </div>
-                  <p style={{ fontSize: '12px', color: '#9ca3af', margin: 0 }}>Click to replace</p>
-                </>
-              ) : (
-                <>
-                  <p style={{ fontSize: '14px', color: '#6b7280', margin: 0 }}>Drop files here or click to browse</p>
-                  <p style={{ fontSize: '12px', color: '#9ca3af', margin: '6px 0 0' }}>PDF, DOCX, PPTX · Up to {MAX_FILES} files · Max 15 MB each</p>
-                </>
-              )}
+  return createPortal(
+    <div
+      onClick={handleClose}
+      style={{
+        position: "fixed", inset: 0, background: "rgba(19,38,16,0.45)",
+        zIndex: 200, display: "grid", placeItems: "center", padding: 20,
+      }}
+    >
+      <div
+        onClick={e => e.stopPropagation()}
+        className="card slide-up"
+        style={{ width: "min(720px, 100%)", maxHeight: "88vh", overflow: "hidden", padding: 0, display: "flex", flexDirection: "column" }}
+      >
+        <div style={{ display: "flex", justifyContent: "space-between", alignItems: "center", padding: "16px 20px", borderBottom: "1px solid var(--border)" }}>
+          <div>
+            <div className="label-micro">Upload</div>
+            <div className="h-serif" style={{ fontSize: 20 }}>Add course materials</div>
+          </div>
+          <button className="btn btn--ghost btn--sm" onClick={handleClose} aria-label="Close">
+            <Icon name="x" size={14} />
+          </button>
+        </div>
+
+        <div style={{ padding: 20, overflowY: "auto" }}>
+          <div
+            onDragOver={e => { e.preventDefault(); setDragging(true); }}
+            onDragLeave={() => setDragging(false)}
+            onDrop={e => {
+              e.preventDefault();
+              setDragging(false);
+              addFiles(Array.from(e.dataTransfer.files));
+            }}
+            style={{
+              border: `2px dashed ${dragging ? "var(--accent)" : "var(--border-strong)"}`,
+              borderRadius: "var(--r-md)", padding: 28, textAlign: "center",
+              background: dragging ? "var(--accent-soft)" : "var(--bg-subtle)",
+              transition: "all var(--dur-fast) var(--ease)",
+            }}
+          >
+            <div className="h-serif" style={{ fontSize: 17, marginBottom: 6 }}>
+              {dragging ? "Drop to add files" : "Drag & drop up to 5 files"}
             </div>
-            <input
-              ref={fileInputRef}
-              type="file"
-              accept=".pdf,.docx,.pptx"
-              multiple
-              style={{ display: 'none' }}
-              onChange={e => {
-                const files = Array.from(e.target.files || []);
-                if (files.length) validateAndSetMultiple(files);
-                e.target.value = '';
-              }}
-            />
-            {fileError && <p style={{ fontSize: '12px', color: '#b45309', margin: '4px 0 0' }}>{fileError}</p>}
-
-            <div style={{ marginTop: '20px' }}>
-              <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', marginBottom: '6px' }}>
-                <p style={{ fontSize: '11px', fontWeight: 500, color: '#6b7280', textTransform: 'uppercase', letterSpacing: '0.05em', margin: 0 }}>Course</p>
-                <button
-                  onClick={() => setShowAddCourse(v => !v)}
-                  style={{ fontSize: '12px', color: '#1a5c2a', background: 'none', border: 'none', cursor: 'pointer', fontFamily: 'inherit', padding: 0 }}
-                >
-                  + Add course
-                </button>
-              </div>
-              <CustomSelect
-                value={selectedCourseId}
-                onChange={setSelectedCourseId}
-                placeholder="Select a course…"
-                options={courses.map(c => ({ value: c.course_id, label: c.course_name }))}
-                style={{ width: '100%', display: 'block' }}
+            <div style={{ fontSize: 12, color: "var(--text-muted)", marginBottom: 12 }}>
+              PDF, DOCX, PPTX · max 15 MB each
+            </div>
+            <label className="btn btn--primary btn--sm">
+              <Icon name="up" size={12} /> Browse
+              <input
+                type="file"
+                multiple
+                accept=".pdf,.docx,.pptx"
+                hidden
+                onChange={e => {
+                  if (e.target.files) addFiles(Array.from(e.target.files));
+                  e.target.value = "";
+                }}
               />
-
-              {showAddCourse && (
-                <div style={{ marginTop: '10px', padding: '12px', background: '#f8faf8', borderRadius: '7px', border: '1px solid rgba(107,114,128,0.15)' }}>
-                  <div style={{ display: 'flex', gap: '8px' }}>
-                    <input
-                      autoFocus
-                      value={newCourseName}
-                      onChange={e => { setNewCourseName(e.target.value); setCourseAddError(''); }}
-                      onKeyDown={e => { if (e.key === 'Enter') handleAddCourse(); }}
-                      placeholder="Course name…"
-                      style={{ flex: 1, padding: '6px 10px', border: '1px solid rgba(107,114,128,0.25)', borderRadius: '5px', fontSize: '13px', fontFamily: 'inherit', outline: 'none', color: '#111827' }}
-                    />
+            </label>
+          </div>
+
+          {courses.length < 10 && (
+            <div style={{ marginTop: 16 }}>
+              <div className="label-micro" style={{ marginBottom: 6 }}>+ Add a course</div>
+              <input
+                value={courseQuery}
+                onChange={e => setCourseQuery(e.target.value)}
+                placeholder="Search a course to add"
+                style={{
+                  width: "100%", padding: "7px 12px", fontSize: 13,
+                  border: "1px solid var(--border)", borderRadius: "var(--r-sm)",
+                  background: "var(--bg-input)",
+                }}
+              />
+              {courseResults.length > 0 && (
+                <div style={{ marginTop: 6, border: "1px solid var(--border)", borderRadius: "var(--r-sm)", maxHeight: 140, overflowY: "auto" }}>
+                  {courseResults.map(c => (
                     <button
-                      onClick={handleAddCourse}
-                      disabled={courseAdding || !newCourseName.trim()}
-                      style={{ padding: '6px 14px', background: courseAdding || !newCourseName.trim() ? '#f3f4f6' : '#1a5c2a', color: courseAdding || !newCourseName.trim() ? '#9ca3af' : '#fff', border: 'none', borderRadius: '5px', fontSize: '13px', fontWeight: 600, cursor: courseAdding || !newCourseName.trim() ? 'default' : 'pointer', fontFamily: 'inherit', whiteSpace: 'nowrap' }}
+                      key={c.id}
+                      disabled={addingCourse}
+                      onClick={() => addCourseInline(c)}
+                      style={{
+                        width: "100%", padding: "7px 12px", fontSize: 12,
+                        display: "flex", justifyContent: "space-between", alignItems: "center",
+                        borderBottom: "1px solid var(--border)", textAlign: "left",
+                      }}
                     >
-                      {courseAdding ? '…' : 'Add'}
+                      <span><strong>{c.course_code}</strong> · {c.course_name}</span>
+                      <Icon name="plus" size={12} />
                     </button>
-                  </div>
-                  {courseAddError && <p style={{ fontSize: '12px', color: '#b91c1c', margin: '5px 0 0' }}>{courseAddError}</p>}
+                  ))}
                 </div>
               )}
             </div>
-
-            <button
-              onClick={handleUpload}
-              disabled={!pickedFiles.length || !selectedCourseId}
-              style={{
-                marginTop: '20px', width: '100%', padding: '10px',
-                background: (!pickedFiles.length || !selectedCourseId) ? '#f3f4f6' : '#1a5c2a',
-                color: (!pickedFiles.length || !selectedCourseId) ? '#9ca3af' : '#fff',
-                border: 'none', borderRadius: '7px', fontSize: '14px', fontWeight: 600,
-                cursor: (!pickedFiles.length || !selectedCourseId) ? 'default' : 'pointer',
-                fontFamily: 'inherit', transition: 'background 0.15s',
-              }}
-            >
-              Upload {pickedFiles.length > 1 ? `${pickedFiles.length} Files` : 'File'}
-            </button>
-          </>
-        )}
-
-        {uploadStep === 'reviewing' && (() => {
-          const item = uploadItems[reviewIndex];
-          const isLast = reviewIndex === uploadItems.length - 1;
-          if (!item) return null;
-
-          return (
-            <>
-              <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', marginBottom: '20px' }}>
-                <div>
-                  <h2 style={{ fontSize: '18px', fontWeight: 700, color: '#111827', margin: '0 0 2px' }}>Review</h2>
-                  <p style={{ fontSize: '13px', color: '#6b7280', margin: 0 }}>
-                    {reviewIndex + 1} of {uploadItems.length}
-                  </p>
-                </div>
-                {uploadItems.length > 1 && (
-                  <div style={{ display: 'flex', gap: '6px', alignItems: 'center' }}>
-                    {uploadItems.map((it, i) => (
-                      <div key={i} style={{
-                        width: i === reviewIndex ? '20px' : '7px',
-                        height: '7px',
-                        borderRadius: '4px',
-                        background: i < reviewIndex
-                          ? '#1a5c2a'
-                          : i === reviewIndex
-                            ? '#1a5c2a'
-                            : 'rgba(107,114,128,0.25)',
-                        transition: 'all 0.2s',
-                        opacity: it.status === 'error' ? 0.4 : 1,
-                      }} />
-                    ))}
-                  </div>
-                )}
-              </div>
-
-              {item.status === 'uploading' && (
-                <div style={{ textAlign: 'center', padding: '40px 0' }}>
-                  <div className="sapling-upload-spinner" role="status" aria-live="polite" aria-label="Analyzing document" />
-                  <p style={{ fontSize: '15px', fontWeight: 600, color: '#111827', margin: '0' }}>Analyzing…</p>
-                  <p style={{ fontSize: '13px', color: '#9ca3af', margin: '6px 0 0', wordBreak: 'break-word' }}>{item.file.name}</p>
-                  <p style={{ fontSize: '12px', color: '#9ca3af', margin: '4px 0 0' }}>Large files can take one to several minutes.</p>
-                </div>
-              )}
-
-              {item.status === 'error' && (
-                <>
-                  <div style={{ background: 'rgba(220,38,38,0.06)', border: '1px solid rgba(220,38,38,0.2)', borderRadius: '7px', padding: '14px 16px', marginBottom: '20px' }}>
-                    <p style={{ fontSize: '13px', fontWeight: 600, color: '#b91c1c', margin: '0 0 4px', wordBreak: 'break-word' }}>{item.file.name}</p>
-                    <p style={{ fontSize: '13px', color: '#b91c1c', margin: 0 }}>{item.error}</p>
+          )}
+
+          <div style={{ marginTop: 20 }}>
+            {items.length === 0 && (
+              <div style={{ fontSize: 12, color: "var(--text-muted)" }}>Files you add will appear here.</div>
+            )}
+            {items.map(item => (
+              <div
+                key={item.id}
+                className="card"
+                style={{ padding: 14, marginBottom: 10, display: "flex", flexDirection: "column", gap: 10 }}
+              >
+                <div style={{ display: "flex", alignItems: "center", gap: 10 }}>
+                  <div style={{
+                    width: 28, height: 36, borderRadius: "var(--r-xs)",
+                    background: "var(--accent-soft)", color: "var(--accent)",
+                    display: "flex", alignItems: "center", justifyContent: "center",
+                  }}>
+                    <Icon name="doc" size={14} />
                   </div>
-                  <div style={{ display: 'flex', gap: '8px' }}>
-                    <button
-                      onClick={handleReanalyze}
-                      style={{ flex: 1, padding: '10px', background: '#fff', color: '#374151', border: '1px solid rgba(107,114,128,0.25)', borderRadius: '7px', fontSize: '13px', fontWeight: 500, cursor: 'pointer', fontFamily: 'inherit' }}
-                    >
-                      Retry
-                    </button>
-                    <button
-                      onClick={handleSkip}
-                      style={{ flex: 2, padding: '10px', background: '#f3f4f6', color: '#6b7280', border: 'none', borderRadius: '7px', fontSize: '13px', fontWeight: 600, cursor: 'pointer', fontFamily: 'inherit' }}
-                    >
-                      {isLast ? 'Close' : 'Skip'}
-                    </button>
-                  </div>
-                </>
-              )}
-
-              {item.status === 'done' && item.result && (
-                <>
-                  {item.result.category === 'syllabus' && (
-                    <div style={{ background: 'rgba(26,92,42,0.07)', border: '1px solid rgba(26,92,42,0.2)', borderRadius: '7px', padding: '10px 14px', marginBottom: '16px', fontSize: '13px', color: '#1a5c2a', fontWeight: 500 }}>
-                      Assignments have been added to your calendar.
+                  <div style={{ flex: 1, minWidth: 0 }}>
+                    <div style={{ fontSize: 13, fontWeight: 500, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }}>
+                      {item.file.name}
                     </div>
-                  )}
-
-                  <div style={{ ...GLASS, padding: '16px', marginBottom: '20px', display: 'flex', flexDirection: 'column', gap: '12px' }}>
-                    <p style={{ fontSize: '14px', fontWeight: 600, color: '#111827', margin: 0, wordBreak: 'break-word' }}>{item.result.file_name}</p>
-
-                    <div>
-                      <p style={{ fontSize: '11px', fontWeight: 500, color: '#9ca3af', textTransform: 'uppercase', letterSpacing: '0.05em', margin: '0 0 5px' }}>Category</p>
-                      <CustomSelect
-                        value={item.resultCategory}
-                        onChange={cat => setItemCategory(reviewIndex, cat)}
-                        options={UPLOAD_CATEGORIES.map(cat => ({ value: cat, label: CATEGORY_LABELS[cat] }))}
-                        style={{ width: '100%', display: 'block' }}
-                      />
+                    <div style={{ fontSize: 11, color: "var(--text-muted)" }}>
+                      {(item.file.size / 1024 / 1024).toFixed(1)} MB · {item.file.name.split(".").pop()?.toUpperCase()}
                     </div>
-
-                    {item.result.summary && (
-                      <div>
-                        <p style={{ fontSize: '11px', fontWeight: 500, color: '#9ca3af', textTransform: 'uppercase', letterSpacing: '0.05em', margin: '0 0 5px' }}>Summary</p>
-                        <p style={{ fontSize: '13px', color: '#374151', margin: 0, lineHeight: 1.6 }}>{item.result.summary}</p>
-                      </div>
-                    )}
-
-                    {item.result.key_takeaways && item.result.key_takeaways.length > 0 && (
-                      <div>
-                        <p style={{ fontSize: '11px', fontWeight: 500, color: '#9ca3af', textTransform: 'uppercase', letterSpacing: '0.05em', margin: '0 0 5px' }}>Key Takeaways</p>
-                        <ul style={{ margin: 0, paddingLeft: '18px', display: 'flex', flexDirection: 'column', gap: '4px' }}>
-                          {item.result.key_takeaways.map((t, i) => (
-                            <li key={i} style={{ fontSize: '13px', color: '#374151', lineHeight: 1.5 }}>{t}</li>
-                          ))}
-                        </ul>
-                      </div>
-                    )}
                   </div>
-
-                  {item.error && <p style={{ fontSize: '12px', color: '#b91c1c', margin: '0 0 12px' }}>{item.error}</p>}
-
-                  <div style={{ display: 'flex', gap: '8px' }}>
-                    <button
-                      onClick={handleReanalyze}
-                      style={{ flex: 1, padding: '10px', background: '#fff', color: '#374151', border: '1px solid rgba(107,114,128,0.25)', borderRadius: '7px', fontSize: '13px', fontWeight: 500, cursor: 'pointer', fontFamily: 'inherit' }}
-                    >
-                      Re-analyze
-                    </button>
-                    <button
-                      onClick={handleConfirm}
-                      style={{ flex: 2, padding: '10px', background: '#1a5c2a', color: '#fff', border: 'none', borderRadius: '7px', fontSize: '14px', fontWeight: 600, cursor: 'pointer', fontFamily: 'inherit' }}
-                    >
-                      {isLast ? 'Save' : 'Confirm & Next →'}
-                    </button>
+                  <StatusBadge status={item.status} />
+                  <button
+                    className="btn btn--ghost btn--sm"
+                    disabled={item.status === "uploading"}
+                    onClick={() => {
+                      if (item.status === "uploading") item.abort?.abort();
+                      setItems(prev => prev.filter(i => i.id !== item.id));
+                    }}
+                  >
+                    <Icon name="x" size={12} />
+                  </button>
+                </div>
+                <div style={{ display: "flex", gap: 8, alignItems: "center", flexWrap: "wrap" }}>
+                  <span style={{ fontSize: 11, color: "var(--text-muted)" }}>Course:</span>
+                  <CustomSelect
+                    size="sm"
+                    value={item.courseId || ""}
+                    onChange={(v) => setItemField(item.id, p => ({ ...p, courseId: v }))}
+                    placeholder="Pick a course"
+                    ariaLabel="Course"
+                    options={courses.map(c => ({ value: c.course_id, label: c.course_code || c.course_name }))}
+                  />
+                  {item.status === "processed" && (
+                    <>
+                      <span style={{ fontSize: 11, color: "var(--text-muted)" }}>Category:</span>
+                      <CustomSelect
+                        size="sm"
+                        value={item.category || "other"}
+                        onChange={(v) => handleCategoryChange(item, v)}
+                        options={CATEGORY_OPTIONS}
+                        ariaLabel="Category"
+                      />
+                      <button className="btn btn--ghost btn--sm" onClick={() => reanalyze(item)}>
+                        <Icon name="sparkle" size={12} /> Re-analyze
+                      </button>
+                    </>
+                  )}
+                </div>
+                {item.summary && (
+                  <div style={{ fontSize: 12, color: "var(--text-dim)", lineHeight: 1.5 }}>{item.summary}</div>
+                )}
+                {item.takeaways && item.takeaways.length > 0 && (
+                  <div style={{ display: "flex", flexWrap: "wrap", gap: 4 }}>
+                    {item.takeaways.slice(0, 4).map(t => (
+                      <span key={t} className="chip chip--accent">{t}</span>
+                    ))}
                   </div>
-                </>
-              )}
-            </>
-          );
-        })()}
+                )}
+                {item.error && (
+                  <div style={{ fontSize: 11, color: "var(--err)" }}>{item.error}</div>
+                )}
+              </div>
+            ))}
+          </div>
+        </div>
+
+        <div style={{ display: "flex", justifyContent: "space-between", alignItems: "center", padding: "12px 20px", borderTop: "1px solid var(--border)" }}>
+          <div style={{ fontSize: 12, color: "var(--text-muted)" }}>
+            {items.length} file{items.length === 1 ? "" : "s"} queued
+            {activeUploads > 0 && ` · ${activeUploads} uploading`}
+          </div>
+          <div style={{ display: "flex", gap: 8 }}>
+            <button className="btn btn--ghost btn--sm" onClick={handleClose}>Cancel</button>
+            {allFinished ? (
+              <button className="btn btn--sm btn--primary" onClick={done}>Done</button>
+            ) : (
+              <button
+                className="btn btn--sm btn--primary"
+                disabled={items.length === 0 || items.every(i => i.status !== "pending")}
+                onClick={startAll}
+              >
+                <Icon name="up" size={12} /> Start upload
+              </button>
+            )}
+          </div>
+        </div>
       </div>
-    </div>
+    </div>,
+    document.body,
   );
 }
+
+function StatusBadge({ status }: { status: UploadStatus }) {
+  const meta = statusMeta(status);
+  return (
+    <span className={`chip ${meta.cls}`} style={{ fontSize: 10 }}>
+      {meta.label}
+    </span>
+  );
+}
+
+function statusMeta(s: UploadStatus): { label: string; cls: string } {
+  switch (s) {
+    case "pending": return { label: "queued", cls: "" };
+    case "uploading": return { label: "processing…", cls: "chip--info" };
+    case "processed": return { label: "done", cls: "chip--accent" };
+    case "aborted": return { label: "aborted", cls: "chip--warn" };
+    case "error": return { label: "error", cls: "chip--err" };
+  }
+}
diff --git a/frontend/src/components/ErrorBoundary.tsx b/frontend/src/components/ErrorBoundary.tsx
index 37760090..b6c9ba3a 100644
--- a/frontend/src/components/ErrorBoundary.tsx
+++ b/frontend/src/components/ErrorBoundary.tsx
@@ -1,65 +1,70 @@
-'use client';
+"use client";
 
-import React, { Component, type ReactNode } from 'react';
+import React from "react";
 
-interface Props {
-  children: ReactNode;
-  fallback?: ReactNode;
+interface ErrorBoundaryProps {
+  children: React.ReactNode;
+  fallback?: (error: Error, reset: () => void) => React.ReactNode;
 }
 
-interface State {
-  hasError: boolean;
+interface ErrorBoundaryState {
   error: Error | null;
 }
 
-export default class ErrorBoundary extends Component<Props, State> {
-  constructor(props: Props) {
-    super(props);
-    this.state = { hasError: false, error: null };
+export class ErrorBoundary extends React.Component<ErrorBoundaryProps, ErrorBoundaryState> {
+  state: ErrorBoundaryState = { error: null };
+
+  static getDerivedStateFromError(error: Error): ErrorBoundaryState {
+    return { error };
   }
 
-  static getDerivedStateFromError(error: Error): State {
-    return { hasError: true, error };
+  componentDidCatch(error: Error, info: React.ErrorInfo) {
+    if (process.env.NODE_ENV !== "production") {
+      console.error("[ErrorBoundary]", error, info);
+    }
   }
 
+  reset = () => this.setState({ error: null });
+
   render() {
-    if (this.state.hasError) {
-      if (this.props.fallback) return this.props.fallback;
-      return (
-        <div style={{
-          display: 'flex',
-          flexDirection: 'column',
-          alignItems: 'center',
-          justifyContent: 'center',
-          padding: '48px 24px',
-          textAlign: 'center',
-          minHeight: '300px',
-          fontFamily: "var(--font-dm-sans), 'DM Sans', sans-serif",
-        }}>
-          <p style={{ fontSize: '15px', fontWeight: 600, color: '#111827', marginBottom: '8px' }}>
-            Something went wrong
-          </p>
-          <p style={{ fontSize: '13px', color: '#6b7280', marginBottom: '20px', maxWidth: '400px', lineHeight: 1.6 }}>
-            {this.state.error?.message || 'An unexpected error occurred.'}
-          </p>
-          <button
-            onClick={() => this.setState({ hasError: false, error: null })}
-            style={{
-              padding: '8px 20px',
-              background: 'rgba(26,92,42,0.08)',
-              color: '#1a5c2a',
-              border: '1px solid rgba(26,92,42,0.3)',
-              borderRadius: '7px',
-              fontSize: '13px',
-              fontWeight: 600,
-              cursor: 'pointer',
-            }}
-          >
-            Try Again
-          </button>
-        </div>
-      );
+    if (this.state.error) {
+      if (this.props.fallback) return this.props.fallback(this.state.error, this.reset);
+      return <ErrorFallback error={this.state.error} reset={this.reset} />;
     }
     return this.props.children;
   }
 }
+
+export function ErrorFallback({ error, reset }: { error: Error; reset: () => void }) {
+  return (
+    <div
+      style={{
+        minHeight: "100vh",
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        padding: "var(--pad-xl)",
+        background: "var(--bg)",
+      }}
+    >
+      <div
+        className="card"
+        style={{
+          maxWidth: 440,
+          width: "100%",
+          padding: "var(--pad-xl)",
+          textAlign: "center",
+        }}
+      >
+        <div className="label-micro" style={{ marginBottom: 8 }}>Something went wrong</div>
+        <div className="h-serif" style={{ fontSize: 24, marginBottom: 10 }}>An unexpected error occurred</div>
+        <div style={{ fontSize: 13, color: "var(--text-dim)", marginBottom: 20, wordBreak: "break-word" }}>
+          {error.message || "Unknown error"}
+        </div>
+        <button className="btn btn--primary" onClick={reset} style={{ justifyContent: "center", width: "100%" }}>
+          Try again
+        </button>
+      </div>
+    </div>
+  );
+}
diff --git a/frontend/src/components/FeedbackFlow.tsx b/frontend/src/components/FeedbackFlow.tsx
index 97c00dcd..82fcaf12 100644
--- a/frontend/src/components/FeedbackFlow.tsx
+++ b/frontend/src/components/FeedbackFlow.tsx
@@ -1,333 +1,210 @@
-'use client';
-
-import { useState, useEffect } from 'react';
-import { useSearchParams } from 'next/navigation';
-import { useUser } from '@/context/UserContext';
-import { submitFeedback } from '@/lib/api';
-
-const STORAGE_KEY = 'sapling_feedback_last_shown';
-const COOLDOWN_DAYS = 3;
-const TRIGGER_DELAY_MS = 45_000; // 45s after page load
-
-const IMPROVEMENT_OPTIONS = [
-  'AI explanations could be clearer',
-  'Navigation is confusing',
-  'Missing features I need',
-  'Knowledge graph is hard to read',
-  'Quiz difficulty feels off',
-  'Performance / loading is slow',
-  'Something else',
+"use client";
+
+import React, { useCallback, useEffect, useState } from "react";
+import { useSearchParams } from "next/navigation";
+import { submitFeedback } from "@/lib/api";
+import { useUser } from "@/context/UserContext";
+import { useBodyScrollLock } from "@/lib/useBodyScrollLock";
+import { useToast } from "./ToastProvider";
+
+const DELAY_MS = 45_000;
+const COOLDOWN_MS = 3 * 24 * 60 * 60 * 1000;
+const STORAGE_KEY = "sapling_last_feedback";
+const RATINGS: { value: number; emoji: string; label: string }[] = [
+  { value: 1, emoji: "😞", label: "Struggling" },
+  { value: 2, emoji: "😐", label: "Meh" },
+  { value: 3, emoji: "🙂", label: "Okay" },
+  { value: 4, emoji: "😊", label: "Good" },
+  { value: 5, emoji: "🤩", label: "Great" },
 ];
-
-const EMOJIS = [
-  { emoji: '😞', label: 'Frustrated' },
-  { emoji: '😕', label: 'Unhappy' },
-  { emoji: '😐', label: 'Neutral' },
-  { emoji: '🙂', label: 'Good' },
-  { emoji: '😊', label: 'Loving it' },
+const OPTIONS = [
+  "Easy to use",
+  "AI feels smart",
+  "Helped me study",
+  "Love the design",
+  "Found a bug",
+  "Missing a feature",
+  "Confusing",
+  "Too slow",
 ];
 
-export default function FeedbackFlow() {
-  const searchParams = useSearchParams();
-  const testMode = searchParams.get('testFeedback') === 'global';
-  const { userId } = useUser();
-  const [visible, setVisible] = useState(false);
-  const [step, setStep] = useState(1);
-  const [rating, setRating] = useState<number | null>(null);
-  const [hovered, setHovered] = useState<number | null>(null);
-  const [checked, setChecked] = useState<Set<string>>(new Set());
-  const [comment, setComment] = useState('');
-  const [submitted, setSubmitted] = useState(false);
-  const [closing, setClosing] = useState(false);
+interface FeedbackFlowProps {
+  /** Passive mode: auto-opens after 45s + cooldown. */
+  passive?: boolean;
+  /** Manual mode: caller controls open state. */
+  open?: boolean;
+  onClose?: () => void;
+}
 
-  useEffect(() => {
-    if (testMode) {
-      queueMicrotask(() => setVisible(true));
-      return;
-    }
-    const last = localStorage.getItem(STORAGE_KEY);
-    if (last) {
-      const daysSince = (Date.now() - Number(last)) / (1000 * 60 * 60 * 24);
-      if (daysSince < COOLDOWN_DAYS) return;
-    }
-    const timer = setTimeout(() => setVisible(true), TRIGGER_DELAY_MS);
-    return () => clearTimeout(timer);
-  }, [testMode]);
+export function FeedbackFlow({ passive = true, open: openProp, onClose }: FeedbackFlowProps) {
+  const { userId, isAuthenticated } = useUser();
+  const toast = useToast();
+  const searchParams = useSearchParams();
+  const testOverride = searchParams.get("testFeedback") === "global";
 
-  function dismiss() {
-    setClosing(true);
-    setTimeout(() => {
-      setVisible(false);
-      setClosing(false);
-      localStorage.setItem(STORAGE_KEY, String(Date.now()));
-    }, 280);
-  }
+  const [open, setOpen] = useState<boolean>(openProp ?? false);
+  const [rating, setRating] = useState<number | null>(null);
+  const [selected, setSelected] = useState<string[]>([]);
+  const [comment, setComment] = useState("");
+  const [submitting, setSubmitting] = useState(false);
 
-  function handleEmojiSelect(index: number) {
-    setRating(index);
-    setTimeout(() => setStep(2), 320);
-  }
+  useBodyScrollLock(open);
 
-  function toggleOption(option: string) {
-    setChecked(prev => {
-      const next = new Set(prev);
-      if (next.has(option)) next.delete(option);
-      else next.add(option);
-      return next;
-    });
-  }
+  useEffect(() => {
+    if (!passive) return;
+    if (!isAuthenticated) return;
+    let cancelled = false;
+    const last = Number(localStorage.getItem(STORAGE_KEY) ?? "0");
+    const now = Date.now();
+    const cooledDown = testOverride || !last || now - last > COOLDOWN_MS;
+    if (!cooledDown) return;
+    const t = setTimeout(() => { if (!cancelled) setOpen(true); }, DELAY_MS);
+    return () => { cancelled = true; clearTimeout(t); };
+  }, [passive, isAuthenticated, testOverride]);
 
-  function handleSubmit() {
-    setSubmitted(true);
-    localStorage.setItem(STORAGE_KEY, String(Date.now()));
-    submitFeedback({
-      user_id: userId,
-      type: 'global',
-      rating: rating!,
-      selected_options: Array.from(checked),
-      comment: comment || undefined,
-    }).catch(() => {});
-    setTimeout(() => dismiss(), 1800);
-  }
+  useEffect(() => {
+    if (openProp !== undefined) setOpen(openProp);
+  }, [openProp]);
+
+  const close = useCallback((recordCooldown: boolean) => {
+    setOpen(false);
+    setRating(null);
+    setSelected([]);
+    setComment("");
+    if (recordCooldown) localStorage.setItem(STORAGE_KEY, String(Date.now()));
+    onClose?.();
+  }, [onClose]);
+
+  const toggleOption = (o: string) => {
+    setSelected(prev => prev.includes(o) ? prev.filter(x => x !== o) : [...prev, o]);
+  };
+
+  const submit = async () => {
+    if (!userId || rating === null) return;
+    setSubmitting(true);
+    try {
+      await submitFeedback({
+        user_id: userId,
+        type: "global",
+        rating,
+        selected_options: selected,
+        comment: comment.trim() || undefined,
+      });
+      toast.success("Thanks for the feedback!");
+      close(true);
+    } catch (err) {
+      toast.error(err instanceof Error ? err.message : "Failed to submit.");
+    } finally {
+      setSubmitting(false);
+    }
+  };
 
-  if (!visible) return null;
+  if (!open) return null;
 
   return (
     <div
       style={{
-        position: 'fixed',
-        bottom: '28px',
-        right: '28px',
-        zIndex: 9999,
-        width: '360px',
-        background: 'var(--bg-panel)',
-        border: '1px solid var(--border-mid)',
-        borderRadius: 'var(--radius-lg)',
-        boxShadow: '0 16px 48px rgba(15,23,42,0.14), 0 4px 12px rgba(15,23,42,0.08)',
-        animation: closing
-          ? 'feedbackSlideDown 280ms var(--ease-in-out) forwards'
-          : 'feedbackSlideUp 350ms var(--ease-out) forwards',
-        overflow: 'hidden',
+        position: "fixed",
+        inset: 0,
+        background: "rgba(0,0,0,0.4)",
+        zIndex: 200,
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
       }}
+      onClick={() => !submitting && close(true)}
     >
-      {/* Progress bar */}
-      <div style={{ height: '3px', background: 'var(--bg-subtle)' }}>
-        <div
-          style={{
-            height: '100%',
-            background: 'var(--accent)',
-            width: submitted ? '100%' : step === 1 ? '33%' : step === 2 ? '66%' : '100%',
-            transition: 'width 400ms var(--ease-out)',
-          }}
-        />
-      </div>
-
-      <div style={{ padding: '20px 20px 20px' }}>
-        {/* Header row */}
-        <div style={{ display: 'flex', alignItems: 'flex-start', justifyContent: 'space-between', marginBottom: '16px' }}>
-          <div>
-            <p style={{ fontSize: '11px', color: 'var(--accent)', fontWeight: 600, letterSpacing: '0.06em', textTransform: 'uppercase', marginBottom: '4px' }}>
-              Quick Feedback
-            </p>
-            <h3 style={{ fontSize: '15px', fontWeight: 600, color: 'var(--text)', lineHeight: 1.3 }}>
-              {submitted
-                ? 'Thanks for the feedback!'
-                : step === 1
-                ? 'How do you feel about Sapling?'
-                : step === 2
-                ? 'What could be better?'
-                : <>Anything else to add?<br /><span style={{ color: 'var(--text)' }}>We will listen to YOU!</span></>}
-            </h3>
-          </div>
-          {!submitted && (
-            <button
-              onClick={dismiss}
-              style={{
-                background: 'none',
-                border: 'none',
-                cursor: 'pointer',
-                color: 'var(--text-dim)',
-                fontSize: '18px',
-                lineHeight: 1,
-                padding: '2px 4px',
-                borderRadius: 'var(--radius-sm)',
-                transition: 'color var(--dur-fast)',
-                flexShrink: 0,
-                marginLeft: '12px',
-              }}
-              onMouseEnter={e => (e.currentTarget.style.color = 'var(--text)')}
-              onMouseLeave={e => (e.currentTarget.style.color = 'var(--text-dim)')}
-            >
-              ×
-            </button>
-          )}
+      <div
+        onClick={e => e.stopPropagation()}
+        style={{
+          width: 440,
+          maxWidth: "calc(100vw - 32px)",
+          background: "var(--bg-panel)",
+          borderRadius: "var(--r-lg)",
+          padding: 28,
+          boxShadow: "var(--shadow-lg)",
+        }}
+      >
+        <div style={{ display: "flex", justifyContent: "space-between", alignItems: "center", marginBottom: 12 }}>
+          <div className="h-serif" style={{ fontSize: 22 }}>How&apos;s Sapling so far?</div>
+          <button className="btn btn--ghost btn--sm" onClick={() => close(true)} aria-label="Close">×</button>
+        </div>
+        <div style={{ fontSize: 13, color: "var(--text-dim)", marginBottom: 16 }}>
+          Takes 10 seconds. No wrong answers.
         </div>
 
-        {/* ── Step 1: Emoji rating ── */}
-        {!submitted && step === 1 && (
-          <div style={{ display: 'flex', justifyContent: 'space-between', gap: '6px' }}>
-            {EMOJIS.map((e, i) => (
+        <div style={{ display: "flex", justifyContent: "space-between", gap: 6, marginBottom: 20 }}>
+          {RATINGS.map(r => {
+            const selectedRating = rating === r.value;
+            return (
               <button
-                key={i}
-                onClick={() => handleEmojiSelect(i)}
-                onMouseEnter={() => setHovered(i)}
-                onMouseLeave={() => setHovered(null)}
-                title={e.label}
+                key={r.value}
+                onClick={() => setRating(r.value)}
+                aria-label={r.label}
                 style={{
                   flex: 1,
-                  display: 'flex',
-                  flexDirection: 'column',
-                  alignItems: 'center',
-                  gap: '5px',
-                  background: rating === i ? 'var(--accent-dim)' : hovered === i ? 'var(--bg-subtle)' : 'transparent',
-                  border: rating === i ? '1px solid var(--accent-border)' : '1px solid transparent',
-                  borderRadius: 'var(--radius-md)',
-                  padding: '8px 4px',
-                  cursor: 'pointer',
-                  transition: 'all var(--dur-fast)',
-                  transform: hovered === i ? 'translateY(-2px)' : 'none',
+                  padding: "12px 4px",
+                  fontSize: 24,
+                  borderRadius: "var(--r-md)",
+                  border: `1.5px solid ${selectedRating ? "var(--accent)" : "var(--border)"}`,
+                  background: selectedRating ? "var(--accent-soft)" : "var(--bg-panel)",
+                  transition: "all var(--dur-fast) var(--ease)",
                 }}
               >
-                <span style={{ fontSize: '26px', lineHeight: 1 }}>{e.emoji}</span>
-                <span style={{ fontSize: '10px', color: 'var(--text-dim)', whiteSpace: 'nowrap' }}>{e.label}</span>
+                {r.emoji}
               </button>
-            ))}
-          </div>
-        )}
+            );
+          })}
+        </div>
 
-        {/* ── Step 2: Improvement checklist ── */}
-        {!submitted && step === 2 && (
-          <>
-            <div style={{ display: 'flex', flexDirection: 'column', gap: '6px', marginBottom: '16px' }}>
-              {IMPROVEMENT_OPTIONS.map(opt => {
-                const selected = checked.has(opt);
-                return (
-                  <button
-                    key={opt}
-                    onClick={() => toggleOption(opt)}
-                    style={{
-                      display: 'flex',
-                      alignItems: 'center',
-                      gap: '10px',
-                      background: selected ? 'var(--accent-dim)' : 'var(--bg-subtle)',
-                      border: `1px solid ${selected ? 'var(--accent-border)' : 'var(--border-light)'}`,
-                      borderRadius: 'var(--radius-sm)',
-                      padding: '8px 12px',
-                      cursor: 'pointer',
-                      textAlign: 'left',
-                      transition: 'all var(--dur-fast)',
-                    }}
-                  >
-                    <span
-                      style={{
-                        width: '16px',
-                        height: '16px',
-                        borderRadius: '4px',
-                        border: `1.5px solid ${selected ? 'var(--accent)' : 'var(--border-mid)'}`,
-                        background: selected ? 'var(--accent)' : 'transparent',
-                        flexShrink: 0,
-                        display: 'flex',
-                        alignItems: 'center',
-                        justifyContent: 'center',
-                        transition: 'all var(--dur-fast)',
-                      }}
-                    >
-                      {selected && (
-                        <svg width="10" height="8" viewBox="0 0 10 8" fill="none">
-                          <path d="M1 4L3.5 6.5L9 1" stroke="white" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"/>
-                        </svg>
-                      )}
-                    </span>
-                    <span style={{ fontSize: '13px', color: 'var(--text-secondary)' }}>{opt}</span>
-                  </button>
-                );
-              })}
-            </div>
-            <div style={{ display: 'flex', gap: '8px' }}>
-              <button
-                onClick={dismiss}
-                className="btn-ghost"
-                style={{ flex: 1, fontSize: '13px', padding: '8px' }}
-              >
-                Skip
-              </button>
+        <div className="label-micro" style={{ marginBottom: 6 }}>What stood out?</div>
+        <div style={{ display: "flex", flexWrap: "wrap", gap: 6, marginBottom: 14 }}>
+          {OPTIONS.map(o => {
+            const isSel = selected.includes(o);
+            return (
               <button
-                onClick={() => setStep(3)}
-                className="btn-accent"
-                style={{ flex: 2, fontSize: '13px', padding: '8px' }}
+                key={o}
+                onClick={() => toggleOption(o)}
+                style={{
+                  padding: "5px 11px",
+                  fontSize: 12,
+                  borderRadius: "var(--r-full)",
+                  background: isSel ? "var(--accent-soft)" : "transparent",
+                  color: isSel ? "var(--accent)" : "var(--text-dim)",
+                  border: `1px solid ${isSel ? "var(--accent-border)" : "var(--border)"}`,
+                }}
               >
-                Next →
+                {o}
               </button>
-            </div>
-          </>
-        )}
+            );
+          })}
+        </div>
 
-        {/* ── Step 3: Text input ── */}
-        {!submitted && step === 3 && (
-          <>
-            <textarea
-              value={comment}
-              onChange={e => setComment(e.target.value)}
-              placeholder="Tell us more... (optional)"
-              rows={4}
-              style={{
-                width: '100%',
-                background: 'var(--bg-input)',
-                border: '1px solid var(--border)',
-                borderRadius: 'var(--radius-md)',
-                padding: '10px 12px',
-                fontSize: '13px',
-                color: 'var(--text)',
-                resize: 'none',
-                outline: 'none',
-                fontFamily: 'inherit',
-                lineHeight: 1.5,
-                marginBottom: '12px',
-                transition: 'border-color var(--dur-fast)',
-              }}
-              onFocus={e => (e.currentTarget.style.borderColor = 'var(--accent-border)')}
-              onBlur={e => (e.currentTarget.style.borderColor = 'var(--border)')}
-            />
-            <div style={{ display: 'flex', gap: '8px' }}>
-              <button
-                onClick={() => setStep(2)}
-                className="btn-ghost"
-                style={{ flex: 1, fontSize: '13px', padding: '8px' }}
-              >
-                ← Back
-              </button>
-              <button
-                onClick={handleSubmit}
-                className="btn-accent"
-                style={{ flex: 2, fontSize: '13px', padding: '8px' }}
-              >
-                Submit
-              </button>
-            </div>
-          </>
-        )}
+        <div className="label-micro" style={{ marginBottom: 6 }}>Anything else? (optional)</div>
+        <textarea
+          value={comment}
+          onChange={e => setComment(e.target.value)}
+          placeholder="Share a thought…"
+          rows={3}
+          style={{
+            width: "100%",
+            padding: "10px 14px",
+            fontSize: 13,
+            border: "1px solid var(--border)",
+            borderRadius: "var(--r-sm)",
+            background: "var(--bg-input)",
+            fontFamily: "inherit",
+            resize: "vertical",
+          }}
+        />
 
-        {/* ── Submitted state ── */}
-        {submitted && (
-          <div style={{ textAlign: 'center', padding: '8px 0 4px' }}>
-            <span style={{ fontSize: '32px' }}>🌱</span>
-            <p style={{ fontSize: '13px', color: 'var(--text-muted)', marginTop: '8px' }}>
-              Your feedback helps us grow.
-            </p>
-          </div>
-        )}
+        <div style={{ display: "flex", gap: 8, justifyContent: "flex-end", marginTop: 16 }}>
+          <button className="btn" onClick={() => close(true)} disabled={submitting}>Not now</button>
+          <button className="btn btn--primary" onClick={submit} disabled={rating === null || submitting}>
+            {submitting ? "Sending…" : "Submit"}
+          </button>
+        </div>
       </div>
-
-      <style>{`
-        @keyframes feedbackSlideUp {
-          from { opacity: 0; transform: translateY(16px); }
-          to   { opacity: 1; transform: translateY(0); }
-        }
-        @keyframes feedbackSlideDown {
-          from { opacity: 1; transform: translateY(0); }
-          to   { opacity: 0; transform: translateY(12px); }
-        }
-      `}</style>
     </div>
   );
 }
diff --git a/frontend/src/components/FloatingActions.tsx b/frontend/src/components/FloatingActions.tsx
new file mode 100644
index 00000000..7ff9e8ba
--- /dev/null
+++ b/frontend/src/components/FloatingActions.tsx
@@ -0,0 +1,22 @@
+"use client";
+import React from "react";
+import { Icon } from "./Icon";
+import { ReportIssueFlow } from "./ReportIssueFlow";
+
+export function FloatingActions() {
+  const [reportOpen, setReportOpen] = React.useState(false);
+  return (
+    <>
+      <div style={{ position: "fixed", bottom: 20, right: 20, display: "flex", gap: 8, zIndex: 40 }}>
+        <button
+          className="btn btn--sm"
+          onClick={() => setReportOpen(true)}
+          style={{ background: "var(--bg-panel)", boxShadow: "var(--shadow-md)" }}
+        >
+          <Icon name="bell" size={13} /> Report
+        </button>
+      </div>
+      <ReportIssueFlow open={reportOpen} onClose={() => setReportOpen(false)} />
+    </>
+  );
+}
diff --git a/frontend/src/components/HowItWorks.tsx b/frontend/src/components/HowItWorks.tsx
deleted file mode 100644
index f114808c..00000000
--- a/frontend/src/components/HowItWorks.tsx
+++ /dev/null
@@ -1,652 +0,0 @@
-'use client';
-
-import { useRef, useState } from 'react';
-import {
-  motion,
-  useScroll,
-  useTransform,
-  useMotionValueEvent,
-  MotionValue,
-} from 'framer-motion';
-
-// ─── Graph data (shared by step 2 & 3) ───────────────────────────────────────
-
-const NODES = [
-  { id: 0, x: 138, y: 78,  label: 'CS 210'    },
-  { id: 1, x: 205, y: 115, label: 'Arrays'    },
-  { id: 2, x: 268, y: 76,  label: 'Sorting'   },
-  { id: 3, x: 205, y: 58,  label: 'Loops'     },
-  { id: 4, x: 138, y: 148, label: 'Functions' },
-  { id: 5, x: 270, y: 152, label: 'Recursion' },
-  { id: 6, x: 165, y: 192, label: 'OOP'       },
-  { id: 7, x: 245, y: 196, label: 'Memory'    },
-  { id: 8, x: 318, y: 115, label: 'Big-O'     },
-];
-const EDGES: [number, number][] = [
-  [0,1],[1,2],[1,3],[0,4],[2,5],[1,5],[4,6],[5,7],[2,8],[6,7],[3,2],[4,1],
-];
-const MASTERY_ORDER = [0, 3, 1, 4, 2, 6]; // nodes that turn green, in order
-
-// ─── Sapling stages ───────────────────────────────────────────────────────────
-
-function SeedSVG({ active }: { active: boolean }) {
-  // Logo paths scaled 3× from 64×64 viewBox, base anchored to soil at y=215
-  // Transform: new_x = (old_x − 32) × 3 + 100,  new_y = (old_y − 54) × 3 + 215
-  return (
-    <svg viewBox="0 0 200 280" fill="none" className="w-full h-full">
-      {/* Soil — y=215 matches sprout & tree */}
-      <ellipse cx="100" cy="215" rx="72" ry="10" fill="#92683A" opacity="0.22" />
-      <rect x="28" y="215" width="144" height="48" rx="5" fill="#92683A" opacity="0.09" />
-      {/* Logo elements scaled to ~55% — anchor at soil (100,215) so base stays planted */}
-      <g style={{ transformOrigin: '100px 215px', transform: 'scale(0.55)' }}>
-        {/* Stem */}
-        <motion.path d="M100 215 L100 137"
-          stroke="#1a5c2a" strokeWidth="5" strokeLinecap="round"
-          initial={{ pathLength: 0 }}
-          animate={active ? { pathLength: 1 } : { pathLength: 0 }}
-          transition={{ duration: 0.55, ease: 'easeOut' }}
-        />
-        {/* Left leaf */}
-        <motion.path d="M100 167 C100 167 58 155 52 119 C52 119 94 113 100 167 Z"
-          fill="#1a5c2a"
-          initial={{ scale: 0 }} animate={active ? { scale: 1 } : { scale: 0 }}
-          transition={{ duration: 0.55, delay: 0.42, ease: [0.34, 1.56, 0.64, 1] }}
-          style={{ transformOrigin: '100px 167px' }}
-        />
-        {/* Right leaf */}
-        <motion.path d="M100 143 C100 143 142 125 154 89 C154 89 112 89 100 143 Z"
-          fill="#2d8a47"
-          initial={{ scale: 0 }} animate={active ? { scale: 1 } : { scale: 0 }}
-          transition={{ duration: 0.55, delay: 0.58, ease: [0.34, 1.56, 0.64, 1] }}
-          style={{ transformOrigin: '100px 143px' }}
-        />
-        {/* Tip bud */}
-        <motion.circle cx="100" cy="131" r="7" fill="#1a5c2a"
-          initial={{ scale: 0 }} animate={active ? { scale: 1 } : { scale: 0 }}
-          transition={{ duration: 0.38, delay: 0.32, ease: [0.34, 1.56, 0.64, 1] }}
-          style={{ transformOrigin: '100px 131px' }}
-        />
-      </g>
-    </svg>
-  );
-}
-
-function SproutSVG({ active }: { active: boolean }) {
-  return (
-    <svg viewBox="0 0 200 280" fill="none" className="w-full h-full">
-      {/* Soil — same y=215 as seed */}
-      <ellipse cx="100" cy="215" rx="72" ry="10" fill="#92683A" opacity="0.22" />
-      <rect x="28" y="215" width="144" height="55" rx="5" fill="#92683A" opacity="0.09" />
-      {/* Roots */}
-      {[
-        { d: 'M100 218 Q82 232 72 248', delay: 0 },
-        { d: 'M100 218 Q118 233 126 252', delay: 0.2 },
-        { d: 'M100 220 Q98 236 91 252', delay: 0.4 },
-      ].map((r, i) => (
-        <motion.path key={i} d={r.d}
-          stroke="#92683A" strokeWidth={i === 2 ? 1.5 : 2} strokeLinecap="round"
-          opacity={i === 2 ? 0.35 : 0.55}
-          initial={{ pathLength: 0 }}
-          animate={active ? { pathLength: 1 } : { pathLength: 0 }}
-          transition={{ duration: 0.7, delay: r.delay, ease: 'easeOut' }}
-        />
-      ))}
-      {/* Stem */}
-      <motion.path d="M100 215 L100 138"
-        stroke="#1B6C42" strokeWidth="3.5" strokeLinecap="round"
-        initial={{ pathLength: 0 }}
-        animate={active ? { pathLength: 1 } : { pathLength: 0 }}
-        transition={{ duration: 0.6, ease: 'easeOut' }}
-      />
-      {/* Left leaf */}
-      <motion.path d="M100 163 Q73 148 70 126 Q89 132 100 163"
-        fill="#1B6C42" opacity="0.9"
-        initial={{ scale: 0 }} animate={active ? { scale: 1 } : { scale: 0 }}
-        transition={{ duration: 0.55, delay: 0.5, ease: [0.34, 1.56, 0.64, 1] }}
-        style={{ transformOrigin: '100px 163px' }}
-      />
-      {/* Right leaf */}
-      <motion.path d="M100 152 Q127 136 130 114 Q111 122 100 152"
-        fill="#2D8F5C" opacity="0.9"
-        initial={{ scale: 0 }} animate={active ? { scale: 1 } : { scale: 0 }}
-        transition={{ duration: 0.55, delay: 0.65, ease: [0.34, 1.56, 0.64, 1] }}
-        style={{ transformOrigin: '100px 152px' }}
-      />
-      {/* Tip bud */}
-      <motion.circle cx="100" cy="136" r="5.5" fill="#3BAF6C"
-        initial={{ scale: 0 }} animate={active ? { scale: 1 } : { scale: 0 }}
-        transition={{ duration: 0.4, delay: 0.4, ease: [0.34, 1.56, 0.64, 1] }}
-        style={{ transformOrigin: '100px 136px' }}
-      />
-    </svg>
-  );
-}
-
-function TreeSVG({ active }: { active: boolean }) {
-  const roots = [
-    { d: 'M340 358 L340 405 Q338 415 332 425',            sw: 2.5, delay: 0    },
-    { d: 'M340 358 Q325 380 305 402 Q295 406 285 404',    sw: 2,   delay: 0.12 },
-    { d: 'M340 358 Q355 380 375 402 Q385 406 395 403',    sw: 2,   delay: 0.14 },
-    { d: 'M340 358 Q332 382 322 405',                     sw: 1.5, delay: 0.24 },
-    { d: 'M340 358 Q348 382 358 404',                     sw: 1.5, delay: 0.26 },
-  ];
-
-  const stemAndBranches = [
-    { d: 'M338 358 Q337 330 337 300 Q338 270 340 240 Q341 220 342 205', sw: 4.5, delay: 0.1,  color: '#5a3e28' },
-    { d: 'M337 310 Q322 300 310 297',  sw: 2.5, delay: 0.38, color: '#5a3e28' },
-    { d: 'M339 275 Q355 265 368 262',  sw: 2.5, delay: 0.44, color: '#5a3e28' },
-    { d: 'M340 245 Q328 236 318 232',  sw: 2,   delay: 0.50, color: '#5a3e28' },
-  ];
-
-  const leaves: { cx: number; cy: number; rx: number; ry: number; rot: number; c: string; delay: number }[] = [
-    { cx: 342, cy: 185, rx: 12, ry: 20, rot: 0,   c: '#3a8060', delay: 0.62 },
-    { cx: 328, cy: 198, rx: 11, ry: 18, rot: -30, c: '#2d6b4f', delay: 0.66 },
-    { cx: 356, cy: 198, rx: 11, ry: 18, rot: 30,  c: '#4a9470', delay: 0.66 },
-    { cx: 308, cy: 226, rx: 10, ry: 17, rot: -40, c: '#3a8060', delay: 0.70 },
-    { cx: 318, cy: 238, rx:  9, ry: 15, rot: 20,  c: '#2d6b4f', delay: 0.72 },
-    { cx: 378, cy: 255, rx: 11, ry: 18, rot: 35,  c: '#3a8060', delay: 0.70 },
-    { cx: 365, cy: 268, rx:  9, ry: 15, rot: -15, c: '#4a9470', delay: 0.73 },
-    { cx: 375, cy: 248, rx: 10, ry: 16, rot: 60,  c: '#2d6b4f', delay: 0.74 },
-    { cx: 300, cy: 290, rx: 11, ry: 18, rot: -35, c: '#3a8060', delay: 0.74 },
-    { cx: 312, cy: 302, rx:  9, ry: 15, rot: 15,  c: '#4a9470', delay: 0.77 },
-    { cx: 296, cy: 300, rx: 10, ry: 16, rot: -55, c: '#2d6b4f', delay: 0.78 },
-  ];
-
-  // Anchor soil at (100,215) matching SeedSVG/SproutSVG — user SVG soil top is at y=362, center x=340
-  const treeTransform = 'translate(100,215) scale(0.72,0.55) translate(-340,-362)';
-
-  return (
-    <svg viewBox="0 0 200 280" fill="none" className="w-full h-full">
-      {/* Soil — identical to SeedSVG & SproutSVG */}
-      <ellipse cx="100" cy="215" rx="72" ry="10" fill="#92683A" opacity="0.22" />
-      <rect x="28" y="215" width="144" height="48" rx="5" fill="#92683A" opacity="0.09" />
-
-      <g transform={treeTransform}>
-        {/* Roots */}
-        {roots.map((r, i) => (
-          <motion.path key={i} d={r.d}
-            stroke="#9e8a70" strokeWidth={r.sw} strokeLinecap="round" fill="none"
-            initial={{ pathLength: 0 }} animate={active ? { pathLength: 1 } : { pathLength: 0 }}
-            transition={{ duration: 0.5, delay: r.delay, ease: 'easeOut' }}
-          />
-        ))}
-
-        {/* Stem + branches */}
-        {stemAndBranches.map((s, i) => (
-          <motion.path key={i} d={s.d}
-            stroke={s.color} strokeWidth={s.sw} strokeLinecap="round" fill="none"
-            initial={{ pathLength: 0 }} animate={active ? { pathLength: 1 } : { pathLength: 0 }}
-            transition={{ duration: 0.5, delay: s.delay, ease: 'easeOut' }}
-          />
-        ))}
-
-        {/* Leaves */}
-        {leaves.map((l, i) => (
-          <motion.ellipse key={i}
-            cx={l.cx} cy={l.cy} rx={l.rx} ry={l.ry}
-            fill={l.c}
-            transform={`rotate(${l.rot} ${l.cx} ${l.cy})`}
-            initial={{ scale: 0 }} animate={active ? { scale: 1 } : { scale: 0 }}
-            transition={{ duration: 0.4, delay: l.delay, ease: [0.34, 1.56, 0.64, 1] }}
-            style={{ transformOrigin: `${l.cx}px ${l.cy}px` }}
-          />
-        ))}
-
-        {/* Top bud */}
-        <motion.circle cx="342" cy="168" r="4" fill="#3a8060"
-          initial={{ scale: 0 }} animate={active ? { scale: 1 } : { scale: 0 }}
-          transition={{ duration: 0.35, delay: 0.60, ease: [0.34, 1.56, 0.64, 1] }}
-          style={{ transformOrigin: '342px 168px' }}
-        />
-      </g>
-    </svg>
-  );
-}
-
-// ─── App window chrome ────────────────────────────────────────────────────────
-
-function AppWindow({ children }: { children: React.ReactNode }) {
-  return (
-    <div
-      className="relative w-full rounded-2xl overflow-hidden shadow-2xl border border-black/8"
-      style={{ background: 'var(--bg-panel, #f8fbf8)', aspectRatio: '4/2.8' }}
-    >
-      {/* Title bar */}
-      <div className="flex items-center gap-1.5 px-4 h-10 border-b border-black/6"
-        style={{ background: 'rgba(255,255,255,0.7)' }}>
-        <div className="w-3 h-3 rounded-full bg-[#FF5F57]" />
-        <div className="w-3 h-3 rounded-full bg-[#FEBC2E]" />
-        <div className="w-3 h-3 rounded-full bg-[#28C840]" />
-        <div className="flex-1 mx-4 rounded-full h-5 flex items-center px-3"
-          style={{ background: 'rgba(0,0,0,0.05)' }}>
-          <span className="text-[10px] opacity-50 font-jetbrains" style={{ color: 'var(--brand-text2)' }}>
-            saplinglearn.com
-          </span>
-        </div>
-      </div>
-      {/* Content */}
-      <div className="relative" style={{ height: 'calc(100% - 40px)' }}>
-        {children}
-      </div>
-    </div>
-  );
-}
-
-// ─── App screen: Step 1 ───────────────────────────────────────────────────────
-
-const COURSE_CHIPS = ['CS 210', 'MA 242', 'SM 275'];
-
-function Step1Content({ active }: { active: boolean }) {
-  return (
-    <div className="h-full flex flex-col items-center justify-center px-8 gap-3">
-      {/* Google button */}
-      <motion.div
-        className="w-full max-w-[230px] bg-white rounded-xl py-2.5 flex items-center justify-center gap-2.5 shadow-sm text-sm font-medium overflow-hidden relative"
-        style={{ border: '1px solid rgba(0,0,0,0.1)', color: 'var(--brand-text1)' }}
-        initial={{ opacity: 0, y: 12 }}
-        animate={active ? { opacity: 1, y: 0 } : { opacity: 0, y: 12 }}
-        transition={{ duration: 0.4, delay: 0.1 }}
-      >
-        {/* Shimmer sweep */}
-        <motion.div
-          className="absolute inset-0 bg-gradient-to-r from-transparent via-white/60 to-transparent -translate-x-full"
-          animate={active ? { translateX: ['−100%', '200%'] } : {}}
-          transition={{ duration: 0.9, delay: 0.5 }}
-        />
-        <svg className="w-3.5 h-3.5 flex-shrink-0" viewBox="0 0 24 24">
-          <path d="M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z" fill="#4285F4"/>
-          <path d="M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z" fill="#34A853"/>
-          <path d="M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z" fill="#FBBC05"/>
-          <path d="M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z" fill="#EA4335"/>
-        </svg>
-        Continue with Google
-      </motion.div>
-
-      {/* School & year */}
-      {(['🎓 Boston University', '📅 Sophomore'] as const).map((label, i) => (
-        <motion.div key={label}
-          className="w-full max-w-[230px] rounded-xl px-3 py-2 text-xs"
-          style={{ background: 'rgba(0,0,0,0.04)', border: '1px solid rgba(0,0,0,0.07)', color: 'var(--brand-text2)' }}
-          initial={{ opacity: 0, y: 10 }}
-          animate={active ? { opacity: 1, y: 0 } : { opacity: 0, y: 10 }}
-          transition={{ duration: 0.35, delay: 0.28 + i * 0.14 }}
-        >
-          {label}
-        </motion.div>
-      ))}
-
-      {/* Course chips */}
-      <div className="flex flex-wrap gap-2 justify-center max-w-[230px]">
-        {COURSE_CHIPS.map((chip, i) => (
-          <motion.div key={chip}
-            className="rounded-full px-3 py-1 text-xs font-medium flex items-center gap-1.5"
-            style={{ background: 'rgba(27,108,66,0.1)', color: '#1B6C42' }}
-            initial={{ scale: 0, opacity: 0 }}
-            animate={active ? { scale: 1, opacity: 1 } : { scale: 0, opacity: 0 }}
-            transition={{ duration: 0.38, delay: 0.58 + i * 0.14, ease: [0.34, 1.56, 0.64, 1] }}
-          >
-            <svg className="w-3 h-3" viewBox="0 0 12 12">
-              <motion.path d="M2 6 L5 9 L10 3"
-                stroke="#1B6C42" strokeWidth="1.6" strokeLinecap="round" strokeLinejoin="round" fill="none"
-                initial={{ pathLength: 0 }}
-                animate={active ? { pathLength: 1 } : { pathLength: 0 }}
-                transition={{ duration: 0.28, delay: 0.72 + i * 0.14 }}
-              />
-            </svg>
-            {chip}
-          </motion.div>
-        ))}
-      </div>
-    </div>
-  );
-}
-
-// ─── App screen: Step 2 ───────────────────────────────────────────────────────
-
-function Step2Content({ active, showGraph }: { active: boolean; showGraph: boolean }) {
-  return (
-    <div className="h-full relative">
-      {/* Upload dropzone — fades out once graph is ready */}
-      <motion.div
-        className="absolute inset-0 flex items-center justify-center"
-        initial={{ opacity: 1 }}
-        animate={active && !showGraph ? { opacity: 1 } : { opacity: 0 }}
-        transition={{ duration: 0.4 }}
-      >
-        <motion.div
-          className="w-[192px] h-[128px] rounded-2xl flex flex-col items-center justify-center gap-3"
-          style={{ border: '2px dashed rgba(27,108,66,0.3)', background: 'rgba(27,108,66,0.03)' }}
-          animate={active ? {
-            borderColor: ['rgba(27,108,66,0.3)', 'rgba(27,108,66,0.55)', 'rgba(27,108,66,0.3)'],
-          } : {}}
-          transition={{ duration: 2.2, repeat: Infinity, delay: 0.4 }}
-        >
-          {/* PDF icon drops in */}
-          <motion.div
-            initial={{ y: -24, opacity: 0 }}
-            animate={active ? { y: 0, opacity: 1 } : { y: -24, opacity: 0 }}
-            transition={{ duration: 0.5, delay: 0.25, ease: [0.34, 1.56, 0.64, 1] }}
-          >
-            <svg className="w-9 h-9" viewBox="0 0 36 36" fill="none">
-              <rect x="4" y="2" width="22" height="30" rx="3.5" fill="#EF4444" opacity="0.92" />
-              <path d="M22 2 L26 8 L22 8 Z" fill="#B91C1C" />
-              <rect x="4" y="14" width="22" height="18" rx="0" fill="#DC2626" opacity="0.18" />
-              <text x="15" y="24" textAnchor="middle" fill="white" fontSize="8" fontWeight="bold" fontFamily="monospace">PDF</text>
-            </svg>
-          </motion.div>
-
-          <span className="text-[10px] font-jetbrains" style={{ color: 'var(--brand-text2)' }}>syllabus.pdf</span>
-
-          {/* Progress ring */}
-          <svg viewBox="0 0 28 28" className="w-7 h-7 -rotate-90">
-            <circle cx="14" cy="14" r="10" fill="none" stroke="#1B6C42" strokeOpacity="0.15" strokeWidth="2.5" />
-            <motion.circle cx="14" cy="14" r="10" fill="none" stroke="#1B6C42" strokeWidth="2.5"
-              strokeLinecap="round"
-              strokeDasharray={62.8}
-              initial={{ strokeDashoffset: 62.8 }}
-              animate={active ? { strokeDashoffset: 0 } : { strokeDashoffset: 62.8 }}
-              transition={{ duration: 1.3, delay: 0.55, ease: 'easeInOut' }}
-            />
-          </svg>
-        </motion.div>
-      </motion.div>
-
-      {/* Graph — only appears after user scrolls deeper into step 2 */}
-      <motion.div
-        className="absolute inset-0"
-        initial={{ opacity: 0 }}
-        animate={showGraph ? { opacity: 1 } : { opacity: 0 }}
-        transition={{ duration: 0.5 }}
-      >
-        <svg viewBox="88 42 252 168" className="w-full h-full">
-          {EDGES.map(([a, b], i) => {
-            const na = NODES[a], nb = NODES[b];
-            return (
-              <motion.path key={i}
-                d={`M ${na.x} ${na.y} L ${nb.x} ${nb.y}`}
-                stroke="#1B6C42" strokeOpacity="0.22" strokeWidth="1.2"
-                initial={{ pathLength: 0 }}
-                animate={showGraph ? { pathLength: 1 } : { pathLength: 0 }}
-                transition={{ duration: 0.4, delay: 0.15 + i * 0.07 }}
-              />
-            );
-          })}
-          {NODES.map((n, i) => (
-            <g key={i}>
-              <motion.circle cx={n.x} cy={n.y} r={12.5}
-                fill="#1B6C42" fillOpacity="0.07"
-                stroke="#1B6C42" strokeOpacity="0.28" strokeWidth="1.3"
-                initial={{ scale: 0 }}
-                animate={showGraph ? { scale: 1 } : { scale: 0 }}
-                transition={{ duration: 0.38, delay: 0.25 + i * 0.07, ease: [0.34, 1.56, 0.64, 1] }}
-                style={{ transformOrigin: `${n.x}px ${n.y}px` }}
-              />
-              <motion.text x={n.x} y={n.y + 1}
-                textAnchor="middle" dominantBaseline="middle"
-                fontSize="5.5" fill="#1B6C42" fontFamily="monospace"
-                initial={{ opacity: 0 }}
-                animate={showGraph ? { opacity: 0.75 } : { opacity: 0 }}
-                transition={{ duration: 0.3, delay: 0.45 + i * 0.07 }}
-              >
-                {n.label}
-              </motion.text>
-            </g>
-          ))}
-        </svg>
-      </motion.div>
-    </div>
-  );
-}
-
-// ─── App screen: Step 3 ───────────────────────────────────────────────────────
-
-function Step3Content({ active }: { active: boolean }) {
-  return (
-    <div className="h-full relative">
-      <div className="absolute inset-0 scale-[0.72] origin-center">
-      <svg viewBox="88 42 252 168" className="absolute inset-0 w-full h-full">
-        {/* Edges */}
-        {EDGES.map(([a, b], i) => {
-          const na = NODES[a], nb = NODES[b];
-          return (
-            <path key={i} d={`M ${na.x} ${na.y} L ${nb.x} ${nb.y}`}
-              stroke="#1B6C42" strokeOpacity="0.18" strokeWidth="1.2"
-            />
-          );
-        })}
-        {/* Nodes */}
-        {NODES.map((n, i) => {
-          const masteryIdx = MASTERY_ORDER.indexOf(i);
-          const willMaster = masteryIdx !== -1;
-          return (
-            <g key={i}>
-              {/* Ripple burst on mastery */}
-              {willMaster && (
-                <motion.circle cx={n.x} cy={n.y} r={14}
-                  fill="none" stroke="#1B6C42" strokeWidth="1"
-                  initial={{ scale: 0, opacity: 0 }}
-                  animate={active ? { scale: [0, 2.2, 0], opacity: [0.7, 0.3, 0] } : { scale: 0, opacity: 0 }}
-                  transition={{ duration: 0.65, delay: 0.35 + masteryIdx * 0.22 }}
-                  style={{ transformOrigin: `${n.x}px ${n.y}px` }}
-                />
-              )}
-              <motion.circle cx={n.x} cy={n.y} r={13}
-                stroke={willMaster ? '#1B6C42' : '#9CA3AF'}
-                strokeWidth="1.4"
-                initial={{ fill: '#9CA3AF', fillOpacity: 0.08, strokeOpacity: 0.22 }}
-                animate={active && willMaster ? {
-                  fill: '#1B6C42',
-                  fillOpacity: [0.08, 0.3, 0.14],
-                  strokeOpacity: 0.55,
-                } : {}}
-                transition={{ duration: 0.5, delay: 0.3 + masteryIdx * 0.22 }}
-              />
-              <text x={n.x} y={n.y + 1}
-                textAnchor="middle" dominantBaseline="middle"
-                fontSize="5.5" fontFamily="monospace"
-                fill={willMaster ? '#1B6C42' : '#9CA3AF'}
-                opacity={0.85}
-              >
-                {n.label}
-              </text>
-            </g>
-          );
-        })}
-      </svg>
-      </div>
-
-      {/* Quiz card */}
-      <motion.div
-        className="absolute bottom-4 right-4 w-36 rounded-xl shadow-lg p-3"
-        style={{ background: 'var(--bg-panel, #f8fbf8)', border: '1px solid rgba(27,108,66,0.14)' }}
-        initial={{ x: 56, opacity: 0 }}
-        animate={active ? { x: 0, opacity: 1 } : { x: 56, opacity: 0 }}
-        transition={{ duration: 0.55, delay: 1.6, ease: [0.34, 1.56, 0.64, 1] }}
-      >
-        <p className="text-[9px] leading-snug mb-2.5" style={{ color: 'var(--brand-text2)' }}>
-          Time complexity of binary search?
-        </p>
-        <div className="flex flex-col gap-1">
-          {['O(n)', 'O(log n)', 'O(n²)'].map((opt, i) => (
-            <div key={opt}
-              className="rounded-lg px-2 py-1 text-[9px] font-medium"
-              style={i === 1
-                ? { background: 'rgba(27,108,66,0.12)', color: '#1B6C42' }
-                : { background: 'rgba(0,0,0,0.04)', color: 'var(--brand-text2)' }
-              }
-            >
-              {i === 1 && '✓ '}{opt}
-            </div>
-          ))}
-        </div>
-      </motion.div>
-    </div>
-  );
-}
-
-// ─── Step indicator (vertical) ────────────────────────────────────────────────
-
-function StepIndicator({ scrollYProgress, activeStep }: {
-  scrollYProgress: MotionValue<number>;
-  activeStep: number;
-}) {
-  const bar1H = useTransform(scrollYProgress, [0, 0.38], ['0%', '100%']);
-  const bar2H = useTransform(scrollYProgress, [0.38, 0.72], ['0%', '100%']);
-
-  return (
-    <div className="absolute top-1/2 -translate-y-1/2 flex flex-col items-center z-20 hidden sm:flex" style={{ right: 'clamp(1rem, 2vw, 2rem)', gap: 'clamp(0.375rem, 0.6vw, 0.5rem)' }}>
-      {[1, 2, 3].map((s, i) => (
-        <div key={s} className="flex flex-col items-center" style={{ gap: 'clamp(0.375rem, 0.6vw, 0.5rem)' }}>
-          <motion.div
-            className="rounded-full"
-            style={{ width: 'clamp(0.4rem, 0.6vw, 0.5rem)', height: 'clamp(0.4rem, 0.6vw, 0.5rem)', background: activeStep >= s ? '#1B6C42' : 'rgba(156,163,175,0.4)' }}
-            animate={{ scale: activeStep === s ? 1.4 : 1 }}
-            transition={{ duration: 0.3 }}
-          />
-          {i < 2 && (
-            <div className="w-px overflow-hidden" style={{ height: 'clamp(1.5rem, 3vh, 2.25rem)', background: 'rgba(156,163,175,0.2)' }}>
-              <motion.div className="w-full" style={{
-                height: i === 0 ? bar1H : bar2H,
-                background: '#1B6C42',
-              }} />
-            </div>
-          )}
-        </div>
-      ))}
-    </div>
-  );
-}
-
-// ─── Main export ──────────────────────────────────────────────────────────────
-
-const STEPS = [
-  {
-    num: '01',
-    title: 'Sign Up & Add Courses',
-    desc: 'Connect with Google in one click. Tell us your school and year. Add your classes. Takes 30 seconds.',
-  },
-  {
-    num: '02',
-    title: 'Upload Your Materials',
-    desc: 'Drop in a syllabus, textbook PDF, or lecture notes. Our AI reads everything, extracts concepts, and builds your knowledge map instantly.',
-  },
-  {
-    num: '03',
-    title: 'Start Growing',
-    desc: 'Follow your personalized learning path. Take adaptive quizzes. Watch your knowledge graph come alive, node by node turning green.',
-  },
-];
-
-// scroll input ranges (matching the non-overlapping windows we tuned)
-const TEXT_RANGES = [
-  { in: [0, 0.05, 0.28, 0.38], yIn: [30, 0, 0, -30] },
-  { in: [0.38, 0.48, 0.62, 0.72], yIn: [30, 0, 0, -30] },
-  { in: [0.72, 0.82, 1, 1], yIn: [30, 0, 0, 0] },
-];
-
-const BG_COLORS = [
-  'rgba(0,0,0,0)',
-  'rgba(120,53,15,0.035)',
-  'rgba(20,83,45,0.05)',
-  'rgba(20,83,45,0.08)',
-];
-
-export default function HowItWorks() {
-  const containerRef = useRef<HTMLElement>(null);
-  const { scrollYProgress } = useScroll({
-    target: containerRef,
-    offset: ['start start', 'end end'],
-  });
-
-  const [activeStep, setActiveStep] = useState(1);
-  const [showStep2Graph, setShowStep2Graph] = useState(false);
-  useMotionValueEvent(scrollYProgress, 'change', (v) => {
-    setActiveStep(v < 0.38 ? 1 : v < 0.72 ? 2 : 3);
-    setShowStep2Graph(v > 0.55);
-  });
-
-  // Text
-  const textOpacities = TEXT_RANGES.map(r => useTransform(scrollYProgress, r.in, [0, 1, 1, 0])); // eslint-disable-line react-hooks/rules-of-hooks
-  const textYs = TEXT_RANGES.map(r => useTransform(scrollYProgress, r.in, r.yIn)); // eslint-disable-line react-hooks/rules-of-hooks
-
-  const panelOpacity = useTransform(scrollYProgress, [0, 0.05, 0.82, 1], [0, 1, 1, 0]);
-
-  // Background
-  const bgColor = useTransform(scrollYProgress, [0, 0.38, 0.72, 1], BG_COLORS);
-
-  const SaplingComponents = [SeedSVG, SproutSVG, TreeSVG];
-
-  return (
-    <section ref={containerRef} id="how-it-works" className="landing-section relative" style={{ height: '340vh' }}>
-      <motion.div className="sticky top-0 h-screen w-full overflow-hidden" style={{ backgroundColor: bgColor }}>
-        <div className="h-full max-w-[1600px] mx-auto flex flex-col lg:flex-row items-center" style={{ padding: 'clamp(1rem, 4vh, 2.5rem) clamp(1.25rem, 4vw, 4.5rem)', gap: 'clamp(2rem, 5vw, 8rem)' }}>
-
-          {/* ── Left: Sapling + text ──────────────────────────────────── */}
-          <div className="flex-1 flex flex-col items-center lg:items-start justify-center h-full" style={{ paddingBlock: 'clamp(1rem, 2vh, 0px)' }}>
-            {/* Sapling illustration */}
-            <motion.div className="relative flex-shrink-0" style={{ width: 'clamp(12rem, 18vw, 16rem)', height: 'clamp(15rem, 24vw, 20rem)', marginBottom: 'clamp(2rem, 4vh, 3.75rem)', opacity: panelOpacity }}>
-              {SaplingComponents.map((SVG, i) => (
-                <motion.div key={i} className="absolute inset-0"
-                  animate={{ opacity: activeStep === i + 1 ? 1 : 0 }}
-                  transition={{ duration: 0.35 }}
-                >
-                  <SVG active={activeStep === i + 1} />
-                </motion.div>
-              ))}
-            </motion.div>
-
-            {/* Step text layers */}
-            <div className="relative w-full" style={{ maxWidth: 'clamp(20rem, 45vw, 42rem)', minHeight: 'clamp(10rem, 18vh, 15rem)' }}>
-              {STEPS.map((step, i) => (
-                <motion.div
-                  key={i}
-                  className="absolute inset-x-0 top-0 text-center lg:text-left"
-                  style={{ opacity: textOpacities[i], y: textYs[i] }}
-                >
-                  <span className="font-jetbrains tracking-[0.3em] text-[#1B6C42] uppercase block font-medium" style={{ fontSize: 'clamp(0.75rem, 1.1vw, 0.9375rem)', marginBottom: 'clamp(0.5rem, 1.2vh, 0.9375rem)' }}>
-                    Step {step.num}
-                  </span>
-                  <h3 className="font-playfair font-semibold tracking-tight leading-tight"
-                    style={{ color: 'var(--brand-text1)', fontSize: 'clamp(1.75rem, 3.5vw, 2.8125rem)', marginBottom: 'clamp(0.75rem, 1.5vh, 1.25rem)' }}>
-                    {step.title}
-                  </h3>
-                  <p className="font-inter leading-relaxed font-light"
-                    style={{ color: 'var(--brand-text2)', fontSize: 'clamp(0.9375rem, 1.4vw, 1.25rem)' }}>
-                    {step.desc}
-                  </p>
-                </motion.div>
-              ))}
-            </div>
-          </div>
-
-          {/* ── Right: App window ─────────────────────────────────────── */}
-          <motion.div className="flex-[1.68] w-full max-w-2xl lg:max-w-none flex-shrink-0" style={{ opacity: panelOpacity }}>
-            <AppWindow>
-              {([
-                <Step1Content key={0} active={activeStep === 1} />,
-                <Step2Content key={1} active={activeStep === 2} showGraph={showStep2Graph} />,
-                <Step3Content key={2} active={activeStep === 3} />,
-              ] as const).map((el, i) => (
-                <motion.div key={i} className="absolute inset-0"
-                  animate={{ opacity: activeStep === i + 1 ? 1 : 0 }}
-                  transition={{ duration: 0.35 }}
-                >
-                  <motion.div
-                    className="h-full origin-center"
-                    animate={{ scale: i === 0 ? 1.18 : i === 1 ? (showStep2Graph ? 0.72 : 1.18) : 1 }}
-                    transition={{ duration: 0.4 }}
-                  >
-                    {el}
-                  </motion.div>
-                </motion.div>
-              ))}
-            </AppWindow>
-          </motion.div>
-        </div>
-
-        {/* Step indicator */}
-        <StepIndicator scrollYProgress={scrollYProgress} activeStep={activeStep} />
-      </motion.div>
-    </section>
-  );
-}
diff --git a/frontend/src/components/Icon.tsx b/frontend/src/components/Icon.tsx
new file mode 100644
index 00000000..e248fd47
--- /dev/null
+++ b/frontend/src/components/Icon.tsx
@@ -0,0 +1,53 @@
+"use client";
+import React from "react";
+
+const paths: Record<string, string> = {
+  home: "M3 11l9-8 9 8v10a1 1 0 0 1-1 1h-5v-7h-6v7H4a1 1 0 0 1-1-1z",
+  brain: "M12 2a4 4 0 0 0-4 4v.5A3.5 3.5 0 0 0 5 10v2a3.5 3.5 0 0 0 3 3.5V17a4 4 0 0 0 8 0v-1.5A3.5 3.5 0 0 0 19 12v-2a3.5 3.5 0 0 0-3-3.5V6a4 4 0 0 0-4-4z",
+  tree: "M12 2L8 7h3v4H7l3 4H8l4 6 4-6h-2l3-4h-4V7h3z",
+  book: "M4 4h8a4 4 0 0 1 4 4v12H8a4 4 0 0 1-4-4zM16 8a4 4 0 0 1 4-4v14a4 4 0 0 1-4 2",
+  cal: "M3 6h18v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2zM3 6V4a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v2M8 2v4M16 2v4",
+  users: "M9 10a4 4 0 1 0 0-8 4 4 0 0 0 0 8zM17 11a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM2 20a7 7 0 0 1 14 0zM16 20h6a5 5 0 0 0-5-5",
+  sparkle: "M12 2l2.5 7L22 11.5l-7.5 2.5L12 22l-2.5-8L2 11.5 9.5 9z",
+  cog: "M12 8a4 4 0 1 0 0 8 4 4 0 0 0 0-8zM19.4 15a1.6 1.6 0 0 0 .3 1.8l.1.1a2 2 0 1 1-2.8 2.8l-.1-.1a1.6 1.6 0 0 0-1.8-.3 1.6 1.6 0 0 0-1 1.5V21a2 2 0 1 1-4 0v-.1a1.6 1.6 0 0 0-1-1.5 1.6 1.6 0 0 0-1.8.3l-.1.1a2 2 0 1 1-2.8-2.8l.1-.1a1.6 1.6 0 0 0 .3-1.8 1.6 1.6 0 0 0-1.5-1H3a2 2 0 1 1 0-4h.1a1.6 1.6 0 0 0 1.5-1 1.6 1.6 0 0 0-.3-1.8l-.1-.1a2 2 0 1 1 2.8-2.8l.1.1a1.6 1.6 0 0 0 1.8.3H9a1.6 1.6 0 0 0 1-1.5V3a2 2 0 1 1 4 0v.1a1.6 1.6 0 0 0 1 1.5 1.6 1.6 0 0 0 1.8-.3l.1-.1a2 2 0 1 1 2.8 2.8l-.1.1a1.6 1.6 0 0 0-.3 1.8V9a1.6 1.6 0 0 0 1.5 1H21a2 2 0 1 1 0 4h-.1a1.6 1.6 0 0 0-1.5 1z",
+  trophy: "M8 21h8M12 17v4M7 4h10v6a5 5 0 0 1-10 0zM7 4H4v3a3 3 0 0 0 3 3M17 4h3v3a3 3 0 0 1-3 3",
+  shield: "M12 2l8 3v7c0 5-3.5 9-8 10-4.5-1-8-5-8-10V5z",
+  flask: "M9 3h6M10 3v6l-5 10a2 2 0 0 0 2 3h10a2 2 0 0 0 2-3l-5-10V3",
+  plus: "M12 5v14M5 12h14",
+  search: "M11 19a8 8 0 1 1 0-16 8 8 0 0 1 0 16zM21 21l-4.3-4.3",
+  menu: "M4 6h16M4 12h16M4 18h16",
+  x: "M6 6l12 12M18 6L6 18",
+  chev: "M9 18l6-6-6-6",
+  send: "M22 2L11 13M22 2l-7 20-4-9-9-4z",
+  max: "M15 3h6v6M9 21H3v-6M21 3l-7 7M3 21l7-7",
+  bolt: "M13 2L3 14h8l-1 8 10-12h-8z",
+  check: "M5 12l5 5L20 7",
+  star: "M12 2l3 7h7l-5.5 4.5L18 21l-6-4-6 4 1.5-7.5L2 9h7z",
+  fire: "M12 2s5 4 5 9a5 5 0 0 1-10 0c0-3 2-4 2-7 2 2 3 3 3 5 1-2 0-5 0-7z",
+  doc: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8zM14 2v6h6",
+  up: "M12 19V5M5 12l7-7 7 7",
+  bell: "M18 8a6 6 0 1 0-12 0c0 7-3 9-3 9h18s-3-2-3-9M14 21a2 2 0 0 1-4 0",
+  logout: "M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4M16 17l5-5-5-5M21 12H9",
+  pencil: "M12 20h9M16.5 3.5a2.1 2.1 0 0 1 3 3L7 19l-4 1 1-4z",
+  palette: "M12 22a10 10 0 1 1 10-10c0 2-1 3-3 3h-2a2 2 0 0 0-1 4 2 2 0 0 1-1 3 7 7 0 0 1-3 0",
+  heart: "M20.8 4.6a5.5 5.5 0 0 0-7.8 0L12 5.6l-1-1a5.5 5.5 0 1 0-7.8 7.8l1 1L12 21l7.8-7.8 1-1a5.5 5.5 0 0 0 0-7.6z",
+};
+
+export function Icon({ name, size = 16 }: { name: string; size?: number }) {
+  const d = paths[name] || "";
+  return (
+    <svg
+      width={size}
+      height={size}
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke="currentColor"
+      strokeWidth={1.8}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      style={{ flexShrink: 0 }}
+    >
+      <path d={d} />
+    </svg>
+  );
+}
diff --git a/frontend/src/components/KnowledgeGraph.tsx b/frontend/src/components/KnowledgeGraph.tsx
index d1c1afc1..47deac17 100644
--- a/frontend/src/components/KnowledgeGraph.tsx
+++ b/frontend/src/components/KnowledgeGraph.tsx
@@ -1,453 +1,612 @@
-'use client';
-
-import { useRef, useEffect, useCallback, useMemo, memo } from 'react';
-import * as d3 from 'd3';
-import { GraphNode, GraphEdge } from '@/lib/types';
-import { getMasteryColor, getNodeRadius, getCourseColor } from '@/lib/graphUtils';
+"use client";
+import React from "react";
+import {
+  forceSimulation,
+  forceLink,
+  forceManyBody,
+  forceCenter,
+  forceCollide,
+  forceX,
+  forceY,
+  type Simulation,
+  type SimulationNodeDatum,
+  type SimulationLinkDatum,
+} from "d3-force";
+import type { GraphEdge, GraphNode } from "@/lib/data";
+
+export type GraphVariant = "orb" | "constellation" | "organism";
+
+type SimNode = SimulationNodeDatum & GraphNode;
+type SimLink = SimulationLinkDatum<SimNode> & {
+  strength: number;
+  source: string | SimNode;
+  target: string | SimNode;
+};
+
+export interface GraphComparisonEntry {
+  /** Partner's concept name — must match the primary graph's node name for the ring to render. */
+  name: string;
+  /** Partner mastery 0–1. Drives the ring radius/opacity. */
+  mastery_score: number;
+  /** Partner display name (for the tooltip/legend). */
+  partner_name?: string;
+}
 
-interface KnowledgeGraphProps {
+type Props = {
   nodes: GraphNode[];
   edges: GraphEdge[];
-  width: number;
-  height: number;
-  animate?: boolean;
+  width?: number;
+  height?: number;
+  variant?: GraphVariant;
   highlightId?: string;
-  interactive?: boolean;
-  onNodeClick?: (node: GraphNode) => void;
-  comparison?: {
-    partnerNodes: GraphNode[];
-  };
-  courseColorMap?: Record<string, string>;
-}
-
-interface SimNode extends d3.SimulationNodeDatum {
-  id: string;
-  concept_name: string;
-  mastery_score: number;
-  mastery_tier: string;
-  subject: string;
-  course_color?: string | null;
-  is_subject_root?: boolean;
-}
-
-interface SimLink extends d3.SimulationLinkDatum<SimNode> {
-  id: string;
-  strength: number;
-}
-
-const ROOT_RADIUS = 22;
-const getSimRadius = (d: SimNode) =>
-  d.is_subject_root ? ROOT_RADIUS : getNodeRadius(d.mastery_score);
-
-/** Resolve the color override for a node: prefer the node's own course_color,
- *  then fall back to the courseColorMap lookup by subject name. */
-function nodeColorOverride(d: SimNode, colorMap: Record<string, string>): string | undefined {
-  return d.course_color ?? colorMap[d.subject] ?? undefined;
-}
-
-/** Opacity encodes mastery tier — full colour = mastered, ghost = unexplored. */
-function masteryOpacity(tier: string): number {
-  switch (tier) {
-    case 'mastered':     return 1.0;
-    case 'learning':     return 0.75;
-    case 'struggling':   return 0.55;
-    case 'unexplored':   return 0.28;
-    case 'subject_root': return 1.0;
-    default:             return 0.65;
-  }
-}
-
-function KnowledgeGraph({
+  onNodeClick?: (n: GraphNode) => void;
+  /** Opt-in: fill nodes using mastery-tier color palette instead of course color. */
+  masteryTierFill?: boolean;
+  /** Pause simulation when graph is off-screen (default: true). */
+  pauseWhenOffscreen?: boolean;
+  /** Partner concept mastery, matched to this graph's nodes by name. Renders an outline ring per match. */
+  comparison?: GraphComparisonEntry[] | null;
+  /** Color for the comparison ring (defaults to a muted accent). */
+  comparisonColor?: string;
+  /** Label for the legend/tooltip — usually the partner's display name. */
+  comparisonLabel?: string;
+};
+
+const TIER_COLORS: Record<string, string> = {
+  mastered: "#4a7d5c",
+  learning: "#c89b5e",
+  struggling: "#b25855",
+  unexplored: "#9a9a9a",
+  subject_root: "#8a7bc4",
+};
+
+type DragState =
+  | { kind: "node"; nodeId: string; pointerId: number }
+  | { kind: "pan"; pointerId: number; startX: number; startY: number; originTx: number; originTy: number }
+  | null;
+
+const MIN_ZOOM = 0.4;
+const MAX_ZOOM = 3;
+
+export function KnowledgeGraph({
   nodes,
   edges,
-  width,
-  height,
-  animate = false,
+  width = 600,
+  height = 480,
+  variant = "organism",
   highlightId,
-  interactive = true,
   onNodeClick,
-  comparison,
-  courseColorMap = {},
-}: KnowledgeGraphProps) {
-  const svgRef = useRef<SVGSVGElement>(null);
-  const simRef = useRef<d3.Simulation<SimNode, SimLink> | null>(null);
-  const tooltipRef = useRef<HTMLDivElement>(null);
-  const prevNodesRef = useRef<GraphNode[]>([]);
-  const prevEdgesRef = useRef<GraphEdge[]>([]);
-
-  // Always-current refs so event handler closures never go stale after mastery updates
-  const nodesRef = useRef<GraphNode[]>(nodes);
-  const courseColorMapRef = useRef<Record<string, string>>(courseColorMap);
-  useEffect(() => { nodesRef.current = nodes; }, [nodes]);
-  useEffect(() => { courseColorMapRef.current = courseColorMap; }, [courseColorMap]);
-
-  // Topology keys — only change when the set of IDs changes, not on mastery/color updates.
-  // This prevents the simulation from restarting on every data refresh.
-  const nodeIdsKey = useMemo(() => nodes.map(n => n.id).join('|'), [nodes]);
-  const edgeIdsKey = useMemo(() => edges.map(e => e.id).join('|'), [edges]);
-
-  const getComparisonOutlineColor = useCallback(
-    (node: GraphNode): string | null => {
-      if (!comparison) return null;
-      const partnerNode = comparison.partnerNodes.find(n => n.concept_name === node.concept_name);
-      if (!partnerNode) return null;
-      const myM = node.mastery_score;
-      const theirM = partnerNode.mastery_score;
-      if (myM > 0.7 && theirM < 0.5) return '#38bdf8';
-      if (theirM > 0.7 && myM < 0.5) return '#fb923c';
-      if (myM < 0.5 && theirM < 0.5) return '#f87171';
-      if (myM > 0.7 && theirM > 0.7) return '#34d399';
-      return null;
-    },
-    [comparison]
+  masteryTierFill = false,
+  pauseWhenOffscreen = true,
+  comparison = null,
+  comparisonColor = "#8a7bc4",
+  comparisonLabel,
+}: Props) {
+  const comparisonByName = React.useMemo(() => {
+    const map = new Map<string, GraphComparisonEntry>();
+    for (const entry of comparison || []) {
+      map.set(entry.name.trim().toLowerCase(), entry);
+    }
+    return map;
+  }, [comparison]);
+  const svgRef = React.useRef<SVGSVGElement>(null);
+  const simRef = React.useRef<Simulation<SimNode, SimLink> | null>(null);
+  const simNodesRef = React.useRef<SimNode[]>([]);
+  const simLinksRef = React.useRef<SimLink[]>([]);
+
+  const [, forceRerender] = React.useReducer((x) => x + 1, 0);
+  const [hovered, setHovered] = React.useState<GraphNode | null>(null);
+  const [tooltipPos, setTooltipPos] = React.useState({ x: 0, y: 0 });
+  const [view, setView] = React.useState({ tx: 0, ty: 0, scale: 1 });
+  const dragRef = React.useRef<DragState>(null);
+  const movedRef = React.useRef(false);
+
+  // Rebuild the simulation whenever the node/edge set fundamentally changes.
+  // We diff by id so stable nodes keep their current x/y/vx/vy.
+  const dataKey = React.useMemo(
+    () => nodes.map((n) => n.id).join("|") + "::" + edges.map((e) => `${e.source}-${e.target}`).join("|"),
+    [nodes, edges],
   );
 
-  useEffect(() => {
-    console.log('[KG] main effect fired', { width, height, nodeIdsKey: nodeIdsKey.slice(0, 40), edgeIdsKey: edgeIdsKey.slice(0, 40), animate, interactive, onNodeClick: !!onNodeClick });
-    if (!svgRef.current || !width || !height) return;
+  React.useEffect(() => {
+    // Merge new node data into existing sim nodes to preserve motion state.
+    const byId = new Map(simNodesRef.current.map((n) => [n.id, n]));
+    const nextNodes: SimNode[] = nodes.map((n) => {
+      const prev = byId.get(n.id);
+      if (prev) {
+        // Keep position + velocity; refresh mutable data fields (mastery, color).
+        Object.assign(prev, n);
+        return prev;
+      }
+      const hubSeed = n.is_subject_root ? 0 : Math.random();
+      return {
+        ...n,
+        x: width / 2 + (Math.random() - 0.5) * 40,
+        y: height / 2 + (Math.random() - 0.5) * 40,
+        vx: 0,
+        vy: 0,
+        index: undefined,
+        // eslint-disable-next-line @typescript-eslint/no-unused-vars
+        _hub: hubSeed,
+      } as SimNode;
+    });
 
-    const svg = d3.select(svgRef.current);
-    svg.selectAll('*').remove();
+    const nextLinks: SimLink[] = edges
+      .filter((e) => nextNodes.some((n) => n.id === e.source) && nextNodes.some((n) => n.id === e.target))
+      .map((e) => ({ source: e.source, target: e.target, strength: e.strength }));
 
-    // ── Layout ─────────────────────────────────────────────────────────────
-    const container = svg.append('g').attr('class', 'graph-container');
+    simNodesRef.current = nextNodes;
+    simLinksRef.current = nextLinks;
 
-    if (interactive) {
-      const zoom = d3.zoom<SVGSVGElement, unknown>()
-        .scaleExtent([0.3, 3])
-        .on('zoom', event => container.attr('transform', event.transform.toString()));
-      svg.call(zoom);
-    }
-
-    const simNodes: SimNode[] = nodes.map(n => ({
-      ...n,
-      x: (n as any).x ?? width / 2 + (Math.random() - 0.5) * 200,
-      y: (n as any).y ?? height / 2 + (Math.random() - 0.5) * 200,
-    }));
-
-    const nodeById = new Map(simNodes.map(n => [n.id, n]));
-    const simLinks: SimLink[] = edges
-      .filter(e => nodeById.has(e.source as string) && nodeById.has(e.target as string))
-      .map(e => ({
-        id: e.id,
-        source: e.source as string,
-        target: e.target as string,
-        strength: e.strength,
-      }));
-
-    const sim = d3.forceSimulation(simNodes)
-      .force('center', d3.forceCenter(width / 2, height / 2).strength(0.04))
-      .force('x', d3.forceX(width / 2).strength(0.03))
-      .force('y', d3.forceY(height / 2).strength(0.03))
-      .force('link', d3.forceLink<SimNode, SimLink>(simLinks)
-        .id(d => d.id)
-        .distance(d => 55 + (1 - d.strength) * 40)
-        .strength(d => d.strength * 0.8))
-      .force('charge', d3.forceManyBody().strength(-120))
-      .force('collide', d3.forceCollide<SimNode>(d => getSimRadius(d) + 8))
-      .alphaDecay(0.04);
-
-    simRef.current = sim;
-
-    // ── Drift animation setup ───────────────────────────────────────────────
-    // driftOffset is added on top of sim positions at render time — never mutates n.x/n.y
-    let rafId = 0;
-    let draggingId: string | null = null;
-    const driftOffset = new Map<string, { dx: number; dy: number }>(
-      simNodes.map(n => [n.id, { dx: 0, dy: 0 }])
-    );
-    const driftParams = new Map(simNodes.map(n => [n.id, {
-      phaseX: Math.random() * Math.PI * 2,
-      phaseY: Math.random() * Math.PI * 2,
-      freqX:  0.00040 + Math.random() * 0.00030,
-      freqY:  0.00032 + Math.random() * 0.00028,
-      amp:    7 + Math.random() * 7,
-    }]));
-
-    // ── Edges ──────────────────────────────────────────────────────────────
-    const linkGroup = container.append('g').attr('class', 'links');
-    const linkSel = linkGroup
-      .selectAll<SVGLineElement, SimLink>('line')
-      .data(simLinks, d => d.id)
-      .enter()
-      .append('line')
-      .attr('stroke', 'rgba(107,114,128,0.2)')
-      .attr('stroke-width', d => 0.5 + d.strength * 1.2)
-      .attr('stroke-linecap', 'round');
-
-    if (animate) {
-      const prevEdgeIds = new Set(prevEdgesRef.current.map(e => e.id));
-      simLinks.forEach(l => {
-        if (!prevEdgeIds.has(l.id)) {
-          const el = linkSel.filter(d => d.id === l.id);
-          el.attr('stroke-dasharray', '100 100').attr('stroke-dashoffset', 100)
-            .transition().duration(300).attr('stroke-dashoffset', 0)
-            .on('end', () => el.attr('stroke-dasharray', null).attr('stroke-dashoffset', null));
-        }
+    if (!simRef.current) {
+      simRef.current = forceSimulation<SimNode>(nextNodes).on("tick", () => {
+        forceRerender();
       });
+    } else {
+      simRef.current.nodes(nextNodes);
     }
 
-    // ── Labels (rendered before nodes so circles appear on top) ───────────
-    const labelGroup = container.append('g').attr('class', 'labels');
-    const labelSel = labelGroup
-      .selectAll<SVGTextElement, SimNode>('text')
-      .data(simNodes, d => d.id)
-      .enter()
-      .append('text')
-      .text(d => d.concept_name)
-      .attr('text-anchor', 'middle')
-      .attr('font-size', d => d.is_subject_root ? '13px' : '11px')
-      .attr('font-weight', d => d.is_subject_root ? '600' : '400')
-      .attr('font-family', "'DM Sans', Inter, system-ui, sans-serif")
-      .attr('fill', d => d.is_subject_root ? getCourseColor(d.subject, nodeColorOverride(d, courseColorMapRef.current)).text : '#374151')
-      .attr('pointer-events', 'none')
-      .style('user-select', 'none');
-
-    // ── Nodes (appended after labels so circles render on top of text) ─────
-    const nodeGroup = container.append('g').attr('class', 'nodes');
-    const nodeSel = nodeGroup
-      .selectAll<SVGGElement, SimNode>('g')
-      .data(simNodes, d => d.id)
-      .enter()
-      .append('g')
-      .attr('class', 'node')
-      .style('cursor', interactive ? 'pointer' : 'default');
-
-    // Comparison outline ring
-    nodeSel.each(function(d) {
-      const sourceNode = nodes.find(n => n.id === d.id);
-      if (!sourceNode) return;
-      const outlineColor = getComparisonOutlineColor(sourceNode);
-      if (outlineColor) {
-        d3.select(this).append('circle')
-          .attr('r', getSimRadius(d) + 5)
-          .attr('fill', 'none')
-          .attr('stroke', outlineColor)
-          .attr('stroke-width', 2);
-      }
-    });
+    const sim = simRef.current;
+    sim
+      .force(
+        "link",
+        forceLink<SimNode, SimLink>(nextLinks)
+          .id((d) => d.id)
+          .distance((l) => 40 + (1 - (l.strength || 0.5)) * 90)
+          .strength((l) => 0.15 + (l.strength || 0.5) * 0.4),
+      )
+      .force("charge", forceManyBody<SimNode>().strength((d) => (d.is_subject_root ? -400 : -120)))
+      .force(
+        "collide",
+        forceCollide<SimNode>().radius((d) => (d.is_subject_root ? 36 : 18 + (d.mastery_score || 0) * 6)),
+      )
+      .force("center", forceCenter(width / 2, height / 2).strength(0.06))
+      .force("x", forceX<SimNode>(width / 2).strength(0.02))
+      .force("y", forceY<SimNode>(height / 2).strength(0.02));
+
+    const reducedMotion = typeof window !== "undefined"
+      && window.matchMedia?.("(prefers-reduced-motion: reduce)").matches;
+    if (reducedMotion) {
+      sim.alpha(1).tick(200).alpha(0).stop();
+      forceRerender();
+    } else {
+      sim.alpha(0.9).restart();
+    }
 
-    // ── Main orb — matte flat colour by course, opacity = mastery ──────────
-    const circles = nodeSel.append('circle')
-      .attr('class', 'main-circle')
-      .attr('r', d => getSimRadius(d))
-      .attr('fill', d => getCourseColor(d.subject, nodeColorOverride(d, courseColorMapRef.current)).fill)
-      .attr('fill-opacity', d => masteryOpacity(d.mastery_tier))
-      .attr('stroke', d => getCourseColor(d.subject, nodeColorOverride(d, courseColorMapRef.current)).fill)
-      .attr('stroke-opacity', d => d.is_subject_root ? 0.7 : 0.4)
-      .attr('stroke-width', d => d.is_subject_root ? 2.5 : 1.5);
-
-    if (animate) {
-      const prevNodeIds = new Set(prevNodesRef.current.map(n => n.id));
-      simNodes.forEach(n => {
-        if (!prevNodeIds.has(n.id)) {
-          nodeSel.filter(d => d.id === n.id)
-            .style('opacity', 0)
-            .transition().duration(400)
-            .style('opacity', 1);
-        }
-      });
+    return () => {
+      // Simulation is kept across renders; only stop on full unmount below.
+    };
+  }, [dataKey, width, height]);
 
-      prevNodesRef.current.forEach(prevN => {
-        const currN = nodes.find(n => n.id === prevN.id);
-        if (currN && currN.mastery_tier !== prevN.mastery_tier) {
-          circles.filter(d => d.id === currN.id)
-            .transition().duration(500)
-            .attr('fill-opacity', masteryOpacity(currN.mastery_tier));
-        }
-      });
+  // Stop the simulation on unmount.
+  React.useEffect(() => {
+    return () => {
+      simRef.current?.stop();
+      simRef.current = null;
+    };
+  }, []);
+
+  // ── Helpers ──────────────────────────────────────────────────────────────
+  const masteryOpacity = (tier: GraphNode["mastery_tier"]) =>
+    ({ mastered: 1, learning: 0.78, struggling: 0.55, unexplored: 0.28 })[tier] || 0.6;
+  const nodeRadius = (n: GraphNode) => (n.is_subject_root ? 22 : 8 + (n.mastery_score || 0) * 12);
+  const courseColor = (n?: GraphNode) => n?.color || "var(--c-sage)";
+  const fillFor = (n: GraphNode) => {
+    if (masteryTierFill) {
+      if (n.is_subject_root) return TIER_COLORS.subject_root;
+      return TIER_COLORS[n.mastery_tier] || courseColor(n);
     }
+    return courseColor(n);
+  };
 
-    // ── Interactions ───────────────────────────────────────────────────────
-    if (interactive && tooltipRef.current) {
-      const tooltip = tooltipRef.current;
-
-      nodeSel
-        .on('mouseover', function(event, d) {
-          const sourceNode = nodesRef.current.find(n => n.id === d.id);
-          if (!sourceNode || !tooltip) return;
-          const mastery = Math.round(sourceNode.mastery_score * 100);
-          const lastStudied = sourceNode.last_studied_at
-            ? new Date(sourceNode.last_studied_at).toLocaleDateString()
-            : 'Never';
-          const cc = getCourseColor(sourceNode.subject, sourceNode.course_color ?? courseColorMapRef.current[sourceNode.subject]);
-          tooltip.innerHTML = `
-            <div style="font-weight:600;color:#111827;margin-bottom:4px">${sourceNode.concept_name}</div>
-            <div style="display:flex;align-items:center;gap:5px;margin-bottom:4px">
-              <span style="width:8px;height:8px;border-radius:50%;background:${cc.fill};display:inline-block;flex-shrink:0"></span>
-              <span style="color:${cc.text};font-size:12px">${sourceNode.subject}</span>
-            </div>
-            <div style="color:${getMasteryColor(sourceNode.mastery_tier)};font-size:12px;margin-bottom:2px">${mastery}% mastery</div>
-            <div style="color:#6b7280;font-size:12px">Last studied: ${lastStudied}</div>
-          `;
-          tooltip.style.display = 'block';
-          const rect = svgRef.current!.getBoundingClientRect();
-          tooltip.style.left = `${event.clientX - rect.left + 14}px`;
-          tooltip.style.top = `${event.clientY - rect.top - 12}px`;
-          d3.select(this).select('.main-circle')
-            .attr('stroke-opacity', 1)
-            .attr('stroke-width', 2.5);
-        })
-        .on('mousemove', function(event) {
-          if (!tooltip || !svgRef.current) return;
-          const rect = svgRef.current.getBoundingClientRect();
-          tooltip.style.left = `${event.clientX - rect.left + 14}px`;
-          tooltip.style.top = `${event.clientY - rect.top - 12}px`;
-        })
-        .on('mouseout', function(_, d) {
-          if (tooltip) tooltip.style.display = 'none';
-          d3.select(this).select('.main-circle')
-            .attr('stroke-opacity', (d as SimNode).is_subject_root ? 0.7 : 0.4)
-            .attr('stroke-width', (d as SimNode).is_subject_root ? 2.5 : 1.5);
-        })
-        .on('click', (_, d) => {
-          const sourceNode = nodesRef.current.find(n => n.id === d.id);
-          if (sourceNode && onNodeClick) onNodeClick(sourceNode);
-        });
+  // ── Pause simulation when offscreen ─────────────────────────────────────
+  React.useEffect(() => {
+    if (!pauseWhenOffscreen) return;
+    const el = svgRef.current;
+    if (!el || typeof IntersectionObserver === "undefined") return;
+    const observer = new IntersectionObserver(
+      entries => {
+        for (const entry of entries) {
+          const sim = simRef.current;
+          if (!sim) continue;
+          if (entry.isIntersecting) {
+            sim.alphaTarget(0).restart();
+          } else {
+            sim.stop();
+          }
+        }
+      },
+      { threshold: 0.01 },
+    );
+    observer.observe(el);
+    return () => observer.disconnect();
+  }, [pauseWhenOffscreen]);
+
+  const subjectAverage = React.useMemo(() => {
+    const map: Record<string, { total: number; count: number }> = {};
+    for (const n of nodes) {
+      if (n.is_subject_root) continue;
+      const key = n.subject;
+      if (!map[key]) map[key] = { total: 0, count: 0 };
+      map[key].total += n.mastery_score || 0;
+      map[key].count += 1;
     }
+    const result: Record<string, number> = {};
+    for (const s in map) result[s] = map[s].count ? map[s].total / map[s].count : 0;
+    return result;
+  }, [nodes]);
+
+  // ── Pointer interaction ─────────────────────────────────────────────────
+  const clientToSvg = (clientX: number, clientY: number) => {
+    const svg = svgRef.current;
+    if (!svg) return { x: 0, y: 0 };
+    const rect = svg.getBoundingClientRect();
+    return {
+      x: (clientX - rect.left - view.tx) / view.scale,
+      y: (clientY - rect.top - view.ty) / view.scale,
+    };
+  };
 
-    // Drag
-    if (interactive) {
-      nodeSel.call(
-        d3.drag<SVGGElement, SimNode>()
-          .on('start', (event, d) => {
-            draggingId = d.id;
-            if (!event.active) sim.alphaTarget(0.3).restart();
-            d.fx = d.x; d.fy = d.y;
-          })
-          .on('drag', (event, d) => { d.fx = event.x; d.fy = event.y; })
-          .on('end', (event, d) => {
-            draggingId = null;
-            if (!event.active) sim.alphaTarget(0);
-            d.fx = null; d.fy = null;
-          })
-      );
-    }
+  const onNodePointerDown = (e: React.PointerEvent, n: SimNode) => {
+    e.stopPropagation();
+    (e.currentTarget as Element).setPointerCapture(e.pointerId);
+    dragRef.current = { kind: "node", nodeId: n.id, pointerId: e.pointerId };
+    movedRef.current = false;
+    simRef.current?.alphaTarget(0.3).restart();
+    n.fx = n.x;
+    n.fy = n.y;
+  };
 
-    // Shared render: sim positions + drift offsets applied together
-    const render = () => {
-      linkSel
-        .attr('x1', d => ((d.source as SimNode).x ?? 0) + (driftOffset.get((d.source as SimNode).id)?.dx ?? 0))
-        .attr('y1', d => ((d.source as SimNode).y ?? 0) + (driftOffset.get((d.source as SimNode).id)?.dy ?? 0))
-        .attr('x2', d => ((d.target as SimNode).x ?? 0) + (driftOffset.get((d.target as SimNode).id)?.dx ?? 0))
-        .attr('y2', d => ((d.target as SimNode).y ?? 0) + (driftOffset.get((d.target as SimNode).id)?.dy ?? 0));
-      nodeSel.attr('transform', d => {
-        const o = driftOffset.get(d.id) ?? { dx: 0, dy: 0 };
-        return `translate(${(d.x ?? 0) + o.dx},${(d.y ?? 0) + o.dy})`;
-      });
-      labelSel.attr('transform', d => {
-        const o = driftOffset.get(d.id) ?? { dx: 0, dy: 0 };
-        const yOff = d.is_subject_root ? getSimRadius(d) + 17 : getSimRadius(d) + 15;
-        return `translate(${(d.x ?? 0) + o.dx},${(d.y ?? 0) + o.dy + yOff})`;
-      });
+  const onSvgPointerDown = (e: React.PointerEvent) => {
+    if (e.button !== 0) return;
+    const svg = svgRef.current;
+    if (!svg) return;
+    svg.setPointerCapture(e.pointerId);
+    dragRef.current = {
+      kind: "pan",
+      pointerId: e.pointerId,
+      startX: e.clientX,
+      startY: e.clientY,
+      originTx: view.tx,
+      originTy: view.ty,
     };
+    movedRef.current = false;
+  };
 
-    // Drive render from sim ticks (fast, during layout phase)
-    sim.on('tick', render);
+  const onPointerMove = (e: React.PointerEvent) => {
+    setTooltipPos({ x: e.clientX, y: e.clientY });
+    const drag = dragRef.current;
+    if (!drag || e.pointerId !== drag.pointerId) return;
+    movedRef.current = true;
+    if (drag.kind === "node") {
+      const n = simNodesRef.current.find((sn) => sn.id === drag.nodeId);
+      if (!n) return;
+      const { x, y } = clientToSvg(e.clientX, e.clientY);
+      n.fx = x;
+      n.fy = y;
+    } else if (drag.kind === "pan") {
+      const dx = e.clientX - drag.startX;
+      const dy = e.clientY - drag.startY;
+      setView((v) => ({ ...v, tx: drag.originTx + dx, ty: drag.originTy + dy }));
+    }
+  };
 
-    // RAF loop starts immediately — drift begins as soon as nodes appear
-    const driftTick = (t: number) => {
-      driftParams.forEach((p, id) => {
-        const o = driftOffset.get(id)!;
-        if (id === draggingId) { o.dx = 0; o.dy = 0; return; }
-        o.dx = Math.sin(t * p.freqX + p.phaseX) * p.amp;
-        o.dy = Math.cos(t * p.freqY + p.phaseY) * p.amp;
-      });
-      render();
-      rafId = requestAnimationFrame(driftTick);
-    };
-    rafId = requestAnimationFrame(driftTick);
+  const onPointerUp = (e: React.PointerEvent) => {
+    const drag = dragRef.current;
+    if (!drag) return;
+    dragRef.current = null;
+    try {
+      (e.currentTarget as Element).releasePointerCapture(e.pointerId);
+    } catch {}
+    if (drag.kind === "node") {
+      const n = simNodesRef.current.find((sn) => sn.id === drag.nodeId);
+      if (n) {
+        // Release the pin so the simulation takes over again.
+        n.fx = null;
+        n.fy = null;
+      }
+      simRef.current?.alphaTarget(0);
+    }
+  };
 
-    prevNodesRef.current = nodes;
-    prevEdgesRef.current = edges;
-    return () => {
-      sim.stop();
-      cancelAnimationFrame(rafId);
-    };
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [nodeIdsKey, edgeIdsKey, width, height, animate, interactive, onNodeClick, getComparisonOutlineColor]);
-  // courseColorMap intentionally omitted — handled by the visual update effect below
-
-  // ── VISUAL UPDATE EFFECT ────────────────────────────────────────────────────
-  // Updates mastery opacity and course colors in-place without touching the
-  // simulation or resetting node positions.
-  useEffect(() => {
+  const onWheel = (e: React.WheelEvent) => {
     if (!svgRef.current) return;
-    const nodeMap = new Map(nodes.map(n => [n.id, n]));
-    const svg = d3.select(svgRef.current);
-    svg.selectAll<SVGCircleElement, SimNode>('.main-circle')
-      .attr('fill', d => {
-        const n = nodeMap.get(d.id);
-        const subj = n?.subject ?? d.subject;
-        const override = n?.course_color ?? d.course_color ?? courseColorMap[subj];
-        return getCourseColor(subj, override).fill;
-      })
-      .attr('fill-opacity', d => masteryOpacity(nodeMap.get(d.id)?.mastery_tier ?? d.mastery_tier))
-      .attr('stroke', d => {
-        const n = nodeMap.get(d.id);
-        const subj = n?.subject ?? d.subject;
-        const override = n?.course_color ?? d.course_color ?? courseColorMap[subj];
-        return getCourseColor(subj, override).fill;
-      });
-    svg.selectAll<SVGTextElement, SimNode>('text')
-      .filter(d => !!d.is_subject_root)
-      .attr('fill', d => {
-        const n = nodeMap.get(d.id);
-        const override = n?.course_color ?? d.course_color ?? courseColorMap[d.subject];
-        return getCourseColor(d.subject, override).text;
-      });
-  }, [nodes, courseColorMap]);
+    const rect = svgRef.current.getBoundingClientRect();
+    const mx = e.clientX - rect.left;
+    const my = e.clientY - rect.top;
+    const delta = -e.deltaY * 0.0015;
+    setView((v) => {
+      const nextScale = Math.min(MAX_ZOOM, Math.max(MIN_ZOOM, v.scale * (1 + delta)));
+      const factor = nextScale / v.scale;
+      return {
+        tx: mx - (mx - v.tx) * factor,
+        ty: my - (my - v.ty) * factor,
+        scale: nextScale,
+      };
+    });
+  };
 
-  // Separate lightweight effect: only add/remove the highlight ring.
-  // Runs independently so changing highlightId never restarts the simulation.
-  useEffect(() => {
-    if (!svgRef.current) return;
-    const svg = d3.select(svgRef.current);
-    svg.selectAll('.highlight-ring').remove();
-    if (highlightId) {
-      svg.selectAll<SVGGElement, SimNode>('.node')
-        .filter(d => d.id === highlightId)
-        .insert('circle', '.main-circle')
-        .attr('class', 'highlight-ring')
-        .attr('r', d => getSimRadius(d) + 8)
-        .attr('fill', 'none')
-        .attr('stroke', 'rgba(26,92,42,0.55)')
-        .attr('stroke-width', 2);
-    }
-  }, [highlightId]);
+  const resetView = () => setView({ tx: 0, ty: 0, scale: 1 });
+  const reheat = () => simRef.current?.alpha(0.8).restart();
+
+  const hoveredMastery = hovered
+    ? hovered.is_subject_root
+      ? subjectAverage[hovered.subject] ?? 0
+      : hovered.mastery_score || 0
+    : 0;
+
+  const simNodes = simNodesRef.current;
+  const simLinks = simLinksRef.current;
 
   return (
-    <div style={{ position: 'relative', width: '100%', height }}>
+    <div style={{ position: "relative", width, height, overflow: "hidden", background: "transparent" }}>
       <svg
         ref={svgRef}
-        width="100%"
-        height="100%"
-        viewBox={`0 0 ${width} ${height}`}
-        preserveAspectRatio="xMidYMid meet"
-        style={{ display: 'block' }}
-      />
-      {interactive && (
+        width={width}
+        height={height}
+        style={{
+          display: "block",
+          cursor: dragRef.current?.kind === "pan" ? "grabbing" : "grab",
+          touchAction: "none",
+        }}
+        onPointerDown={onSvgPointerDown}
+        onPointerMove={onPointerMove}
+        onPointerUp={onPointerUp}
+        onPointerCancel={onPointerUp}
+        onWheel={onWheel}
+      >
+        <defs>
+          <filter id="soft">
+            <feGaussianBlur stdDeviation="3" />
+          </filter>
+        </defs>
+
+        <g transform={`translate(${view.tx}, ${view.ty}) scale(${view.scale})`}>
+          {/* Edges */}
+          <g>
+            {simLinks.map((l, i) => {
+              const s = typeof l.source === "object" ? (l.source as SimNode) : simNodes.find((n) => n.id === l.source);
+              const t = typeof l.target === "object" ? (l.target as SimNode) : simNodes.find((n) => n.id === l.target);
+              if (!s || !t || s.x == null || t.x == null) return null;
+              const op = variant === "constellation" ? 0.35 : 0.2;
+              return (
+                <line
+                  key={i}
+                  x1={s.x}
+                  y1={s.y}
+                  x2={t.x}
+                  y2={t.y}
+                  stroke="var(--text-muted)"
+                  strokeOpacity={op}
+                  strokeWidth={0.5 + (l.strength || 0.5) * 1.2}
+                  strokeLinecap="round"
+                />
+              );
+            })}
+          </g>
+
+          {/* Nodes */}
+          <g>
+            {simNodes.map((n) => {
+              if (n.x == null || n.y == null) return null;
+              const r = nodeRadius(n);
+              const color = fillFor(n);
+              const op = n.is_subject_root ? 1 : masteryOpacity(n.mastery_tier);
+              const isHl = highlightId === n.id;
+              const isHovered = hovered?.id === n.id;
+              const isPinned = n.fx != null && n.fy != null;
+              return (
+                <g
+                  key={n.id}
+                  style={{ cursor: "grab" }}
+                  onPointerDown={(ev) => onNodePointerDown(ev, n)}
+                  onPointerEnter={() => setHovered(n)}
+                  onPointerLeave={() => setHovered((h) => (h?.id === n.id ? null : h))}
+                  onClick={(ev) => {
+                    ev.stopPropagation();
+                    if (movedRef.current) return;
+                    onNodeClick?.(n);
+                  }}
+                >
+                  {variant === "organism" && (
+                    <circle cx={n.x} cy={n.y} r={r + 8} fill={color} opacity={0.15} filter="url(#soft)" />
+                  )}
+                  {isHl && (
+                    <circle cx={n.x} cy={n.y} r={r + 7} fill="none" stroke={color} strokeWidth={2} opacity={0.7}>
+                      <animate
+                        attributeName="r"
+                        values={`${r + 5};${r + 11};${r + 5}`}
+                        dur="2.4s"
+                        repeatCount="indefinite"
+                      />
+                    </circle>
+                  )}
+                  {(() => {
+                    const partner = !n.is_subject_root && comparisonByName.get((n.name || "").trim().toLowerCase());
+                    if (!partner) return null;
+                    const partnerR = r + 4 + partner.mastery_score * 5;
+                    return (
+                      <circle
+                        cx={n.x}
+                        cy={n.y}
+                        r={partnerR}
+                        fill="none"
+                        stroke={comparisonColor}
+                        strokeWidth={1.8}
+                        strokeDasharray="3 3"
+                        opacity={0.35 + partner.mastery_score * 0.55}
+                      >
+                        <title>
+                          {comparisonLabel ? `${comparisonLabel}: ` : ""}
+                          {Math.round(partner.mastery_score * 100)}% mastery on {n.name}
+                        </title>
+                      </circle>
+                    );
+                  })()}
+                  {variant === "constellation" ? (
+                    <>
+                      <circle cx={n.x} cy={n.y} r={r * 0.7} fill={color} opacity={op} />
+                      <circle cx={n.x} cy={n.y} r={r * 1.6} fill="none" stroke={color} strokeWidth={0.5} opacity={op * 0.4} />
+                    </>
+                  ) : (
+                    <circle
+                      cx={n.x}
+                      cy={n.y}
+                      r={r}
+                      fill={color}
+                      opacity={op}
+                      stroke={color}
+                      strokeWidth={n.is_subject_root ? 2.5 : 1.5}
+                      strokeOpacity={isPinned ? 1 : isHovered ? 0.9 : 0.4}
+                    />
+                  )}
+                  {n.is_subject_root && (
+                    <text
+                      x={n.x}
+                      y={n.y + r + 16}
+                      textAnchor="middle"
+                      fontFamily="var(--font-display)"
+                      fontSize={13}
+                      fontWeight={600}
+                      fill={color}
+                      pointerEvents="none"
+                    >
+                      {n.name}
+                    </text>
+                  )}
+                  {!n.is_subject_root && r > 10 && (
+                    <text
+                      x={n.x}
+                      y={n.y + r + 13}
+                      textAnchor="middle"
+                      fontFamily="var(--font-sans)"
+                      fontSize={10.5}
+                      fill="var(--text-dim)"
+                      opacity={0.85}
+                      pointerEvents="none"
+                    >
+                      {n.name.length > 18 ? n.name.slice(0, 17) + "…" : n.name}
+                    </text>
+                  )}
+                </g>
+              );
+            })}
+          </g>
+        </g>
+      </svg>
+
+      <div
+        style={{
+          position: "absolute",
+          top: 12,
+          right: 12,
+          display: "flex",
+          flexDirection: "column",
+          gap: 4,
+          background: "var(--bg-panel)",
+          border: "1px solid var(--border)",
+          borderRadius: "var(--r-sm)",
+          padding: 4,
+          boxShadow: "var(--shadow-sm)",
+        }}
+      >
+        <button
+          className="btn btn--ghost btn--sm"
+          style={{ padding: "2px 8px", fontFamily: "var(--font-mono)" }}
+          onClick={() => setView((v) => ({ ...v, scale: Math.min(MAX_ZOOM, v.scale * 1.2) }))}
+          title="Zoom in"
+        >
+          +
+        </button>
+        <button
+          className="btn btn--ghost btn--sm"
+          style={{ padding: "2px 8px", fontFamily: "var(--font-mono)" }}
+          onClick={() => setView((v) => ({ ...v, scale: Math.max(MIN_ZOOM, v.scale / 1.2) }))}
+          title="Zoom out"
+        >
+          −
+        </button>
+        <button
+          className="btn btn--ghost btn--sm"
+          style={{ padding: "2px 8px", fontSize: 10 }}
+          onClick={resetView}
+          title="Reset view"
+        >
+          ⟲
+        </button>
+        <button
+          className="btn btn--ghost btn--sm"
+          style={{ padding: "2px 8px", fontSize: 10 }}
+          onClick={reheat}
+          title="Re-run forces"
+        >
+          ✦
+        </button>
+      </div>
+
+      {hovered && !dragRef.current && (
         <div
-          ref={tooltipRef}
           style={{
-            display: 'none',
-            position: 'absolute',
-            background: 'rgba(255, 255, 255, 0.97)',
-            backdropFilter: 'blur(14px)',
-            WebkitBackdropFilter: 'blur(14px)',
-            border: '1px solid rgba(107, 114, 128, 0.18)',
-            borderRadius: '8px',
-            padding: '10px 12px',
-            fontSize: '13px',
-            pointerEvents: 'none',
-            boxShadow: '0 4px 16px rgba(0,0,0,0.08)',
-            zIndex: 10,
-            maxWidth: '200px',
+            position: "fixed",
+            left: tooltipPos.x + 14,
+            top: tooltipPos.y + 14,
+            background: "var(--bg-panel)",
+            border: "1px solid var(--border-strong)",
+            borderRadius: "var(--r-md)",
+            padding: "10px 12px",
+            boxShadow: "var(--shadow-md)",
+            pointerEvents: "none",
+            zIndex: 50,
+            fontSize: 12,
+            minWidth: 200,
           }}
-        />
+        >
+          <div style={{ fontFamily: "var(--font-display)", fontSize: 14, marginBottom: 4 }}>{hovered.name}</div>
+          <div style={{ display: "flex", alignItems: "center", gap: 6, color: "var(--text-dim)" }}>
+            <span style={{ width: 8, height: 8, borderRadius: "50%", background: courseColor(hovered) }} />
+            {hovered.is_subject_root ? "Course" : hovered.subject}
+          </div>
+          <div style={{ marginTop: 8 }}>
+            <div
+              style={{
+                display: "flex",
+                justifyContent: "space-between",
+                fontSize: 11,
+                color: "var(--text-muted)",
+                marginBottom: 4,
+              }}
+            >
+              <span>{hovered.is_subject_root ? "Avg. mastery" : "Mastery"}</span>
+              <span className="mono" style={{ color: "var(--text)" }}>
+                {Math.round(hoveredMastery * 100)}%
+              </span>
+            </div>
+            <div
+              style={{
+                height: 4,
+                background: "var(--bg-soft)",
+                borderRadius: "var(--r-full)",
+                overflow: "hidden",
+              }}
+            >
+              <div
+                style={{
+                  width: `${Math.round(hoveredMastery * 100)}%`,
+                  height: "100%",
+                  background: courseColor(hovered),
+                  transition: "width var(--dur) var(--ease)",
+                }}
+              />
+            </div>
+          </div>
+          {!hovered.is_subject_root && (
+            <div style={{ marginTop: 6, color: "var(--text-dim)", fontSize: 11, textTransform: "capitalize" }}>
+              {hovered.mastery_tier}
+              {hovered.last_studied_at && <> · {hovered.last_studied_at}</>}
+            </div>
+          )}
+        </div>
       )}
     </div>
   );
 }
-
-export default memo(KnowledgeGraph);
diff --git a/frontend/src/components/ManageCoursesModal.tsx b/frontend/src/components/ManageCoursesModal.tsx
new file mode 100644
index 00000000..37abfd07
--- /dev/null
+++ b/frontend/src/components/ManageCoursesModal.tsx
@@ -0,0 +1,265 @@
+"use client";
+
+import React from "react";
+import { createPortal } from "react-dom";
+import { Icon } from "./Icon";
+import { useToast } from "./ToastProvider";
+import { useConfirm } from "@/lib/useConfirm";
+import {
+  addCourse,
+  deleteCourse,
+  updateCourseColor,
+  onboardingCoursesSearch,
+  type EnrolledCourse,
+  type OnboardingCourse,
+} from "@/lib/api";
+
+const COLOR_RE = /^#[0-9a-fA-F]{6}$/;
+
+const DEFAULT_COLORS = [
+  "#4e873c", "#3e6f8a", "#b4562c", "#7b4b99",
+  "#b4862c", "#a8456b", "#3a7f77", "#3f3b31",
+];
+
+interface Props {
+  open: boolean;
+  userId: string;
+  courses: EnrolledCourse[];
+  onClose: () => void;
+  onChanged: () => Promise<void> | void;
+}
+
+export function ManageCoursesModal({ open, userId, courses, onClose, onChanged }: Props) {
+  const toast = useToast();
+  const [query, setQuery] = React.useState("");
+  const [results, setResults] = React.useState<OnboardingCourse[]>([]);
+  const [loading, setLoading] = React.useState(false);
+  const [mounted, setMounted] = React.useState(false);
+
+  React.useEffect(() => setMounted(true), []);
+
+  React.useEffect(() => {
+    if (!open) return;
+    const handler = (e: KeyboardEvent) => { if (e.key === "Escape") onClose(); };
+    document.addEventListener("keydown", handler);
+    document.body.style.overflow = "hidden";
+    return () => {
+      document.removeEventListener("keydown", handler);
+      document.body.style.overflow = "";
+    };
+  }, [open, onClose]);
+
+  React.useEffect(() => {
+    if (!open) return;
+    const t = setTimeout(() => {
+      setLoading(true);
+      onboardingCoursesSearch(query)
+        .then(r => setResults(r.courses ?? []))
+        .catch(() => setResults([]))
+        .finally(() => setLoading(false));
+    }, 200);
+    return () => clearTimeout(t);
+  }, [query, open]);
+
+  const enrolledIds = React.useMemo(() => new Set(courses.map(c => c.course_id)), [courses]);
+
+  const handleAdd = async (course: OnboardingCourse) => {
+    try {
+      const color = DEFAULT_COLORS[courses.length % DEFAULT_COLORS.length];
+      await addCourse(userId, course.id, color);
+      toast.success(`Added ${course.course_code || course.course_name}`);
+      await onChanged();
+    } catch (err) {
+      toast.error(`Failed to add course: ${String(err)}`);
+    }
+  };
+
+  if (!open || !mounted) return null;
+
+  return createPortal(
+    <div
+      onClick={onClose}
+      style={{
+        position: "fixed", inset: 0, background: "rgba(19,38,16,0.45)",
+        zIndex: 200, display: "grid", placeItems: "center", padding: 20,
+      }}
+    >
+      <div
+        onClick={e => e.stopPropagation()}
+        className="card slide-up"
+        style={{ width: "min(620px, 100%)", maxHeight: "80vh", overflow: "hidden", padding: 0, display: "flex", flexDirection: "column" }}
+      >
+        <div style={{ display: "flex", justifyContent: "space-between", alignItems: "center", padding: "16px 20px", borderBottom: "1px solid var(--border)" }}>
+          <div>
+            <div className="label-micro">Manage</div>
+            <div className="h-serif" style={{ fontSize: 20 }}>My Courses</div>
+          </div>
+          <button className="btn btn--ghost btn--sm" onClick={onClose} aria-label="Close">
+            <Icon name="x" size={14} />
+          </button>
+        </div>
+
+        <div style={{ padding: 20, overflowY: "auto" }}>
+          <div className="label-micro" style={{ marginBottom: 8 }}>Your courses</div>
+          {courses.length === 0 && (
+            <div style={{ fontSize: 12, color: "var(--text-muted)" }}>No courses enrolled yet.</div>
+          )}
+          <div style={{ display: "flex", flexDirection: "column", gap: 8, marginBottom: 20 }}>
+            {courses.map(c => (
+              <EnrolledRow key={c.course_id} userId={userId} course={c} onChanged={onChanged} />
+            ))}
+          </div>
+
+          <div className="label-micro" style={{ marginBottom: 8 }}>Add a course</div>
+          <div style={{ position: "relative", marginBottom: 10 }}>
+            <input
+              autoFocus
+              value={query}
+              onChange={e => setQuery(e.target.value)}
+              placeholder="Search by code or name (e.g. MATH 242)"
+              style={{
+                width: "100%", padding: "8px 12px",
+                border: "1px solid var(--border)", borderRadius: "var(--r-sm)",
+                background: "var(--bg-input)", fontSize: 13,
+              }}
+            />
+          </div>
+          <div style={{ border: "1px solid var(--border)", borderRadius: "var(--r-sm)", maxHeight: 220, overflowY: "auto" }}>
+            {loading && <div style={{ padding: 12, fontSize: 12, color: "var(--text-muted)" }}>Searching…</div>}
+            {!loading && results.length === 0 && (
+              <div style={{ padding: 12, fontSize: 12, color: "var(--text-muted)" }}>No matches.</div>
+            )}
+            {!loading && results.map(c => {
+              const enrolled = enrolledIds.has(c.id);
+              return (
+                <div
+                  key={c.id}
+                  style={{
+                    display: "flex", alignItems: "center", justifyContent: "space-between",
+                    padding: "8px 12px", borderBottom: "1px solid var(--border)", fontSize: 13,
+                  }}
+                >
+                  <div style={{ minWidth: 0 }}>
+                    <div style={{ fontWeight: 500 }}>{c.course_code}</div>
+                    <div style={{ fontSize: 11, color: "var(--text-muted)" }}>{c.course_name}</div>
+                  </div>
+                  <button
+                    className="btn btn--sm"
+                    disabled={enrolled}
+                    onClick={() => handleAdd(c)}
+                    style={{
+                      opacity: enrolled ? 0.55 : 1,
+                      background: enrolled ? "var(--bg-subtle)" : undefined,
+                    }}
+                  >
+                    {enrolled ? "Enrolled" : <><Icon name="plus" size={12} /> Add</>}
+                  </button>
+                </div>
+              );
+            })}
+          </div>
+        </div>
+      </div>
+    </div>,
+    document.body,
+  );
+}
+
+function EnrolledRow({
+  userId, course, onChanged,
+}: {
+  userId: string;
+  course: EnrolledCourse;
+  onChanged: () => Promise<void> | void;
+}) {
+  const toast = useToast();
+  const [color, setColor] = React.useState(course.color || DEFAULT_COLORS[0]);
+  const [dirty, setDirty] = React.useState(false);
+  const valid = COLOR_RE.test(color);
+
+  React.useEffect(() => {
+    setColor(course.color || DEFAULT_COLORS[0]);
+    setDirty(false);
+  }, [course.color]);
+
+  const saveColor = async () => {
+    if (!valid || !dirty) return;
+    try {
+      await updateCourseColor(userId, course.course_id, color);
+      toast.success("Color updated");
+      setDirty(false);
+      await onChanged();
+    } catch (err) {
+      toast.error(`Failed: ${String(err)}`);
+    }
+  };
+
+  const doDelete = async () => {
+    try {
+      await deleteCourse(userId, course.course_id);
+      toast.success(`Removed ${course.course_code || course.course_name}`);
+      await onChanged();
+    } catch (err) {
+      toast.error(`Failed: ${String(err)}`);
+    }
+  };
+
+  const del = useConfirm(doDelete);
+
+  return (
+    <div
+      style={{
+        display: "flex", alignItems: "center", gap: 10,
+        padding: "8px 10px", border: "1px solid var(--border)", borderRadius: "var(--r-sm)",
+        background: "var(--bg-subtle)",
+      }}
+    >
+      <div style={{ position: "relative", width: 24, height: 24, flexShrink: 0 }}>
+        <input
+          type="color"
+          value={valid ? color : "#888888"}
+          onChange={e => { setColor(e.target.value); setDirty(true); }}
+          onBlur={saveColor}
+          aria-label={`Color for ${course.course_name}`}
+          style={{
+            position: "absolute", inset: 0, opacity: 0, cursor: "pointer", width: "100%", height: "100%",
+          }}
+        />
+        <span
+          aria-hidden
+          style={{
+            display: "block", width: 24, height: 24, borderRadius: "50%",
+            background: valid ? color : "var(--bg-soft)",
+            border: "1px solid var(--border-strong)",
+          }}
+        />
+      </div>
+      <div style={{ flex: 1, minWidth: 0 }}>
+        <div style={{ fontSize: 13, fontWeight: 500 }}>{course.course_code || course.course_name}</div>
+        <div style={{ fontSize: 11, color: "var(--text-muted)" }}>
+          {course.course_code ? course.course_name : ""} · {course.node_count} concepts
+        </div>
+      </div>
+      <input
+        value={color}
+        onChange={e => { setColor(e.target.value); setDirty(true); }}
+        onBlur={saveColor}
+        onKeyDown={e => { if (e.key === "Enter") saveColor(); }}
+        className="mono"
+        style={{
+          width: 84, padding: "4px 6px",
+          border: `1px solid ${valid ? "var(--border)" : "var(--err)"}`,
+          borderRadius: "var(--r-xs)", background: "var(--bg-input)", fontSize: 11,
+        }}
+      />
+      <button
+        onClick={del.trigger}
+        className={`btn btn--sm ${del.armed ? "btn--danger" : "btn--ghost"}`}
+        style={del.armed ? { background: "var(--err-soft)", color: "var(--err)" } : undefined}
+        title={del.armed ? "Click again to confirm" : "Remove course"}
+      >
+        {del.armed ? "Click again" : <Icon name="x" size={12} />}
+      </button>
+    </div>
+  );
+}
diff --git a/frontend/src/components/MarkdownChat.tsx b/frontend/src/components/MarkdownChat.tsx
new file mode 100644
index 00000000..36aa8ed6
--- /dev/null
+++ b/frontend/src/components/MarkdownChat.tsx
@@ -0,0 +1,85 @@
+"use client";
+
+import React from "react";
+import ReactMarkdown, { type Components } from "react-markdown";
+import remarkMath from "remark-math";
+import rehypeKatex from "rehype-katex";
+import "katex/dist/katex.min.css";
+
+const COMPONENTS: Components = {
+  p: ({ children }) => <p style={{ margin: "0 0 8px" }}>{children}</p>,
+  strong: ({ children }) => <strong style={{ color: "var(--text)", fontWeight: 600 }}>{children}</strong>,
+  em: ({ children }) => <em style={{ fontStyle: "italic" }}>{children}</em>,
+  ul: ({ children }) => <ul style={{ margin: "4px 0 10px 18px", padding: 0 }}>{children}</ul>,
+  ol: ({ children }) => <ol style={{ margin: "4px 0 10px 20px", padding: 0 }}>{children}</ol>,
+  li: ({ children }) => <li style={{ margin: "2px 0" }}>{children}</li>,
+  a: ({ children, href }) => (
+    <a href={href} target="_blank" rel="noreferrer" style={{ color: "var(--accent)", textDecoration: "underline" }}>
+      {children}
+    </a>
+  ),
+  code: ({ children, className }) => {
+    const inline = !className;
+    if (inline) {
+      return (
+        <code
+          className="mono"
+          style={{
+            padding: "1px 5px",
+            borderRadius: "var(--r-xs)",
+            background: "var(--bg-soft)",
+            fontSize: "0.9em",
+          }}
+        >
+          {children}
+        </code>
+      );
+    }
+    return <code className={className}>{children}</code>;
+  },
+  pre: ({ children }) => (
+    <pre
+      className="mono"
+      style={{
+        padding: "10px 12px",
+        borderRadius: "var(--r-sm)",
+        background: "var(--bg-inset)",
+        border: "1px solid var(--border)",
+        overflowX: "auto",
+        fontSize: 12,
+        margin: "6px 0 10px",
+      }}
+    >
+      {children}
+    </pre>
+  ),
+  blockquote: ({ children }) => (
+    <blockquote
+      style={{
+        margin: "4px 0 10px",
+        padding: "4px 10px",
+        borderLeft: "3px solid var(--accent-border)",
+        color: "var(--text-dim)",
+      }}
+    >
+      {children}
+    </blockquote>
+  ),
+  h1: ({ children }) => <h1 className="h-serif" style={{ fontSize: 18, margin: "8px 0 6px" }}>{children}</h1>,
+  h2: ({ children }) => <h2 className="h-serif" style={{ fontSize: 16, margin: "8px 0 6px" }}>{children}</h2>,
+  h3: ({ children }) => <h3 className="h-serif" style={{ fontSize: 14, margin: "6px 0 4px" }}>{children}</h3>,
+};
+
+export function MarkdownChat({ children, components }: { children: string; components?: Components }) {
+  return (
+    <div style={{ lineHeight: 1.55 }}>
+      <ReactMarkdown
+        remarkPlugins={[remarkMath]}
+        rehypePlugins={[rehypeKatex]}
+        components={{ ...COMPONENTS, ...(components || {}) }}
+      >
+        {children}
+      </ReactMarkdown>
+    </div>
+  );
+}
diff --git a/frontend/src/components/MiniStat.tsx b/frontend/src/components/MiniStat.tsx
new file mode 100644
index 00000000..51056f90
--- /dev/null
+++ b/frontend/src/components/MiniStat.tsx
@@ -0,0 +1,31 @@
+import React from "react";
+
+export function MiniStat({
+  label,
+  value,
+  sub,
+  accent,
+}: {
+  label: string;
+  value: React.ReactNode;
+  sub?: string;
+  accent?: string;
+}) {
+  return (
+    <div style={{ padding: "var(--pad-md)", borderRight: "1px solid var(--border)", minWidth: 0 }}>
+      <div className="label-micro">{label}</div>
+      <div
+        style={{
+          fontFamily: "var(--font-display)",
+          fontSize: 26,
+          marginTop: 2,
+          color: accent || "var(--text)",
+          fontFeatureSettings: '"lnum"',
+        }}
+      >
+        {value}
+      </div>
+      {sub && <div style={{ fontSize: 11, color: "var(--text-muted)", marginTop: 2 }}>{sub}</div>}
+    </div>
+  );
+}
diff --git a/frontend/src/components/ModeSelector.tsx b/frontend/src/components/ModeSelector.tsx
deleted file mode 100644
index 136576e9..00000000
--- a/frontend/src/components/ModeSelector.tsx
+++ /dev/null
@@ -1,124 +0,0 @@
-'use client';
-
-import { useState } from 'react';
-import { TeachingMode } from '@/lib/types';
-
-interface Props {
-  mode: TeachingMode;
-  onChange: (mode: TeachingMode) => void;
-  showQuiz?: boolean;
-  quizActive?: boolean;
-  onToggleQuiz?: () => void;
-}
-
-const MODES: { value: TeachingMode; label: string; description: string }[] = [
-  {
-    value: 'socratic',
-    label: 'Socratic',
-    description:
-      'Sapling leads with questions instead of answers. You are guided to reason through concepts step by step, building understanding from your own thinking. Best for deep comprehension and long-term retention.',
-  },
-  {
-    value: 'expository',
-    label: 'Expository',
-    description:
-      'Sapling explains concepts directly and clearly. Ideal when you want to learn something new quickly or need a straightforward walkthrough before practicing on your own.',
-  },
-  {
-    value: 'teachback',
-    label: 'TeachBack',
-    description:
-      'You explain the concept back to Sapling. It listens, asks follow-up questions, and corrects gaps in your understanding. One of the most effective methods for solidifying knowledge.',
-  },
-];
-
-const tooltipStyle: React.CSSProperties = {
-  position: 'absolute',
-  top: 'calc(100% + 10px)',
-  left: '50%',
-  transform: 'translateX(-50%)',
-  background: '#f8fbf8',
-  border: '1px solid rgba(107,114,128,0.18)',
-  borderRadius: '10px',
-  padding: '13px 15px',
-  fontSize: '12px',
-  lineHeight: 1.6,
-  width: '240px',
-  zIndex: 9999,
-  boxShadow: '0 4px 16px rgba(15,23,42,0.09), 0 1px 4px rgba(15,23,42,0.05)',
-  pointerEvents: 'none',
-  fontFamily: "var(--font-dm-sans), 'DM Sans', sans-serif",
-  color: '#374151',
-};
-
-export default function ModeSelector({ mode, onChange, showQuiz, quizActive, onToggleQuiz }: Props) {
-  const [hoveredMode, setHoveredMode] = useState<TeachingMode | null>(null);
-
-  return (
-    <div style={{ display: 'flex', alignItems: 'center', gap: '16px' }}>
-      <div style={{ display: 'flex', gap: '2px' }}>
-        {MODES.map(m => (
-          <div
-            key={m.value}
-            style={{ position: 'relative' }}
-            onMouseEnter={() => setHoveredMode(m.value)}
-            onMouseLeave={() => setHoveredMode(null)}
-          >
-            <button
-              onClick={() => onChange(m.value)}
-              style={{
-                padding: '4px 10px',
-                fontSize: '13px',
-                color: mode === m.value ? 'var(--text)' : 'var(--text-dim)',
-                fontWeight: mode === m.value ? 600 : 400,
-                background: 'none',
-                border: 'none',
-                borderBottom: mode === m.value ? '2px solid var(--accent-active)' : '2px solid transparent',
-                cursor: 'pointer',
-                letterSpacing: '-0.01em',
-                fontFamily: 'inherit',
-              }}
-            >
-              {m.label}
-            </button>
-
-            {hoveredMode === m.value && (
-              <div style={tooltipStyle}>
-                <span style={{
-                  display: 'block',
-                  fontSize: '11px',
-                  fontWeight: 700,
-                  color: '#111827',
-                  letterSpacing: '0.02em',
-                  marginBottom: '6px',
-                }}>
-                  {m.label} mode
-                </span>
-                <p style={{ margin: 0 }}>{m.description}</p>
-              </div>
-            )}
-          </div>
-        ))}
-      </div>
-
-      {showQuiz && onToggleQuiz && (
-        <button
-          onClick={onToggleQuiz}
-          style={{
-            padding: '4px 12px',
-            fontSize: '13px',
-            color: quizActive ? 'var(--accent)' : 'var(--text-dim)',
-            background: quizActive ? 'var(--accent-dim)' : 'none',
-            border: quizActive ? '1px solid var(--accent-border)' : '1px solid var(--border)',
-            borderRadius: '4px',
-            cursor: 'pointer',
-            fontWeight: 500,
-            fontFamily: 'inherit',
-          }}
-        >
-          Quiz
-        </button>
-      )}
-    </div>
-  );
-}
diff --git a/frontend/src/components/NameColorRenderer.tsx b/frontend/src/components/NameColorRenderer.tsx
index b28b5500..2c127c12 100644
--- a/frontend/src/components/NameColorRenderer.tsx
+++ b/frontend/src/components/NameColorRenderer.tsx
@@ -1,32 +1,42 @@
-'use client';
+"use client";
 
-interface Props {
+import React from "react";
+import type { Cosmetic } from "@/lib/types";
+
+interface NameColorRendererProps {
   name: string;
-  cssValue?: string;
+  cosmetic?: Cosmetic | null;
+  className?: string;
+  style?: React.CSSProperties;
+  as?: keyof React.JSX.IntrinsicElements;
 }
 
-export default function NameColorRenderer({ name, cssValue }: Props) {
-  if (!cssValue) {
-    return (
-      <span style={{ color: 'var(--text)' }}>{name}</span>
-    );
-  }
+export function NameColorRenderer({ name, cosmetic, className, style, as = "span" }: NameColorRendererProps) {
+  const Tag = as as React.ElementType;
+  const css = cosmetic?.css_value;
 
-  if (cssValue.includes('gradient')) {
+  if (!css) {
     return (
-      <span style={{
-        background: cssValue,
-        WebkitBackgroundClip: 'text',
-        WebkitTextFillColor: 'transparent',
-        backgroundClip: 'text',
-        color: 'transparent',
-      }}>
+      <Tag className={className} style={style}>
         {name}
-      </span>
+      </Tag>
     );
   }
 
+  const isGradient = /gradient\(/i.test(css);
+  const applied: React.CSSProperties = isGradient
+    ? {
+        backgroundImage: css,
+        WebkitBackgroundClip: "text",
+        backgroundClip: "text",
+        color: "transparent",
+        WebkitTextFillColor: "transparent",
+      }
+    : { color: css };
+
   return (
-    <span style={{ color: cssValue }}>{name}</span>
+    <Tag className={className} style={{ ...applied, ...style }}>
+      {name}
+    </Tag>
   );
 }
diff --git a/frontend/src/components/Navbar.tsx b/frontend/src/components/Navbar.tsx
deleted file mode 100644
index cf6f9bc8..00000000
--- a/frontend/src/components/Navbar.tsx
+++ /dev/null
@@ -1,421 +0,0 @@
-'use client';
-
-import { useState, useTransition, useRef, useEffect } from 'react';
-import Link from 'next/link';
-import { usePathname, useRouter } from 'next/navigation';
-import { useUser } from '@/context/UserContext';
-import { getRecommendations } from '@/lib/api';
-import ReportIssueFlow from '@/components/ReportIssueFlow';
-import AvatarFrame from '@/components/AvatarFrame';
-
-const LINKS = [
-  { href: '/dashboard', label: 'Dashboard' },
-  { href: '/learn', label: 'Learn' },
-  { href: '/study', label: 'Study' },
-  { href: '/library', label: 'Library' },
-  { href: '/calendar', label: 'Calendar' },
-  { href: '/social', label: 'Social' },
-  { href: '/tree', label: 'Tree' },
-];
-
-function useIsMobile(breakpoint = 768) {
-  const [isMobile, setIsMobile] = useState(false);
-  useEffect(() => {
-    const mql = window.matchMedia(`(max-width: ${breakpoint}px)`);
-    setIsMobile(mql.matches);
-    const handler = (e: MediaQueryListEvent) => setIsMobile(e.matches);
-    mql.addEventListener('change', handler);
-    return () => mql.removeEventListener('change', handler);
-  }, [breakpoint]);
-  return isMobile;
-}
-
-export default function Navbar() {
-  const pathname = usePathname();
-  const router = useRouter();
-  const { userId, userName, avatarUrl, userReady, isAuthenticated, isAdmin, equippedCosmetics, signOut } = useUser();
-  const [suggesting, setSuggesting] = useState(false);
-  const [, startTransition] = useTransition();
-  const [menuOpen, setMenuOpen] = useState(false);
-  const [showReportIssue, setShowReportIssue] = useState(false);
-  const [mobileNavOpen, setMobileNavOpen] = useState(false);
-  const menuRef = useRef<HTMLDivElement>(null);
-  const mobileNavRef = useRef<HTMLDivElement>(null);
-  const isMobile = useIsMobile();
-
-  useEffect(() => {
-    const handleClickOutside = (e: MouseEvent) => {
-      if (menuRef.current && !menuRef.current.contains(e.target as Node)) {
-        setMenuOpen(false);
-      }
-      if (mobileNavRef.current && !mobileNavRef.current.contains(e.target as Node)) {
-        setMobileNavOpen(false);
-      }
-    };
-    document.addEventListener('mousedown', handleClickOutside);
-    return () => document.removeEventListener('mousedown', handleClickOutside);
-  }, []);
-
-  useEffect(() => {
-    setMobileNavOpen(false);
-    setMenuOpen(false);
-  }, [pathname]);
-
-  useEffect(() => {
-    const handleEscape = (e: KeyboardEvent) => {
-      if (e.key === 'Escape') {
-        setMenuOpen(false);
-        setMobileNavOpen(false);
-      }
-    };
-    document.addEventListener('keydown', handleEscape);
-    return () => document.removeEventListener('keydown', handleEscape);
-  }, []);
-
-  const publicPaths = ['/', '/signin/callback', '/about', '/terms', '/privacy'];
-  const isPublic = publicPaths.includes(pathname) || pathname.startsWith('/careers');
-
-  useEffect(() => {
-    if (userReady && !isAuthenticated && !isPublic) {
-      router.push('/');
-    }
-  }, [userReady, isAuthenticated, isPublic, router]);
-
-  if (isPublic) return null;
-
-  const handleSuggest = async () => {
-    setSuggesting(true);
-    try {
-      const res = await getRecommendations(userId);
-      const top = res.recommendations[0];
-      if (top) {
-        const encoded = encodeURIComponent(top.concept_name);
-        const base = pathname === '/calendar' ? '/learn' : pathname;
-        startTransition(() => {
-          router.push(`${base}?suggest=${encoded}`);
-        });
-      }
-    } catch (e) {
-      console.error(e);
-    } finally {
-      setSuggesting(false);
-    }
-  };
-
-  const handleSignOut = async () => {
-    setMenuOpen(false);
-    setMobileNavOpen(false);
-    await signOut();
-    router.push('/');
-  };
-
-  return (
-    <>
-      <nav
-      style={{
-        background: 'rgba(255, 255, 255, 0.92)',
-        backdropFilter: 'blur(20px)',
-        WebkitBackdropFilter: 'blur(20px)',
-        borderBottom: '1px solid rgba(107, 114, 128, 0.12)',
-        padding: isMobile ? '0 12px' : '0 24px',
-        display: 'flex',
-        alignItems: 'center',
-        gap: isMobile ? '8px' : '32px',
-        height: '60px',
-        position: 'sticky',
-        top: 0,
-        zIndex: 50,
-      }}
-    >
-      {/* Hamburger — mobile only */}
-      {isMobile && (
-        <div ref={mobileNavRef} style={{ position: 'relative' }}>
-          <button
-            onClick={() => setMobileNavOpen(o => !o)}
-            aria-label="Navigation menu"
-            style={{
-              background: 'none',
-              border: 'none',
-              cursor: 'pointer',
-              padding: '6px',
-              display: 'flex',
-              flexDirection: 'column',
-              gap: '4px',
-            }}
-          >
-            <span style={{ width: '18px', height: '2px', background: '#374151', borderRadius: '1px', transition: 'transform 0.2s', transform: mobileNavOpen ? 'rotate(45deg) translateY(6px)' : 'none' }} />
-            <span style={{ width: '18px', height: '2px', background: '#374151', borderRadius: '1px', transition: 'opacity 0.2s', opacity: mobileNavOpen ? 0 : 1 }} />
-            <span style={{ width: '18px', height: '2px', background: '#374151', borderRadius: '1px', transition: 'transform 0.2s', transform: mobileNavOpen ? 'rotate(-45deg) translateY(-6px)' : 'none' }} />
-          </button>
-
-          {mobileNavOpen && (
-            <div style={{
-              position: 'absolute',
-              top: '100%',
-              left: 0,
-              marginTop: '8px',
-              background: '#ffffff',
-              border: '1px solid rgba(107,114,128,0.15)',
-              borderRadius: '10px',
-              boxShadow: '0 8px 32px rgba(0,0,0,0.12)',
-              minWidth: '200px',
-              zIndex: 100,
-              overflow: 'hidden',
-              padding: '6px 0',
-            }}>
-              {LINKS.map(link => {
-                const active = pathname === link.href || (link.href !== '/dashboard' && pathname.startsWith(link.href));
-                return (
-                  <Link
-                    key={link.href}
-                    href={link.href}
-                    style={{
-                      display: 'block',
-                      padding: '10px 16px',
-                      fontSize: '14px',
-                      color: active ? '#374151' : '#374151',
-                      fontWeight: active ? 700 : 400,
-                      textDecoration: 'none',
-                      background: 'transparent',
-                      fontFamily: "var(--font-dm-sans), 'DM Sans', sans-serif",
-                    }}
-                  >
-                    {link.label}
-                  </Link>
-                );
-              })}
-              <div style={{ borderTop: '1px solid rgba(107,114,128,0.1)', margin: '4px 0' }} />
-              <button
-                onClick={handleSuggest}
-                disabled={suggesting}
-                style={{
-                  display: 'block',
-                  width: '100%',
-                  padding: '10px 16px',
-                  background: 'none',
-                  border: 'none',
-                  textAlign: 'left',
-                  fontSize: '13px',
-                  color: '#1a5c2a',
-                  fontWeight: 500,
-                  cursor: suggesting ? 'default' : 'pointer',
-                  opacity: suggesting ? 0.5 : 1,
-                  fontFamily: "var(--font-dm-sans), 'DM Sans', sans-serif",
-                }}
-              >
-                ✨ What should I study next?
-              </button>
-            </div>
-          )}
-        </div>
-      )}
-
-      <Link href="/dashboard" style={{ display: 'flex', alignItems: 'center', gap: '2px', textDecoration: 'none' }}>
-        <img src="/sapling-icon.svg" alt="Sapling" style={{ width: '32px', height: '32px', marginTop: '-7px', marginBottom: '-3px', marginLeft: '-2px', marginRight: '-4px', alignSelf: 'center', flexShrink: 0 }} />
-        <div style={{ display: 'flex', flexDirection: 'column', gap: '1px', alignItems: 'center', textAlign: 'center' }}>
-          <span style={{
-            fontFamily: "var(--font-spectral), 'Spectral', Georgia, serif",
-            fontWeight: 700,
-            fontSize: isMobile ? '17px' : '20px',
-            color: '#1a5c2a',
-            letterSpacing: '-0.02em',
-            textShadow: '0 0 12px rgba(26, 92, 42, 0.2)',
-            lineHeight: 1.1,
-          }}>
-            Sapling
-          </span>
-          <span style={{ fontSize: '9px', fontWeight: 600, color: '#1a5c2a', letterSpacing: '0.08em', textTransform: 'uppercase', opacity: 0.7, lineHeight: 1 }}>
-            Closed Alpha
-          </span>
-        </div>
-      </Link>
-
-      {/* Desktop nav links */}
-      {!isMobile && (
-        <div style={{ display: 'flex', alignItems: 'center', gap: '2px' }}>
-          {LINKS.map(link => {
-            const active = pathname === link.href || (link.href !== '/dashboard' && pathname.startsWith(link.href));
-            return (
-              <Link
-                key={link.href}
-                href={link.href}
-                className="nav-link"
-                onMouseEnter={e => {
-                  if (!active) e.currentTarget.style.color = '#6b7280';
-                }}
-                onMouseLeave={e => {
-                  if (!active) e.currentTarget.style.color = '#9ca3af';
-                }}
-                style={{
-                  padding: '7px 14px',
-                  fontSize: '15px',
-                  color: active ? '#374151' : '#9ca3af',
-                  fontWeight: 400,
-                  textShadow: active
-                    ? '0.5px 0 0 currentColor, -0.5px 0 0 currentColor'
-                    : 'none',
-                  textDecoration: 'none',
-                  borderRadius: '6px',
-                  borderBottom: 'none',
-                  background: 'transparent',
-                  fontFamily: "var(--font-dm-sans), 'DM Sans', sans-serif",
-                  letterSpacing: '0.2px',
-                  transition: 'color 0.15s',
-                }}
-              >
-                {link.label}
-              </Link>
-            );
-          })}
-        </div>
-      )}
-
-      <div style={{ marginLeft: 'auto', display: 'flex', alignItems: 'center', gap: '10px' }}>
-        <button
-          onClick={() => setShowReportIssue(true)}
-          style={{
-            display: 'flex',
-            alignItems: 'center',
-            gap: '6px',
-            padding: '7px 14px',
-            background: 'rgba(220,38,38,0.07)',
-            color: '#dc2626',
-            border: '1px solid rgba(220,38,38,0.2)',
-            borderRadius: '7px',
-            fontSize: '14px',
-            fontWeight: 500,
-            fontFamily: "var(--font-dm-sans), 'DM Sans', sans-serif",
-            cursor: 'pointer',
-            whiteSpace: 'nowrap',
-          }}
-        >
-          Report Issue
-        </button>
-
-        {/* Desktop-only suggest (mobile: hamburger menu) */}
-        {!isMobile && (
-          <button
-            onClick={handleSuggest}
-            disabled={suggesting}
-            style={{
-              display: 'flex',
-              alignItems: 'center',
-              gap: '7px',
-              padding: '7px 15px',
-              background: 'rgba(26,92,42,0.08)',
-              color: '#1a5c2a',
-              border: '1px solid rgba(26,92,42,0.22)',
-              borderRadius: '7px',
-              fontSize: '14px',
-              fontWeight: 500,
-              fontFamily: "var(--font-dm-sans), 'DM Sans', sans-serif",
-              cursor: suggesting ? 'default' : 'pointer',
-              opacity: suggesting ? 0.5 : 1,
-              transition: 'opacity 0.15s',
-              whiteSpace: 'nowrap',
-            }}
-          >
-            What should I study next?
-          </button>
-        )}
-
-        {/* User avatar/name dropdown */}
-        <div ref={menuRef} style={{ position: 'relative' }}>
-          <button
-            onClick={() => setMenuOpen(o => !o)}
-            style={{
-              display: 'flex',
-              alignItems: 'center',
-              gap: isMobile ? '5px' : '10px',
-              padding: '5px 12px',
-              background: 'transparent',
-              border: '1px solid rgba(107,114,128,0.18)',
-              borderRadius: '7px',
-              cursor: 'pointer',
-              fontSize: '14px',
-              fontFamily: "var(--font-dm-sans), 'DM Sans', sans-serif",
-              color: '#374151',
-            }}
-          >
-            <AvatarFrame
-              userId={userId}
-              name={userName}
-              size={28}
-              avatarUrl={avatarUrl}
-              frameUrl={equippedCosmetics?.avatar_frame?.asset_url}
-            />
-            {!isMobile && <span style={{ fontWeight: 500 }}>{userName || 'User'}</span>}
-          </button>
-
-          {menuOpen && (
-            <div style={{
-              position: 'absolute',
-              top: '100%',
-              right: 0,
-              marginTop: '4px',
-              background: '#ffffff',
-              border: '1px solid rgba(107,114,128,0.15)',
-              borderRadius: '8px',
-              boxShadow: '0 4px 16px rgba(0,0,0,0.1)',
-              minWidth: '160px',
-              zIndex: 100,
-              overflow: 'hidden',
-            }}>
-              <div style={{
-                padding: '10px 14px',
-                borderBottom: '1px solid rgba(107,114,128,0.1)',
-                fontSize: '12px',
-                color: '#9ca3af',
-              }}>
-                Signed in as <strong style={{ color: '#374151' }}>{userName}</strong>
-              </div>
-              {[
-                { href: '/settings', label: 'Settings' },
-                ...(isAdmin ? [{ href: '/admin', label: 'Admin' }] : []),
-              ].map(item => (
-                <Link
-                  key={item.href}
-                  href={item.href}
-                  onClick={() => setMenuOpen(false)}
-                  style={{
-                    display: 'block',
-                    padding: '8px 14px',
-                    fontSize: '13px',
-                    color: '#374151',
-                    textDecoration: 'none',
-                    fontFamily: 'inherit',
-                  }}
-                  onMouseEnter={e => e.currentTarget.style.background = 'rgba(107,114,128,0.06)'}
-                  onMouseLeave={e => e.currentTarget.style.background = 'none'}
-                >
-                  {item.label}
-                </Link>
-              ))}
-              <div style={{ borderTop: '1px solid rgba(107,114,128,0.1)', margin: '2px 0' }} />
-              <button
-                onClick={handleSignOut}
-                style={{
-                  width: '100%',
-                  padding: '10px 14px',
-                  background: 'none',
-                  border: 'none',
-                  textAlign: 'left',
-                  fontSize: '13px',
-                  color: '#dc2626',
-                  cursor: 'pointer',
-                  fontFamily: 'inherit',
-                }}
-                onMouseEnter={e => e.currentTarget.style.background = '#fef2f2'}
-                onMouseLeave={e => e.currentTarget.style.background = 'none'}
-              >
-                Sign out
-              </button>
-            </div>
-          )}
-        </div>
-      </div>
-    </nav>
-      <ReportIssueFlow visible={showReportIssue} onDismiss={() => setShowReportIssue(false)} />
-    </>
-  );
-}
\ No newline at end of file
diff --git a/frontend/src/components/OnboardingFlow.tsx b/frontend/src/components/OnboardingFlow.tsx
deleted file mode 100644
index b3a1ab70..00000000
--- a/frontend/src/components/OnboardingFlow.tsx
+++ /dev/null
@@ -1,732 +0,0 @@
-'use client';
-
-import { useState, useEffect, useRef } from 'react';
-import { X, ChevronRight, ChevronLeft, XCircle } from 'lucide-react';
-
-
-const API_URL = process.env.NEXT_PUBLIC_API_URL ?? 'http://localhost:5000';
-
-const STEPS = [
-  { id: 'google',   label: 'Account',        color: '#9CA3AF' },
-  { id: 'name',     label: 'Name',           color: '#D97706' },
-  { id: 'school',   label: 'School',         color: '#8A63D2' },
-  { id: 'academics',label: 'Academics',      color: '#3B82F6' },
-  { id: 'courses',  label: 'Courses',        color: '#14B8A6' },
-  { id: 'style',    label: 'Learning Style', color: '#EF4444' },
-] as const;
-
-const BU_MAJORS = [
-  'Acting', 'Advertising', 'African American & Black Diaspora Studies', 'American Studies',
-  'Ancient Greek & Latin', 'Ancient Greek Language & Culture', 'Anthropology & Religion',
-  'Anthropology: Behavioral Biology', 'Anthropology: Biological Anthropology', 'Anthropology: Sociocultural Anthropology',
-  'Archaeological & Environmental Sciences', 'Architectural Studies', 'Art', 'Art Education',
-  'Astronomy', 'Astronomy & Physics', 'Astrophysics & Space Physics',
-  'Behavior & Health', 'Biochemistry & Molecular Biology', 'Bioinformatics',
-  'Biology', 'Biology: Behavioral Biology', 'Biology: Cell Biology, Molecular Biology & Genetics',
-  'Biology: Ecology & Conservation Biology', 'Biology: Neurobiology', 'Biomedical Engineering',
-  'Business Administration', 'Chemistry', 'Chemistry & Physics', 'Chemistry: Chemical Biology',
-  'Chemistry: Materials and Nanoscience', 'Chinese Language & Literature', 'Cinema & Media Studies',
-  'Classical Civilization', 'Classical Studies', 'Classics & Archaeology', 'Classics & Philosophy',
-  'Classics & Religion', 'Comparative Literature', 'Computer Engineering', 'Computer Science',
-  'Computer Science & Economics', 'Criminal Justice', 'Data Science',
-  'Earth & Environmental Sciences', 'Economics', 'Economics & Mathematics',
-  'Education & Human Development', 'Electrical Engineering', 'Elementary Education',
-  'English', 'English Education', 'Environmental Analysis & Policy',
-  'Film & Television', 'French & Linguistics', 'French Studies', 'German Language & Literature',
-  'Graphic Design', 'Health Science', 'History', 'History of Art & Architecture',
-  'Hospitality Administration', 'Hospitality & Communication', 'Human Physiology',
-  'Interdisciplinary Studies', 'International Relations', 'Italian & Linguistics', 'Italian Studies',
-  'Japanese & Linguistics', 'Japanese Language & Literature', 'Journalism',
-  'Korean Language & Literature', 'Latin American Studies', 'Latin Language & Culture',
-  'Linguistics', 'Linguistics & African Languages', 'Linguistics & Computer Science',
-  'Linguistics & Philosophy', 'Linguistics and Speech, Language & Hearing Sciences',
-  'Management Studies', 'Marine Science', 'Mathematics', 'Mathematics & Computer Science',
-  'Mathematics & Mathematics Education', 'Mathematics & Philosophy', 'Mathematics & Physics',
-  'Mathematics Education', 'Mechanical Engineering', 'Media Science',
-  'Middle East & North Africa Studies', 'Middle Eastern and South Asian Languages & Literatures',
-  'Modern Foreign Language Education', 'Music', 'Music Composition & Theory', 'Music Education',
-  'Music Performance', 'Neuroscience', 'Nutrition', 'Painting', 'Philosophy',
-  'Philosophy & Neuroscience', 'Philosophy & Physics', 'Philosophy & Political Science',
-  'Philosophy & Psychology', 'Philosophy & Religion', 'Physical Therapy', 'Physics',
-  'Physics & Computer Science', 'Political Science', 'Printmaking', 'Psychology',
-  'Public Health', 'Public Relations', 'Russian Language & Literature',
-  'Science Education', 'Sculpture', 'Social Studies Education', 'Sociology',
-  'Sound Design', 'Spanish', 'Spanish & Linguistics', 'Special Education',
-  'Speech, Language & Hearing Sciences', 'Stage Management', 'Teaching of Chemistry',
-  'Theatre Arts', 'Urban Affairs',
-];
-
-const BU_MINORS = [
-  'Advertising', 'African American & Black Diaspora Studies', 'African Languages & Literatures',
-  'African Studies', 'American Studies', 'Ancient Greek', 'Anthropology', 'Arabic',
-  'Archaeological & Environmental Sciences', 'Astronomy', 'Autism Spectrum Disorders',
-  'Chinese', 'Cinema & Media Studies', 'Classical Civilization', 'Comparative Literature',
-  'Computer Engineering', 'Computer Science', 'Core Curriculum', 'Core Independent Studies',
-  'Dance', 'Deaf Education', 'Deaf Studies', 'Earth & Environmental Sciences', 'Economics',
-  'Education', 'Emotional & Behavioral Challenges in Schools', 'Engineering Science',
-  'English', 'Environmental Analysis & Policy', 'Environmental Remote Sensing & GIS',
-  'European Studies', 'Event Management & Public Relations', 'Film & Television',
-  'French Studies', 'German', 'Global Medieval Studies', 'Hebrew', 'History',
-  'History of Art & Architecture', 'Holocaust, Genocide & Human Rights Studies',
-  'Hospitality Administration', 'Human Physiology', 'Innovation & Entrepreneurship',
-  'Interdisciplinary Studies', 'Israel Studies', 'Italian', 'Japanese', 'Jewish Studies',
-  'Journalism', 'Korean', 'Latin', 'Latin American Studies', 'Linguistics', 'Marine Science',
-  'Materials Science & Engineering', 'Mathematics', 'Mathematics Education',
-  'Mechanical Engineering', 'Media Science', 'Medical Anthropology', 'Modern Greek', 'Music',
-  'Muslim Cultures', 'Muslim Societies', 'Myth Studies', 'Persian Cultural Studies',
-  'Philosophy', 'Physics', 'Political Science', 'Portuguese & Brazilian Cultural Studies',
-  'Psychology', 'Public Health', 'Public Policy Analysis', 'Real Estate', 'Religion',
-  'Russian', 'Sociology', 'Special Education', 'Statistics', 'Sustainable Energy',
-  'Systems Engineering', 'Teaching Science Education', 'Theatre Arts', 'Turkish Cultural Studies',
-  'Urban Affairs', 'Urban Studies', 'Visual Arts', "Women's, Gender & Sexuality Studies",
-];
-
-
-const LEARNING_STYLES = [
-  { id: 'visual',   label: 'Visual',          desc: 'Diagrams, charts, and visual maps' },
-  { id: 'reading',  label: 'Reading / Writing', desc: 'Notes, textbooks, and written summaries' },
-  { id: 'auditory', label: 'Auditory',         desc: 'Lectures, discussions, verbal explanations' },
-  { id: 'hands-on', label: 'Hands-On',         desc: 'Practice problems and active experimentation' },
-  { id: 'mixed',    label: 'Mixed',            desc: 'A combination of multiple styles' },
-];
-
-interface CourseOption {
-  id: string;
-  course_code: string;
-  course_name: string;
-}
-
-interface FormData {
-  firstName: string;
-  lastName: string;
-  school: string;
-  year: string;
-  majors: string[];
-  minors: string[];
-  courses: CourseOption[];
-  style: string;
-}
-
-interface Props {
-  visible: boolean;
-  onClose: () => void;
-  onFinish: (data: { firstName: string; lastName: string; school: string; year: string; majors: string[]; minors: string[]; course_ids: string[]; style: string }) => void;
-  activeStep: number;
-  completed: Set<number>;
-  setActiveStep: (s: number) => void;
-  setCompleted: (s: Set<number>) => void;
-}
-
-export default function OnboardingFlow({ visible, onClose, onFinish, activeStep, completed, setActiveStep, setCompleted }: Props) {
-  const [yearOpen, setYearOpen] = useState(false);
-
-  const YEAR_OPTIONS = ['Freshman', 'Sophomore', 'Junior', 'Senior', 'Graduate', 'Other'];
-  const [majorInput, setMajorInput] = useState('');
-  const [minorInput, setMinorInput] = useState('');
-  const [majorSuggestions, setMajorSuggestions] = useState<string[]>([]);
-  const [minorSuggestions, setMinorSuggestions] = useState<string[]>([]);
-  const [majorFocused, setMajorFocused] = useState(false);
-  const [minorFocused, setMinorFocused] = useState(false);
-  const [courseInput, setCourseInput] = useState('');
-  const [courseSuggestions, setCourseSuggestions] = useState<CourseOption[]>([]);
-  const [courseFocused, setCourseFocused] = useState(false);
-  const courseDebounceRef = useRef<NodeJS.Timeout | null>(null);
-
-  const [formData, setFormData] = useState<FormData>({
-    firstName: '', lastName: '',
-    school: 'Boston University', year: '', majors: [], minors: [], courses: [], style: '',
-  });
-
-
-  // Escape key closes
-  useEffect(() => {
-    if (!visible) {
-      if (courseDebounceRef.current) { clearTimeout(courseDebounceRef.current); courseDebounceRef.current = null; }
-      return;
-    }
-
-    const handler = (e: KeyboardEvent) => { if (e.key === 'Escape') onClose(); };
-    window.addEventListener('keydown', handler);
-    return () => {
-      window.removeEventListener('keydown', handler);
-      if (courseDebounceRef.current) { clearTimeout(courseDebounceRef.current); courseDebounceRef.current = null; }
-    };
-  }, [visible, onClose]);
-
-  function handleOptionKeyDown(event: React.KeyboardEvent<HTMLButtonElement>, onSelect: () => void) {
-    if (event.key === 'Enter' || event.key === ' ') {
-      event.preventDefault();
-      onSelect();
-    }
-  }
-
-  function selectYear(option: string) {
-    setFormData(prev => ({ ...prev, year: option.toLowerCase() }));
-    setYearOpen(false);
-  }
-
-  function handleMajorInput(value: string) {
-    setMajorInput(value);
-    if (value.trim().length < 1) { setMajorSuggestions([]); return; }
-    setMajorSuggestions(
-      BU_MAJORS.filter(m => m.toLowerCase().includes(value.toLowerCase()) && !formData.majors.includes(m)).slice(0, 8)
-    );
-  }
-
-  function addMajor(m: string) {
-    if (!formData.majors.includes(m)) setFormData(prev => ({ ...prev, majors: [...prev.majors, m] }));
-    setMajorInput(''); setMajorSuggestions([]);
-  }
-
-  function handleMinorInput(value: string) {
-    setMinorInput(value);
-    if (value.trim().length < 1) { setMinorSuggestions([]); return; }
-    setMinorSuggestions(
-      BU_MINORS.filter(m => m.toLowerCase().includes(value.toLowerCase()) && !formData.minors.includes(m)).slice(0, 8)
-    );
-  }
-
-  function addMinor(m: string) {
-    if (!formData.minors.includes(m)) setFormData(prev => ({ ...prev, minors: [...prev.minors, m] }));
-    setMinorInput(''); setMinorSuggestions([]);
-  }
-
-  function canAdvance(): boolean {
-    switch (activeStep) {
-      case 0: return false;
-      case 1: return formData.firstName.trim().length > 0 && formData.lastName.trim().length > 0;
-      case 2: return formData.school.trim().length > 0 && formData.year.length > 0;
-      case 3: return formData.majors.length > 0;
-      case 4: return formData.courses.length > 0;
-      case 5: return formData.style.length > 0;
-      default: return false;
-    }
-  }
-
-  function handleGoogleSignIn() {
-    sessionStorage.setItem('sapling_onboarding_pending', 'true');
-    window.location.href = `${API_URL}/api/auth/google`;
-  }
-
-  function handleNext() {
-    if (!canAdvance()) return;
-    setCompleted(new Set([...completed, activeStep]));
-    if (activeStep < STEPS.length - 1) {
-      setActiveStep(activeStep + 1);
-    } else {
-      onFinish({
-        firstName: formData.firstName,
-        lastName: formData.lastName,
-        school: formData.school,
-        year: formData.year,
-        majors: formData.majors,
-        minors: formData.minors,
-        course_ids: formData.courses.map(c => c.id),
-        style: formData.style,
-      });
-    }
-  }
-
-  function handleBack() {
-    if (activeStep > 0) setActiveStep(activeStep - 1);
-  }
-
-  function handleCourseInput(value: string) {
-    setCourseInput(value);
-    if (courseDebounceRef.current) clearTimeout(courseDebounceRef.current);
-    if (value.trim().length < 1) { setCourseSuggestions([]); return; }
-    courseDebounceRef.current = setTimeout(async () => {
-      try {
-        const res = await fetch(`${API_URL}/api/onboarding/courses?q=${encodeURIComponent(value)}`);
-        const data: { courses: CourseOption[] } = await res.json();
-        const selectedIds = new Set(formData.courses.map(c => c.id));
-        setCourseSuggestions(data.courses.filter(c => !selectedIds.has(c.id)));
-      } catch {
-        setCourseSuggestions([]);
-      } finally {
-        courseDebounceRef.current = null;
-      }
-    }, 200);
-  }
-
-  function addCourse(course: CourseOption) {
-    if (!formData.courses.some(c => c.id === course.id)) {
-      setFormData(prev => ({ ...prev, courses: [...prev.courses, course] }));
-    }
-    setCourseInput(''); setCourseSuggestions([]);
-  }
-
-  const activeColor = STEPS[activeStep].color;
-
-  const headingStyle: React.CSSProperties = {
-    textAlign: 'center',
-    fontFamily: "var(--font-playfair), 'Playfair Display', serif",
-    fontSize: '30px', fontWeight: 600, color: '#0f172a',
-    marginBottom: '8px', lineHeight: 1.2,
-    textShadow: '0 0 24px rgba(255,255,255,1), 0 0 48px rgba(255,255,255,0.75)',
-  };
-
-  const subtitleStyle: React.CSSProperties = {
-    textAlign: 'center',
-    color: 'rgba(15,23,42,0.62)',
-    fontSize: '13px', marginBottom: '28px',
-    textShadow: '0 0 16px rgba(255,255,255,1), 0 0 32px rgba(255,255,255,0.7)',
-  };
-
-  const inputStyle: React.CSSProperties = {
-    background: 'rgba(255,255,255,0.52)',
-    backdropFilter: 'blur(12px)',
-    WebkitBackdropFilter: 'blur(12px)',
-    border: '1px solid rgba(0,0,0,0.13)',
-    color: '#111827',
-    borderRadius: '14px',
-    padding: '14px 18px',
-    fontSize: '15px',
-    outline: 'none',
-    width: '100%',
-    fontFamily: "var(--font-dm-sans), 'DM Sans', sans-serif",
-  };
-
-  return (
-    <div
-      style={{
-        position: 'fixed', inset: 0, zIndex: 80,
-        opacity: visible ? 1 : 0,
-        transition: 'opacity 600ms cubic-bezier(0.22,1,0.36,1)',
-        pointerEvents: visible ? 'auto' : 'none',
-        display: 'flex', flexDirection: 'column',
-        alignItems: 'center', justifyContent: 'center',
-      }}
-    >
-      {/* ── Close ── */}
-      <button
-        onClick={onClose}
-        style={{
-          position: 'absolute', top: '28px', right: '32px', zIndex: 10,
-          color: 'rgba(0,0,0,0.28)', background: 'none', border: 'none',
-          padding: '8px', display: 'flex', cursor: 'pointer',
-          transition: 'color 0.2s ease',
-        }}
-      >
-        <X style={{ width: '22px', height: '22px' }} strokeWidth={1.5} />
-      </button>
-
-      {/* ── Step indicator (top-left) ── */}
-      {activeStep > 0 && (
-        <div style={{ position: 'absolute', top: '28px', left: '32px', zIndex: 10 }}>
-          <div style={{
-            fontFamily: "var(--font-dm-sans), 'DM Sans', sans-serif",
-            fontSize: '11px', letterSpacing: '0.12em', textTransform: 'uppercase',
-            color: '#1B6C42', fontWeight: 700, marginBottom: '4px',
-          }}>
-            Step {activeStep} / {STEPS.length - 1}
-          </div>
-          <div style={{
-            fontFamily: "var(--font-playfair), 'Playfair Display', serif",
-            fontSize: '18px', fontWeight: 600, color: '#0f172a',
-            marginBottom: '10px', letterSpacing: '-0.01em',
-          }}>
-            {STEPS[activeStep].label}
-          </div>
-          {(() => {
-            const totalSteps = STEPS.length - 1;
-            const GAP = 3;
-            const totalWidth = 200;
-            const segW = (totalWidth - (totalSteps - 1) * GAP) / totalSteps;
-            const filledW = activeStep > 0
-              ? activeStep * segW + (activeStep - 1) * GAP
-              : 0;
-            return (
-              <div style={{ position: 'relative', width: `${totalWidth}px`, height: '4px' }}>
-                <div style={{ display: 'flex', gap: `${GAP}px`, position: 'absolute', inset: 0 }}>
-                  {Array.from({ length: totalSteps }, (_, i) => (
-                    <div key={i} style={{
-                      width: `${segW}px`, height: '100%', flexShrink: 0,
-                      background: 'rgba(27,108,66,0.12)', borderRadius: '99px',
-                    }} />
-                  ))}
-                </div>
-                <div style={{
-                  position: 'absolute', left: 0, top: 0, height: '100%',
-                  width: `${filledW}px`,
-                  background: '#1B6C42', borderRadius: '99px',
-                  transition: 'width 0.55s cubic-bezier(0.22,1,0.36,1)',
-                }} />
-              </div>
-            );
-          })()}
-        </div>
-      )}
-
-      {/* ── Centered step dot + label ── */}
-      <div style={{ display: 'flex', alignItems: 'center', gap: '8px', marginBottom: '18px' }}>
-        <span style={{
-          display: 'inline-block', width: '6px', height: '6px', borderRadius: '50%', flexShrink: 0,
-          background: activeColor, boxShadow: `0 0 8px ${activeColor}cc`,
-        }} />
-        <span style={{
-          fontFamily: "var(--font-jetbrains), 'JetBrains Mono', monospace",
-          fontSize: '10px', letterSpacing: '0.28em', textTransform: 'uppercase',
-          color: activeColor, fontWeight: 500,
-        }}>
-          {STEPS[activeStep].label}
-        </span>
-      </div>
-
-      {/* ── Content column ── */}
-      <div style={{ width: '100%', maxWidth: '440px', padding: '0 28px' }}>
-        <div key={activeStep} style={{ animation: 'ob-card-in 0.38s cubic-bezier(0.22,1,0.36,1) both', position: 'relative', zIndex: 1 }}>
-
-          {activeStep === 0 && (
-            <div>
-              <h3 style={headingStyle}>Let&apos;s get started</h3>
-              <p style={subtitleStyle}>Sign in with Google to create your Sapling account. A valid .edu email is required to register.</p>
-              <button
-                onClick={handleGoogleSignIn}
-                style={{
-                  ...inputStyle,
-                  display: 'flex', alignItems: 'center', justifyContent: 'center', gap: '10px',
-                  background: 'rgba(255,255,255,0.85)',
-                  border: '1px solid rgba(0,0,0,0.13)',
-                  cursor: 'pointer', fontWeight: 500, fontSize: '15px',
-                  color: '#111827', transition: 'all 0.2s',
-                }}
-              >
-                <svg width="18" height="18" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg">
-                  <path d="M17.64 9.2c0-.637-.057-1.251-.164-1.84H9v3.481h4.844c-.209 1.125-.843 2.078-1.796 2.716v2.259h2.908c1.702-1.567 2.684-3.875 2.684-6.615z" fill="#4285F4"/>
-                  <path d="M9 18c2.43 0 4.467-.806 5.956-2.184l-2.908-2.259c-.806.54-1.837.86-3.048.86-2.344 0-4.328-1.584-5.036-3.711H.957v2.332A8.997 8.997 0 0 0 9 18z" fill="#34A853"/>
-                  <path d="M3.964 10.706A5.41 5.41 0 0 1 3.682 9c0-.593.102-1.17.282-1.706V4.962H.957A8.996 8.996 0 0 0 0 9c0 1.452.348 2.827.957 4.038l3.007-2.332z" fill="#FBBC05"/>
-                  <path d="M9 3.58c1.321 0 2.508.454 3.44 1.345l2.582-2.58C13.463.891 11.426 0 9 0A8.997 8.997 0 0 0 .957 4.962L3.964 7.294C4.672 5.163 6.656 3.58 9 3.58z" fill="#EA4335"/>
-                </svg>
-                Continue with Google
-              </button>
-            </div>
-          )}
-
-          {activeStep === 1 && (
-            <div>
-              <h3 style={headingStyle}>
-                What&apos;s your name?
-              </h3>
-              <p style={subtitleStyle}>
-                This is how you&apos;ll appear on Sapling.
-              </p>
-              <div style={{ display: 'flex', gap: '10px' }}>
-                <input type="text" value={formData.firstName}
-                  onChange={e => setFormData(prev => ({ ...prev, firstName: e.target.value }))}
-                  placeholder="First" autoFocus style={{ ...inputStyle, flex: 1 }} />
-                <input type="text" value={formData.lastName}
-                  onChange={e => setFormData(prev => ({ ...prev, lastName: e.target.value }))}
-                  placeholder="Last" style={{ ...inputStyle, flex: 1 }} />
-              </div>
-            </div>
-          )}
-
-          {activeStep === 2 && (
-            <div>
-              <h3 style={headingStyle}>
-                Where do you study?
-              </h3>
-              <p style={subtitleStyle}>
-                Sapling is currently available for BU affiliates. Select your year below.
-              </p>
-              <div style={{
-                ...inputStyle,
-                marginBottom: '10px',
-                color: '#111827',
-                fontWeight: 500,
-                background: 'rgba(255,255,255,0.65)',
-              }}>
-                Boston University
-              </div>
-              <div style={{ position: 'relative', zIndex: yearOpen ? 20 : 1 }}>
-                <button
-                  type="button"
-                  onClick={() => setYearOpen(o => !o)}
-                  onBlur={() => setTimeout(() => setYearOpen(false), 150)}
-                  style={{
-                    ...inputStyle,
-                    textAlign: 'left', cursor: 'pointer',
-                    color: formData.year ? '#111827' : 'rgba(0,0,0,0.35)',
-                    display: 'flex', justifyContent: 'space-between', alignItems: 'center',
-                    background: 'rgba(255,255,255,0.52)',
-                  }}
-                >
-                  <span>{formData.year ? formData.year.charAt(0).toUpperCase() + formData.year.slice(1) : 'Select class year'}</span>
-                  <ChevronRight style={{ width: '16px', height: '16px', transform: yearOpen ? 'rotate(90deg)' : 'rotate(0deg)', transition: 'transform 0.2s', flexShrink: 0, color: 'rgba(0,0,0,0.35)' }} />
-                </button>
-                {yearOpen && (
-                  <div style={{
-                    position: 'absolute', top: 'calc(100% + 6px)', left: 0, right: 0,
-                    background: '#ffffff',
-                    border: '1px solid rgba(0,0,0,0.1)',
-                    borderRadius: '14px',
-                    maxHeight: '192px', overflowY: 'auto',
-                    zIndex: 100,
-                    boxShadow: '0 8px 32px rgba(0,0,0,0.12)',
-                  }} role="listbox" aria-label="Class year options">
-                    {YEAR_OPTIONS.map((opt, i) => (
-                      <button
-                        key={opt}
-                        type="button"
-                        role="option"
-                        aria-selected={formData.year === opt.toLowerCase()}
-                        onMouseDown={() => selectYear(opt)}
-                        onKeyDown={e => handleOptionKeyDown(e, () => selectYear(opt))}
-                        style={{
-                          width: '100%',
-                          textAlign: 'left',
-                          padding: '12px 18px',
-                          fontSize: '14px',
-                          color: formData.year === opt.toLowerCase() ? '#1B6C42' : '#111827',
-                          fontWeight: formData.year === opt.toLowerCase() ? 500 : 400,
-                          cursor: 'pointer',
-                          borderBottom: i < YEAR_OPTIONS.length - 1 ? '1px solid rgba(0,0,0,0.06)' : 'none',
-                          fontFamily: "var(--font-dm-sans), 'DM Sans', sans-serif",
-                          transition: 'background 0.15s',
-                          background: formData.year === opt.toLowerCase() ? 'rgba(27,108,66,0.06)' : 'transparent',
-                          borderLeft: 'none',
-                          borderRight: 'none',
-                          borderTop: 'none',
-                        }}
-                        onMouseEnter={e => { if (formData.year !== opt.toLowerCase()) e.currentTarget.style.background = 'rgba(27,108,66,0.08)'; }}
-                        onMouseLeave={e => { e.currentTarget.style.background = formData.year === opt.toLowerCase() ? 'rgba(27,108,66,0.06)' : 'transparent'; }}
-                      >
-                        {opt}
-                      </button>
-                    ))}
-                  </div>
-                )}
-              </div>
-            </div>
-          )}
-
-          {activeStep === 3 && (
-            <div>
-              <h3 style={headingStyle}>What&apos;s your major?</h3>
-              <p style={subtitleStyle}>Add your major(s) and any minor(s).</p>
-
-              {/* Majors */}
-              {(['majors', 'minors'] as const).map(field => {
-                const isMinor = field === 'minors';
-                const input = isMinor ? minorInput : majorInput;
-                const suggestions = isMinor ? minorSuggestions : majorSuggestions;
-                const focused = isMinor ? minorFocused : majorFocused;
-                const setFocused = isMinor ? setMinorFocused : setMajorFocused;
-                const handleInput = isMinor ? handleMinorInput : handleMajorInput;
-                const addItem = isMinor ? addMinor : addMajor;
-                const items = formData[field];
-                const activeCol = STEPS[activeStep].color;
-                return (
-                  <div key={field} style={{ marginBottom: isMinor ? 0 : '16px' }}>
-                    <div style={{
-                      fontSize: '11px', fontWeight: 600, textTransform: 'uppercase', letterSpacing: '0.1em',
-                      color: 'rgba(0,0,0,0.45)', marginBottom: '8px',
-                      fontFamily: "var(--font-dm-sans), 'DM Sans', sans-serif",
-                    }}>
-                      {isMinor ? 'Minors' : 'Majors'}{isMinor && <span style={{ fontWeight: 400, opacity: 0.6, textTransform: 'none', letterSpacing: 0 }}> · optional</span>}
-                    </div>
-                    <div style={{ position: 'relative', zIndex: focused ? 20 : 1 }}>
-                      <input
-                        type="text" value={input} autoFocus={!isMinor}
-                        onChange={e => handleInput(e.target.value)}
-                        onFocus={() => setFocused(true)}
-                        onBlur={() => setTimeout(() => setFocused(false), 150)}
-                        placeholder={isMinor ? 'Search minors...' : 'Search majors...'}
-                        style={{ ...inputStyle }}
-                      />
-                      {focused && suggestions.length > 0 && (
-                        <div style={{
-                          position: 'absolute', top: 'calc(100% + 6px)', left: 0, right: 0,
-                          background: '#ffffff', border: '1px solid rgba(0,0,0,0.1)',
-                          borderRadius: '14px', maxHeight: '180px', overflowY: 'auto',
-                          zIndex: 100, boxShadow: '0 8px 32px rgba(0,0,0,0.12)',
-                        }} role="listbox" aria-label={isMinor ? 'Minor suggestions' : 'Major suggestions'}>
-                          {suggestions.map((s, i) => (
-                            <button
-                              key={i}
-                              type="button"
-                              role="option"
-                              aria-selected={items.includes(s)}
-                              onMouseDown={() => addItem(s)}
-                              onKeyDown={e => handleOptionKeyDown(e, () => addItem(s))}
-                              style={{
-                              width: '100%',
-                              textAlign: 'left',
-                              padding: '11px 18px', fontSize: '14px', color: '#111827', cursor: 'pointer',
-                              borderBottom: i < suggestions.length - 1 ? '1px solid rgba(0,0,0,0.06)' : 'none',
-                              fontFamily: "var(--font-dm-sans), 'DM Sans', sans-serif", transition: 'background 0.15s',
-                              background: 'transparent',
-                              borderLeft: 'none',
-                              borderRight: 'none',
-                              borderTop: 'none',
-                            }}
-                              onMouseEnter={e => (e.currentTarget.style.background = 'rgba(27,108,66,0.08)')}
-                              onMouseLeave={e => (e.currentTarget.style.background = 'transparent')}
-                            >{s}</button>
-                          ))}
-                        </div>
-                      )}
-                    </div>
-                    {items.length > 0 && (
-                      <div style={{ display: 'flex', flexWrap: 'wrap', gap: '7px', marginTop: '10px' }}>
-                        {items.map((item, idx) => (
-                          <div key={idx} style={{
-                            background: `${activeCol}18`, border: `1px solid ${activeCol}40`,
-                            borderRadius: '9999px', padding: '5px 12px', fontSize: '12px',
-                            color: '#111827', display: 'flex', alignItems: 'center', gap: '7px',
-                            fontFamily: "var(--font-dm-sans), 'DM Sans', sans-serif",
-                          }}>
-                            {item}
-                            <button onClick={() => setFormData(prev => ({ ...prev, [field]: prev[field].filter((_, i) => i !== idx) }))}
-                              style={{ background: 'none', border: 'none', padding: 0, cursor: 'pointer', display: 'flex', color: 'rgba(0,0,0,0.35)' }}>
-                              <XCircle style={{ width: '13px', height: '13px' }} />
-                            </button>
-                          </div>
-                        ))}
-                      </div>
-                    )}
-                  </div>
-                );
-              })}
-            </div>
-          )}
-
-          {activeStep === 4 && (
-            <div>
-              <h3 style={headingStyle}>
-                What are you studying?
-              </h3>
-              <p style={subtitleStyle}>
-                Search and add your courses this semester.
-              </p>
-              <div style={{ position: 'relative', zIndex: courseFocused ? 20 : 1 }}>
-                <input type="text" value={courseInput}
-                  onChange={e => handleCourseInput(e.target.value)}
-                  onFocus={() => setCourseFocused(true)}
-                  onBlur={() => setTimeout(() => setCourseFocused(false), 150)}
-                  placeholder="Search courses..." autoFocus style={{ ...inputStyle }} />
-                {courseFocused && courseSuggestions.length > 0 && (
-                  <div style={{
-                    position: 'absolute', top: 'calc(100% + 6px)', left: 0, right: 0,
-                    background: '#ffffff', border: '1px solid rgba(0,0,0,0.1)',
-                    borderRadius: '14px', maxHeight: '192px', overflowY: 'auto',
-                    zIndex: 100, boxShadow: '0 8px 32px rgba(0,0,0,0.12)',
-                  }} role="listbox" aria-label="Course suggestions">
-                    {courseSuggestions.map((c, i) => (
-                      <button
-                        key={c.id}
-                        type="button"
-                        role="option"
-                        aria-selected={false}
-                        onMouseDown={() => addCourse(c)}
-                        onKeyDown={e => handleOptionKeyDown(e, () => addCourse(c))}
-                        style={{
-                          width: '100%', textAlign: 'left', padding: '11px 18px',
-                          fontSize: '14px', color: '#111827', cursor: 'pointer',
-                          borderBottom: i < courseSuggestions.length - 1 ? '1px solid rgba(0,0,0,0.06)' : 'none',
-                          fontFamily: "var(--font-dm-sans), 'DM Sans', sans-serif",
-                          transition: 'background 0.15s', background: 'transparent',
-                          borderLeft: 'none', borderRight: 'none', borderTop: 'none',
-                        }}
-                        onMouseEnter={e => (e.currentTarget.style.background = 'rgba(27,108,66,0.08)')}
-                        onMouseLeave={e => (e.currentTarget.style.background = 'transparent')}
-                      >
-                        <span style={{ fontWeight: 500 }}>{c.course_code}</span>
-                        {c.course_code !== c.course_name && (
-                          <span style={{ color: 'rgba(0,0,0,0.45)', marginLeft: '8px' }}>{c.course_name}</span>
-                        )}
-                      </button>
-                    ))}
-                  </div>
-                )}
-              </div>
-              {formData.courses.length > 0 && (
-                <div style={{ display: 'flex', flexWrap: 'wrap', gap: '8px', marginTop: '12px' }}>
-                  {formData.courses.map((c, idx) => (
-                    <div key={c.id} style={{
-                      background: `${activeColor}18`, border: `1px solid ${activeColor}40`,
-                      borderRadius: '9999px', padding: '6px 14px', color: '#111827',
-                      fontSize: '13px', display: 'flex', alignItems: 'center', gap: '8px',
-                      fontFamily: "var(--font-dm-sans), 'DM Sans', sans-serif",
-                    }}>
-                      {c.course_code}
-                      <button onClick={() => setFormData(prev => ({ ...prev, courses: prev.courses.filter((_, i) => i !== idx) }))}
-                        style={{ background: 'none', border: 'none', padding: 0, cursor: 'pointer', display: 'flex', color: 'rgba(0,0,0,0.35)' }}>
-                        <XCircle style={{ width: '14px', height: '14px' }} />
-                      </button>
-                    </div>
-                  ))}
-                </div>
-              )}
-            </div>
-          )}
-
-          {activeStep === 5 && (
-            <div>
-              <h3 style={headingStyle}>
-                How do you learn best?
-              </h3>
-              <p style={{ ...subtitleStyle, marginBottom: '20px' }}>
-                Sapling&apos;s AI adapts to your style.
-              </p>
-              <div style={{ display: 'flex', flexDirection: 'column', gap: '6px' }}>
-                {LEARNING_STYLES.map(ls => (
-                  <button key={ls.id} onClick={() => setFormData(prev => ({ ...prev, style: ls.id }))} style={{
-                    textAlign: 'left', padding: '12px 16px', borderRadius: '12px',
-                    background: formData.style === ls.id ? `${activeColor}18` : 'rgba(255,255,255,0.45)',
-                    backdropFilter: 'blur(10px)', WebkitBackdropFilter: 'blur(10px)',
-                    border: formData.style === ls.id ? `1px solid ${activeColor}60` : '1px solid rgba(0,0,0,0.09)',
-                    cursor: 'pointer', transition: 'all 0.22s ease',
-                  }}>
-                    <div style={{ color: '#0f172a', fontSize: '13px', fontWeight: 500, marginBottom: '1px', fontFamily: "var(--font-dm-sans), 'DM Sans', sans-serif" }}>{ls.label}</div>
-                    <div style={{ color: 'rgba(0,0,0,0.4)', fontSize: '12px', fontFamily: "var(--font-dm-sans), 'DM Sans', sans-serif" }}>{ls.desc}</div>
-                  </button>
-                ))}
-              </div>
-            </div>
-          )}
-        </div>
-
-        {/* ── Navigation ── */}
-        {activeStep > 0 && (
-          <div style={{ display: 'flex', gap: '10px', marginTop: '28px', justifyContent: 'center' }}>
-            <button onClick={handleBack} style={{
-              display: 'flex', alignItems: 'center', gap: '5px',
-              padding: '13px 22px',
-              background: 'rgba(255,255,255,0.48)', backdropFilter: 'blur(10px)', WebkitBackdropFilter: 'blur(10px)',
-              border: '1px solid rgba(27,108,66,0.25)', borderRadius: '100px',
-              color: '#1B6C42', fontSize: '13px', fontWeight: 500,
-              cursor: 'pointer', transition: 'all 0.2s ease',
-              fontFamily: "var(--font-dm-sans), 'DM Sans', sans-serif",
-            }}>
-              <ChevronLeft style={{ width: '15px', height: '15px' }} />
-              Back
-            </button>
-            <button onClick={handleNext} disabled={!canAdvance()} style={{
-              display: 'flex', alignItems: 'center', justifyContent: 'center', gap: '6px',
-              padding: '13px 40px',
-              background: canAdvance() ? '#1B6C42' : 'rgba(255,255,255,0.4)',
-              backdropFilter: canAdvance() ? 'none' : 'blur(10px)',
-              WebkitBackdropFilter: canAdvance() ? 'none' : 'blur(10px)',
-              border: canAdvance() ? 'none' : '1px solid rgba(0,0,0,0.09)',
-              borderRadius: '100px',
-              color: canAdvance() ? 'white' : 'rgba(0,0,0,0.25)',
-              fontSize: '14px', fontWeight: 600,
-              cursor: canAdvance() ? 'pointer' : 'not-allowed',
-              boxShadow: canAdvance() ? '0 8px 32px rgba(27,108,66,0.35)' : 'none',
-              transition: 'all 0.3s ease',
-              fontFamily: "var(--font-dm-sans), 'DM Sans', sans-serif",
-            }}>
-              {activeStep === STEPS.length - 1
-                ? 'Launch Sapling'
-                : <><span>Continue</span><ChevronRight style={{ width: '16px', height: '16px' }} /></>
-              }
-            </button>
-          </div>
-        )}
-      </div>
-
-    </div>
-  );
-}
diff --git a/frontend/src/components/Pill.tsx b/frontend/src/components/Pill.tsx
new file mode 100644
index 00000000..e8033929
--- /dev/null
+++ b/frontend/src/components/Pill.tsx
@@ -0,0 +1,38 @@
+"use client";
+import React from "react";
+
+export function Pill({
+  children,
+  active,
+  onClick,
+  icon,
+  color,
+}: {
+  children: React.ReactNode;
+  active?: boolean;
+  onClick?: () => void;
+  icon?: React.ReactNode;
+  color?: string;
+}) {
+  return (
+    <button
+      onClick={onClick}
+      style={{
+        display: "inline-flex",
+        alignItems: "center",
+        gap: 6,
+        padding: "5px 11px",
+        borderRadius: "var(--r-full)",
+        fontSize: 12,
+        background: active ? (color || "var(--accent-soft)") : "transparent",
+        color: active ? (color ? "#fff" : "var(--accent)") : "var(--text-dim)",
+        border: `1px solid ${active ? (color || "var(--accent-border)") : "var(--border)"}`,
+        transition: "all var(--dur-fast) var(--ease)",
+        fontFamily: "var(--font-sans)",
+      }}
+    >
+      {icon}
+      {children}
+    </button>
+  );
+}
diff --git a/frontend/src/components/ProfileBanner.tsx b/frontend/src/components/ProfileBanner.tsx
deleted file mode 100644
index f7678b84..00000000
--- a/frontend/src/components/ProfileBanner.tsx
+++ /dev/null
@@ -1,37 +0,0 @@
-'use client';
-
-interface Props {
-  bannerUrl?: string;
-}
-
-export default function ProfileBanner({ bannerUrl }: Props) {
-  if (bannerUrl) {
-    return (
-      <div style={{
-        width: '100%',
-        height: '160px',
-        borderRadius: 'var(--radius-md)',
-        overflow: 'hidden',
-      }}>
-        <img
-          src={bannerUrl}
-          alt=""
-          style={{
-            width: '100%',
-            height: '100%',
-            objectFit: 'cover',
-          }}
-        />
-      </div>
-    );
-  }
-
-  return (
-    <div style={{
-      width: '100%',
-      height: '160px',
-      borderRadius: 'var(--radius-md)',
-      background: 'linear-gradient(135deg, var(--accent-dim) 0%, var(--bg-subtle) 100%)',
-    }} />
-  );
-}
diff --git a/frontend/src/components/ProfileView.tsx b/frontend/src/components/ProfileView.tsx
new file mode 100644
index 00000000..a22391aa
--- /dev/null
+++ b/frontend/src/components/ProfileView.tsx
@@ -0,0 +1,197 @@
+"use client";
+import React from "react";
+import { AvatarFrame } from "./AvatarFrame";
+import { NameColorRenderer } from "./NameColorRenderer";
+import { TitleFlair } from "./TitleFlair";
+import { RoleBadge } from "./RoleBadge";
+import { Icon } from "./Icon";
+import type { UserProfile } from "@/lib/types";
+
+const rarityColor: Record<string, string> = {
+  common: "#8a8372",
+  uncommon: "#4e873c",
+  rare: "#3e6f8a",
+  epic: "#7b4b99",
+  legendary: "#b4862c",
+};
+
+export function ProfileView({ profile, embedded = false }: { profile: UserProfile; embedded?: boolean }) {
+  const eq = profile.equipped_cosmetics || {};
+  const roles = [...(profile.roles || [])].sort(
+    (a, b) => (b.role.display_priority || 0) - (a.role.display_priority || 0),
+  );
+
+  const hero = (
+    <section
+      style={{
+        display: "flex",
+        gap: 20,
+        alignItems: "flex-start",
+        padding: "var(--pad-lg)",
+        background: eq.banner?.asset_url
+          ? `linear-gradient(135deg, color-mix(in oklab, ${eq.banner.css_value || "var(--accent)"} 35%, var(--bg-panel)) 0%, var(--bg-panel) 100%)`
+          : "var(--bg-panel)",
+        border: "1px solid var(--border)",
+        borderRadius: "var(--r-xl)",
+        position: "relative",
+        overflow: "hidden",
+      }}
+    >
+      <div>
+        <AvatarFrame
+          name={profile.name || "?"}
+          size={88}
+          img={profile.avatar_url || undefined}
+          frame={eq.avatar_frame ?? null}
+        />
+      </div>
+      <div style={{ flex: 1, minWidth: 0 }}>
+        <div style={{ display: "flex", alignItems: "center", gap: 10, flexWrap: "wrap" }}>
+          <NameColorRenderer
+            name={profile.name || "Unnamed"}
+            cosmetic={eq.name_color ?? null}
+            as="h1"
+            style={{ fontFamily: "var(--font-display)", fontSize: 26, fontWeight: 500, margin: 0 }}
+          />
+          {eq.title && <TitleFlair cosmetic={eq.title} />}
+        </div>
+        {profile.username && (
+          <div style={{ fontSize: 12, color: "var(--text-muted)", marginTop: 4 }}>
+            @{profile.username}
+          </div>
+        )}
+        <div style={{ display: "flex", gap: 6, flexWrap: "wrap", marginTop: 10 }}>
+          {roles.map(r => (
+            <RoleBadge key={r.role.id} role={r.role} />
+          ))}
+        </div>
+        {profile.bio && (
+          <p style={{ margin: "12px 0 0", fontSize: 13, color: "var(--text-dim)", lineHeight: 1.55 }}>
+            {profile.bio}
+          </p>
+        )}
+        <div style={{ display: "flex", gap: 14, flexWrap: "wrap", marginTop: 12, fontSize: 12, color: "var(--text-muted)" }}>
+          {profile.school && <Meta icon="tree" text={profile.school} />}
+          {profile.year && <Meta icon="star" text={profile.year} />}
+          {profile.location && <Meta icon="home" text={profile.location} />}
+          {profile.website && (
+            <a
+              href={profile.website}
+              target="_blank"
+              rel="noreferrer"
+              style={{ color: "var(--accent)", textDecoration: "underline", display: "inline-flex", alignItems: "center", gap: 4 }}
+            >
+              <Icon name="send" size={11} /> {prettyUrl(profile.website)}
+            </a>
+          )}
+        </div>
+      </div>
+    </section>
+  );
+
+  const studies = [
+    profile.majors?.length && { label: "Majors", values: profile.majors },
+    profile.minors?.length && { label: "Minors", values: profile.minors },
+  ].filter(Boolean) as { label: string; values: string[] }[];
+
+  const stats = profile.stats || ({} as UserProfile["stats"]);
+
+  return (
+    <div style={{ display: "flex", flexDirection: "column", gap: 16, padding: embedded ? 0 : "20px 0", maxWidth: 900, margin: "0 auto" }}>
+      {hero}
+
+      {(stats.streak_count !== undefined || stats.session_count !== undefined) && (
+        <section style={{ display: "grid", gridTemplateColumns: "repeat(auto-fit, minmax(150px, 1fr))", gap: 12 }}>
+          <StatCard label="Streak" value={stats.streak_count ?? 0} suffix="days" />
+          <StatCard label="Sessions" value={stats.session_count ?? 0} />
+          <StatCard label="Documents" value={stats.documents_count ?? 0} />
+          <StatCard label="Achievements" value={stats.achievements_count ?? 0} />
+        </section>
+      )}
+
+      {studies.length > 0 && (
+        <section className="card" style={{ padding: "var(--pad-lg)" }}>
+          <div className="label-micro" style={{ marginBottom: 10 }}>Fields of study</div>
+          <div style={{ display: "flex", flexDirection: "column", gap: 10 }}>
+            {studies.map(s => (
+              <div key={s.label} style={{ display: "flex", gap: 10, alignItems: "baseline" }}>
+                <div style={{ fontSize: 12, color: "var(--text-muted)", minWidth: 60 }}>{s.label}</div>
+                <div style={{ display: "flex", flexWrap: "wrap", gap: 6 }}>
+                  {s.values.map(v => (
+                    <span key={v} className="chip">{v}</span>
+                  ))}
+                </div>
+              </div>
+            ))}
+          </div>
+        </section>
+      )}
+
+      {(profile.featured_achievements?.length ?? 0) > 0 && (
+        <section className="card" style={{ padding: "var(--pad-lg)" }}>
+          <div className="label-micro" style={{ marginBottom: 10 }}>Featured achievements</div>
+          <div style={{ display: "grid", gridTemplateColumns: "repeat(auto-fill, minmax(140px, 1fr))", gap: 10 }}>
+            {profile.featured_achievements!.map(ua => {
+              const c = rarityColor[ua.achievement.rarity] || "var(--text-muted)";
+              return (
+                <div
+                  key={ua.achievement.id}
+                  style={{
+                    padding: 12,
+                    textAlign: "center",
+                    border: `1px solid ${c}33`,
+                    background: `${c}0f`,
+                    borderRadius: "var(--r-md)",
+                    borderTop: `3px solid ${c}`,
+                  }}
+                >
+                  <div style={{ fontSize: 26, marginBottom: 4 }}>{ua.achievement.icon || "★"}</div>
+                  <div style={{ fontSize: 11, fontWeight: 600 }}>{ua.achievement.name}</div>
+                  <div style={{ fontSize: 10, color: "var(--text-muted)", marginTop: 2, textTransform: "uppercase", letterSpacing: "0.08em" }}>
+                    {ua.achievement.rarity}
+                  </div>
+                </div>
+              );
+            })}
+          </div>
+        </section>
+      )}
+
+      {profile.stats === undefined || Object.keys(profile.stats || {}).length === 0 ? (
+        <div style={{ fontSize: 12, color: "var(--text-muted)", textAlign: "center", padding: 24 }}>
+          This profile is private.
+        </div>
+      ) : null}
+    </div>
+  );
+}
+
+function Meta({ icon, text }: { icon: string; text: string }) {
+  return (
+    <span style={{ display: "inline-flex", alignItems: "center", gap: 5 }}>
+      <Icon name={icon} size={11} />
+      {text}
+    </span>
+  );
+}
+
+function StatCard({ label, value, suffix }: { label: string; value: number; suffix?: string }) {
+  return (
+    <div className="card" style={{ padding: "14px 16px" }}>
+      <div className="label-micro">{label}</div>
+      <div style={{ display: "flex", alignItems: "baseline", gap: 4, marginTop: 2 }}>
+        <div className="mono" style={{ fontSize: 22, fontWeight: 600 }}>{value}</div>
+        {suffix && <div style={{ fontSize: 11, color: "var(--text-muted)" }}>{suffix}</div>}
+      </div>
+    </div>
+  );
+}
+
+function prettyUrl(url: string) {
+  try {
+    const u = new URL(url);
+    return u.hostname.replace(/^www\./, "") + (u.pathname !== "/" ? u.pathname : "");
+  } catch {
+    return url;
+  }
+}
diff --git a/frontend/src/components/QuizPanel.tsx b/frontend/src/components/QuizPanel.tsx
index 4c76df0f..8060f2b5 100644
--- a/frontend/src/components/QuizPanel.tsx
+++ b/frontend/src/components/QuizPanel.tsx
@@ -1,362 +1,331 @@
-'use client';
+"use client";
 
-import { useEffect, useState } from 'react';
-import { GraphNode, QuizQuestion, QuizResult } from '@/lib/types';
-import { generateQuiz, submitQuiz } from '@/lib/api';
-import CustomSelect from '@/components/CustomSelect';
+import React, { useMemo, useState } from "react";
+import { useRouter } from "next/navigation";
+import { CustomSelect } from "./CustomSelect";
+import { useToast } from "./ToastProvider";
+import { generateQuiz, submitQuiz } from "@/lib/api";
 
-interface Props {
-  nodes: GraphNode[];
+type Phase = "select" | "active" | "review" | "results";
+
+interface ConceptOption {
+  id: string;
+  name: string;
+  course_id?: string | null;
+  course_code?: string | null;
+}
+
+interface QuizQuestion {
+  id: number | string;
+  question: string;
+  options: { label: string; text: string; correct: boolean }[];
+  explanation: string;
+  concept_tested: string;
+  difficulty: string;
+}
+
+interface QuizAnswer {
+  question_id: number | string;
+  selected: string;
+}
+
+interface QuizResult {
+  question_id: number | string;
+  selected: string;
+  correct: boolean;
+  correct_answer: string;
+  explanation: string;
+}
+
+interface QuizPanelProps {
   userId: string;
-  selectedCourse?: string;
-  onLearnConcept?: (concept: string) => void;
-  preselectedNodeId?: string;
-  useSharedContext?: boolean;
+  concepts: ConceptOption[];
+  initialConceptId?: string | null;
+  onExit: () => void;
 }
 
-type Phase = 'select' | 'active' | 'review' | 'results';
+const COUNT_OPTIONS = [
+  { value: "5", label: "5 questions" },
+  { value: "10", label: "10 questions" },
+  { value: "15", label: "15 questions" },
+];
+
+const DIFFICULTY_OPTIONS = [
+  { value: "easy", label: "Easy" },
+  { value: "medium", label: "Medium" },
+  { value: "hard", label: "Hard" },
+  { value: "adaptive", label: "Adaptive" },
+];
 
-export default function QuizPanel({ nodes, userId, selectedCourse, onLearnConcept, preselectedNodeId, useSharedContext = true }: Props) {
-  const preselectedNode = preselectedNodeId ? nodes.find(n => n.id === preselectedNodeId) : undefined;
-  const subjectFilter = selectedCourse || preselectedNode?.subject || '';
-  const courseNodes = subjectFilter
-    ? nodes.filter(n => n.subject === subjectFilter && !n.is_subject_root)
-    : nodes.filter(n => !n.is_subject_root);
-  const [phase, setPhase] = useState<Phase>('select');
-  const [selectedNodeId, setSelectedNodeId] = useState(preselectedNodeId ?? '');
-  const [numQuestions, setNumQuestions] = useState(5);
-  const [difficulty, setDifficulty] = useState('medium');
+export function QuizPanel({ userId, concepts, initialConceptId, onExit }: QuizPanelProps) {
+  const router = useRouter();
+  const toast = useToast();
 
-  const [quizId, setQuizId] = useState('');
+  const [phase, setPhase] = useState<Phase>("select");
+  const [conceptId, setConceptId] = useState<string | null>(initialConceptId ?? concepts[0]?.id ?? null);
+  const [count, setCount] = useState("5");
+  const [difficulty, setDifficulty] = useState("medium");
+
+  const [quizId, setQuizId] = useState<string | null>(null);
   const [questions, setQuestions] = useState<QuizQuestion[]>([]);
-  const [currentQ, setCurrentQ] = useState(0);
-  const [selectedAnswer, setSelectedAnswer] = useState<string | null>(null);
-  const [answers, setAnswers] = useState<{ question_id: number; selected_label: string }[]>([]);
-  const [reviewData, setReviewData] = useState<QuizResult | null>(null);
+  const [answers, setAnswers] = useState<QuizAnswer[]>([]);
+  const [qIndex, setQIndex] = useState(0);
+  const [currentSelection, setCurrentSelection] = useState<string | null>(null);
+  const [lastCorrect, setLastCorrect] = useState<boolean | null>(null);
 
-  const [results, setResults] = useState<{ score: number; total: number; mastery_before: number; mastery_after: number; results: QuizResult[] } | null>(null);
+  const [results, setResults] = useState<{ score: number; total: number; results: QuizResult[]; mastery_before: number; mastery_after: number } | null>(null);
   const [loading, setLoading] = useState(false);
-  const [error, setError] = useState('');
 
-  useEffect(() => {
-    if (preselectedNodeId) {
-      setSelectedNodeId(preselectedNodeId);
-    }
-  }, [preselectedNodeId]);
+  const currentQuestion = questions[qIndex];
 
-  const startQuiz = async () => {
-    if (!selectedNodeId) return;
+  const start = async () => {
+    if (!conceptId) {
+      toast.warn("Pick a concept first.");
+      return;
+    }
     setLoading(true);
-    setError('');
     try {
-      const res = await generateQuiz(userId, selectedNodeId, numQuestions, difficulty, useSharedContext);
+      const res = await generateQuiz(userId, conceptId, Number(count), difficulty);
       setQuizId(res.quiz_id);
-      setQuestions(res.questions);
-      setCurrentQ(0);
+      setQuestions(res.questions || []);
       setAnswers([]);
-      setPhase('active');
-    } catch (e: any) {
-      setError(e.message || 'Failed to generate quiz');
+      setQIndex(0);
+      setCurrentSelection(null);
+      setLastCorrect(null);
+      setPhase("active");
+    } catch (err) {
+      toast.error(err instanceof Error ? err.message : "Failed to generate quiz.");
     } finally {
       setLoading(false);
     }
   };
 
-  const submitAnswer = () => {
-    if (!selectedAnswer) return;
-    const q = questions[currentQ];
-    const correctOpt = q.options.find(o => o.correct);
-    const isCorrect = selectedAnswer === correctOpt?.label;
-    const result: QuizResult = {
-      question_id: q.id,
-      selected: selectedAnswer,
-      correct: isCorrect,
-      correct_answer: correctOpt?.label ?? '',
-      explanation: q.explanation,
-    };
-    setReviewData(result);
-    setAnswers(prev => [...prev, { question_id: q.id, selected_label: selectedAnswer }]);
-    setPhase('review');
+  const submitCurrent = () => {
+    if (!currentQuestion || !currentSelection) return;
+    const chosen = currentQuestion.options.find(o => o.label === currentSelection);
+    setLastCorrect(!!chosen?.correct);
+    setAnswers(a => [...a, { question_id: currentQuestion.id, selected: currentSelection }]);
+    setPhase("review");
   };
 
-  const nextQuestion = () => {
-    setSelectedAnswer(null);
-    setReviewData(null);
-    if (currentQ + 1 < questions.length) {
-      setCurrentQ(prev => prev + 1);
-      setPhase('active');
-    } else {
-      finishQuiz();
+  const next = () => {
+    if (qIndex + 1 >= questions.length) {
+      finish();
+      return;
     }
+    setQIndex(i => i + 1);
+    setCurrentSelection(null);
+    setLastCorrect(null);
+    setPhase("active");
   };
 
-  const finishQuiz = async () => {
+  const finish = async () => {
+    if (!quizId) return;
     setLoading(true);
     try {
       const res = await submitQuiz(quizId, answers);
       setResults(res);
-      setPhase('results');
-    } catch (e: any) {
-      setError(e.message || 'Failed to submit quiz');
+      setPhase("results");
+    } catch (err) {
+      toast.error(err instanceof Error ? err.message : "Failed to submit quiz.");
     } finally {
       setLoading(false);
     }
   };
 
-  const reset = () => {
-    setPhase('select');
+  const retake = () => {
+    setPhase("select");
     setResults(null);
-    setAnswers([]);
-    setSelectedAnswer(null);
-    setReviewData(null);
-    setQuizId('');
-    setQuestions([]);
-    setCurrentQ(0);
   };
 
-  if (phase === 'select') {
-    return (
-      <div style={{ height: '100%', display: 'flex', flexDirection: 'column' }}>
-        {/* Scrollable concept list */}
-        <div className="no-scrollbar" style={{ flex: 1, overflowY: 'auto', padding: '20px 20px 12px' }}>
-          <p className="label" style={{ marginBottom: '8px' }}>Select Concept</p>
-          <div style={{ display: 'flex', flexDirection: 'column', gap: '6px' }}>
-            {!subjectFilter ? (
-              <p style={{ fontSize: '13px', color: 'var(--text-dim)', padding: '8px 2px' }}>Select a course first</p>
-            ) : courseNodes.map(n => {
-              const sel = selectedNodeId === n.id;
-              const pct = Math.round(n.mastery_score * 100);
+  const explainConcept = (concept: string) => {
+    router.push(`/learn?topic=${encodeURIComponent(concept)}&mode=socratic`);
+  };
+
+  const conceptOptions = useMemo(
+    () => concepts.map(c => ({
+      value: c.id,
+      label: c.course_code ? `${c.course_code} — ${c.name}` : c.name,
+    })),
+    [concepts],
+  );
+
+  return (
+    <div
+      className="card"
+      style={{
+        padding: "var(--pad-xl)",
+        display: "flex",
+        flexDirection: "column",
+        gap: 18,
+        maxWidth: 680,
+      }}
+    >
+      {phase === "select" && (
+        <>
+          <div>
+            <div className="label-micro" style={{ marginBottom: 4 }}>Quiz</div>
+            <div className="h-serif" style={{ fontSize: 24 }}>Test what you know</div>
+          </div>
+          <div>
+            <div className="label-micro" style={{ marginBottom: 6 }}>Concept</div>
+            {concepts.length === 0 ? (
+              <div style={{ fontSize: 13, color: "var(--text-muted)" }}>No concepts yet — learn something first.</div>
+            ) : (
+              <CustomSelect<string>
+                value={conceptId ?? ""}
+                options={conceptOptions}
+                onChange={v => setConceptId(v)}
+                style={{ width: "100%" }}
+                placeholder="Pick a concept…"
+              />
+            )}
+          </div>
+          <div style={{ display: "flex", gap: 10, flexWrap: "wrap" }}>
+            <div style={{ flex: 1, minWidth: 160 }}>
+              <div className="label-micro" style={{ marginBottom: 6 }}>Count</div>
+              <CustomSelect value={count} options={COUNT_OPTIONS} onChange={setCount} style={{ width: "100%" }} />
+            </div>
+            <div style={{ flex: 1, minWidth: 160 }}>
+              <div className="label-micro" style={{ marginBottom: 6 }}>Difficulty</div>
+              <CustomSelect value={difficulty} options={DIFFICULTY_OPTIONS} onChange={setDifficulty} style={{ width: "100%" }} />
+            </div>
+          </div>
+          <div style={{ display: "flex", justifyContent: "space-between" }}>
+            <button className="btn" onClick={onExit}>Cancel</button>
+            <button className="btn btn--primary" onClick={start} disabled={loading || !conceptId}>
+              {loading ? "Generating…" : "Start quiz"}
+            </button>
+          </div>
+        </>
+      )}
+
+      {phase === "active" && currentQuestion && (
+        <>
+          <div style={{ display: "flex", alignItems: "center", justifyContent: "space-between" }}>
+            <div className="label-micro">Question {qIndex + 1} of {questions.length}</div>
+            <div className="chip" style={{ textTransform: "uppercase" }}>{currentQuestion.difficulty}</div>
+          </div>
+          <div style={{ fontSize: 16, lineHeight: 1.55 }}>{currentQuestion.question}</div>
+          <div role="radiogroup" aria-label="Answer choices" style={{ display: "grid", gap: 8 }}>
+            {currentQuestion.options.map(o => {
+              const selected = currentSelection === o.label;
               return (
                 <button
-                  key={n.id}
-                  onClick={() => setSelectedNodeId(n.id)}
+                  key={o.label}
+                  role="radio"
+                  aria-checked={selected}
+                  onClick={() => setCurrentSelection(o.label)}
                   style={{
-                    display: 'flex',
-                    alignItems: 'center',
-                    gap: '12px',
-                    padding: '10px 14px',
-                    border: `1px solid ${sel ? 'var(--accent-border)' : 'var(--border)'}`,
-                    borderRadius: 'var(--radius-md)',
-                    cursor: 'pointer',
-                    background: sel ? 'var(--accent-dim)' : 'var(--bg-panel)',
-                    textAlign: 'left',
-                    fontFamily: 'inherit',
-                    width: '100%',
-                    boxShadow: sel ? '0 0 0 3px var(--accent-glow)' : 'none',
-                    transition: 'border-color var(--dur-fast), background var(--dur-fast), box-shadow var(--dur-fast)',
+                    textAlign: "left",
+                    padding: "10px 14px",
+                    border: `1.5px solid ${selected ? "var(--accent)" : "var(--border)"}`,
+                    background: selected ? "var(--accent-soft)" : "var(--bg-panel)",
+                    color: selected ? "var(--accent)" : "var(--text)",
+                    borderRadius: "var(--r-md)",
+                    fontSize: 14,
                   }}
                 >
-                  {/* Custom radio dot */}
-                  <span style={{
-                    width: '16px',
-                    height: '16px',
-                    borderRadius: '50%',
-                    border: `2px solid ${sel ? 'var(--accent)' : 'var(--border-mid)'}`,
-                    background: sel ? 'var(--accent)' : 'transparent',
-                    flexShrink: 0,
-                    display: 'flex',
-                    alignItems: 'center',
-                    justifyContent: 'center',
-                    transition: 'border-color var(--dur-fast), background var(--dur-fast)',
-                  }}>
-                    {sel && <span style={{ width: '6px', height: '6px', borderRadius: '50%', background: 'white', display: 'block' }} />}
-                  </span>
-
-                  <span style={{ fontSize: '13px', color: 'var(--text)', flex: 1, fontWeight: sel ? 500 : 400 }}>
-                    {n.concept_name}
-                  </span>
-
-                  {/* Mastery pill */}
-                  <span style={{
-                    fontSize: '11px',
-                    fontWeight: 600,
-                    color: sel ? 'var(--accent)' : 'var(--text-dim)',
-                    padding: '2px 8px',
-                    borderRadius: 'var(--radius-full)',
-                    background: sel ? 'rgba(26,92,42,0.1)' : 'var(--bg-subtle)',
-                    border: `1px solid ${sel ? 'var(--accent-border)' : 'var(--border)'}`,
-                    flexShrink: 0,
-                  }}>
-                    {pct}%
-                  </span>
+                  <span className="mono" style={{ marginRight: 8, fontWeight: 600 }}>{o.label}.</span>
+                  {o.text}
                 </button>
               );
             })}
           </div>
-        </div>
-
-        {/* Pinned bottom controls */}
-        <div style={{ flexShrink: 0, padding: '12px 20px 20px', borderTop: '1px solid var(--border-light)' }}>
-          <div style={{ display: 'flex', gap: '16px', marginBottom: '12px' }}>
-            <div>
-              <p className="label" style={{ marginBottom: '6px' }}>Questions</p>
-              <CustomSelect
-                value={String(numQuestions)}
-                onChange={val => setNumQuestions(Number(val))}
-                options={[5, 10, 15].map(n => ({ value: String(n), label: String(n) }))}
-                compact
-              />
-            </div>
-            <div>
-              <p className="label" style={{ marginBottom: '6px' }}>Difficulty</p>
-              <CustomSelect
-                value={difficulty}
-                onChange={val => setDifficulty(val)}
-                options={['easy', 'medium', 'hard', 'adaptive'].map(d => ({ value: d, label: d }))}
-                compact
-              />
-            </div>
+          <div style={{ display: "flex", justifyContent: "space-between" }}>
+            <button className="btn" onClick={onExit}>Exit</button>
+            <button className="btn btn--primary" onClick={submitCurrent} disabled={!currentSelection}>
+              Submit answer
+            </button>
           </div>
+        </>
+      )}
 
-          {error && <p style={{ color: '#dc2626', fontSize: '13px', marginBottom: '8px' }}>{error}</p>}
-
-          <button
-            onClick={startQuiz}
-            disabled={!selectedNodeId || loading}
-            className="btn-accent"
-            style={{ width: '100%', cursor: selectedNodeId && !loading ? 'pointer' : 'not-allowed', opacity: !selectedNodeId || loading ? 0.4 : 1 }}
+      {phase === "review" && currentQuestion && (
+        <>
+          <div className="label-micro">Review</div>
+          <div
+            style={{
+              padding: "10px 14px",
+              borderRadius: "var(--r-md)",
+              background: lastCorrect ? "var(--accent-soft)" : "var(--err-soft)",
+              color: lastCorrect ? "var(--accent)" : "var(--err)",
+              fontSize: 14,
+              fontWeight: 500,
+            }}
           >
-            {loading ? 'Generating...' : 'Start Quiz'}
-          </button>
-        </div>
-      </div>
-    );
-  }
-
-  if (phase === 'active' || phase === 'review') {
-    const q = questions[currentQ];
-    return (
-      <div className="no-scrollbar" style={{ padding: '20px', display: 'flex', flexDirection: 'column', gap: '16px', height: '100%', overflowY: 'auto' }}>
-        <p style={{ fontSize: '12px', color: 'var(--text-dim)' }}>
-          Question {currentQ + 1} of {questions.length}
-        </p>
-        <p style={{ fontSize: '15px', fontWeight: 500, color: 'var(--text)', lineHeight: 1.6 }}>{q.question}</p>
-
-        <div style={{ display: 'flex', flexDirection: 'column', gap: '8px' }}>
-          {q.options.map(opt => {
-            let borderColor = 'var(--border)';
-            let bg = 'var(--bg-subtle)';
-            if (phase === 'review') {
-              if (opt.correct) { borderColor = 'rgba(22,163,74,0.5)'; bg = 'rgba(22,163,74,0.08)'; }
-              else if (opt.label === selectedAnswer && !opt.correct) { borderColor = 'rgba(220,38,38,0.5)'; bg = 'rgba(220,38,38,0.08)'; }
-            } else if (selectedAnswer === opt.label) {
-              borderColor = 'var(--accent-border)';
-              bg = 'var(--accent-dim)';
-            }
-
-            return (
-              <button
-                key={opt.label}
-                onClick={() => phase === 'active' && setSelectedAnswer(opt.label)}
-                disabled={phase === 'review'}
-                style={{
-                  padding: '13px 18px',
-                  border: `1px solid ${borderColor}`,
-                  borderRadius: '8px',
-                  background: bg,
-                  textAlign: 'left',
-                  cursor: phase === 'active' ? 'pointer' : 'default',
-                  display: 'flex',
-                  gap: '13px',
-                  alignItems: 'flex-start',
-                  fontSize: '18px',
-                  color: 'var(--text)',
-                  fontFamily: 'inherit',
-                }}
-              >
-                <span style={{ fontWeight: 600, color: 'var(--text-dim)', minWidth: '20px' }}>{opt.label}</span>
-                {opt.text}
-              </button>
-            );
-          })}
-        </div>
-
-        {phase === 'review' && (
-          <div className="panel" style={{ padding: '12px' }}>
-            <p style={{ fontSize: '13px', color: 'var(--text-muted)', lineHeight: 1.6 }}>{q.explanation}</p>
-            {!reviewData?.correct && onLearnConcept && (
-              <button
-                onClick={() => onLearnConcept(q.concept_tested)}
-                style={{ marginTop: '8px', background: 'none', border: 'none', color: 'var(--accent)', fontSize: '12px', cursor: 'pointer', textDecoration: 'underline', fontFamily: 'inherit' }}
-              >
-                Explain this
-              </button>
-            )}
+            {lastCorrect ? "Correct." : "Not quite."}
           </div>
-        )}
-
-        <div style={{ display: 'flex', gap: '8px' }}>
-          {phase === 'active' && (
-            <button
-              onClick={submitAnswer}
-              disabled={!selectedAnswer}
-              className="btn-accent"
-              style={{ cursor: selectedAnswer ? 'pointer' : 'not-allowed', opacity: selectedAnswer ? 1 : 0.4 }}
-            >
-              Submit
-            </button>
-          )}
-          {phase === 'review' && (
-            <button
-              onClick={nextQuestion}
-              className="btn-accent"
-            >
-              {currentQ + 1 < questions.length ? 'Next' : 'See Results'}
-            </button>
-          )}
-        </div>
-      </div>
-    );
-  }
-
-  if (phase === 'results' && results) {
-    const pct = Math.round((results.score / results.total) * 100);
-    const masteryDelta = Math.round((results.mastery_after - results.mastery_before) * 100);
-    return (
-      <div className="no-scrollbar" style={{ padding: '20px', display: 'flex', flexDirection: 'column', gap: '20px', height: '100%', overflowY: 'auto' }}>
-        <div style={{ textAlign: 'center' }}>
-          <p style={{ fontSize: '36px', fontWeight: 700, color: 'var(--text)' }}>{results.score}/{results.total}</p>
-          <p style={{ fontSize: '14px', color: 'var(--text-muted)' }}>{pct}% correct</p>
-          <p style={{ fontSize: '13px', color: masteryDelta >= 0 ? '#16a34a' : '#dc2626', marginTop: '4px' }}>
-            Mastery: {masteryDelta >= 0 ? '+' : ''}{masteryDelta}%
-          </p>
-        </div>
-
-        <div>
-          {results.results.map((r, i) => (
-            <div key={r.question_id} style={{ display: 'flex', gap: '8px', padding: '6px 0', borderBottom: i < results.results.length - 1 ? '1px solid var(--border-light)' : 'none' }}>
-              <span style={{ fontSize: '13px', color: r.correct ? '#16a34a' : '#dc2626', fontWeight: 600, minWidth: '20px' }}>
-                {r.correct ? 'Y' : 'N'}
-              </span>
-              <span style={{ fontSize: '13px', color: 'var(--text-muted)' }}>Q{i + 1}</span>
-              {!r.correct && (
-                <span style={{ fontSize: '12px', color: 'var(--text-dim)' }}>Correct: {r.correct_answer}</span>
-              )}
-            </div>
-          ))}
-        </div>
-
-        <div style={{ display: 'flex', gap: '8px' }}>
-          <button
-            onClick={reset}
-            className="btn-ghost"
-            style={{ flex: 1 }}
+          <div style={{ fontSize: 15, lineHeight: 1.55 }}>{currentQuestion.question}</div>
+          <div style={{ display: "grid", gap: 6 }}>
+            {currentQuestion.options.map(o => {
+              const picked = currentSelection === o.label;
+              const right = o.correct;
+              const bg = right ? "var(--accent-soft)" : picked ? "var(--err-soft)" : "var(--bg-subtle)";
+              const color = right ? "var(--accent)" : picked ? "var(--err)" : "var(--text-dim)";
+              return (
+                <div
+                  key={o.label}
+                  style={{
+                    padding: "9px 12px",
+                    borderRadius: "var(--r-sm)",
+                    background: bg,
+                    color,
+                    fontSize: 13,
+                    display: "flex",
+                    gap: 8,
+                    alignItems: "center",
+                  }}
+                >
+                  <span className="mono" style={{ fontWeight: 600 }}>{o.label}.</span>
+                  <span style={{ flex: 1 }}>{o.text}</span>
+                  {right && <span aria-hidden>✓</span>}
+                  {!right && picked && <span aria-hidden>✗</span>}
+                </div>
+              );
+            })}
+          </div>
+          <div
+            style={{
+              padding: 12,
+              background: "var(--bg-subtle)",
+              borderRadius: "var(--r-sm)",
+              fontSize: 13,
+              color: "var(--text-dim)",
+              lineHeight: 1.55,
+            }}
           >
-            Retake
-          </button>
-          {onLearnConcept && (
-            <button
-              onClick={() => onLearnConcept('')}
-              className="btn-accent"
-              style={{ flex: 1 }}
-            >
-              Learn Weak Areas
+            {currentQuestion.explanation}
+          </div>
+          <div style={{ display: "flex", justifyContent: "space-between" }}>
+            <button className="btn" onClick={() => explainConcept(currentQuestion.concept_tested)}>
+              Explain this
             </button>
-          )}
-        </div>
-      </div>
-    );
-  }
+            <button className="btn btn--primary" onClick={next}>
+              {qIndex + 1 >= questions.length ? "See results" : "Next question"}
+            </button>
+          </div>
+        </>
+      )}
 
-  return null;
+      {phase === "results" && results && (
+        <>
+          <div className="label-micro">Results</div>
+          <div className="h-serif" style={{ fontSize: 32 }}>
+            {Math.round((results.score / Math.max(1, results.total)) * 100)}%
+          </div>
+          <div style={{ fontSize: 13, color: "var(--text-dim)" }}>
+            {results.score} / {results.total} correct · mastery{" "}
+            <span style={{ color: results.mastery_after >= results.mastery_before ? "var(--accent)" : "var(--err)", fontWeight: 600 }}>
+              {Math.round(results.mastery_before * 100)}% → {Math.round(results.mastery_after * 100)}%
+            </span>
+          </div>
+          <div style={{ display: "flex", gap: 8, justifyContent: "flex-end" }}>
+            <button className="btn" onClick={retake}>Retake</button>
+            <button className="btn btn--primary" onClick={onExit}>Done</button>
+          </div>
+        </>
+      )}
+    </div>
+  );
 }
diff --git a/frontend/src/components/ReportIssueFlow.tsx b/frontend/src/components/ReportIssueFlow.tsx
index 51a4dc9f..8f434101 100644
--- a/frontend/src/components/ReportIssueFlow.tsx
+++ b/frontend/src/components/ReportIssueFlow.tsx
@@ -1,401 +1,267 @@
-'use client';
+"use client";
 
-import { useRef, useState } from 'react';
-import { useUser } from '@/context/UserContext';
-import { submitIssueReport } from '@/lib/api';
-import { supabase } from '@/lib/supabase';
+import React, { useCallback, useRef, useState } from "react";
+import { Icon } from "./Icon";
+import { Pill } from "./Pill";
+import { useToast } from "./ToastProvider";
+import { useUser } from "@/context/UserContext";
+import { useBodyScrollLock } from "@/lib/useBodyScrollLock";
+import { supabase } from "@/lib/supabase";
+import { submitIssueReport, IS_LOCAL_MODE } from "@/lib/api";
 
-interface Props {
-  visible: boolean;
-  onDismiss: () => void;
+const TOPICS = ["Bug", "Feature", "Polish", "Content", "Other"] as const;
+type Topic = typeof TOPICS[number];
+
+const BUCKET = "issues-media-files";
+const MAX_SCREENSHOTS = 5;
+const MAX_BYTES = 5 * 1024 * 1024;
+
+interface ReportIssueFlowProps {
+  open: boolean;
+  onClose: () => void;
 }
 
-const ISSUE_TOPICS = [
-  'AI / Learning Assistant',
-  'Library / Resources',
-  'Study Tools',
-  'Calendar',
-  'Social / Rooms',
-  'Account / Profile',
-  'Performance / Speed',
-  'UI / Display',
-  'Other',
-];
+async function uploadScreenshot(userId: string, file: File): Promise<string> {
+  if (IS_LOCAL_MODE) return URL.createObjectURL(file);
+  const ext = file.name.split(".").pop() || "png";
+  const path = `${userId}/${Date.now()}-${Math.random().toString(36).slice(2, 8)}.${ext}`;
+  const { error } = await supabase.storage.from(BUCKET).upload(path, file, { cacheControl: "3600", upsert: false });
+  if (error) throw error;
+  const { data } = supabase.storage.from(BUCKET).getPublicUrl(path);
+  return data.publicUrl;
+}
 
-export default function ReportIssueFlow({ visible, onDismiss }: Props) {
+export function ReportIssueFlow({ open, onClose }: ReportIssueFlowProps) {
+  const toast = useToast();
   const { userId } = useUser();
-  const [step, setStep] = useState<'topics' | 'details' | 'done'>('topics');
-  const [checked, setChecked] = useState<string | null>(null);
-  const [comment, setComment] = useState('');
-  const [screenshots, setScreenshots] = useState<File[]>([]);
-  const [screenshotPreviews, setScreenshotPreviews] = useState<string[]>([]);
-  const [screenshotTypes, setScreenshotTypes] = useState<string[]>([]);
-  const [closing, setClosing] = useState(false);
+  const [topic, setTopic] = useState<Topic>("Bug");
+  const [description, setDescription] = useState("");
+  const [screenshots, setScreenshots] = useState<{ file: File; preview: string }[]>([]);
   const [submitting, setSubmitting] = useState(false);
-  const fileRef = useRef<HTMLInputElement>(null);
+  const fileInputRef = useRef<HTMLInputElement | null>(null);
+
+  useBodyScrollLock(open);
 
-  function dismiss() {
-    setClosing(true);
-    setTimeout(() => {
-      onDismiss();
-      setStep('topics');
-      setChecked(null);
-      setComment('');
-      setScreenshots([]);
-      setScreenshotPreviews([]);
-      setScreenshotTypes([]);
-      setClosing(false);
-    }, 280);
-  }
+  const reset = useCallback(() => {
+    setTopic("Bug");
+    setDescription("");
+    screenshots.forEach(s => URL.revokeObjectURL(s.preview));
+    setScreenshots([]);
+  }, [screenshots]);
 
-  function toggleTopic(t: string) {
-    setChecked(prev => prev === t ? null : t);
-  }
+  const close = useCallback(() => {
+    if (submitting) return;
+    reset();
+    onClose();
+  }, [submitting, reset, onClose]);
 
-  function handleFileChange(e: React.ChangeEvent<HTMLInputElement>) {
-    const files = Array.from(e.target.files || []);
-    if (!files.length) return;
-    setScreenshots(prev => [...prev, ...files].slice(0, 5));
-    setScreenshotPreviews(prev => [...prev, ...files.map(f => URL.createObjectURL(f))].slice(0, 5));
-    setScreenshotTypes(prev => [...prev, ...files.map(f => f.type)].slice(0, 5));
-    if (fileRef.current) fileRef.current.value = '';
-  }
+  const addFiles = (files: FileList | null) => {
+    if (!files) return;
+    const remaining = MAX_SCREENSHOTS - screenshots.length;
+    const accepted: { file: File; preview: string }[] = [];
+    Array.from(files).slice(0, remaining).forEach(f => {
+      if (!f.type.startsWith("image/")) {
+        toast.error(`${f.name} isn't an image`);
+        return;
+      }
+      if (f.size > MAX_BYTES) {
+        toast.error(`${f.name} is over 5 MB`);
+        return;
+      }
+      accepted.push({ file: f, preview: URL.createObjectURL(f) });
+    });
+    if (accepted.length) setScreenshots(prev => [...prev, ...accepted]);
+  };
 
-  function removeScreenshot(index: number) {
-    setScreenshots(prev => prev.filter((_, i) => i !== index));
-    setScreenshotPreviews(prev => prev.filter((_, i) => i !== index));
-    setScreenshotTypes(prev => prev.filter((_, i) => i !== index));
-  }
+  const removeScreenshot = (idx: number) => {
+    setScreenshots(prev => {
+      const next = prev.filter((_, i) => i !== idx);
+      URL.revokeObjectURL(prev[idx].preview);
+      return next;
+    });
+  };
 
-  async function handleSubmit() {
+  const submit = async () => {
+    if (!userId) {
+      toast.error("Please sign in to report an issue.");
+      return;
+    }
+    if (!description.trim()) {
+      toast.warn("Describe what happened first.");
+      return;
+    }
     setSubmitting(true);
-    const urls: string[] = [];
-    for (const file of screenshots) {
-      const ext = file.name.split('.').pop() || 'png';
-      const path = `${userId}/${Date.now()}_${Math.random().toString(36).slice(2)}.${ext}`;
-      const { error } = await supabase.storage.from('issues-media-files').upload(path, file);
-      if (error) console.error('Upload error:', error);
-      if (!error) {
-        const { data } = supabase.storage.from('issues-media-files').getPublicUrl(path);
-        urls.push(data.publicUrl);
-      }
+    try {
+      const urls = await Promise.all(
+        screenshots.map(s => uploadScreenshot(userId, s.file).catch(err => {
+          toast.error(`Screenshot upload failed: ${err?.message || "unknown"}`);
+          return null;
+        })),
+      );
+      const screenshot_urls = urls.filter((u): u is string => typeof u === "string");
+      await submitIssueReport({
+        user_id: userId,
+        topic,
+        description: description.trim(),
+        screenshot_urls,
+      });
+      toast.success("Thanks — we'll take a look.");
+      reset();
+      onClose();
+    } catch (err) {
+      toast.error(err instanceof Error ? err.message : "Failed to submit. Please try again.");
+    } finally {
+      setSubmitting(false);
     }
-    await submitIssueReport({
-      user_id: userId,
-      topic: checked!,
-      description: comment,
-      screenshot_urls: urls,
-    }).catch(() => {});
-    setSubmitting(false);
-    setStep('done');
-    setTimeout(() => dismiss(), 2000);
-  }
+  };
 
-  if (!visible) return null;
+  if (!open) return null;
 
   return (
-    <>
-      {/* Backdrop */}
-      <div
-        onClick={dismiss}
-        style={{
-          position: 'fixed',
-          inset: 0,
-          background: 'rgba(15,23,42,0.45)',
-          zIndex: 9997,
-          animation: closing ? 'riFadeOut 280ms forwards' : 'riFadeIn 200ms forwards',
-        }}
-      />
-
-      {/* Modal */}
+    <div
+      style={{
+        position: "fixed",
+        inset: 0,
+        background: "rgba(0,0,0,0.4)",
+        zIndex: 100,
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+      }}
+      onClick={close}
+    >
       <div
+        onClick={e => e.stopPropagation()}
         style={{
-          position: 'fixed',
-          top: '50%',
-          left: '50%',
-          transform: 'translate(-50%, -50%)',
-          zIndex: 9998,
-          width: '420px',
-          maxHeight: '80vh',
-          overflowY: 'auto',
-          background: 'var(--bg-panel)',
-          border: '1px solid var(--border-mid)',
-          borderRadius: 'var(--radius-lg)',
-          boxShadow: '0 24px 64px rgba(15,23,42,0.2), 0 8px 24px rgba(15,23,42,0.1)',
-          animation: closing ? 'riSlideOut 280ms var(--ease-in-out) forwards' : 'riSlideIn 300ms var(--ease-out) forwards',
+          width: 480,
+          maxWidth: "calc(100vw - 32px)",
+          maxHeight: "calc(100vh - 64px)",
+          overflowY: "auto",
+          background: "var(--bg-panel)",
+          borderRadius: "var(--r-lg)",
+          padding: 28,
+          boxShadow: "var(--shadow-lg)",
         }}
       >
-        {/* Accent top border */}
-        <div style={{ height: '3px', background: '#dc2626', borderRadius: 'var(--radius-lg) var(--radius-lg) 0 0' }} />
+        <div style={{ display: "flex", justifyContent: "space-between", alignItems: "center", marginBottom: 16 }}>
+          <div className="h-serif" style={{ fontSize: 22 }}>Report an issue</div>
+          <button className="btn btn--ghost btn--sm" onClick={close} aria-label="Close">
+            <Icon name="x" size={14} />
+          </button>
+        </div>
 
-        <div style={{ padding: '22px 22px 22px' }}>
-          {/* Header */}
-          <div style={{ display: 'flex', alignItems: 'flex-start', justifyContent: 'space-between', marginBottom: '18px' }}>
-            <div>
-              <p style={{ fontSize: '11px', color: '#dc2626', fontWeight: 600, letterSpacing: '0.06em', textTransform: 'uppercase', marginBottom: '3px' }}>
-                Report an Issue
-              </p>
-              <h3 style={{ fontSize: '15px', fontWeight: 600, color: 'var(--text)', lineHeight: 1.3, margin: 0 }}>
-                {step === 'topics' && "What's the issue about?"}
-                {step === 'details' && <>Describe the issue<br />We will listen to YOU!</>}
-                {step === 'done' && 'Report submitted!'}
-              </h3>
-            </div>
-            {step !== 'done' && (
+        <div className="label-micro" style={{ marginBottom: 6 }}>Type</div>
+        <div style={{ display: "flex", gap: 6, marginBottom: 16, flexWrap: "wrap" }}>
+          {TOPICS.map(t => (
+            <Pill key={t} active={t === topic} onClick={() => setTopic(t)}>{t}</Pill>
+          ))}
+        </div>
+
+        <div className="label-micro" style={{ marginBottom: 6 }}>What happened?</div>
+        <textarea
+          value={description}
+          onChange={e => setDescription(e.target.value)}
+          placeholder="Describe the issue…"
+          rows={4}
+          style={{
+            width: "100%",
+            padding: "10px 14px",
+            border: "1px solid var(--border)",
+            borderRadius: "var(--r-sm)",
+            fontSize: 13,
+            fontFamily: "inherit",
+            background: "var(--bg-input)",
+            resize: "vertical",
+          }}
+        />
+
+        <div className="label-micro" style={{ marginTop: 16, marginBottom: 6 }}>
+          Screenshots (up to {MAX_SCREENSHOTS})
+        </div>
+        <div style={{ display: "flex", gap: 8, flexWrap: "wrap" }}>
+          {screenshots.map((s, i) => (
+            <div
+              key={i}
+              style={{
+                position: "relative",
+                width: 64,
+                height: 64,
+                borderRadius: "var(--r-sm)",
+                overflow: "hidden",
+                border: "1px solid var(--border)",
+              }}
+            >
+              <img src={s.preview} alt="" style={{ width: "100%", height: "100%", objectFit: "cover" }} />
               <button
-                onClick={dismiss}
+                onClick={() => removeScreenshot(i)}
+                aria-label="Remove screenshot"
                 style={{
-                  background: 'none',
-                  border: 'none',
-                  cursor: 'pointer',
-                  color: 'var(--text-dim)',
-                  fontSize: '20px',
+                  position: "absolute",
+                  top: 2,
+                  right: 2,
+                  background: "rgba(0,0,0,0.6)",
+                  color: "#fff",
+                  width: 18,
+                  height: 18,
+                  borderRadius: "50%",
+                  fontSize: 11,
+                  display: "flex",
+                  alignItems: "center",
+                  justifyContent: "center",
                   lineHeight: 1,
-                  padding: '2px 4px',
-                  borderRadius: 'var(--radius-sm)',
-                  flexShrink: 0,
-                  marginLeft: '12px',
                 }}
-                onMouseEnter={e => (e.currentTarget.style.color = 'var(--text)')}
-                onMouseLeave={e => (e.currentTarget.style.color = 'var(--text-dim)')}
               >
                 ×
               </button>
-            )}
-          </div>
-
-          {/* ── Step: topics ── */}
-          {step === 'topics' && (
-            <>
-              <div style={{ display: 'flex', flexDirection: 'column', gap: '5px', marginBottom: '18px' }}>
-                {ISSUE_TOPICS.map(t => {
-                  const selected = checked === t;
-                  return (
-                    <button
-                      key={t}
-                      onClick={() => toggleTopic(t)}
-                      style={{
-                        display: 'flex',
-                        alignItems: 'center',
-                        gap: '10px',
-                        background: selected ? 'rgba(220,38,38,0.06)' : 'var(--bg-subtle)',
-                        border: `1px solid ${selected ? 'rgba(220,38,38,0.4)' : 'var(--border-light)'}`,
-                        borderRadius: 'var(--radius-sm)',
-                        padding: '8px 11px',
-                        cursor: 'pointer',
-                        textAlign: 'left',
-                        transition: 'all var(--dur-fast)',
-                      }}
-                    >
-                      <span
-                        style={{
-                          width: '15px',
-                          height: '15px',
-                          borderRadius: '50%',
-                          border: `1.5px solid ${selected ? '#dc2626' : 'var(--border-mid)'}`,
-                          background: selected ? '#dc2626' : 'transparent',
-                          flexShrink: 0,
-                          display: 'flex',
-                          alignItems: 'center',
-                          justifyContent: 'center',
-                          transition: 'all var(--dur-fast)',
-                        }}
-                      >
-                        {selected && (
-                          <svg width="9" height="7" viewBox="0 0 9 7" fill="none">
-                            <path d="M1 3.5L3 5.5L8 1" stroke="white" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"/>
-                          </svg>
-                        )}
-                      </span>
-                      <span style={{ fontSize: '13px', color: 'var(--text-secondary)' }}>{t}</span>
-                    </button>
-                  );
-                })}
-              </div>
-              <div style={{ display: 'flex', gap: '8px' }}>
-                <button onClick={dismiss} className="btn-ghost" style={{ flex: 1, fontSize: '13px', padding: '8px' }}>
-                  Cancel
-                </button>
-                <button
-                  onClick={() => setStep('details')}
-                  disabled={checked === null}
-                  style={{
-                    flex: 2,
-                    background: checked === null ? 'var(--bg-subtle)' : '#dc2626',
-                    border: 'none',
-                    borderRadius: 'var(--radius-md)',
-                    padding: '8px',
-                    fontSize: '13px',
-                    color: checked === null ? 'var(--text-dim)' : '#fff',
-                    cursor: checked === null ? 'default' : 'pointer',
-                    transition: 'all var(--dur-fast)',
-                  }}
-                >
-                  Next →
-                </button>
-              </div>
-            </>
-          )}
-
-          {/* ── Step: details ── */}
-          {step === 'details' && (
-            <>
-              <textarea
-                value={comment}
-                onChange={e => setComment(e.target.value)}
-                placeholder="Describe what happened..."
-                rows={4}
-                style={{
-                  width: '100%',
-                  background: 'var(--bg-input)',
-                  border: '1px solid var(--border)',
-                  borderRadius: 'var(--radius-md)',
-                  padding: '10px 12px',
-                  fontSize: '13px',
-                  color: 'var(--text)',
-                  resize: 'none',
-                  outline: 'none',
-                  fontFamily: 'inherit',
-                  lineHeight: 1.5,
-                  marginBottom: '4px',
-                  transition: 'border-color var(--dur-fast)',
-                  boxSizing: 'border-box',
-                }}
-                onFocus={e => (e.currentTarget.style.borderColor = 'rgba(220,38,38,0.5)')}
-                onBlur={e => (e.currentTarget.style.borderColor = 'var(--border)')}
-              />
-              {comment.length > 0 && comment.trim().length < 50 && (
-                <p style={{ fontSize: '11px', color: '#dc2626', margin: '4px 0 12px' }}>
-                  Please write at least 50 characters to describe the issue.
-                </p>
-              )}
-              {(comment.length === 0 || comment.trim().length >= 50) && <div style={{ marginBottom: '12px' }} />}
-
-              {/* Screenshot / video upload */}
-              <input
-                ref={fileRef}
-                type="file"
-                accept="image/*,video/*"
-                multiple
-                onChange={handleFileChange}
-                style={{ display: 'none' }}
-              />
-              {screenshotPreviews.length > 0 && (
-                <div style={{ display: 'grid', gridTemplateColumns: 'repeat(3, 1fr)', gap: '6px', marginBottom: '8px' }}>
-                  {screenshotPreviews.map((src, i) => (
-                    <div key={i} style={{ position: 'relative' }}>
-                      {screenshotTypes[i]?.startsWith('video/') ? (
-                        <video
-                          src={src}
-                          style={{ width: '100%', height: '72px', objectFit: 'cover', borderRadius: 'var(--radius-sm)', border: '1px solid var(--border-light)' }}
-                          muted
-                          playsInline
-                        />
-                      ) : (
-                        <img
-                          src={src}
-                          alt={`Attachment ${i + 1}`}
-                          style={{ width: '100%', height: '72px', objectFit: 'cover', borderRadius: 'var(--radius-sm)', border: '1px solid var(--border-light)' }}
-                        />
-                      )}
-                      <button
-                        onClick={() => removeScreenshot(i)}
-                        style={{
-                          position: 'absolute',
-                          top: '3px',
-                          right: '3px',
-                          background: 'rgba(15,23,42,0.7)',
-                          border: 'none',
-                          borderRadius: '50%',
-                          width: '18px',
-                          height: '18px',
-                          color: '#fff',
-                          fontSize: '12px',
-                          cursor: 'pointer',
-                          display: 'flex',
-                          alignItems: 'center',
-                          justifyContent: 'center',
-                          lineHeight: 1,
-                        }}
-                      >
-                        ×
-                      </button>
-                    </div>
-                  ))}
-                </div>
-              )}
-              {screenshots.length < 5 && (
-                <button
-                  onClick={() => fileRef.current?.click()}
-                  style={{
-                    width: '100%',
-                    marginBottom: '14px',
-                    padding: '10px',
-                    background: 'var(--bg-subtle)',
-                    border: '1px dashed var(--border-mid)',
-                    borderRadius: 'var(--radius-md)',
-                    fontSize: '12px',
-                    color: 'var(--text-dim)',
-                    cursor: 'pointer',
-                    display: 'flex',
-                    alignItems: 'center',
-                    justifyContent: 'center',
-                    gap: '6px',
-                    transition: 'all var(--dur-fast)',
-                  }}
-                  onMouseEnter={e => { e.currentTarget.style.background = 'var(--bg-input)'; e.currentTarget.style.borderColor = 'var(--border)'; }}
-                  onMouseLeave={e => { e.currentTarget.style.background = 'var(--bg-subtle)'; e.currentTarget.style.borderColor = 'var(--border-mid)'; }}
-                >
-                  <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
-                    <rect x="3" y="3" width="18" height="18" rx="2"/><circle cx="8.5" cy="8.5" r="1.5"/><polyline points="21 15 16 10 5 21"/>
-                  </svg>
-                  {screenshots.length === 0 ? 'Attach screenshots or videos (optional)' : `Add more (${screenshots.length}/5)`}
-                </button>
-              )}
-
-              <div style={{ display: 'flex', gap: '8px' }}>
-                <button onClick={() => setStep('topics')} className="btn-ghost" style={{ flex: 1, fontSize: '13px', padding: '8px' }}>
-                  ← Back
-                </button>
-                <button
-                  onClick={handleSubmit}
-                  disabled={comment.trim().length < 50 || submitting}
-                  style={{
-                    flex: 2,
-                    background: comment.trim().length < 50 || submitting ? 'var(--bg-subtle)' : '#dc2626',
-                    border: 'none',
-                    borderRadius: 'var(--radius-md)',
-                    padding: '8px',
-                    fontSize: '13px',
-                    color: comment.trim().length < 50 || submitting ? 'var(--text-dim)' : '#fff',
-                    cursor: comment.trim().length < 50 || submitting ? 'default' : 'pointer',
-                    transition: 'all var(--dur-fast)',
-                  }}
-                >
-                  {submitting ? 'Submitting...' : 'Submit Report'}
-                </button>
-              </div>
-            </>
-          )}
-
-          {/* ── Done ── */}
-          {step === 'done' && (
-            <div style={{ textAlign: 'center', padding: '8px 0 4px' }}>
-              <span style={{ fontSize: '32px' }}>🙏</span>
-              <p style={{ fontSize: '13px', color: 'var(--text-secondary)', marginTop: '10px', lineHeight: 1.5 }}>
-                Thanks for reporting! We&apos;ll look into this and work on a fix.
-              </p>
             </div>
+          ))}
+          {screenshots.length < MAX_SCREENSHOTS && (
+            <button
+              onClick={() => fileInputRef.current?.click()}
+              style={{
+                width: 64,
+                height: 64,
+                borderRadius: "var(--r-sm)",
+                border: "1px dashed var(--border-strong)",
+                color: "var(--text-muted)",
+                fontSize: 24,
+                background: "var(--bg-subtle)",
+              }}
+              aria-label="Add screenshot"
+            >
+              +
+            </button>
           )}
+          <input
+            ref={fileInputRef}
+            type="file"
+            accept="image/*"
+            multiple
+            hidden
+            onChange={e => { addFiles(e.target.files); e.target.value = ""; }}
+          />
         </div>
 
-        <style>{`
-          @keyframes riFadeIn  { from { opacity: 0 } to { opacity: 1 } }
-          @keyframes riFadeOut { from { opacity: 1 } to { opacity: 0 } }
-          @keyframes riSlideIn { from { opacity: 0; transform: translate(-50%, calc(-50% + 16px)) } to { opacity: 1; transform: translate(-50%, -50%) } }
-          @keyframes riSlideOut { from { opacity: 1; transform: translate(-50%, -50%) } to { opacity: 0; transform: translate(-50%, calc(-50% + 10px)) } }
-        `}</style>
+        <div
+          style={{
+            marginTop: 14,
+            padding: "10px 12px",
+            background: "var(--bg-subtle)",
+            borderRadius: "var(--r-sm)",
+            fontSize: 11,
+            color: "var(--text-muted)",
+          }}
+        >
+          Your report will include the topic, your description, and any screenshots you attach.
+        </div>
+
+        <div style={{ display: "flex", gap: 8, marginTop: 16, justifyContent: "flex-end" }}>
+          <button className="btn" onClick={close} disabled={submitting}>Cancel</button>
+          <button className="btn btn--primary" onClick={submit} disabled={submitting}>
+            {submitting ? "Submitting…" : "Submit"}
+          </button>
+        </div>
       </div>
-    </>
+    </div>
   );
 }
diff --git a/frontend/src/components/RoleBadge.tsx b/frontend/src/components/RoleBadge.tsx
index ac563323..da304176 100644
--- a/frontend/src/components/RoleBadge.tsx
+++ b/frontend/src/components/RoleBadge.tsx
@@ -1,45 +1,41 @@
-'use client';
+"use client";
 
-import type { Role } from '@/lib/types';
+import React from "react";
+import type { Role } from "@/lib/types";
 
-interface Props {
+interface RoleBadgeProps {
   role: Role;
-  size?: 'sm' | 'md';
+  size?: "sm" | "md";
+  showIcon?: boolean;
+  className?: string;
+  style?: React.CSSProperties;
 }
 
-export default function RoleBadge({ role, size = 'md' }: Props) {
-  const isSm = size === 'sm';
-
+export function RoleBadge({ role, size = "sm", showIcon = true, className, style }: RoleBadgeProps) {
+  const color = role.color || "var(--text-muted)";
+  const fontSize = size === "sm" ? 10 : 11;
+  const padding = size === "sm" ? "2px 7px" : "3px 9px";
   return (
     <span
+      className={className}
       style={{
-        display: 'inline-flex',
-        alignItems: 'center',
-        gap: '4px',
-        padding: isSm ? '1px 6px' : '2px 8px',
-        borderRadius: 'var(--radius-full)',
-        fontSize: isSm ? '10px' : '11px',
-        fontWeight: 600,
-        fontFamily: "var(--font-dm-sans), 'DM Sans', sans-serif",
-        letterSpacing: '0.02em',
-        background: `color-mix(in srgb, ${role.color} 10%, transparent)`,
-        color: role.color,
-        border: `1px solid color-mix(in srgb, ${role.color} 25%, transparent)`,
-        position: 'relative',
-        cursor: role.description ? 'default' : undefined,
-        // @ts-ignore
-        '--role-color': role.color,
-      } as React.CSSProperties}
-      title={role.description || undefined}
+        display: "inline-flex",
+        alignItems: "center",
+        gap: 4,
+        padding,
+        fontSize,
+        fontFamily: "var(--font-mono)",
+        letterSpacing: "0.08em",
+        textTransform: "uppercase",
+        borderRadius: "var(--r-full)",
+        color,
+        background: `color-mix(in oklab, ${color} 14%, transparent)`,
+        border: `1px solid color-mix(in oklab, ${color} 28%, transparent)`,
+        ...style,
+      }}
     >
-      {role.icon && (
-        <img
-          src={role.icon}
-          alt=""
-          style={{ width: isSm ? '10px' : '12px', height: isSm ? '10px' : '12px' }}
-        />
-      )}
-      {role.name}
+      {showIcon && role.icon && <span aria-hidden>{role.icon}</span>}
+      <span>{role.name}</span>
     </span>
   );
 }
diff --git a/frontend/src/components/RoomChat.tsx b/frontend/src/components/RoomChat.tsx
deleted file mode 100644
index 011627d2..00000000
--- a/frontend/src/components/RoomChat.tsx
+++ /dev/null
@@ -1,677 +0,0 @@
-'use client';
-
-import { useState, useRef, useEffect, useCallback } from 'react';
-import { supabase } from '@/lib/supabase';
-import { getRoomMessages, sendRoomMessage, deleteRoomMessage, editRoomMessage, toggleRoomReaction } from '@/lib/api';
-import type { RoomMessageRow } from '@/lib/types';
-import Avatar from '@/components/Avatar';
-
-interface Reaction {
-  emoji: string;
-  userIds: string[];
-}
-
-interface ReplySnippet {
-  id: string;
-  userName: string;
-  text: string | null;
-}
-
-interface Message {
-  id: string;
-  userId: string;
-  userName: string;
-  text: string;
-  imageUrl?: string;
-  timestamp: Date;
-  reactions: Reaction[];
-  replyToId: string | null;
-  replyTo: ReplySnippet | null;
-  isDeleted: boolean;
-  editedAt: Date | null;
-}
-
-interface Props {
-  roomId: string;
-  userId: string;
-  members: { user_id: string; name: string }[];
-}
-
-const EMOJI_GRID = [
-  '😀','😂','😊','😍','🤔','😢','😅','🥳','😎','🤯',
-  '😤','🫡','🤗','😬','🙃','😴','🥱','🫠','😇','🤓',
-  '👍','👎','🙌','👏','💪','✌️','🫶','🤝','👀','🗣️',
-  '❤️','🔥','⭐','✅','❌','💡','🎉','💯','🚀','⚡',
-  '📚','📝','🎯','🏆','🌱','🌿','☀️','🌙','💧','🧠',
-];
-
-function formatTime(date: Date) {
-  return date.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' });
-}
-
-function dbRowToMessage(row: RoomMessageRow): Message {
-  return {
-    id: row.id,
-    userId: row.user_id,
-    userName: row.user_name,
-    text: row.text ?? '',
-    imageUrl: row.image_url ?? undefined,
-    timestamp: new Date(row.created_at),
-    reactions: (row.reactions ?? []).map(r => ({ emoji: r.emoji, userIds: r.user_ids })),
-    replyToId: row.reply_to_id ?? null,
-    replyTo: row.reply_to ? { id: row.reply_to.id, userName: row.reply_to.user_name, text: row.reply_to.text } : null,
-    isDeleted: row.is_deleted ?? false,
-    editedAt: row.edited_at ? new Date(row.edited_at) : null,
-  };
-}
-
-/** Render text with @Name mentions highlighted */
-function renderText(text: string, memberNames: string[], isMine: boolean) {
-  if (!memberNames.length) return <span>{text}</span>;
-  const pattern = new RegExp(`(@(?:${memberNames.map(n => n.replace(/[.*+?^${}()|[\]\\]/g, '\\$&')).join('|')}))`, 'g');
-  const parts = text.split(pattern);
-  return (
-    <>
-      {parts.map((part, i) =>
-        pattern.test(part)
-          ? <span key={i} style={{ color: isMine ? '#a7f3d0' : '#1a5c2a', fontWeight: 600 }}>{part}</span>
-          : <span key={i}>{part}</span>
-      )}
-    </>
-  );
-}
-
-export default function RoomChat({ roomId, userId, members }: Props) {
-  const [messages, setMessages] = useState<Message[]>([]);
-  const [historyLoading, setHistoryLoading] = useState(true);
-  const [input, setInput] = useState('');
-  const [pendingImage, setPendingImage] = useState<string | null>(null);
-  const [showEmojiPicker, setShowEmojiPicker] = useState(false);
-  const [reactionPickerFor, setReactionPickerFor] = useState<string | null>(null);
-  const [contextMenuFor, setContextMenuFor] = useState<string | null>(null);
-  const [sending, setSending] = useState(false);
-
-  // Reply / edit state
-  const [replyingTo, setReplyingTo] = useState<Message | null>(null);
-  const [editingMessage, setEditingMessage] = useState<Message | null>(null);
-
-  // Typing indicators
-  const [typingUsers, setTypingUsers] = useState<{ userId: string; userName: string }[]>([]);
-  const typingTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);
-  const presenceChannelRef = useRef<ReturnType<typeof supabase.channel> | null>(null);
-
-  // @mention autocomplete
-  const [mentionQuery, setMentionQuery] = useState<string | null>(null);
-  const [mentionIndex, setMentionIndex] = useState(0);
-  const textareaRef = useRef<HTMLTextAreaElement>(null);
-
-  const bottomRef = useRef<HTMLDivElement>(null);
-  const fileInputRef = useRef<HTMLInputElement>(null);
-  const pickerRef = useRef<HTMLDivElement>(null);
-  const contextMenuRef = useRef<HTMLDivElement>(null);
-
-  const memberNames = members.map(m => m.name);
-  const myName = members.find(m => m.user_id === userId)?.name ?? 'You';
-
-  // Load message history
-  useEffect(() => {
-    setMessages([]);
-    setHistoryLoading(true);
-    getRoomMessages(roomId).then(res => {
-      setMessages(res.messages.map(dbRowToMessage));
-    }).catch(console.error).finally(() => setHistoryLoading(false));
-  }, [roomId]);
-
-  // Realtime: messages INSERT/UPDATE + reactions INSERT/DELETE
-  useEffect(() => {
-    const channel = supabase
-      .channel(`room_messages:${roomId}`)
-      .on('postgres_changes', { event: 'INSERT', schema: 'public', table: 'room_messages', filter: `room_id=eq.${roomId}` }, (payload) => {
-        const row = payload.new as RoomMessageRow;
-        if (row.user_id === userId) return; // own messages added optimistically
-        const msg = dbRowToMessage({ ...row, reactions: [], reply_to: null });
-        // Resolve reply_to locally if possible
-        if (row.reply_to_id) {
-          setMessages(prev => {
-            const replySource = prev.find(m => m.id === row.reply_to_id);
-            return [...prev, {
-              ...msg,
-              replyTo: replySource ? { id: replySource.id, userName: replySource.userName, text: replySource.text } : null,
-            }];
-          });
-        } else {
-          setMessages(prev => [...prev, msg]);
-        }
-      })
-      .on('postgres_changes', { event: 'UPDATE', schema: 'public', table: 'room_messages', filter: `room_id=eq.${roomId}` }, (payload) => {
-        const row = payload.new as RoomMessageRow;
-        setMessages(prev => prev.map(m => m.id === row.id
-          ? { ...m, text: row.text ?? '', isDeleted: row.is_deleted ?? false, editedAt: row.edited_at ? new Date(row.edited_at) : null }
-          : m
-        ));
-      })
-      .on('postgres_changes', { event: 'INSERT', schema: 'public', table: 'room_reactions' }, (payload) => {
-        const r = payload.new as { message_id: string; user_id: string; emoji: string };
-        setMessages(prev => prev.map(m => {
-          if (m.id !== r.message_id) return m;
-          const existing = m.reactions.find(rx => rx.emoji === r.emoji);
-          if (existing) {
-            if (existing.userIds.includes(r.user_id)) return m;
-            return { ...m, reactions: m.reactions.map(rx => rx.emoji === r.emoji ? { ...rx, userIds: [...rx.userIds, r.user_id] } : rx) };
-          }
-          return { ...m, reactions: [...m.reactions, { emoji: r.emoji, userIds: [r.user_id] }] };
-        }));
-      })
-      .on('postgres_changes', { event: 'DELETE', schema: 'public', table: 'room_reactions' }, (payload) => {
-        const r = payload.old as { message_id: string; user_id: string; emoji: string };
-        setMessages(prev => prev.map(m => {
-          if (m.id !== r.message_id) return m;
-          return {
-            ...m,
-            reactions: m.reactions
-              .map(rx => rx.emoji === r.emoji ? { ...rx, userIds: rx.userIds.filter(u => u !== r.user_id) } : rx)
-              .filter(rx => rx.userIds.length > 0),
-          };
-        }));
-      })
-      .subscribe();
-
-    return () => { supabase.removeChannel(channel); };
-  }, [roomId, userId]);
-
-  // Presence channel for typing indicators
-  useEffect(() => {
-    const ch = supabase.channel(`presence:room:${roomId}`, { config: { presence: { key: userId } } });
-    presenceChannelRef.current = ch;
-    ch.on('presence', { event: 'sync' }, () => {
-      const state = ch.presenceState<{ userId: string; userName: string; typing: boolean }>();
-      const others = Object.values(state)
-        .flat()
-        .filter((p) => p.userId !== userId && p.typing);
-      setTypingUsers(others);
-    }).subscribe();
-    return () => { supabase.removeChannel(ch); presenceChannelRef.current = null; };
-  }, [roomId, userId]);
-
-  // Scroll to bottom on new messages
-  useEffect(() => {
-    bottomRef.current?.scrollIntoView({ behavior: 'smooth' });
-  }, [messages]);
-
-  // Close pickers/menus on outside click
-  useEffect(() => {
-    function handleClick(e: MouseEvent) {
-      if (pickerRef.current && !pickerRef.current.contains(e.target as Node)) {
-        setShowEmojiPicker(false);
-        setReactionPickerFor(null);
-      }
-      if (contextMenuRef.current && !contextMenuRef.current.contains(e.target as Node)) {
-        setContextMenuFor(null);
-      }
-    }
-    document.addEventListener('mousedown', handleClick);
-    return () => document.removeEventListener('mousedown', handleClick);
-  }, []);
-
-  function broadcastTyping(isTyping: boolean) {
-    presenceChannelRef.current?.track({ userId, userName: myName, typing: isTyping });
-  }
-
-  function handleInputChange(e: React.ChangeEvent<HTMLTextAreaElement>) {
-    const val = e.target.value;
-    setInput(val);
-
-    // Typing indicator
-    broadcastTyping(true);
-    if (typingTimeoutRef.current) clearTimeout(typingTimeoutRef.current);
-    typingTimeoutRef.current = setTimeout(() => broadcastTyping(false), 3000);
-
-    // @mention detection
-    const cursor = e.target.selectionStart ?? val.length;
-    const textBefore = val.slice(0, cursor);
-    const mentionMatch = textBefore.match(/@(\w*)$/);
-    if (mentionMatch) {
-      setMentionQuery(mentionMatch[1].toLowerCase());
-      setMentionIndex(0);
-    } else {
-      setMentionQuery(null);
-    }
-  }
-
-  const filteredMembers = mentionQuery !== null
-    ? members.filter(m => m.user_id !== userId && m.name.toLowerCase().startsWith(mentionQuery))
-    : [];
-
-  function insertMention(name: string) {
-    const cursor = textareaRef.current?.selectionStart ?? input.length;
-    const textBefore = input.slice(0, cursor);
-    const textAfter = input.slice(cursor);
-    const replaced = textBefore.replace(/@(\w*)$/, `@${name} `);
-    setInput(replaced + textAfter);
-    setMentionQuery(null);
-    textareaRef.current?.focus();
-  }
-
-  async function sendMessage() {
-    const text = input.trim();
-    if (!text && !pendingImage) return;
-    if (sending) return;
-
-    if (editingMessage) {
-      // Edit mode
-      const msgId = editingMessage.id;
-      const newText = text;
-      setMessages(prev => prev.map(m => m.id === msgId ? { ...m, text: newText, editedAt: new Date() } : m));
-      setEditingMessage(null);
-      setInput('');
-      broadcastTyping(false);
-      try {
-        await editRoomMessage(roomId, msgId, userId, newText);
-      } catch (e) {
-        console.error('Failed to edit message:', e);
-      }
-      return;
-    }
-
-    // Normal send
-    const tempId = `tmp_${Date.now()}`;
-    const replyTo = replyingTo ? { id: replyingTo.id, userName: replyingTo.userName, text: replyingTo.text } : null;
-    const optimisticMsg: Message = {
-      id: tempId,
-      userId,
-      userName: myName,
-      text,
-      imageUrl: pendingImage ?? undefined,
-      timestamp: new Date(),
-      reactions: [],
-      replyToId: replyingTo?.id ?? null,
-      replyTo,
-      isDeleted: false,
-      editedAt: null,
-    };
-    setMessages(prev => [...prev, optimisticMsg]);
-    setInput('');
-    setPendingImage(null);
-    setShowEmojiPicker(false);
-    setReplyingTo(null);
-    broadcastTyping(false);
-
-    setSending(true);
-    try {
-      await sendRoomMessage(roomId, userId, myName, text, pendingImage ?? undefined, replyingTo?.id);
-    } catch (e) {
-      console.error('Failed to send message:', e);
-      setMessages(prev => prev.filter(m => m.id !== tempId));
-    } finally {
-      setSending(false);
-    }
-  }
-
-  function handleKeyDown(e: React.KeyboardEvent<HTMLTextAreaElement>) {
-    // Handle mention navigation
-    if (mentionQuery !== null && filteredMembers.length > 0) {
-      if (e.key === 'ArrowDown') { e.preventDefault(); setMentionIndex(i => Math.min(i + 1, filteredMembers.length - 1)); return; }
-      if (e.key === 'ArrowUp') { e.preventDefault(); setMentionIndex(i => Math.max(i - 1, 0)); return; }
-      if (e.key === 'Enter' || e.key === 'Tab') { e.preventDefault(); insertMention(filteredMembers[mentionIndex].name); return; }
-      if (e.key === 'Escape') { setMentionQuery(null); return; }
-    }
-    if (e.key === 'Enter' && !e.shiftKey) {
-      e.preventDefault();
-      sendMessage();
-    }
-  }
-
-  function insertEmoji(emoji: string) {
-    setInput(prev => prev + emoji);
-  }
-
-  function handleImageFile(e: React.ChangeEvent<HTMLInputElement>) {
-    const file = e.target.files?.[0];
-    if (!file) return;
-    const reader = new FileReader();
-    reader.onload = ev => setPendingImage(ev.target?.result as string);
-    reader.readAsDataURL(file);
-    e.target.value = '';
-  }
-
-  async function handleToggleReaction(msgId: string, emoji: string) {
-    // Optimistic
-    setMessages(prev => prev.map(m => {
-      if (m.id !== msgId) return m;
-      const existing = m.reactions.find(r => r.emoji === emoji);
-      if (existing) {
-        const alreadyReacted = existing.userIds.includes(userId);
-        return {
-          ...m,
-          reactions: alreadyReacted
-            ? m.reactions.map(r => r.emoji === emoji ? { ...r, userIds: r.userIds.filter(u => u !== userId) } : r).filter(r => r.userIds.length > 0)
-            : m.reactions.map(r => r.emoji === emoji ? { ...r, userIds: [...r.userIds, userId] } : r),
-        };
-      }
-      return { ...m, reactions: [...m.reactions, { emoji, userIds: [userId] }] };
-    }));
-    setReactionPickerFor(null);
-    try {
-      await toggleRoomReaction(roomId, msgId, userId, emoji);
-    } catch (e) {
-      console.error('Failed to toggle reaction:', e);
-    }
-  }
-
-  async function handleDeleteMessage(msgId: string) {
-    setContextMenuFor(null);
-    setMessages(prev => prev.map(m => m.id === msgId ? { ...m, isDeleted: true } : m));
-    try {
-      await deleteRoomMessage(roomId, msgId, userId);
-    } catch (e) {
-      console.error('Failed to delete message:', e);
-      setMessages(prev => prev.map(m => m.id === msgId ? { ...m, isDeleted: false } : m));
-    }
-  }
-
-  function handleStartEdit(msg: Message) {
-    setContextMenuFor(null);
-    setReplyingTo(null);
-    setEditingMessage(msg);
-    setInput(msg.text);
-    textareaRef.current?.focus();
-  }
-
-  function cancelEdit() {
-    setEditingMessage(null);
-    setInput('');
-  }
-
-  const isMine = useCallback((msg: Message) => msg.userId === userId, [userId]);
-
-  const typingLabel = typingUsers.length === 0
-    ? null
-    : typingUsers.length === 1
-      ? `${typingUsers[0].userName} is typing...`
-      : typingUsers.length === 2
-        ? `${typingUsers[0].userName} and ${typingUsers[1].userName} are typing...`
-        : 'Several people are typing...';
-
-  return (
-    <div style={{ display: 'flex', flexDirection: 'column', height: '100%', background: 'var(--bg-panel)', position: 'relative' }}>
-
-      {/* Messages area */}
-      <div style={{ flex: 1, overflowY: 'auto', padding: '16px 20px', display: 'flex', flexDirection: 'column', gap: '4px' }}>
-        {!historyLoading && messages.length === 0 && (
-          <div style={{ flex: 1, display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'center', gap: '10px', color: 'var(--text-dim)', paddingTop: '60px' }}>
-            <span style={{ fontSize: '36px' }}>💬</span>
-            <p style={{ fontSize: '14px', margin: 0 }}>No messages yet. Say hi!</p>
-          </div>
-        )}
-
-        {messages.map((msg, i) => {
-          const mine = isMine(msg);
-          const showAvatar = !mine && (i === 0 || messages[i - 1].userId !== msg.userId);
-          const showName = !mine && showAvatar;
-          const next = messages[i + 1];
-          const showTimestamp = !next || next.userId !== msg.userId || (next.timestamp.getTime() - msg.timestamp.getTime()) > 5 * 60 * 1000;
-
-          if (msg.isDeleted) {
-            return (
-              <div key={msg.id} style={{ display: 'flex', flexDirection: mine ? 'row-reverse' : 'row', alignItems: 'flex-end', gap: '8px', marginTop: showName ? '12px' : '2px' }}>
-                {!mine && <div style={{ width: 30, flexShrink: 0 }} />}
-                <p style={{ margin: 0, fontSize: '12px', color: 'var(--text-dim)', fontStyle: 'italic' }}>Message deleted</p>
-              </div>
-            );
-          }
-
-          return (
-            <div
-              key={msg.id}
-              style={{ display: 'flex', flexDirection: mine ? 'row-reverse' : 'row', alignItems: 'flex-end', gap: '8px', marginTop: showName ? '12px' : '2px' }}
-            >
-              {/* Avatar (others only) */}
-              {!mine && (
-                showAvatar
-                  ? <Avatar userId={msg.userId} name={msg.userName} size={30} />
-                  : <div style={{ width: 30, height: 30, flexShrink: 0 }} />
-              )}
-
-              <div style={{ maxWidth: '65%', display: 'flex', flexDirection: 'column', alignItems: mine ? 'flex-end' : 'flex-start', gap: '3px' }}>
-                {showName && (
-                  <span style={{ fontSize: '11px', color: 'var(--text-dim)', paddingLeft: '2px' }}>{msg.userName}</span>
-                )}
-
-                {/* Bubble */}
-                <div
-                  style={{ position: 'relative', background: mine ? 'var(--accent)' : 'var(--bg-subtle)', border: mine ? 'none' : '1px solid var(--border-light)', borderRadius: mine ? '16px 16px 4px 16px' : '16px 16px 16px 4px', padding: msg.imageUrl && !msg.text ? '4px' : '9px 13px', cursor: 'default' }}
-                  onMouseEnter={e => {
-                    e.currentTarget.querySelectorAll<HTMLElement>('.msg-action').forEach(el => el.style.opacity = '1');
-                  }}
-                  onMouseLeave={e => {
-                    e.currentTarget.querySelectorAll<HTMLElement>('.msg-action').forEach(el => el.style.opacity = '0');
-                  }}
-                >
-                  {/* Reply quote */}
-                  {msg.replyTo && (
-                    <div style={{ borderLeft: '2px solid', borderColor: mine ? 'rgba(255,255,255,0.4)' : 'var(--accent-border)', paddingLeft: '8px', marginBottom: '6px', opacity: 0.75 }}>
-                      <span style={{ display: 'block', fontSize: '10px', fontWeight: 600, color: mine ? 'rgba(255,255,255,0.8)' : 'var(--accent)', marginBottom: '1px' }}>{msg.replyTo.userName}</span>
-                      <span style={{ fontSize: '11px', color: mine ? 'rgba(255,255,255,0.7)' : 'var(--text-muted)', display: '-webkit-box', WebkitLineClamp: 2, WebkitBoxOrient: 'vertical', overflow: 'hidden' }}>
-                        {msg.replyTo.text ?? 'Message deleted'}
-                      </span>
-                    </div>
-                  )}
-
-                  {msg.imageUrl && (
-                    <img src={msg.imageUrl} alt="shared" style={{ maxWidth: '220px', maxHeight: '200px', borderRadius: '10px', display: 'block', marginBottom: msg.text ? '6px' : '0' }} />
-                  )}
-                  {msg.text && (
-                    <p style={{ margin: 0, fontSize: '13px', color: mine ? '#fff' : 'var(--text)', lineHeight: 1.45, whiteSpace: 'pre-wrap', wordBreak: 'break-word' }}>
-                      {renderText(msg.text, memberNames, mine)}
-                    </p>
-                  )}
-
-                  {/* Action buttons (hover) */}
-                  <div style={{ position: 'absolute', top: '-10px', [mine ? 'left' : 'right']: '-4px', display: 'flex', gap: '2px', zIndex: 10 }}>
-                    {/* Reply button */}
-                    <button
-                      className="msg-action"
-                      onClick={e => { e.stopPropagation(); setReplyingTo(msg); setEditingMessage(null); textareaRef.current?.focus(); }}
-                      title="Reply"
-                      style={{ opacity: 0, background: 'var(--bg-panel)', border: '1px solid var(--border)', borderRadius: '50%', width: '22px', height: '22px', cursor: 'pointer', fontSize: '11px', display: 'flex', alignItems: 'center', justifyContent: 'center', transition: 'opacity 120ms', boxShadow: 'var(--shadow-sm)' }}
-                    >
-                      ↩
-                    </button>
-                    {/* Reaction button */}
-                    <button
-                      className="msg-action"
-                      onClick={e => { e.stopPropagation(); setReactionPickerFor(reactionPickerFor === msg.id ? null : msg.id); setShowEmojiPicker(false); setContextMenuFor(null); }}
-                      style={{ opacity: 0, background: 'var(--bg-panel)', border: '1px solid var(--border)', borderRadius: '50%', width: '22px', height: '22px', cursor: 'pointer', fontSize: '12px', display: 'flex', alignItems: 'center', justifyContent: 'center', transition: 'opacity 120ms', boxShadow: 'var(--shadow-sm)' }}
-                    >
-                      😊
-                    </button>
-                    {/* Context menu (own messages only) */}
-                    {mine && (
-                      <div style={{ position: 'relative' }}>
-                        <button
-                          className="msg-action"
-                          onClick={e => { e.stopPropagation(); setContextMenuFor(contextMenuFor === msg.id ? null : msg.id); setReactionPickerFor(null); setShowEmojiPicker(false); }}
-                          style={{ opacity: 0, background: 'var(--bg-panel)', border: '1px solid var(--border)', borderRadius: '50%', width: '22px', height: '22px', cursor: 'pointer', fontSize: '13px', display: 'flex', alignItems: 'center', justifyContent: 'center', transition: 'opacity 120ms', boxShadow: 'var(--shadow-sm)', fontWeight: 700, color: 'var(--text-muted)' }}
-                        >
-                          ···
-                        </button>
-                        {contextMenuFor === msg.id && (
-                          <div
-                            ref={contextMenuRef}
-                            style={{ position: 'absolute', top: '26px', [mine ? 'right' : 'left']: '0', background: 'var(--bg-panel)', border: '1px solid var(--border-mid)', borderRadius: '8px', boxShadow: 'var(--shadow-md)', minWidth: '110px', zIndex: 200, overflow: 'hidden' }}
-                          >
-                            <button
-                              onClick={() => handleStartEdit(msg)}
-                              style={{ display: 'block', width: '100%', padding: '8px 12px', background: 'none', border: 'none', textAlign: 'left', fontSize: '12px', color: 'var(--text)', cursor: 'pointer', fontFamily: 'inherit' }}
-                              onMouseEnter={e => (e.currentTarget.style.background = 'var(--bg-subtle)')}
-                              onMouseLeave={e => (e.currentTarget.style.background = 'none')}
-                            >
-                              Edit
-                            </button>
-                            <button
-                              onClick={() => handleDeleteMessage(msg.id)}
-                              style={{ display: 'block', width: '100%', padding: '8px 12px', background: 'none', border: 'none', textAlign: 'left', fontSize: '12px', color: '#dc2626', cursor: 'pointer', fontFamily: 'inherit' }}
-                              onMouseEnter={e => (e.currentTarget.style.background = '#fef2f2')}
-                              onMouseLeave={e => (e.currentTarget.style.background = 'none')}
-                            >
-                              Delete
-                            </button>
-                          </div>
-                        )}
-                      </div>
-                    )}
-                  </div>
-                </div>
-
-                {/* Reactions */}
-                {msg.reactions.length > 0 && (
-                  <div style={{ display: 'flex', gap: '4px', flexWrap: 'wrap' }}>
-                    {msg.reactions.map(r => (
-                      <button
-                        key={r.emoji}
-                        onClick={() => handleToggleReaction(msg.id, r.emoji)}
-                        title={`${r.userIds.length} reaction${r.userIds.length > 1 ? 's' : ''}`}
-                        style={{ background: r.userIds.includes(userId) ? 'var(--accent-dim)' : 'var(--bg-subtle)', border: `1px solid ${r.userIds.includes(userId) ? 'var(--accent-border)' : 'var(--border-light)'}`, borderRadius: '10px', padding: '1px 7px', fontSize: '12px', cursor: 'pointer', display: 'flex', alignItems: 'center', gap: '3px' }}
-                      >
-                        {r.emoji} <span style={{ fontSize: '10px', color: 'var(--text-muted)' }}>{r.userIds.length}</span>
-                      </button>
-                    ))}
-                  </div>
-                )}
-
-                {showTimestamp && (
-                  <span style={{ fontSize: '10px', color: 'var(--text-dim)' }}>
-                    {formatTime(msg.timestamp)}
-                    {msg.editedAt && <span style={{ marginLeft: '4px', opacity: 0.7 }}>(edited)</span>}
-                  </span>
-                )}
-              </div>
-            </div>
-          );
-        })}
-
-        {/* Reaction picker */}
-        {reactionPickerFor && (
-          <div ref={pickerRef} style={{ position: 'fixed', bottom: '90px', left: '50%', transform: 'translateX(-50%)', background: 'var(--bg-panel)', border: '1px solid var(--border-mid)', borderRadius: 'var(--radius-md)', padding: '8px', display: 'flex', flexWrap: 'wrap', gap: '4px', width: '260px', boxShadow: 'var(--shadow-md)', zIndex: 100 }}>
-            {EMOJI_GRID.map(e => (
-              <button key={e} onClick={() => handleToggleReaction(reactionPickerFor, e)} style={{ background: 'none', border: 'none', cursor: 'pointer', fontSize: '18px', padding: '3px', borderRadius: '6px' }} onMouseEnter={ev => (ev.currentTarget.style.background = 'var(--bg-subtle)')} onMouseLeave={ev => (ev.currentTarget.style.background = 'none')}>
-                {e}
-              </button>
-            ))}
-          </div>
-        )}
-
-        <div ref={bottomRef} />
-      </div>
-
-      {/* Pending image preview */}
-      {pendingImage && (
-        <div style={{ padding: '8px 20px 0', display: 'flex', alignItems: 'center', gap: '10px' }}>
-          <img src={pendingImage} alt="preview" style={{ height: '56px', borderRadius: '8px', border: '1px solid var(--border)' }} />
-          <button onClick={() => setPendingImage(null)} style={{ background: 'none', border: 'none', cursor: 'pointer', fontSize: '16px', color: 'var(--text-dim)' }}>×</button>
-        </div>
-      )}
-
-      {/* Input area */}
-      <div style={{ borderTop: '1px solid var(--border-light)', padding: '12px 16px', background: 'var(--bg-panel)', position: 'relative' }}>
-
-        {/* Typing indicator */}
-        {typingLabel && (
-          <div style={{ fontSize: '11px', color: 'var(--text-dim)', fontStyle: 'italic', marginBottom: '6px', paddingLeft: '2px' }}>
-            {typingLabel}
-          </div>
-        )}
-
-        {/* Edit mode banner */}
-        {editingMessage && (
-          <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', background: 'rgba(245,158,11,0.08)', border: '1px solid rgba(245,158,11,0.25)', borderRadius: '8px', padding: '5px 10px', marginBottom: '8px' }}>
-            <span style={{ fontSize: '11px', color: '#92400e' }}>
-              <strong>Editing:</strong> <span style={{ opacity: 0.8 }}>{editingMessage.text.slice(0, 60)}{editingMessage.text.length > 60 ? '…' : ''}</span>
-            </span>
-            <button onClick={cancelEdit} style={{ background: 'none', border: 'none', cursor: 'pointer', fontSize: '14px', color: '#92400e', lineHeight: 1, padding: '0 2px' }}>×</button>
-          </div>
-        )}
-
-        {/* Reply preview */}
-        {replyingTo && !editingMessage && (
-          <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', background: 'var(--bg-subtle)', border: '1px solid var(--border-light)', borderLeft: '3px solid var(--accent-border)', borderRadius: '0 8px 8px 0', padding: '5px 10px', marginBottom: '8px' }}>
-            <div>
-              <span style={{ display: 'block', fontSize: '10px', fontWeight: 600, color: 'var(--accent)', marginBottom: '1px' }}>{replyingTo.userName}</span>
-              <span style={{ fontSize: '11px', color: 'var(--text-muted)' }}>{replyingTo.text.slice(0, 80)}{replyingTo.text.length > 80 ? '…' : ''}</span>
-            </div>
-            <button onClick={() => setReplyingTo(null)} style={{ background: 'none', border: 'none', cursor: 'pointer', fontSize: '14px', color: 'var(--text-dim)', lineHeight: 1, padding: '0 2px' }}>×</button>
-          </div>
-        )}
-
-        {/* @mention dropdown */}
-        {mentionQuery !== null && filteredMembers.length > 0 && (
-          <div style={{ position: 'absolute', bottom: '100%', left: '16px', background: 'var(--bg-panel)', border: '1px solid var(--border-mid)', borderRadius: '8px', boxShadow: 'var(--shadow-md)', minWidth: '180px', zIndex: 200, overflow: 'hidden', marginBottom: '4px' }}>
-            {filteredMembers.map((m, i) => (
-              <button
-                key={m.user_id}
-                onMouseDown={e => { e.preventDefault(); insertMention(m.name); }}
-                style={{ display: 'flex', alignItems: 'center', gap: '8px', width: '100%', padding: '7px 12px', background: i === mentionIndex ? 'var(--bg-subtle)' : 'none', border: 'none', cursor: 'pointer', fontFamily: 'inherit', fontSize: '13px', color: 'var(--text)', textAlign: 'left' }}
-                onMouseEnter={() => setMentionIndex(i)}
-              >
-                <Avatar userId={m.user_id} name={m.name} size={20} />
-                <span>{m.name}</span>
-              </button>
-            ))}
-          </div>
-        )}
-
-        {/* Emoji picker for input */}
-        {showEmojiPicker && (
-          <div ref={pickerRef} style={{ position: 'absolute', bottom: '64px', left: '16px', background: 'var(--bg-panel)', border: '1px solid var(--border-mid)', borderRadius: 'var(--radius-md)', padding: '10px', display: 'flex', flexWrap: 'wrap', gap: '4px', width: '280px', boxShadow: 'var(--shadow-lg)', zIndex: 100 }}>
-            {EMOJI_GRID.map(e => (
-              <button key={e} onClick={() => { insertEmoji(e); setShowEmojiPicker(false); }} style={{ background: 'none', border: 'none', cursor: 'pointer', fontSize: '20px', padding: '4px', borderRadius: '6px' }} onMouseEnter={ev => (ev.currentTarget.style.background = 'var(--bg-subtle)')} onMouseLeave={ev => (ev.currentTarget.style.background = 'none')}>
-                {e}
-              </button>
-            ))}
-          </div>
-        )}
-
-        <div style={{ display: 'flex', alignItems: 'flex-end', gap: '8px' }}>
-          <button
-            onClick={() => { setShowEmojiPicker(s => !s); setReactionPickerFor(null); }}
-            title="Emoji"
-            style={{ background: showEmojiPicker ? 'var(--accent-dim)' : 'none', border: '1px solid var(--border)', borderRadius: 'var(--radius-sm)', width: '34px', height: '34px', cursor: 'pointer', fontSize: '18px', flexShrink: 0, display: 'flex', alignItems: 'center', justifyContent: 'center', transition: 'background var(--dur-fast)' }}
-          >
-            😊
-          </button>
-
-          <button
-            onClick={() => fileInputRef.current?.click()}
-            title="Attach photo"
-            style={{ background: 'none', border: '1px solid var(--border)', borderRadius: 'var(--radius-sm)', width: '34px', height: '34px', cursor: 'pointer', flexShrink: 0, display: 'flex', alignItems: 'center', justifyContent: 'center', color: 'var(--text-muted)', fontSize: '15px' }}
-            onMouseEnter={e => (e.currentTarget.style.background = 'var(--bg-subtle)')}
-            onMouseLeave={e => (e.currentTarget.style.background = 'none')}
-          >
-            📷
-          </button>
-          <input ref={fileInputRef} type="file" accept="image/*" style={{ display: 'none' }} onChange={handleImageFile} />
-
-          <textarea
-            ref={textareaRef}
-            value={input}
-            onChange={handleInputChange}
-            onKeyDown={handleKeyDown}
-            placeholder={editingMessage ? 'Edit message...' : 'Message the group...'}
-            rows={1}
-            style={{ flex: 1, background: editingMessage ? 'rgba(245,158,11,0.06)' : 'var(--bg-subtle)', border: `1px solid ${editingMessage ? 'rgba(245,158,11,0.4)' : 'var(--border)'}`, borderRadius: '18px', padding: '8px 14px', fontSize: '13px', color: 'var(--text)', resize: 'none', outline: 'none', fontFamily: 'inherit', lineHeight: 1.5, maxHeight: '100px', overflowY: 'auto', transition: 'border-color var(--dur-fast)' }}
-            onFocus={e => { if (!editingMessage) e.currentTarget.style.borderColor = 'var(--accent-border)'; }}
-            onBlur={e => { if (!editingMessage) e.currentTarget.style.borderColor = 'var(--border)'; }}
-          />
-
-          <button
-            onClick={sendMessage}
-            disabled={(!input.trim() && !pendingImage) || sending}
-            style={{ background: (input.trim() || pendingImage) && !sending ? 'var(--accent)' : 'var(--bg-subtle)', border: 'none', borderRadius: 'var(--radius-sm)', width: '34px', height: '34px', cursor: (input.trim() || pendingImage) && !sending ? 'pointer' : 'default', flexShrink: 0, display: 'flex', alignItems: 'center', justifyContent: 'center', transition: 'background var(--dur-base)', color: (input.trim() || pendingImage) && !sending ? '#fff' : 'var(--text-dim)', fontSize: '16px' }}
-          >
-            {editingMessage ? '✓' : '↑'}
-          </button>
-        </div>
-      </div>
-    </div>
-  );
-}
diff --git a/frontend/src/components/RoomList.tsx b/frontend/src/components/RoomList.tsx
deleted file mode 100644
index 84d15340..00000000
--- a/frontend/src/components/RoomList.tsx
+++ /dev/null
@@ -1,278 +0,0 @@
-'use client';
-
-import { useState } from 'react';
-import { Room } from '@/lib/types';
-import { createRoom, joinRoom } from '@/lib/api';
-
-interface Props {
-  rooms: Room[];
-  activeRoomId: string | null;
-  userId: string;
-  onSelectRoom: (roomId: string) => void;
-  onRoomsChange: (rooms: Room[]) => void;
-  schoolActive?: boolean;
-  onSchoolClick?: () => void;
-}
-
-type Panel = 'none' | 'create' | 'join';
-
-export default function RoomList({ rooms, activeRoomId, userId, onSelectRoom, onRoomsChange, schoolActive, onSchoolClick }: Props) {
-  const [panel, setPanel] = useState<Panel>('none');
-  const [roomName, setRoomName] = useState('');
-  const [inviteCode, setInviteCode] = useState('');
-  const [newCode, setNewCode] = useState('');
-  const [copied, setCopied] = useState(false);
-  const [loading, setLoading] = useState(false);
-  const [error, setError] = useState('');
-
-  const openPanel = (p: Panel) => {
-    setPanel(prev => prev === p ? 'none' : p);
-    setError('');
-    setNewCode('');
-    setRoomName('');
-    setInviteCode('');
-  };
-
-  const copyCode = (code: string) => {
-    navigator.clipboard.writeText(code);
-    setCopied(true);
-    setTimeout(() => setCopied(false), 2000);
-  };
-
-  const handleCreate = async () => {
-    if (!roomName.trim()) return;
-    setLoading(true);
-    setError('');
-    try {
-      const res = await createRoom(userId, roomName.trim());
-      setNewCode(res.invite_code);
-      const newRoom: Room = { id: res.room_id, name: roomName.trim(), invite_code: res.invite_code, member_count: 1 };
-      onRoomsChange([...rooms, newRoom]);
-      onSelectRoom(res.room_id);
-      setRoomName('');
-    } catch {
-      setError('Failed to create room.');
-    } finally {
-      setLoading(false);
-    }
-  };
-
-  const handleJoin = async () => {
-    if (!inviteCode.trim()) return;
-    setLoading(true);
-    setError('');
-    try {
-      const res = await joinRoom(userId, inviteCode.trim());
-      setInviteCode('');
-      setPanel('none');
-      if (!rooms.find(r => r.id === res.room.id)) {
-        onRoomsChange([...rooms, res.room]);
-      }
-      onSelectRoom(res.room.id);
-    } catch {
-      setError('Invalid invite code.');
-    } finally {
-      setLoading(false);
-    }
-  };
-
-  return (
-    <div style={{ display: 'flex', flexDirection: 'column', height: '100%' }}>
-      {/* Header */}
-      <div style={{ padding: '16px 16px 12px', borderBottom: '1px solid var(--border-light)' }}>
-        <p className="label" style={{ margin: '0 0 12px' }}>Study Rooms</p>
-        <div style={{ display: 'flex', gap: '8px' }}>
-          <button
-            onClick={() => openPanel('create')}
-            style={{
-              flex: 1,
-              padding: '7px 0',
-              border: panel === 'create' ? '1px solid var(--accent-border)' : '1px solid var(--border)',
-              borderRadius: '5px',
-              background: panel === 'create' ? 'var(--accent-dim)' : 'transparent',
-              color: panel === 'create' ? 'var(--accent)' : 'var(--text-dim)',
-              fontSize: '12px',
-              fontWeight: 500,
-              cursor: 'pointer',
-              fontFamily: 'inherit',
-            }}
-          >
-            + Create
-          </button>
-          <button
-            onClick={() => openPanel('join')}
-            style={{
-              flex: 1,
-              padding: '7px 0',
-              border: panel === 'join' ? '1px solid var(--accent-border)' : '1px solid var(--border)',
-              borderRadius: '5px',
-              background: panel === 'join' ? 'var(--accent-dim)' : 'transparent',
-              color: panel === 'join' ? 'var(--accent)' : 'var(--text-dim)',
-              fontSize: '12px',
-              fontWeight: 500,
-              cursor: 'pointer',
-              fontFamily: 'inherit',
-            }}
-          >
-            Join
-          </button>
-        </div>
-      </div>
-
-      {/* Create panel */}
-      {panel === 'create' && (
-        <div style={{ padding: '14px 16px', borderBottom: '1px solid var(--border-light)', background: 'var(--bg-subtle)' }}>
-          {newCode ? (
-            <div>
-              <p style={{ fontSize: '11px', color: 'var(--text-dim)', margin: '0 0 8px', fontWeight: 500 }}>
-                Room created! Share this code:
-              </p>
-              <div style={{
-                display: 'flex',
-                alignItems: 'center',
-                justifyContent: 'space-between',
-                padding: '10px 12px',
-                background: 'var(--accent-dim)',
-                border: '1px solid var(--accent-border)',
-                borderRadius: '6px',
-              }}>
-                <span style={{ fontSize: '18px', fontWeight: 700, color: 'var(--accent)', letterSpacing: '0.15em', fontFamily: 'monospace' }}>
-                  {newCode}
-                </span>
-                <button
-                  onClick={() => copyCode(newCode)}
-                  style={{ background: 'none', border: 'none', color: copied ? '#16a34a' : 'var(--text-dim)', fontSize: '12px', cursor: 'pointer', fontFamily: 'inherit' }}
-                >
-                  {copied ? 'Copied!' : 'Copy'}
-                </button>
-              </div>
-              <button
-                onClick={() => { setPanel('none'); setNewCode(''); }}
-                style={{ marginTop: '10px', background: 'none', border: 'none', color: 'var(--text-dim)', fontSize: '12px', cursor: 'pointer', fontFamily: 'inherit' }}
-              >
-                Done
-              </button>
-            </div>
-          ) : (
-            <div>
-              <p style={{ fontSize: '11px', color: 'var(--text-dim)', margin: '0 0 8px', fontWeight: 500 }}>Room name</p>
-              <input
-                value={roomName}
-                onChange={e => setRoomName(e.target.value)}
-                onKeyDown={e => e.key === 'Enter' && handleCreate()}
-                placeholder="e.g. CS 101 Study Group"
-                autoFocus
-                className="input"
-                style={{ width: '100%', boxSizing: 'border-box' }}
-              />
-              {error && <p style={{ fontSize: '12px', color: '#dc2626', margin: '6px 0 0' }}>{error}</p>}
-              <button
-                onClick={handleCreate}
-                disabled={loading || !roomName.trim()}
-                className="btn-accent"
-                style={{ marginTop: '10px', width: '100%', opacity: loading || !roomName.trim() ? 0.5 : 1, cursor: loading ? 'not-allowed' : 'pointer' }}
-              >
-                {loading ? 'Creating…' : 'Create Room'}
-              </button>
-            </div>
-          )}
-        </div>
-      )}
-
-      {/* Join panel */}
-      {panel === 'join' && (
-        <div style={{ padding: '14px 16px', borderBottom: '1px solid var(--border-light)', background: 'var(--bg-subtle)' }}>
-          <p style={{ fontSize: '11px', color: 'var(--text-dim)', margin: '0 0 8px', fontWeight: 500 }}>Enter invite code</p>
-          <input
-            value={inviteCode}
-            onChange={e => setInviteCode(e.target.value.toUpperCase())}
-            onKeyDown={e => e.key === 'Enter' && handleJoin()}
-            placeholder="ABC123"
-            maxLength={6}
-            autoFocus
-            className="input"
-            style={{
-              width: '100%',
-              fontSize: '18px',
-              fontWeight: 600,
-              letterSpacing: '0.2em',
-              textAlign: 'center',
-              fontFamily: 'monospace',
-              boxSizing: 'border-box',
-              color: 'var(--accent)',
-            }}
-          />
-          {error && <p style={{ fontSize: '12px', color: '#dc2626', margin: '6px 0 0' }}>{error}</p>}
-          <button
-            onClick={handleJoin}
-            disabled={loading || inviteCode.length < 6}
-            className="btn-accent"
-            style={{ marginTop: '10px', width: '100%', opacity: loading || inviteCode.length < 6 ? 0.5 : 1, cursor: loading ? 'not-allowed' : 'pointer' }}
-          >
-            {loading ? 'Joining…' : 'Join Room'}
-          </button>
-        </div>
-      )}
-
-      {/* My School */}
-      {onSchoolClick && (
-        <div style={{ padding: '8px 8px 4px' }}>
-          <button
-            onClick={onSchoolClick}
-            style={{
-              width: '100%',
-              textAlign: 'left',
-              padding: '10px 12px',
-              border: 'none',
-              borderRadius: '6px',
-              cursor: 'pointer',
-              background: schoolActive ? 'var(--accent-dim)' : 'transparent',
-              fontFamily: 'inherit',
-              display: 'flex',
-              alignItems: 'center',
-              gap: '8px',
-            }}
-          >
-            <span style={{ fontSize: '13px', fontWeight: schoolActive ? 600 : 400, color: schoolActive ? 'var(--accent)' : 'var(--text-dim)' }}>
-              My School
-            </span>
-          </button>
-        </div>
-      )}
-
-      {/* Room list */}
-      <div style={{ flex: 1, overflowY: 'auto', padding: '8px' }}>
-        {rooms.length === 0 ? (
-          <p style={{ fontSize: '13px', color: 'var(--text-dim)', textAlign: 'center', padding: '24px 8px' }}>
-            No rooms yet.
-          </p>
-        ) : (
-          rooms.map(room => (
-            <button
-              key={room.id}
-              onClick={() => onSelectRoom(room.id)}
-              className={room.id === activeRoomId ? 'room-item room-item-active' : 'room-item'}
-              style={{
-                width: '100%',
-                textAlign: 'left',
-                padding: '10px 12px',
-                border: 'none',
-                borderRadius: '6px',
-                cursor: 'pointer',
-                marginBottom: '2px',
-                background: room.id === activeRoomId ? 'var(--accent-dim)' : 'transparent',
-                fontFamily: 'inherit',
-              }}
-            >
-              <p style={{ fontSize: '13px', fontWeight: 500, color: 'var(--text)', margin: 0 }}>{room.name}</p>
-              <div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center', marginTop: '2px' }}>
-                <span style={{ fontSize: '11px', color: 'var(--text-dim)' }}>{room.member_count} member{room.member_count !== 1 ? 's' : ''}</span>
-                <span style={{ fontSize: '11px', color: 'var(--text-muted)', fontFamily: 'monospace', letterSpacing: '0.08em' }}>{room.invite_code}</span>
-              </div>
-            </button>
-          ))
-        )}
-      </div>
-    </div>
-  );
-}
diff --git a/frontend/src/components/RoomMembers.tsx b/frontend/src/components/RoomMembers.tsx
deleted file mode 100644
index 9f0d63d7..00000000
--- a/frontend/src/components/RoomMembers.tsx
+++ /dev/null
@@ -1,230 +0,0 @@
-'use client';
-
-import { useState } from 'react';
-import { kickMember, leaveRoom } from '@/lib/api';
-import { useUser } from '@/context/UserContext';
-import Avatar from '@/components/Avatar';
-
-interface Member {
-  user_id: string;
-  name: string;
-}
-
-interface Props {
-  roomId: string;
-  roomName: string;
-  leaderId: string;
-  members: Member[];
-  currentUserId: string;
-  onLeave: () => void;
-  onMembersChange: (members: Member[]) => void;
-}
-
-export default function RoomMembers({ roomId, roomName, leaderId, members, currentUserId, onLeave, onMembersChange }: Props) {
-  const { avatarUrl } = useUser();
-  const [confirmLeave, setConfirmLeave] = useState(false);
-  const [confirmKickId, setConfirmKickId] = useState<string | null>(null);
-  const [kickingId, setKickingId] = useState<string | null>(null);
-  const [leavingLoading, setLeavingLoading] = useState(false);
-
-  const isLeader = currentUserId === leaderId;
-
-  async function handleKick(memberId: string) {
-    setKickingId(memberId);
-    try {
-      await kickMember(roomId, memberId, currentUserId);
-      onMembersChange(members.filter(m => m.user_id !== memberId));
-    } catch (e) {
-      console.error(e);
-    } finally {
-      setKickingId(null);
-    }
-  }
-
-  async function handleLeave() {
-    setLeavingLoading(true);
-    try {
-      await leaveRoom(roomId, currentUserId);
-      onLeave();
-    } catch (e) {
-      console.error(e);
-      setLeavingLoading(false);
-    }
-  }
-
-  return (
-    <div style={{ padding: '28px 24px', maxWidth: '520px' }}>
-      <h2 style={{ fontSize: '15px', fontWeight: 600, color: 'var(--text)', margin: '0 0 20px' }}>
-        Members
-        <span style={{ fontSize: '13px', fontWeight: 400, color: 'var(--text-dim)', marginLeft: '6px' }}>
-          {members.length}
-        </span>
-      </h2>
-
-      <div style={{ display: 'flex', flexDirection: 'column', gap: '4px', marginBottom: '28px' }}>
-        {members.map(m => {
-          const isMe = m.user_id === currentUserId;
-          const isThisLeader = m.user_id === leaderId;
-
-          return (
-            <div
-              key={m.user_id}
-              style={{
-                display: 'flex',
-                alignItems: 'center',
-                gap: '12px',
-                padding: '10px 12px',
-                borderRadius: 'var(--radius-md)',
-                background: isMe ? 'var(--accent-dim)' : 'transparent',
-                border: `1px solid ${isMe ? 'var(--accent-border)' : 'transparent'}`,
-                transition: 'background var(--dur-fast)',
-              }}
-            >
-              {/* Avatar */}
-              <Avatar
-                userId={m.user_id}
-                name={m.name}
-                size={36}
-                avatarUrl={isMe ? avatarUrl : undefined}
-              />
-
-              {/* Name + badges */}
-              <div style={{ flex: 1, display: 'flex', alignItems: 'center', gap: '7px', minWidth: 0 }}>
-                <span style={{ fontSize: '14px', fontWeight: 500, color: 'var(--text)', whiteSpace: 'nowrap', overflow: 'hidden', textOverflow: 'ellipsis' }}>
-                  {m.name}
-                </span>
-                {isThisLeader && (
-                  <span style={{
-                    fontSize: '10px',
-                    fontWeight: 700,
-                    color: '#92400e',
-                    background: '#fef3c7',
-                    border: '1px solid #fcd34d',
-                    borderRadius: '4px',
-                    padding: '1px 6px',
-                    letterSpacing: '0.04em',
-                    flexShrink: 0,
-                  }}>
-                    LEADER
-                  </span>
-                )}
-                {isMe && (
-                  <span style={{ fontSize: '11px', color: 'var(--text-dim)', flexShrink: 0 }}>you</span>
-                )}
-              </div>
-
-              {/* Kick button — only leader sees it, not on themselves */}
-              {isLeader && !isMe && (
-                confirmKickId === m.user_id ? (
-                  <div style={{ display: 'flex', gap: '4px', flexShrink: 0 }}>
-                    <button
-                      onClick={() => setConfirmKickId(null)}
-                      style={{ background: 'none', border: '1px solid rgba(107,114,128,0.2)', borderRadius: 'var(--radius-sm)', padding: '4px 8px', fontSize: '11px', color: '#6b7280', cursor: 'pointer' }}
-                    >
-                      No
-                    </button>
-                    <button
-                      onClick={() => { setConfirmKickId(null); handleKick(m.user_id); }}
-                      disabled={kickingId === m.user_id}
-                      style={{ background: 'rgba(220,38,38,0.08)', border: '1px solid rgba(220,38,38,0.3)', borderRadius: 'var(--radius-sm)', padding: '4px 8px', fontSize: '11px', color: '#dc2626', cursor: 'pointer', fontWeight: 600 }}
-                    >
-                      Kick?
-                    </button>
-                  </div>
-                ) : (
-                  <button
-                    onClick={() => setConfirmKickId(m.user_id)}
-                    disabled={kickingId === m.user_id}
-                    style={{
-                      background: 'none',
-                      border: '1px solid rgba(220,38,38,0.3)',
-                      borderRadius: 'var(--radius-sm)',
-                      padding: '4px 12px',
-                      fontSize: '12px',
-                      color: '#dc2626',
-                      cursor: kickingId === m.user_id ? 'default' : 'pointer',
-                      flexShrink: 0,
-                      opacity: kickingId === m.user_id ? 0.5 : 1,
-                      transition: 'all var(--dur-fast)',
-                    }}
-                    onMouseEnter={e => { if (kickingId !== m.user_id) e.currentTarget.style.background = 'rgba(220,38,38,0.06)'; }}
-                    onMouseLeave={e => (e.currentTarget.style.background = 'none')}
-                  >
-                    {kickingId === m.user_id ? '...' : 'Kick'}
-                  </button>
-                )
-              )}
-            </div>
-          );
-        })}
-      </div>
-
-      {/* Leave room */}
-      <div style={{ borderTop: '1px solid var(--border-light)', paddingTop: '20px' }}>
-        {!confirmLeave ? (
-          <button
-            onClick={() => setConfirmLeave(true)}
-            style={{
-              background: 'none',
-              border: '1px solid rgba(220,38,38,0.35)',
-              borderRadius: 'var(--radius-md)',
-              padding: '9px 18px',
-              fontSize: '13px',
-              color: '#dc2626',
-              cursor: 'pointer',
-              transition: 'all var(--dur-fast)',
-            }}
-            onMouseEnter={e => {
-              e.currentTarget.style.background = 'rgba(220,38,38,0.06)';
-              e.currentTarget.style.borderColor = 'rgba(220,38,38,0.6)';
-            }}
-            onMouseLeave={e => {
-              e.currentTarget.style.background = 'none';
-              e.currentTarget.style.borderColor = 'rgba(220,38,38,0.35)';
-            }}
-          >
-            Leave Room
-          </button>
-        ) : (
-          <div style={{ display: 'flex', flexDirection: 'column', gap: '10px' }}>
-            <p style={{ fontSize: '13px', color: 'var(--text-secondary)', margin: 0 }}>
-              Are you sure you want to leave <strong>{roomName}</strong>?
-              {isLeader && (
-                <span style={{ display: 'block', fontSize: '12px', color: 'var(--text-dim)', marginTop: '4px' }}>
-                  You are the room leader — the room will remain but without a leader.
-                </span>
-              )}
-            </p>
-            <div style={{ display: 'flex', gap: '8px' }}>
-              <button
-                onClick={() => setConfirmLeave(false)}
-                className="btn-ghost"
-                style={{ flex: 1, fontSize: '13px', padding: '8px' }}
-              >
-                Cancel
-              </button>
-              <button
-                onClick={handleLeave}
-                disabled={leavingLoading}
-                style={{
-                  flex: 2,
-                  background: '#dc2626',
-                  border: 'none',
-                  borderRadius: 'var(--radius-md)',
-                  padding: '8px',
-                  fontSize: '13px',
-                  color: '#fff',
-                  cursor: leavingLoading ? 'default' : 'pointer',
-                  opacity: leavingLoading ? 0.7 : 1,
-                  transition: 'opacity var(--dur-fast)',
-                }}
-              >
-                {leavingLoading ? 'Leaving...' : 'Leave Room'}
-              </button>
-            </div>
-          </div>
-        )}
-      </div>
-    </div>
-  );
-}
diff --git a/frontend/src/components/RoomOverview.tsx b/frontend/src/components/RoomOverview.tsx
deleted file mode 100644
index 52a1231c..00000000
--- a/frontend/src/components/RoomOverview.tsx
+++ /dev/null
@@ -1,227 +0,0 @@
-'use client';
-
-import { useState, useEffect, useRef } from 'react';
-import KnowledgeGraph from './KnowledgeGraph';
-import CustomSelect from './CustomSelect';
-import { RoomMember } from '@/lib/types';
-import { filterCrossSubjectEdges } from '@/lib/graphUtils';
-
-interface Props {
-  room: { name: string; invite_code: string };
-  members: RoomMember[];
-  aiSummary: string;
-  myUserId: string;
-  suggestNodeId?: string;
-  suggestConcept?: string;
-  onSuggestDismiss?: () => void;
-  onSuggestAccept?: () => void;
-}
-
-export default function RoomOverview({ room, members, aiSummary, myUserId, suggestNodeId, suggestConcept, onSuggestDismiss, onSuggestAccept }: Props) {
-  const [copied, setCopied] = useState(false);
-  const [compareWith, setCompareWith] = useState<string>('');
-  const [isMobile, setIsMobile] = useState(false);
-  const graphContainerRef = useRef<HTMLDivElement>(null);
-  const [graphWidth, setGraphWidth] = useState(440);
-
-  useEffect(() => {
-    const mql = window.matchMedia('(max-width: 768px)');
-    setIsMobile(mql.matches);
-    const handler = (e: MediaQueryListEvent) => setIsMobile(e.matches);
-    mql.addEventListener('change', handler);
-    return () => mql.removeEventListener('change', handler);
-  }, []);
-
-  useEffect(() => {
-    if (!graphContainerRef.current) return;
-    const ro = new ResizeObserver(entries => {
-      for (const entry of entries) {
-        setGraphWidth(Math.floor(entry.contentRect.width));
-      }
-    });
-    ro.observe(graphContainerRef.current);
-    return () => ro.disconnect();
-  }, []);
-
-  const myMember = members.find(m => m.user_id === myUserId);
-  const partnerMember = members.find(m => m.user_id === compareWith);
-
-  const copyCode = () => {
-    navigator.clipboard.writeText(room.invite_code);
-    setCopied(true);
-    setTimeout(() => setCopied(false), 2000);
-  };
-
-  const otherMembers = members.filter(m => m.user_id !== myUserId);
-
-  return (
-    <div style={{ display: 'flex', flexDirection: 'column', gap: '24px' }}>
-      {/* Header */}
-      <div style={{ display: 'flex', alignItems: isMobile ? 'stretch' : 'flex-start', justifyContent: 'space-between', gap: '12px', flexDirection: isMobile ? 'column' : 'row' }}>
-        <h2 style={{ fontSize: '16px', fontWeight: 600, color: 'var(--text)', margin: 0 }}>{room.name}</h2>
-
-        {/* Invite code chip */}
-        <div style={{
-          display: 'flex',
-          alignItems: 'center',
-          gap: '10px',
-          padding: '8px 14px',
-          background: 'var(--bg-subtle)',
-          border: '1px solid var(--border)',
-          borderRadius: '8px',
-          flexShrink: 0,
-        }}>
-          <div>
-            <p className="label" style={{ margin: '0 0 2px' }}>Invite Code</p>
-            <span style={{ fontSize: '16px', fontWeight: 700, color: 'var(--accent)', fontFamily: 'monospace', letterSpacing: '0.18em' }}>
-              {room.invite_code}
-            </span>
-          </div>
-          <button
-            onClick={copyCode}
-            className={copied ? '' : 'btn-accent'}
-            style={copied ? {
-              padding: '5px 10px',
-              background: 'rgba(22,163,74,0.1)',
-              color: '#16a34a',
-              border: '1px solid rgba(22,163,74,0.3)',
-              borderRadius: '5px',
-              fontSize: '12px',
-              fontWeight: 500,
-              cursor: 'pointer',
-              fontFamily: 'inherit',
-            } : { padding: '5px 10px', fontSize: '12px' }}
-          >
-            {copied ? 'Copied!' : 'Copy'}
-          </button>
-        </div>
-      </div>
-
-      {/* Graphs side-by-side */}
-      <div style={{ display: 'grid', gridTemplateColumns: isMobile ? '1fr' : '1fr 1fr', gap: '16px' }}>
-        <div ref={graphContainerRef} style={{ position: 'relative', minWidth: 0 }}>
-          <p style={{ fontSize: '12px', fontWeight: 500, color: 'var(--text-dim)', marginBottom: '8px' }}>Your Tree</p>
-          <div className="panel" style={{ overflow: 'hidden' }}>
-            {myMember ? (
-              <KnowledgeGraph
-                nodes={myMember.graph.nodes}
-                edges={filterCrossSubjectEdges(myMember.graph.nodes, myMember.graph.edges)}
-                width={graphWidth}
-                height={isMobile ? 300 : 380}
-                interactive={true}
-                highlightId={suggestNodeId}
-                comparison={partnerMember ? { partnerNodes: partnerMember.graph.nodes } : undefined}
-              />
-            ) : (
-              <div style={{ height: isMobile ? 300 : 380, display: 'flex', alignItems: 'center', justifyContent: 'center', color: 'var(--text-dim)', fontSize: '13px' }}>
-                No data
-              </div>
-            )}
-          </div>
-
-          {/* AI "learn next" suggestion popup */}
-          {suggestConcept && suggestNodeId && (
-            <div className="panel-in-centered panel-in-1" style={{
-              position: 'absolute',
-              bottom: '12px',
-              left: '50%',
-              background: '#ffffff',
-              border: '1px solid rgba(26,92,42,0.25)',
-              borderRadius: '10px',
-              padding: '14px 18px',
-              boxShadow: '0 8px 32px rgba(0,0,0,0.12)',
-              zIndex: 20,
-              display: 'flex',
-              flexDirection: 'column',
-              gap: '10px',
-              minWidth: '260px',
-              maxWidth: '360px',
-              fontFamily: "var(--font-dm-sans), 'DM Sans', sans-serif",
-            }}>
-              <div style={{ display: 'flex', alignItems: 'flex-start', gap: '10px' }}>
-                <span style={{ fontSize: '20px', lineHeight: 1, flexShrink: 0 }}>✨</span>
-                <div>
-                  <p style={{ fontSize: '11px', fontWeight: 500, color: '#6b7280', textTransform: 'uppercase', letterSpacing: '0.06em', margin: '0 0 3px' }}>
-                    AI Recommendation
-                  </p>
-                  <p style={{ fontSize: '15px', fontWeight: 600, color: '#111827', margin: 0 }}>
-                    {suggestConcept}
-                  </p>
-                  <p style={{ fontSize: '12px', color: '#6b7280', margin: '4px 0 0', lineHeight: 1.5 }}>
-                    This concept will have the highest impact on your mastery.
-                  </p>
-                </div>
-              </div>
-              <div style={{ display: 'flex', gap: '8px', justifyContent: 'flex-end' }}>
-                <button
-                  onClick={onSuggestDismiss}
-                  style={{ padding: '6px 14px', background: 'transparent', color: '#6b7280', border: '1px solid rgba(107,114,128,0.22)', borderRadius: '6px', fontSize: '12px', fontWeight: 500, cursor: 'pointer', fontFamily: 'inherit' }}
-                >
-                  Dismiss
-                </button>
-                <button
-                  onClick={onSuggestAccept}
-                  style={{ padding: '6px 16px', background: '#1a5c2a', color: '#ffffff', border: 'none', borderRadius: '6px', fontSize: '12px', fontWeight: 600, cursor: 'pointer', fontFamily: 'inherit' }}
-                >
-                  Start Quiz →
-                </button>
-              </div>
-            </div>
-          )}
-        </div>
-
-        <div style={{ minWidth: 0 }}>
-          <div style={{ display: 'flex', alignItems: 'center', gap: '8px', marginBottom: '8px' }}>
-            <p style={{ fontSize: '12px', fontWeight: 500, color: 'var(--text-dim)', margin: 0 }}>Compare with</p>
-            <CustomSelect
-              value={compareWith}
-              onChange={setCompareWith}
-              options={otherMembers.map(m => ({ value: m.user_id, label: m.name }))}
-              placeholder="Select member"
-              compact
-            />
-          </div>
-          <div className="panel" style={{ overflow: 'hidden' }}>
-            {partnerMember ? (
-              <KnowledgeGraph
-                nodes={partnerMember.graph.nodes}
-                edges={filterCrossSubjectEdges(partnerMember.graph.nodes, partnerMember.graph.edges)}
-                width={graphWidth}
-                height={isMobile ? 300 : 380}
-                interactive={true}
-                comparison={myMember ? { partnerNodes: myMember.graph.nodes } : undefined}
-              />
-            ) : (
-              <div style={{ height: isMobile ? 300 : 380, display: 'flex', alignItems: 'center', justifyContent: 'center', color: 'var(--text-dim)', fontSize: '13px' }}>
-                Select a member to compare
-              </div>
-            )}
-          </div>
-        </div>
-      </div>
-
-      {/* Legend */}
-      {partnerMember && (
-        <div style={{ display: 'flex', gap: '16px', flexWrap: 'wrap' }}>
-          {[
-            { color: '#38bdf8', label: 'You can teach' },
-            { color: '#fb923c', label: 'They can teach' },
-            { color: '#f87171', label: 'Shared struggle' },
-            { color: '#34d399', label: 'Shared strength' },
-          ].map(({ color, label }) => (
-            <div key={label} style={{ display: 'flex', alignItems: 'center', gap: '6px' }}>
-              <div style={{ width: 10, height: 10, borderRadius: '50%', background: color }} />
-              <span style={{ fontSize: '12px', color: 'var(--text-dim)' }}>{label}</span>
-            </div>
-          ))}
-        </div>
-      )}
-
-      {/* AI Summary */}
-      <div className="panel" style={{ padding: '16px' }}>
-        <p className="label" style={{ marginBottom: '8px' }}>Group Summary</p>
-        <p style={{ fontSize: '14px', color: 'var(--text-muted)', lineHeight: 1.7 }}>{aiSummary}</p>
-      </div>
-    </div>
-  );
-}
diff --git a/frontend/src/components/SchoolDirectory.tsx b/frontend/src/components/SchoolDirectory.tsx
deleted file mode 100644
index dc13b9cc..00000000
--- a/frontend/src/components/SchoolDirectory.tsx
+++ /dev/null
@@ -1,139 +0,0 @@
-'use client';
-
-import { useEffect, useState } from 'react';
-import { getSchoolStudents } from '@/lib/api';
-
-interface StudentProfile {
-  user_id: string;
-  name: string;
-  courses: string[];
-  stats: { mastered: number; total: number };
-  top_concepts: string[];
-}
-
-interface Props {
-  currentUserId: string;
-}
-
-export default function SchoolDirectory({ currentUserId }: Props) {
-  const [students, setStudents] = useState<StudentProfile[]>([]);
-  const [loading, setLoading] = useState(true);
-
-  useEffect(() => {
-    getSchoolStudents()
-      .then(res => setStudents(res.students))
-      .catch(console.error)
-      .finally(() => setLoading(false));
-  }, []);
-
-  return (
-    <div style={{ height: '100%', display: 'flex', flexDirection: 'column' }}>
-      <div style={{
-        background: '#f0f5f0',
-        borderBottom: '1px solid rgba(107,114,128,0.12)',
-        padding: '0 24px',
-        height: '52px',
-        display: 'flex',
-        alignItems: 'center',
-        flexShrink: 0,
-      }}>
-        <span style={{ fontSize: '14px', fontWeight: 600, color: '#111827' }}>
-          My School
-          {!loading && (
-            <span style={{ fontSize: '12px', fontWeight: 400, color: '#6b7280', marginLeft: '8px' }}>
-              {students.length} student{students.length !== 1 ? 's' : ''}
-            </span>
-          )}
-        </span>
-      </div>
-
-      <div style={{ flex: 1, overflowY: 'auto', padding: '16px 24px' }}>
-        {loading ? (
-          <p style={{ color: '#9ca3af', fontSize: '13px' }}>Loading...</p>
-        ) : (
-          <div style={{
-            display: 'grid',
-            gridTemplateColumns: 'repeat(auto-fill, minmax(200px, 1fr))',
-            gap: '8px',
-          }}>
-            {students.map(s => {
-              const isMe = s.user_id === currentUserId;
-              const initials = s.name.split(' ').map(p => p[0]).join('').slice(0, 2).toUpperCase();
-              return (
-                <div key={s.user_id} style={{
-                  background: '#fff',
-                  border: isMe ? '1.5px solid rgba(26,92,42,0.3)' : '1px solid rgba(107,114,128,0.13)',
-                  borderRadius: '8px',
-                  padding: '12px',
-                  display: 'flex',
-                  flexDirection: 'column',
-                  gap: '8px',
-                }}>
-                  {/* Name row */}
-                  <div style={{ display: 'flex', alignItems: 'center', gap: '8px' }}>
-                    <div style={{
-                      width: '28px', height: '28px', borderRadius: '50%',
-                      background: isMe ? 'rgba(26,92,42,0.1)' : 'rgba(107,114,128,0.08)',
-                      display: 'flex', alignItems: 'center', justifyContent: 'center',
-                      fontSize: '11px', fontWeight: 700,
-                      color: isMe ? '#1a5c2a' : '#4b5563', flexShrink: 0,
-                    }}>
-                      {initials}
-                    </div>
-                    <span style={{ fontSize: '13px', fontWeight: 600, color: '#111827', flex: 1, overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' }}>
-                      {s.name}
-                    </span>
-                    {isMe && (
-                      <span style={{ fontSize: '10px', color: '#1a5c2a', background: 'rgba(26,92,42,0.08)', padding: '1px 6px', borderRadius: '8px', flexShrink: 0 }}>
-                        You
-                      </span>
-                    )}
-                  </div>
-
-                  {/* Courses */}
-                  {s.courses.length > 0 ? (
-                    <div style={{ display: 'flex', flexWrap: 'wrap', gap: '3px' }}>
-                      {s.courses.map(c => (
-                        <span key={c} style={{
-                          fontSize: '10px', color: '#374151',
-                          background: 'rgba(107,114,128,0.06)',
-                          border: '1px solid rgba(107,114,128,0.12)',
-                          borderRadius: '4px', padding: '1px 6px',
-                        }}>
-                          {c}
-                        </span>
-                      ))}
-                    </div>
-                  ) : (
-                    <span style={{ fontSize: '11px', color: '#9ca3af' }}>No courses</span>
-                  )}
-
-                  {/* Top concepts */}
-                  {s.top_concepts.length > 0 && (
-                    <div>
-                      <span style={{ fontSize: '10px', fontWeight: 600, color: '#6b7280', textTransform: 'uppercase', letterSpacing: '0.04em' }}>
-                        Top concepts
-                      </span>
-                      <div style={{ display: 'flex', flexWrap: 'wrap', gap: '3px', marginTop: '4px' }}>
-                        {s.top_concepts.map(c => (
-                          <span key={c} style={{
-                            fontSize: '10px', color: '#1a5c2a',
-                            background: 'rgba(26,92,42,0.07)',
-                            border: '1px solid rgba(26,92,42,0.18)',
-                            borderRadius: '4px', padding: '1px 6px',
-                          }}>
-                            {c}
-                          </span>
-                        ))}
-                      </div>
-                    </div>
-                  )}
-                </div>
-              );
-            })}
-          </div>
-        )}
-      </div>
-    </div>
-  );
-}
diff --git a/frontend/src/components/SessionFeedbackFlow.tsx b/frontend/src/components/SessionFeedbackFlow.tsx
index 77f737ff..c0f99af0 100644
--- a/frontend/src/components/SessionFeedbackFlow.tsx
+++ b/frontend/src/components/SessionFeedbackFlow.tsx
@@ -1,315 +1,269 @@
-'use client';
+"use client";
 
-import { useState } from 'react';
-import { useUser } from '@/context/UserContext';
-import { submitFeedback } from '@/lib/api';
+import React, { useCallback, useState } from "react";
+import { submitFeedback } from "@/lib/api";
+import { useUser } from "@/context/UserContext";
+import { useBodyScrollLock } from "@/lib/useBodyScrollLock";
+import { useToast } from "./ToastProvider";
 
-interface Props {
-  visible: boolean;
-  topic?: string;
-  sessionId?: string;
-  onDismiss: () => void;
-}
+export const SESSION_COOLDOWN_MS = 2 * 24 * 60 * 60 * 1000;
+export const SESSION_COOLDOWN_KEY = "sapling_last_session_feedback";
+export const SESSION_END_COUNT_KEY = "sapling_session_end_count";
 
-const EMOJIS = [
-  { emoji: '😞', label: 'Poor' },
-  { emoji: '😕', label: 'Meh' },
-  { emoji: '😐', label: 'Okay' },
-  { emoji: '🙂', label: 'Good' },
-  { emoji: '😊', label: 'Great' },
+const RATINGS: { value: number; emoji: string; label: string }[] = [
+  { value: 1, emoji: "😕", label: "Frustrating" },
+  { value: 2, emoji: "😐", label: "Just okay" },
+  { value: 3, emoji: "🙂", label: "Productive" },
+  { value: 4, emoji: "🎉", label: "Great session" },
 ];
 
-const SESSION_OPTIONS = [
-  'Explanations were unclear',
-  'Responses felt too generic',
-  'Difficulty felt off',
-  'Session went off-track',
-  'Something seemed inaccurate',
-  'Pacing was too fast / slow',
-  'Not enough examples',
+const HELPFULNESS = [
+  "Explanations clicked",
+  "Right pace",
+  "Got me unstuck",
+  "Questions were sharp",
+  "Matched my style",
+  "Concepts felt linked",
 ];
 
-export default function SessionFeedbackFlow({ visible, topic, sessionId, onDismiss }: Props) {
+const FRICTION = [
+  "Too slow",
+  "Too surface",
+  "Felt repetitive",
+  "Off-topic",
+  "Confusing",
+  "Didn't match my level",
+];
+
+export interface SessionFeedbackContext {
+  sessionId?: string;
+  topic?: string;
+}
+
+interface SessionFeedbackFlowProps {
+  open: boolean;
+  context?: SessionFeedbackContext;
+  onClose: () => void;
+}
+
+export function SessionFeedbackFlow({ open, context, onClose }: SessionFeedbackFlowProps) {
   const { userId } = useUser();
-  const [step, setStep] = useState<'rating' | 'detail' | 'text' | 'done'>('rating');
-  const [hovered, setHovered] = useState<number | null>(null);
+  const toast = useToast();
+
+  const [step, setStep] = useState(0);
   const [rating, setRating] = useState<number | null>(null);
-  const [checked, setChecked] = useState<Set<string>>(new Set());
-  const [comment, setComment] = useState('');
-  const [closing, setClosing] = useState(false);
+  const [helpful, setHelpful] = useState<string[]>([]);
+  const [friction, setFriction] = useState<string[]>([]);
+  const [comment, setComment] = useState("");
+  const [submitting, setSubmitting] = useState(false);
+
+  useBodyScrollLock(open);
 
-  function dismiss() {
-    setClosing(true);
-    setTimeout(() => {
-      onDismiss();
-      // reset for next time
-      setStep('rating');
-      setRating(null);
-      setChecked(new Set());
-      setComment('');
-      setClosing(false);
-    }, 280);
-  }
+  const close = useCallback((recordCooldown: boolean) => {
+    if (recordCooldown) localStorage.setItem(SESSION_COOLDOWN_KEY, String(Date.now()));
+    setStep(0);
+    setRating(null);
+    setHelpful([]);
+    setFriction([]);
+    setComment("");
+    onClose();
+  }, [onClose]);
 
-  function handleEmojiSelect(index: number) {
-    setRating(index);
-    // All ratings go through detail → text
-    setTimeout(() => setStep('detail'), 300);
-  }
+  const toggle = (list: string[], setList: (v: string[]) => void, v: string) => {
+    setList(list.includes(v) ? list.filter(x => x !== v) : [...list, v]);
+  };
 
-  function toggleOption(opt: string) {
-    setChecked(prev => {
-      const next = new Set(prev);
-      if (next.has(opt)) next.delete(opt);
-      else next.add(opt);
-      return next;
-    });
-  }
+  const submit = async () => {
+    if (!userId || rating === null) return;
+    setSubmitting(true);
+    try {
+      await submitFeedback({
+        user_id: userId,
+        type: "session",
+        rating,
+        selected_options: [...helpful, ...friction],
+        comment: comment.trim() || undefined,
+        session_id: context?.sessionId,
+        topic: context?.topic,
+      });
+      toast.success("Thanks — this helps tune your tutor.");
+      close(true);
+    } catch (err) {
+      toast.error(err instanceof Error ? err.message : "Failed to submit.");
+    } finally {
+      setSubmitting(false);
+    }
+  };
 
-  function handleSubmit() {
-    setStep('done');
-    submitFeedback({
-      user_id: userId,
-      type: 'session',
-      rating: rating!,
-      selected_options: Array.from(checked),
-      comment: comment || undefined,
-      session_id: sessionId,
-      topic: topic || undefined,
-    }).catch(() => {});
-    setTimeout(() => dismiss(), 1800);
-  }
+  if (!open) return null;
 
-  if (!visible) return null;
+  const canNext = step === 0 ? rating !== null : true;
 
   return (
     <div
       style={{
-        position: 'fixed',
-        bottom: '28px',
-        right: '28px',
-        zIndex: 9998,
-        width: '340px',
-        background: 'var(--bg-panel)',
-        border: '1px solid var(--border-mid)',
-        borderRadius: 'var(--radius-lg)',
-        boxShadow: '0 16px 48px rgba(15,23,42,0.14), 0 4px 12px rgba(15,23,42,0.08)',
-        animation: closing
-          ? 'sfSlideDown 280ms var(--ease-in-out) forwards'
-          : 'sfSlideUp 350ms var(--ease-out) forwards',
-        overflow: 'hidden',
+        position: "fixed",
+        inset: 0,
+        background: "rgba(0,0,0,0.4)",
+        zIndex: 200,
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
       }}
+      onClick={() => !submitting && close(true)}
     >
-      {/* Accent top border */}
-      <div style={{ height: '3px', background: 'var(--accent)' }} />
+      <div
+        onClick={e => e.stopPropagation()}
+        style={{
+          width: 440,
+          maxWidth: "calc(100vw - 32px)",
+          background: "var(--bg-panel)",
+          borderRadius: "var(--r-lg)",
+          padding: 28,
+          boxShadow: "var(--shadow-lg)",
+        }}
+      >
+        <div style={{ display: "flex", justifyContent: "space-between", alignItems: "center", marginBottom: 12 }}>
+          <div className="h-serif" style={{ fontSize: 22 }}>How was that session?</div>
+          <button className="btn btn--ghost btn--sm" onClick={() => close(true)} aria-label="Close">×</button>
+        </div>
 
-      <div style={{ padding: '18px 18px 18px' }}>
-        {/* Header */}
-        <div style={{ display: 'flex', alignItems: 'flex-start', justifyContent: 'space-between', marginBottom: '14px' }}>
-          <div>
-            <p style={{ fontSize: '11px', color: 'var(--accent)', fontWeight: 600, letterSpacing: '0.06em', textTransform: 'uppercase', marginBottom: '3px' }}>
-              Session Feedback
-            </p>
-            <h3 style={{ fontSize: '14px', fontWeight: 600, color: 'var(--text)', lineHeight: 1.3, margin: 0 }}>
-              {step === 'rating' && 'How was your last learn session?'}
-              {step === 'detail' && (rating !== null && rating >= 3 ? 'Any areas for improvement?' : 'What fell short?')}
-              {step === 'text' && <>Anything else to add?<br /><span style={{ color: 'var(--text)', fontWeight: 700 }}>We will listen to YOU!</span></>}
-              {step === 'done' && 'Thanks for the feedback!'}
-            </h3>
+        {context?.topic && (
+          <div style={{ fontSize: 12, color: "var(--text-muted)", marginBottom: 16 }}>
+            on <span style={{ color: "var(--text-dim)" }}>{context.topic}</span>
           </div>
-          {step !== 'done' && (
-            <button
-              onClick={dismiss}
+        )}
+
+        <div style={{ display: "flex", gap: 6, marginBottom: 20 }}>
+          {[0, 1, 2, 3].map(i => (
+            <div
+              key={i}
               style={{
-                background: 'none',
-                border: 'none',
-                cursor: 'pointer',
-                color: 'var(--text-dim)',
-                fontSize: '18px',
-                lineHeight: 1,
-                padding: '2px 4px',
-                borderRadius: 'var(--radius-sm)',
-                flexShrink: 0,
-                marginLeft: '10px',
+                flex: 1,
+                height: 4,
+                borderRadius: "var(--r-full)",
+                background: i <= step ? "var(--accent)" : "var(--bg-soft)",
               }}
-              onMouseEnter={e => (e.currentTarget.style.color = 'var(--text)')}
-              onMouseLeave={e => (e.currentTarget.style.color = 'var(--text-dim)')}
-            >
-              ×
-            </button>
-          )}
+            />
+          ))}
         </div>
 
-        {/* ── Step: rating ── */}
-        {step === 'rating' && (
-          <div style={{ display: 'flex', justifyContent: 'space-between', gap: '4px' }}>
-            {EMOJIS.map((e, i) => (
-              <button
-                key={i}
-                onClick={() => handleEmojiSelect(i)}
-                onMouseEnter={() => setHovered(i)}
-                onMouseLeave={() => setHovered(null)}
-                title={e.label}
-                style={{
-                  flex: 1,
-                  display: 'flex',
-                  flexDirection: 'column',
-                  alignItems: 'center',
-                  gap: '4px',
-                  background: hovered === i ? 'var(--bg-subtle)' : 'transparent',
-                  border: '1px solid transparent',
-                  borderRadius: 'var(--radius-md)',
-                  padding: '8px 4px',
-                  cursor: 'pointer',
-                  transition: 'all var(--dur-fast)',
-                  transform: hovered === i ? 'translateY(-2px)' : 'none',
-                }}
-              >
-                <span style={{ fontSize: '24px', lineHeight: 1 }}>{e.emoji}</span>
-                <span style={{ fontSize: '10px', color: 'var(--text-dim)', whiteSpace: 'nowrap' }}>{e.label}</span>
-              </button>
-            ))}
-          </div>
-        )}
-
-        {/* ── Step: detail (negative rating) ── */}
-        {step === 'detail' && (
-          <>
-            <div style={{ display: 'flex', flexDirection: 'column', gap: '5px', marginBottom: '14px' }}>
-              {SESSION_OPTIONS.map(opt => {
-                const selected = checked.has(opt);
+        {step === 0 && (
+          <div>
+            <div className="label-micro" style={{ marginBottom: 8 }}>How did it feel?</div>
+            <div style={{ display: "flex", gap: 8, justifyContent: "space-between" }}>
+              {RATINGS.map(r => {
+                const sel = rating === r.value;
                 return (
                   <button
-                    key={opt}
-                    onClick={() => toggleOption(opt)}
+                    key={r.value}
+                    onClick={() => setRating(r.value)}
+                    aria-label={r.label}
                     style={{
-                      display: 'flex',
-                      alignItems: 'center',
-                      gap: '9px',
-                      background: selected ? 'var(--accent-dim)' : 'var(--bg-subtle)',
-                      border: `1px solid ${selected ? 'var(--accent-border)' : 'var(--border-light)'}`,
-                      borderRadius: 'var(--radius-sm)',
-                      padding: '7px 10px',
-                      cursor: 'pointer',
-                      textAlign: 'left',
-                      transition: 'all var(--dur-fast)',
+                      flex: 1,
+                      padding: "14px 4px",
+                      borderRadius: "var(--r-md)",
+                      border: `1.5px solid ${sel ? "var(--accent)" : "var(--border)"}`,
+                      background: sel ? "var(--accent-soft)" : "var(--bg-panel)",
+                      fontSize: 22,
                     }}
                   >
-                    <span
-                      style={{
-                        width: '15px',
-                        height: '15px',
-                        borderRadius: '4px',
-                        border: `1.5px solid ${selected ? 'var(--accent)' : 'var(--border-mid)'}`,
-                        background: selected ? 'var(--accent)' : 'transparent',
-                        flexShrink: 0,
-                        display: 'flex',
-                        alignItems: 'center',
-                        justifyContent: 'center',
-                        transition: 'all var(--dur-fast)',
-                      }}
-                    >
-                      {selected && (
-                        <svg width="9" height="7" viewBox="0 0 9 7" fill="none">
-                          <path d="M1 3.5L3 5.5L8 1" stroke="white" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"/>
-                        </svg>
-                      )}
-                    </span>
-                    <span style={{ fontSize: '12px', color: 'var(--text-secondary)' }}>{opt}</span>
+                    {r.emoji}
                   </button>
                 );
               })}
             </div>
+          </div>
+        )}
 
-            <div style={{ display: 'flex', gap: '8px' }}>
-              <button
-                onClick={dismiss}
-                className="btn-ghost"
-                style={{ flex: 1, fontSize: '12px', padding: '7px' }}
-              >
-                Skip
-              </button>
-              <button
-                onClick={() => setStep('text')}
-                className="btn-accent"
-                style={{ flex: 2, fontSize: '12px', padding: '7px' }}
-              >
-                Next →
-              </button>
-            </div>
-          </>
+        {step === 1 && (
+          <ChipPicker
+            label="What worked?"
+            options={HELPFULNESS}
+            selected={helpful}
+            onToggle={v => toggle(helpful, setHelpful, v)}
+          />
         )}
 
-        {/* ── Step: text ── */}
-        {step === 'text' && (
-          <>
+        {step === 2 && (
+          <ChipPicker
+            label="Any friction?"
+            options={FRICTION}
+            selected={friction}
+            onToggle={v => toggle(friction, setFriction, v)}
+          />
+        )}
+
+        {step === 3 && (
+          <div>
+            <div className="label-micro" style={{ marginBottom: 6 }}>Anything else to add?</div>
             <textarea
               value={comment}
               onChange={e => setComment(e.target.value)}
-              placeholder="Tell us more... (optional)"
+              placeholder="Optional note…"
               rows={4}
               style={{
-                width: '100%',
-                background: 'var(--bg-input)',
-                border: '1px solid var(--border)',
-                borderRadius: 'var(--radius-md)',
-                padding: '10px 12px',
-                fontSize: '13px',
-                color: 'var(--text)',
-                resize: 'none',
-                outline: 'none',
-                fontFamily: 'inherit',
-                lineHeight: 1.5,
-                marginBottom: '12px',
-                transition: 'border-color var(--dur-fast)',
+                width: "100%",
+                padding: "10px 14px",
+                fontSize: 13,
+                border: "1px solid var(--border)",
+                borderRadius: "var(--r-sm)",
+                background: "var(--bg-input)",
+                fontFamily: "inherit",
+                resize: "vertical",
               }}
-              onFocus={e => (e.currentTarget.style.borderColor = 'var(--accent-border)')}
-              onBlur={e => (e.currentTarget.style.borderColor = 'var(--border)')}
             />
-            <div style={{ display: 'flex', gap: '8px' }}>
-              <button
-                onClick={() => setStep('detail')}
-                className="btn-ghost"
-                style={{ flex: 1, fontSize: '13px', padding: '8px' }}
-              >
-                ← Back
-              </button>
-              <button
-                onClick={handleSubmit}
-                className="btn-accent"
-                style={{ flex: 2, fontSize: '13px', padding: '8px' }}
-              >
-                Submit
-              </button>
-            </div>
-          </>
-        )}
-
-        {/* ── Done state ── */}
-        {step === 'done' && (
-          <div style={{ textAlign: 'center', padding: '4px 0 2px' }}>
-            <span style={{ fontSize: '28px' }}>
-              {rating !== null && rating >= 3 ? '🌱' : '🙏'}
-            </span>
-            <p style={{ fontSize: '12px', color: 'var(--text-muted)', marginTop: '6px' }}>
-              {rating !== null && rating >= 3
-                ? 'Keep growing!'
-                : "We'll use this to improve."}
-            </p>
           </div>
         )}
+
+        <div style={{ display: "flex", gap: 8, justifyContent: "space-between", marginTop: 18 }}>
+          {step > 0 ? (
+            <button className="btn" onClick={() => setStep(step - 1)} disabled={submitting}>Back</button>
+          ) : (
+            <button className="btn btn--ghost" onClick={() => close(true)} disabled={submitting}>Skip</button>
+          )}
+          {step < 3 ? (
+            <button className="btn btn--primary" onClick={() => setStep(step + 1)} disabled={!canNext || submitting}>
+              Next
+            </button>
+          ) : (
+            <button className="btn btn--primary" onClick={submit} disabled={rating === null || submitting}>
+              {submitting ? "Sending…" : "Submit"}
+            </button>
+          )}
+        </div>
       </div>
+    </div>
+  );
+}
 
-      <style>{`
-        @keyframes sfSlideUp {
-          from { opacity: 0; transform: translateY(14px); }
-          to   { opacity: 1; transform: translateY(0); }
-        }
-        @keyframes sfSlideDown {
-          from { opacity: 1; transform: translateY(0); }
-          to   { opacity: 0; transform: translateY(10px); }
-        }
-      `}</style>
+function ChipPicker({ label, options, selected, onToggle }: {
+  label: string; options: string[]; selected: string[]; onToggle: (v: string) => void;
+}) {
+  return (
+    <div>
+      <div className="label-micro" style={{ marginBottom: 8 }}>{label}</div>
+      <div style={{ display: "flex", flexWrap: "wrap", gap: 6 }}>
+        {options.map(o => {
+          const isSel = selected.includes(o);
+          return (
+            <button
+              key={o}
+              onClick={() => onToggle(o)}
+              style={{
+                padding: "5px 11px",
+                fontSize: 12,
+                borderRadius: "var(--r-full)",
+                background: isSel ? "var(--accent-soft)" : "transparent",
+                color: isSel ? "var(--accent)" : "var(--text-dim)",
+                border: `1px solid ${isSel ? "var(--accent-border)" : "var(--border)"}`,
+              }}
+            >
+              {o}
+            </button>
+          );
+        })}
+      </div>
     </div>
   );
 }
diff --git a/frontend/src/components/SessionFeedbackGlobal.tsx b/frontend/src/components/SessionFeedbackGlobal.tsx
index 7e8f0600..d6729e3e 100644
--- a/frontend/src/components/SessionFeedbackGlobal.tsx
+++ b/frontend/src/components/SessionFeedbackGlobal.tsx
@@ -1,39 +1,49 @@
-'use client';
+"use client";
 
-import { useEffect, useRef, useState } from 'react';
-import { usePathname } from 'next/navigation';
-import SessionFeedbackFlow from '@/components/SessionFeedbackFlow';
+import React, { useEffect, useRef, useState } from "react";
+import { usePathname, useSearchParams } from "next/navigation";
+import { useUser } from "@/context/UserContext";
+import {
+  SessionFeedbackFlow,
+  SESSION_COOLDOWN_MS,
+  SESSION_COOLDOWN_KEY,
+  type SessionFeedbackContext,
+} from "./SessionFeedbackFlow";
 
-const FLAG_KEY = 'sapling_learn_had_session';
-const LAST_KEY = 'sapling_session_feedback_nav_last_shown';
-const COOLDOWN_MS = 3 * 86_400_000;
+const LEARN_PATH = "/learn";
 
-export default function SessionFeedbackGlobal() {
+export function SessionFeedbackGlobal() {
   const pathname = usePathname();
-  const prevPathname = useRef(pathname);
-  const [visible, setVisible] = useState(false);
+  const searchParams = useSearchParams();
+  const { isAuthenticated } = useUser();
+  const testOverride = searchParams.get("testFeedback") === "session";
 
-  useEffect(() => {
-    const prev = prevPathname.current;
-    prevPathname.current = pathname;
-
-    if (prev === '/learn' && pathname !== '/learn') {
-      const hadSession = localStorage.getItem(FLAG_KEY) === 'true';
-      const lastShown = parseInt(localStorage.getItem(LAST_KEY) ?? '0', 10);
-      const cooldownPassed = Date.now() - lastShown > COOLDOWN_MS;
+  const [open, setOpen] = useState(false);
+  const [context, setContext] = useState<SessionFeedbackContext | undefined>();
+  const prevPath = useRef(pathname);
 
-      if (hadSession && cooldownPassed) {
-        localStorage.removeItem(FLAG_KEY);
-        localStorage.setItem(LAST_KEY, String(Date.now()));
-        queueMicrotask(() => setVisible(true));
+  useEffect(() => {
+    if (!isAuthenticated) {
+      prevPath.current = pathname;
+      return;
+    }
+    const wasOnLearn = prevPath.current?.startsWith(LEARN_PATH) ?? false;
+    const nowOnLearn = pathname?.startsWith(LEARN_PATH) ?? false;
+    if (wasOnLearn && !nowOnLearn) {
+      const last = Number(localStorage.getItem(SESSION_COOLDOWN_KEY) ?? "0");
+      const now = Date.now();
+      if (testOverride || !last || now - last > SESSION_COOLDOWN_MS) {
+        const raw = sessionStorage.getItem("sapling_last_session_context");
+        let ctx: SessionFeedbackContext | undefined;
+        if (raw) {
+          try { ctx = JSON.parse(raw); } catch {}
+        }
+        setContext(ctx);
+        setOpen(true);
       }
     }
-  }, [pathname]);
+    prevPath.current = pathname;
+  }, [pathname, isAuthenticated, testOverride]);
 
-  return (
-    <SessionFeedbackFlow
-      visible={visible}
-      onDismiss={() => setVisible(false)}
-    />
-  );
+  return <SessionFeedbackFlow open={open} context={context} onClose={() => setOpen(false)} />;
 }
diff --git a/frontend/src/components/SessionSummary.tsx b/frontend/src/components/SessionSummary.tsx
index 600594ec..10bfe5fe 100644
--- a/frontend/src/components/SessionSummary.tsx
+++ b/frontend/src/components/SessionSummary.tsx
@@ -1,116 +1,117 @@
-'use client';
+"use client";
 
-import { SessionSummary as SessionSummaryType } from '@/lib/types';
+import React from "react";
+import type { SessionSummaryData } from "@/lib/api";
 
-interface Props {
-  summary: SessionSummaryType;
-  onDashboard: () => void;
-  onNewSession: () => void;
+interface SessionSummaryProps {
+  summary: SessionSummaryData;
+  onClose: () => void;
+  onStartNext?: (concept: string) => void;
 }
 
-export default function SessionSummary({ summary, onDashboard, onNewSession }: Props) {
+export function SessionSummary({ summary, onClose, onStartNext }: SessionSummaryProps) {
+  const { concepts_covered = [], mastery_changes = [], time_spent_minutes = 0, recommended_next = [] } = summary || {};
+
   return (
     <div
       style={{
-        position: 'fixed',
+        position: "fixed",
         inset: 0,
-        background: 'rgba(0,0,0,0.4)',
-        display: 'flex',
-        alignItems: 'center',
-        justifyContent: 'center',
-        zIndex: 100,
+        background: "rgba(0,0,0,0.45)",
+        zIndex: 200,
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        padding: 16,
       }}
+      onClick={onClose}
     >
       <div
-        className="panel"
+        className="card"
+        onClick={e => e.stopPropagation()}
         style={{
-          padding: '32px',
-          width: '480px',
-          maxWidth: '90vw',
+          width: "min(560px, 100%)",
+          maxHeight: "calc(100vh - 64px)",
+          overflowY: "auto",
+          padding: 28,
+          boxShadow: "var(--shadow-lg)",
         }}
       >
-        <h2 style={{ fontSize: '18px', fontWeight: 600, color: 'var(--text)', marginBottom: '24px' }}>
-          Session Complete
-        </h2>
+        <div style={{ display: "flex", justifyContent: "space-between", alignItems: "center", marginBottom: 6 }}>
+          <div className="label-micro">Session summary</div>
+          <button className="btn btn--ghost btn--sm" onClick={onClose} aria-label="Close">×</button>
+        </div>
+        <div className="h-serif" style={{ fontSize: 28, marginBottom: 4 }}>Nice session.</div>
+        <div style={{ fontSize: 13, color: "var(--text-dim)", marginBottom: 20 }}>
+          {time_spent_minutes > 0 ? `${time_spent_minutes} minute${time_spent_minutes === 1 ? "" : "s"} spent.` : "Session wrapped."}
+        </div>
 
-        <div style={{ marginBottom: '20px' }}>
-          <p className="label" style={{ marginBottom: '8px' }}>Concepts Covered</p>
-          {summary.concepts_covered.length > 0 ? (
-            <div style={{ display: 'flex', flexWrap: 'wrap', gap: '6px' }}>
-              {summary.concepts_covered.map(c => (
-                <span
-                  key={c}
-                  style={{
-                    padding: '2px 10px',
-                    background: 'var(--bg-subtle)',
-                    border: '1px solid var(--border)',
-                    borderRadius: '4px',
-                    fontSize: '13px',
-                    color: 'var(--text-muted)',
-                  }}
-                >
+        {concepts_covered.length > 0 && (
+          <section style={{ marginBottom: 18 }}>
+            <div className="label-micro" style={{ marginBottom: 8 }}>Concepts covered</div>
+            <div style={{ display: "flex", flexWrap: "wrap", gap: 6 }}>
+              {concepts_covered.map(c => (
+                <span key={c} className="chip" style={{ textTransform: "none", fontFamily: "var(--font-sans)" }}>
                   {c}
                 </span>
               ))}
             </div>
-          ) : (
-            <p style={{ color: 'var(--text-dim)', fontSize: '14px' }}>No concepts recorded</p>
-          )}
-        </div>
+          </section>
+        )}
 
-        {summary.mastery_changes.length > 0 && (
-          <div style={{ marginBottom: '20px' }}>
-            <p className="label" style={{ marginBottom: '8px' }}>Mastery Changes</p>
-            <div style={{ display: 'flex', flexDirection: 'column', gap: '6px' }}>
-              {summary.mastery_changes.map(mc => {
-                const delta = Math.round((mc.after - mc.before) * 100);
-                const positive = delta >= 0;
+        {mastery_changes.length > 0 && (
+          <section style={{ marginBottom: 18 }}>
+            <div className="label-micro" style={{ marginBottom: 8 }}>Mastery changes</div>
+            <div style={{ display: "grid", gap: 6 }}>
+              {mastery_changes.map(m => {
+                const delta = (m.after ?? 0) - (m.before ?? 0);
+                const up = delta >= 0;
                 return (
-                  <div key={mc.concept} style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between' }}>
-                    <span style={{ fontSize: '14px', color: 'var(--text)' }}>{mc.concept}</span>
-                    <span style={{ fontSize: '13px', color: positive ? '#16a34a' : '#dc2626', fontWeight: 500 }}>
-                      {positive ? '+' : ''}{delta}%
+                  <div
+                    key={m.concept}
+                    style={{
+                      display: "flex",
+                      justifyContent: "space-between",
+                      alignItems: "center",
+                      padding: "8px 12px",
+                      borderRadius: "var(--r-sm)",
+                      background: up ? "var(--accent-soft)" : "var(--err-soft)",
+                      color: up ? "var(--accent)" : "var(--err)",
+                      fontSize: 13,
+                    }}
+                  >
+                    <span style={{ fontWeight: 500 }}>{m.concept}</span>
+                    <span className="mono" style={{ fontSize: 12 }}>
+                      {Math.round((m.before ?? 0) * 100)}% → {Math.round((m.after ?? 0) * 100)}%
+                      <span style={{ marginLeft: 8, fontWeight: 600 }}>{up ? "+" : ""}{Math.round(delta * 100)}</span>
                     </span>
                   </div>
                 );
               })}
             </div>
-          </div>
+          </section>
         )}
 
-        <div style={{ marginBottom: '24px' }}>
-          <p className="label" style={{ marginBottom: '8px' }}>Time Spent</p>
-          <p style={{ fontSize: '14px', color: 'var(--text-muted)' }}>
-            {summary.time_spent_minutes} {summary.time_spent_minutes === 1 ? 'minute' : 'minutes'}
-          </p>
-        </div>
-
-        {summary.recommended_next.length > 0 && (
-          <div style={{ marginBottom: '24px' }}>
-            <p className="label" style={{ marginBottom: '8px' }}>Recommended Next</p>
-            <div style={{ display: 'flex', flexDirection: 'column', gap: '4px' }}>
-              {summary.recommended_next.map(c => (
-                <span key={c} style={{ fontSize: '14px', color: 'var(--text-muted)' }}>{c}</span>
+        {recommended_next.length > 0 && (
+          <section style={{ marginBottom: 8 }}>
+            <div className="label-micro" style={{ marginBottom: 8 }}>Recommended next</div>
+            <div style={{ display: "flex", flexWrap: "wrap", gap: 6 }}>
+              {recommended_next.map(c => (
+                <button
+                  key={c}
+                  onClick={() => onStartNext?.(c)}
+                  className="btn btn--sm"
+                  style={{ fontSize: 12 }}
+                >
+                  {c}
+                </button>
               ))}
             </div>
-          </div>
+          </section>
         )}
 
-        <div style={{ display: 'flex', gap: '12px' }}>
-          <button
-            onClick={onDashboard}
-            className="btn-ghost"
-            style={{ flex: 1 }}
-          >
-            Dashboard
-          </button>
-          <button
-            onClick={onNewSession}
-            className="btn-accent"
-            style={{ flex: 1 }}
-          >
-            New Session
-          </button>
+        <div style={{ display: "flex", justifyContent: "flex-end", marginTop: 20, gap: 8 }}>
+          <button className="btn btn--primary" onClick={onClose}>Done</button>
         </div>
       </div>
     </div>
diff --git a/frontend/src/components/SharedContextToggle.tsx b/frontend/src/components/SharedContextToggle.tsx
index eae1a76b..1114c7bc 100644
--- a/frontend/src/components/SharedContextToggle.tsx
+++ b/frontend/src/components/SharedContextToggle.tsx
@@ -1,135 +1,105 @@
-'use client';
+"use client";
 
-import { useState } from 'react';
+import React, { useEffect, useState } from "react";
 
-interface Props {
-  enabled: boolean;
-  onToggle: () => void;
+const STORAGE_KEY = "sapling_shared_ctx";
+
+export function useSharedContext(): [boolean, (v: boolean) => void] {
+  const [enabled, setEnabled] = useState(true);
+  useEffect(() => {
+    const raw = localStorage.getItem(STORAGE_KEY);
+    if (raw === "false") setEnabled(false);
+  }, []);
+  const update = (v: boolean) => {
+    setEnabled(v);
+    localStorage.setItem(STORAGE_KEY, String(v));
+  };
+  return [enabled, update];
 }
 
-export default function SharedContextToggle({ enabled, onToggle }: Props) {
-  const [tooltipVisible, setTooltipVisible] = useState(false);
+export function SharedContextToggle({
+  enabled,
+  onChange,
+}: {
+  enabled: boolean;
+  onChange: (v: boolean) => void;
+}) {
+  const [tooltip, setTooltip] = useState(false);
 
   return (
     <div
-      style={{ position: 'relative', zIndex: 9999 }}
-      onMouseEnter={() => setTooltipVisible(true)}
-      onMouseLeave={() => setTooltipVisible(false)}
+      style={{ position: "relative", display: "inline-block" }}
+      onMouseEnter={() => setTooltip(true)}
+      onMouseLeave={() => setTooltip(false)}
+      onFocus={() => setTooltip(true)}
+      onBlur={() => setTooltip(false)}
     >
       <button
-        onClick={onToggle}
+        role="switch"
+        aria-checked={enabled}
+        onClick={() => onChange(!enabled)}
+        className="btn btn--sm"
         style={{
-          display: 'flex',
-          alignItems: 'center',
-          gap: '6px',
-          padding: '4px 10px',
-          borderRadius: '20px',
-          border: enabled
-            ? '1px solid rgba(26,92,42,0.35)'
-            : '1px solid rgba(107,114,128,0.22)',
-          background: enabled ? 'rgba(26,92,42,0.08)' : 'rgba(107,114,128,0.05)',
-          cursor: 'pointer',
-          transition: 'all 0.2s',
+          padding: "5px 10px",
+          background: enabled ? "var(--accent-soft)" : "var(--bg-subtle)",
+          color: enabled ? "var(--accent)" : "var(--text-dim)",
+          borderColor: enabled ? "var(--accent-border)" : "var(--border)",
+          fontSize: 12,
+          display: "inline-flex",
+          alignItems: "center",
+          gap: 6,
         }}
       >
-        <span style={{
-          fontSize: '11px',
-          fontWeight: 600,
-          color: enabled ? '#1a5c2a' : '#9ca3af',
-          letterSpacing: '0.03em',
-          fontFamily: "var(--font-dm-sans), 'DM Sans', sans-serif",
-        }}>
-          Class Intel
-        </span>
-        <span style={{
-          width: '28px',
-          height: '14px',
-          borderRadius: '7px',
-          background: enabled ? '#1a5c2a' : 'rgba(107,114,128,0.28)',
-          display: 'flex',
-          alignItems: 'center',
-          padding: '0 2px',
-          transition: 'background 0.2s',
-          flexShrink: 0,
-        }}>
-          <span style={{
-            width: '10px',
-            height: '10px',
-            borderRadius: '50%',
-            background: '#fff',
-            transform: enabled ? 'translateX(14px)' : 'translateX(0)',
-            transition: 'transform 0.2s',
-            display: 'block',
-          }} />
+        <span
+          aria-hidden
+          style={{
+            width: 24,
+            height: 12,
+            borderRadius: "var(--r-full)",
+            background: enabled ? "var(--accent)" : "var(--border-strong)",
+            position: "relative",
+            transition: "background var(--dur-fast) var(--ease)",
+          }}
+        >
+          <span
+            style={{
+              position: "absolute",
+              top: 1,
+              left: enabled ? 13 : 1,
+              width: 10,
+              height: 10,
+              borderRadius: "50%",
+              background: "#fff",
+              transition: "left var(--dur-fast) var(--ease)",
+            }}
+          />
         </span>
+        Class intel
       </button>
-
-      {tooltipVisible && (
-        <div style={{
-          position: 'absolute',
-          top: 'calc(100% + 8px)',
-          right: 0,
-          background: '#f8fbf8',
-          border: '1px solid rgba(107,114,128,0.18)',
-          borderRadius: '10px',
-          padding: '13px 15px',
-          fontSize: '12px',
-          lineHeight: 1.6,
-          width: '290px',
-          zIndex: 9999,
-          boxShadow: '0 4px 16px rgba(15,23,42,0.09), 0 1px 4px rgba(15,23,42,0.05)',
-          pointerEvents: 'none',
-          fontFamily: "var(--font-dm-sans), 'DM Sans', sans-serif",
-        }}>
-          <div style={{ display: 'flex', alignItems: 'center', gap: '7px', marginBottom: '7px' }}>
-            <span style={{
-              fontSize: '11px',
-              fontWeight: 700,
-              color: '#111827',
-              letterSpacing: '0.02em',
-            }}>
-              Class Intelligence
-            </span>
-            <span style={{
-              fontSize: '10px',
-              fontWeight: 600,
-              padding: '1px 7px',
-              borderRadius: '10px',
-              background: enabled ? 'rgba(26,92,42,0.1)' : 'rgba(107,114,128,0.1)',
-              color: enabled ? '#1a5c2a' : '#6b7280',
-            }}>
-              {enabled ? 'On' : 'Off'}
-            </span>
-          </div>
-
-          <p style={{ margin: '0 0 7px', color: '#374151' }}>
-            Sapling uses anonymized, aggregated patterns from your class to personalize
-            your sessions: which concepts students find hardest, common mistakes, and
-            weak areas, without revealing individual data.
-          </p>
-
-          <p style={{ margin: '0 0 10px', color: '#374151' }}>
-            When <strong style={{ color: '#111827' }}>on</strong>: explanations slow
-            down on topics the class struggles with, quizzes target known weak areas,
-            and Sapling proactively addresses common misconceptions before you make them.
-          </p>
-
-          <div style={{
-            borderTop: '1px solid rgba(107,114,128,0.14)',
-            paddingTop: '9px',
-            display: 'flex',
-            gap: '6px',
-            alignItems: 'flex-start',
-          }}>
-            <span style={{ fontSize: '11px', color: '#1a5c2a', flexShrink: 0, marginTop: '1px' }}>
-              &#x2714;
-            </span>
-            <p style={{ margin: 0, fontSize: '11px', color: '#6b7280', lineHeight: 1.5 }}>
-              Privacy: only class-level aggregates are used. Your individual responses
-              and scores are never shared with other students. Turn this off to receive
-              a session based solely on your own learning history.
-            </p>
-          </div>
+      {tooltip && (
+        <div
+          role="tooltip"
+          style={{
+            position: "absolute",
+            top: "calc(100% + 6px)",
+            right: 0,
+            zIndex: 60,
+            width: 240,
+            padding: 10,
+            background: "var(--bg-panel)",
+            border: "1px solid var(--border-strong)",
+            borderRadius: "var(--r-md)",
+            boxShadow: "var(--shadow-md)",
+            fontSize: 11,
+            color: "var(--text-dim)",
+            lineHeight: 1.5,
+          }}
+        >
+          <strong style={{ color: "var(--text)", display: "block", marginBottom: 4 }}>
+            Shared course context
+          </strong>
+          Includes anonymized class-level patterns (common gaps, frequent questions). Disabling keeps the
+          tutor focused on only your individual state.
         </div>
       )}
     </div>
diff --git a/frontend/src/components/Sidebar.tsx b/frontend/src/components/Sidebar.tsx
new file mode 100644
index 00000000..18b2dd8c
--- /dev/null
+++ b/frontend/src/components/Sidebar.tsx
@@ -0,0 +1,230 @@
+"use client";
+import React from "react";
+import Link from "next/link";
+import { usePathname, useRouter } from "next/navigation";
+import { Icon } from "./Icon";
+import { Avatar } from "./Avatar";
+import { useSidebar } from "@/lib/sidebar";
+import { useUser } from "@/context/UserContext";
+
+type NavEntry = {
+  icon: string;
+  label: string;
+  route: string;
+  badge?: string;
+};
+
+function NavItem({
+  icon,
+  label,
+  route,
+  current,
+  badge,
+  isRail,
+}: NavEntry & { current: boolean; isRail: boolean }) {
+  return (
+    <Link
+      href={`/${route}`}
+      title={isRail ? label : undefined}
+      style={{
+        display: "flex",
+        alignItems: "center",
+        gap: 10,
+        width: "100%",
+        padding: isRail ? "8px" : "8px 12px",
+        justifyContent: isRail ? "center" : "flex-start",
+        borderRadius: "var(--r-sm)",
+        background: current ? "var(--accent-soft)" : "transparent",
+        color: current ? "var(--accent)" : "var(--text-dim)",
+        fontWeight: current ? 600 : 400,
+        fontSize: 13,
+        borderLeft: current && !isRail ? "2px solid var(--accent)" : "2px solid transparent",
+        transition: "all var(--dur-fast) var(--ease)",
+        textAlign: "left",
+        textDecoration: "none",
+      }}
+    >
+      <Icon name={icon} size={15} />
+      {!isRail && <span style={{ flex: 1 }}>{label}</span>}
+      {!isRail && badge && (
+        <span
+          style={{
+            fontSize: 10,
+            padding: "2px 6px",
+            borderRadius: "var(--r-full)",
+            background: "var(--warn)",
+            color: "#fff",
+            fontWeight: 600,
+            fontFamily: "var(--font-mono)",
+          }}
+        >
+          {badge}
+        </span>
+      )}
+    </Link>
+  );
+}
+
+export function Sidebar() {
+  const { layout, toggleLayout } = useSidebar();
+  const { userName, avatarUrl, isAdmin, isAuthenticated, signOut } = useUser();
+  const pathname = usePathname() || "/";
+  const router = useRouter();
+  const current = pathname.split("/")[1] || "dashboard";
+  const isRail = layout === "rail";
+  const w = isRail ? 64 : 232;
+
+  const section = (label: string) =>
+    !isRail ? (
+      <div className="label-micro" style={{ padding: "14px 10px 4px" }}>
+        {label}
+      </div>
+    ) : (
+      <div style={{ height: 10 }} />
+    );
+
+  const displayName = userName || "Sapling";
+
+  const handleSignOut = async () => {
+    await signOut();
+    router.replace("/auth");
+  };
+
+  return (
+    <aside
+      style={{
+        width: w,
+        minWidth: w,
+        borderRight: "1px solid var(--border)",
+        background: "var(--bg-subtle)",
+        padding: "16px 10px",
+        display: "flex",
+        flexDirection: "column",
+        gap: 2,
+        transition: "width var(--dur) var(--ease)",
+        position: "relative",
+      }}
+    >
+      <div
+        style={{
+          display: "flex",
+          alignItems: "center",
+          gap: 8,
+          padding: "6px 8px 16px",
+          borderBottom: "1px solid var(--border)",
+          marginBottom: 8,
+          justifyContent: isRail ? "center" : "flex-start",
+        }}
+      >
+        <svg width="24" height="24" viewBox="0 0 24 24">
+          <path
+            d="M12 22 Q 5 15 5 9 Q 5 3 12 3 Q 19 3 19 9 Q 19 15 12 22 Z"
+            fill="var(--accent)"
+            opacity={0.2}
+          />
+          <path
+            d="M12 22 V 10 M12 13 Q 8 10 7 7 M12 14 Q 16 11 17 8"
+            stroke="var(--accent)"
+            strokeWidth={1.5}
+            fill="none"
+            strokeLinecap="round"
+          />
+        </svg>
+        {!isRail && (
+          <span className="h-serif" style={{ fontSize: 18, fontWeight: 600 }}>
+            Sapling
+          </span>
+        )}
+      </div>
+
+      {section("Learn")}
+      <NavItem icon="home" label="Dashboard" route="dashboard" current={current === "dashboard"} isRail={isRail} />
+      <NavItem icon="brain" label="Learn" route="learn" current={current === "learn"} isRail={isRail} />
+      <NavItem icon="tree" label="Tree" route="tree" current={current === "tree"} isRail={isRail} />
+      <NavItem icon="bolt" label="Study" route="study" current={current === "study"} isRail={isRail} />
+
+      {section("Organize")}
+      <NavItem icon="book" label="Library" route="library" current={current === "library"} isRail={isRail} />
+      <NavItem icon="cal" label="Calendar" route="calendar" current={current === "calendar"} isRail={isRail} />
+
+      {section("Community")}
+      <NavItem icon="users" label="Social" route="social" current={current === "social"} isRail={isRail} />
+      <NavItem icon="trophy" label="Achievements" route="achievements" current={current === "achievements"} isRail={isRail} />
+
+      <div style={{ flex: 1 }} />
+      <NavItem icon="cog" label="Settings" route="settings" current={current === "settings"} isRail={isRail} />
+      {isAdmin && <NavItem icon="shield" label="Admin" route="admin" current={current === "admin"} isRail={isRail} />}
+
+      {!isRail && isAuthenticated && (
+        <div
+          style={{
+            padding: "10px 10px 0",
+            borderTop: "1px solid var(--border)",
+            marginTop: 8,
+            display: "flex",
+            alignItems: "center",
+            gap: 10,
+          }}
+        >
+          <Avatar name={displayName} size={32} img={avatarUrl || undefined} />
+          <div style={{ minWidth: 0, flex: 1 }}>
+            <div
+              style={{
+                fontSize: 13,
+                fontWeight: 600,
+                overflow: "hidden",
+                textOverflow: "ellipsis",
+                whiteSpace: "nowrap",
+              }}
+            >
+              {displayName}
+            </div>
+            <button
+              onClick={handleSignOut}
+              style={{ fontSize: 11, color: "var(--text-muted)", textAlign: "left", marginTop: 1 }}
+            >
+              Sign out
+            </button>
+          </div>
+        </div>
+      )}
+
+      <button
+        onClick={toggleLayout}
+        title={isRail ? "Expand sidebar" : "Collapse sidebar"}
+        aria-label={isRail ? "Expand sidebar" : "Collapse sidebar"}
+        style={{
+          position: "absolute",
+          right: -12,
+          bottom: 14,
+          width: 24,
+          height: 24,
+          borderRadius: "50%",
+          background: "var(--bg-panel)",
+          border: "1px solid var(--border-strong)",
+          boxShadow: "var(--shadow-sm)",
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center",
+          color: "var(--text-dim)",
+          transition: "transform var(--dur) var(--ease)",
+          zIndex: 10,
+        }}
+      >
+        <svg
+          width="12"
+          height="12"
+          viewBox="0 0 24 24"
+          fill="none"
+          stroke="currentColor"
+          strokeWidth={2.2}
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          style={{ transform: isRail ? "none" : "rotate(180deg)" }}
+        >
+          <path d="M9 18l6-6-6-6" />
+        </svg>
+      </button>
+    </aside>
+  );
+}
diff --git a/frontend/src/components/SpaceBackground.tsx b/frontend/src/components/SpaceBackground.tsx
deleted file mode 100644
index aa34410d..00000000
--- a/frontend/src/components/SpaceBackground.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-'use client';
-
-export default function SpaceBackground() {
-  return (
-    <div className="sapling-mesh-bg" aria-hidden>
-      <div className="sapling-mesh-blob sapling-mesh-blob--1" />
-      <div className="sapling-mesh-blob sapling-mesh-blob--2" />
-      <div className="sapling-mesh-blob sapling-mesh-blob--3" />
-    </div>
-  );
-}
diff --git a/frontend/src/components/Sparkline.tsx b/frontend/src/components/Sparkline.tsx
new file mode 100644
index 00000000..56a25fa5
--- /dev/null
+++ b/frontend/src/components/Sparkline.tsx
@@ -0,0 +1,22 @@
+import React from "react";
+
+export function Sparkline({
+  data,
+  w = 80,
+  h = 24,
+  color = "var(--accent)",
+}: {
+  data: number[];
+  w?: number;
+  h?: number;
+  color?: string;
+}) {
+  const max = Math.max(...data);
+  const min = Math.min(...data);
+  const pts = data.map((v, i) => `${(i / (data.length - 1)) * w},${h - ((v - min) / (max - min || 1)) * h}`).join(" ");
+  return (
+    <svg width={w} height={h}>
+      <polyline points={pts} fill="none" stroke={color} strokeWidth={1.5} strokeLinecap="round" />
+    </svg>
+  );
+}
diff --git a/frontend/src/components/StudyMatch.tsx b/frontend/src/components/StudyMatch.tsx
deleted file mode 100644
index 95239b5c..00000000
--- a/frontend/src/components/StudyMatch.tsx
+++ /dev/null
@@ -1,275 +0,0 @@
-'use client';
-
-import { useEffect, useState } from 'react';
-import { StudyMatch as StudyMatchType } from '@/lib/types';
-import Link from 'next/link';
-
-interface Props {
-  matches: StudyMatchType[];
-  onFindMatches: () => void;
-  loading: boolean;
-  userId: string;
-}
-
-export default function StudyMatch({ matches, onFindMatches, loading }: Props) {
-  const [showPopup, setShowPopup] = useState(false);
-
-  const sorted = [...matches]
-    .filter(m => m?.partner?.id)
-    .sort((a, b) => b.compatibility_score - a.compatibility_score);
-  const best = sorted[0] ?? null;
-
-  useEffect(() => {
-    if (matches.length > 0) setShowPopup(true);
-  }, [matches]);
-
-  return (
-    <div style={{ display: 'flex', flexDirection: 'column', gap: '16px' }}>
-
-      {/* Action button */}
-      <div style={{ display: 'flex', alignItems: 'center', gap: '10px' }}>
-        <button
-          onClick={onFindMatches}
-          disabled={loading}
-          className="btn-accent"
-          style={{ opacity: loading ? 0.6 : 1, cursor: loading ? 'not-allowed' : 'pointer' }}
-        >
-          {loading ? 'Finding matches...' : 'Find Study Partners'}
-        </button>
-      </div>
-
-      {/* Empty state */}
-      {matches.length === 0 && !loading && (
-        <p style={{ color: 'var(--text-dim)', fontSize: '14px' }}>
-          Click above to find study partners in this room.
-        </p>
-      )}
-
-      {/* Match cards */}
-      <div style={{ display: 'flex', flexDirection: 'column', gap: '12px' }}>
-        {sorted.map((match, i) => (
-          <MatchCard key={match.partner.id} match={match} isBest={i === 0} />
-        ))}
-      </div>
-
-      {/* ── Best match popup ── */}
-      {showPopup && best && (
-        <div
-          style={{
-            position: 'fixed', inset: 0,
-            background: 'rgba(0,0,0,0.45)', zIndex: 200,
-            display: 'flex', alignItems: 'center', justifyContent: 'center', padding: '20px',
-          }}
-          onClick={e => { if (e.target === e.currentTarget) setShowPopup(false); }}
-        >
-          <div style={{
-            background: '#ffffff', borderRadius: '14px',
-            padding: '32px 28px 24px', width: '480px', maxWidth: '95vw',
-            position: 'relative',
-            border: '1px solid rgba(107,114,128,0.15)',
-            boxShadow: '0 24px 64px rgba(0,0,0,0.18)',
-          }}>
-            {/* X */}
-            <button
-              onClick={() => setShowPopup(false)}
-              style={{
-                position: 'absolute', top: '14px', right: '16px',
-                background: 'none', border: 'none', fontSize: '18px',
-                cursor: 'pointer', color: '#9ca3af', lineHeight: 1, padding: '4px 6px', borderRadius: '4px',
-              }}
-            >✕</button>
-
-            {/* Header */}
-            <div style={{ textAlign: 'center', marginBottom: '20px' }}>
-              <div style={{ fontSize: '11px', fontWeight: 700, color: 'rgba(26,92,42,0.8)', textTransform: 'uppercase', letterSpacing: '0.08em', marginBottom: '4px' }}>
-                Your Best Study Partner
-              </div>
-              <div style={{ fontSize: '26px', fontWeight: 700, color: '#111827' }}>{best.partner.name}</div>
-              <div style={{ fontSize: '13px', color: '#6b7280', marginTop: '2px' }}>
-                {best.compatibility_score}/100 compatibility
-              </div>
-            </div>
-
-            {/* Summary */}
-            {best.summary && (
-              <p style={{
-                fontSize: '14px', color: '#4b5563', lineHeight: 1.65,
-                textAlign: 'center', fontStyle: 'italic',
-                margin: '0 0 20px', padding: '12px 16px',
-                background: '#f8faf8', borderRadius: '8px',
-                border: '1px solid rgba(26,92,42,0.12)',
-              }}>
-                "{best.summary}"
-              </p>
-            )}
-
-            {/* Mastery bars */}
-            {(best.they_can_teach.length > 0 || best.you_can_teach.length > 0) && (
-              <div style={{ marginBottom: '20px' }}>
-                <div style={{ fontSize: '11px', fontWeight: 600, color: '#6b7280', textTransform: 'uppercase', letterSpacing: '0.05em', marginBottom: '10px' }}>
-                  Complementary Skills
-                </div>
-                <div style={{ display: 'flex', flexDirection: 'column', gap: '10px' }}>
-                  {[...best.they_can_teach, ...best.you_can_teach].slice(0, 4).map(t => {
-                    const youStronger = t.your_mastery >= t.their_mastery;
-                    return (
-                      <div key={t.concept} style={{ display: 'flex', alignItems: 'center', gap: '10px' }}>
-                        <span style={{ fontSize: '12px', color: '#374151', minWidth: '110px', flexShrink: 0 }}>{t.concept}</span>
-                        <div style={{ flex: 1 }}>
-                          <div style={{ fontSize: '10px', color: '#9ca3af', marginBottom: '2px' }}>You</div>
-                          <div style={{ height: '5px', borderRadius: '3px', background: '#e5e7eb' }}>
-                            <div style={{ height: '100%', width: `${Math.round(t.your_mastery * 100)}%`, background: youStronger ? 'rgba(26,92,42,0.7)' : '#f59e0b', borderRadius: '3px' }} />
-                          </div>
-                        </div>
-                        <div style={{ flex: 1 }}>
-                          <div style={{ fontSize: '10px', color: '#9ca3af', marginBottom: '2px' }}>{best.partner.name}</div>
-                          <div style={{ height: '5px', borderRadius: '3px', background: '#e5e7eb' }}>
-                            <div style={{ height: '100%', width: `${Math.round(t.their_mastery * 100)}%`, background: !youStronger ? 'rgba(26,92,42,0.7)' : '#f59e0b', borderRadius: '3px' }} />
-                          </div>
-                        </div>
-                      </div>
-                    );
-                  })}
-                </div>
-              </div>
-            )}
-
-            {/* Chips */}
-            {best.they_can_teach.length > 0 && (
-              <div style={{ marginBottom: '10px' }}>
-                <p style={{ fontSize: '11px', fontWeight: 500, color: '#c2410c', textTransform: 'uppercase', letterSpacing: '0.05em', marginBottom: '4px' }}>They can help with</p>
-                <div style={{ display: 'flex', flexWrap: 'wrap', gap: '4px' }}>
-                  {best.they_can_teach.map(t => (
-                    <span key={t.concept} style={{ fontSize: '12px', color: '#c2410c', padding: '2px 8px', background: 'rgba(234,88,12,0.08)', borderRadius: '4px', border: '1px solid rgba(234,88,12,0.2)' }}>
-                      {t.concept} ({Math.round(t.their_mastery * 100)}% vs {Math.round(t.your_mastery * 100)}%)
-                    </span>
-                  ))}
-                </div>
-              </div>
-            )}
-            {best.you_can_teach.length > 0 && (
-              <div style={{ marginBottom: '10px' }}>
-                <p style={{ fontSize: '11px', fontWeight: 500, color: '#1d4ed8', textTransform: 'uppercase', letterSpacing: '0.05em', marginBottom: '4px' }}>You can help with</p>
-                <div style={{ display: 'flex', flexWrap: 'wrap', gap: '4px' }}>
-                  {best.you_can_teach.map(t => (
-                    <span key={t.concept} style={{ fontSize: '12px', color: '#1e40af', padding: '2px 8px', background: 'rgba(29,78,216,0.08)', borderRadius: '4px', border: '1px solid rgba(29,78,216,0.2)' }}>
-                      {t.concept} ({Math.round(t.your_mastery * 100)}% vs {Math.round(t.their_mastery * 100)}%)
-                    </span>
-                  ))}
-                </div>
-              </div>
-            )}
-            {best.shared_struggles.length > 0 && (
-              <div style={{ marginBottom: '16px' }}>
-                <p style={{ fontSize: '11px', fontWeight: 500, color: '#b91c1c', textTransform: 'uppercase', letterSpacing: '0.05em', marginBottom: '4px' }}>Study together</p>
-                <div style={{ display: 'flex', flexWrap: 'wrap', gap: '4px' }}>
-                  {best.shared_struggles.map(t => (
-                    <span key={t.concept} style={{ fontSize: '12px', color: '#b91c1c', padding: '2px 8px', background: 'rgba(220,38,38,0.08)', borderRadius: '4px', border: '1px solid rgba(220,38,38,0.2)' }}>
-                      {t.concept}
-                    </span>
-                  ))}
-                </div>
-              </div>
-            )}
-
-            <div style={{ display: 'flex', marginTop: '8px' }}>
-              <button
-                onClick={() => setShowPopup(false)}
-                style={{
-                  flex: 1, padding: '10px 24px',
-                  background: '#f3f4f6', color: '#374151',
-                  border: '1px solid rgba(107,114,128,0.2)',
-                  borderRadius: '8px', fontSize: '14px', fontWeight: 500, cursor: 'pointer',
-                }}
-              >
-                OK
-              </button>
-            </div>
-          </div>
-        </div>
-      )}
-    </div>
-  );
-}
-
-function MatchCard({ match, isBest }: { match: StudyMatchType; isBest: boolean }) {
-  return (
-    <div
-      className="panel"
-      style={{
-        padding: '16px',
-        ...(isBest && {
-          border: '1.5px solid rgba(26,92,42,0.35)',
-          background: 'linear-gradient(135deg, #f0fdf4 0%, #f8fafc 100%)',
-        }),
-      }}
-    >
-      <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', marginBottom: '12px' }}>
-        <div style={{ display: 'flex', alignItems: 'center', gap: '8px' }}>
-          {isBest && (
-            <span style={{ fontSize: '10px', fontWeight: 700, color: 'rgba(26,92,42,0.85)', textTransform: 'uppercase', letterSpacing: '0.06em', background: 'rgba(26,92,42,0.1)', padding: '2px 7px', borderRadius: '999px' }}>
-              Best Match
-            </span>
-          )}
-
-          <span style={{ fontSize: '15px', fontWeight: 600, color: 'var(--text)' }}>{match.partner.name}</span>
-        </div>
-        <span style={{ fontSize: '13px', color: isBest ? 'rgba(26,92,42,0.85)' : 'var(--text-dim)', fontWeight: isBest ? 600 : 400 }}>
-          {match.compatibility_score}/100 match
-        </span>
-      </div>
-
-      {match.you_can_teach.length > 0 && (
-        <div style={{ marginBottom: '10px' }}>
-          <p style={{ fontSize: '11px', fontWeight: 500, color: '#1d4ed8', textTransform: 'uppercase', letterSpacing: '0.05em', marginBottom: '4px' }}>You can help with</p>
-          <div style={{ display: 'flex', flexWrap: 'wrap', gap: '4px' }}>
-            {match.you_can_teach.map(t => (
-              <span key={t.concept} style={{ fontSize: '12px', color: '#1e40af', padding: '2px 8px', background: 'rgba(29,78,216,0.08)', borderRadius: '4px', border: '1px solid rgba(29,78,216,0.2)' }}>
-                {t.concept} ({Math.round(t.your_mastery * 100)}% vs {Math.round(t.their_mastery * 100)}%)
-              </span>
-            ))}
-          </div>
-        </div>
-      )}
-      {match.they_can_teach.length > 0 && (
-        <div style={{ marginBottom: '10px' }}>
-          <p style={{ fontSize: '11px', fontWeight: 500, color: '#c2410c', textTransform: 'uppercase', letterSpacing: '0.05em', marginBottom: '4px' }}>They can help with</p>
-          <div style={{ display: 'flex', flexWrap: 'wrap', gap: '4px' }}>
-            {match.they_can_teach.map(t => (
-              <span key={t.concept} style={{ fontSize: '12px', color: '#c2410c', padding: '2px 8px', background: 'rgba(234,88,12,0.08)', borderRadius: '4px', border: '1px solid rgba(234,88,12,0.2)' }}>
-                {t.concept} ({Math.round(t.their_mastery * 100)}% vs {Math.round(t.your_mastery * 100)}%)
-              </span>
-            ))}
-          </div>
-        </div>
-      )}
-      {match.shared_struggles.length > 0 && (
-        <div style={{ marginBottom: '10px' }}>
-          <p style={{ fontSize: '11px', fontWeight: 500, color: '#b91c1c', textTransform: 'uppercase', letterSpacing: '0.05em', marginBottom: '4px' }}>Study together</p>
-          <div style={{ display: 'flex', flexWrap: 'wrap', gap: '4px' }}>
-            {match.shared_struggles.map(t => (
-              <span key={t.concept} style={{ fontSize: '12px', color: '#b91c1c', padding: '2px 8px', background: 'rgba(220,38,38,0.08)', borderRadius: '4px', border: '1px solid rgba(220,38,38,0.2)' }}>
-                {t.concept}
-              </span>
-            ))}
-          </div>
-        </div>
-      )}
-
-      <p style={{ fontSize: '13px', color: 'var(--text-muted)', lineHeight: 1.6, marginBottom: '10px' }}>{match.summary}</p>
-
-      <Link
-        href={
-          match.they_can_teach[0]
-            ? `/learn?topic=${encodeURIComponent(match.they_can_teach[0].concept)}`
-            : match.you_can_teach[0]
-            ? `/learn?topic=${encodeURIComponent(match.you_can_teach[0].concept)}`
-            : '/learn'
-        }
-        style={{ fontSize: '12px', color: 'var(--accent)', textDecoration: 'none', border: '1px solid var(--accent-border)', borderRadius: '4px', padding: '4px 10px', display: 'inline-block', background: 'var(--accent-dim)' }}
-      >
-        Start Session
-      </Link>
-    </div>
-  );
-}
\ No newline at end of file
diff --git a/frontend/src/components/TitleFlair.tsx b/frontend/src/components/TitleFlair.tsx
index 9ba6b6ec..1f915c99 100644
--- a/frontend/src/components/TitleFlair.tsx
+++ b/frontend/src/components/TitleFlair.tsx
@@ -1,43 +1,36 @@
-'use client';
+"use client";
 
-import type { RarityTier } from '@/lib/types';
+import React from "react";
+import type { Cosmetic } from "@/lib/types";
 
-interface Props {
-  title: string;
-  rarity: RarityTier;
+interface TitleFlairProps {
+  cosmetic?: Cosmetic | null;
+  className?: string;
+  style?: React.CSSProperties;
 }
 
-const RARITY_BORDER: Record<RarityTier, string> = {
-  common: 'var(--rarity-common)',
-  uncommon: 'var(--rarity-uncommon)',
-  rare: 'var(--rarity-rare)',
-  epic: 'var(--rarity-epic)',
-  legendary: 'var(--rarity-legendary)',
-};
-
-const RARITY_BG: Record<RarityTier, string> = {
-  common: 'var(--rarity-common-bg)',
-  uncommon: 'var(--rarity-uncommon-bg)',
-  rare: 'var(--rarity-rare-bg)',
-  epic: 'var(--rarity-epic-bg)',
-  legendary: 'var(--rarity-legendary-bg)',
-};
-
-export default function TitleFlair({ title, rarity }: Props) {
+export function TitleFlair({ cosmetic, className, style }: TitleFlairProps) {
+  if (!cosmetic) return null;
+  const rarity = cosmetic.rarity ?? "common";
   return (
-    <span style={{
-      display: 'inline-flex',
-      alignItems: 'center',
-      padding: '1px 6px',
-      borderRadius: 'var(--radius-full)',
-      fontSize: '10px',
-      fontWeight: 600,
-      letterSpacing: '0.02em',
-      color: RARITY_BORDER[rarity],
-      background: RARITY_BG[rarity],
-      border: `1px solid ${RARITY_BORDER[rarity]}`,
-    }}>
-      {title}
+    <span
+      className={className}
+      style={{
+        display: "inline-flex",
+        alignItems: "center",
+        padding: "2px 8px",
+        fontSize: 10,
+        fontFamily: "var(--font-mono)",
+        letterSpacing: "0.1em",
+        textTransform: "uppercase",
+        borderRadius: "var(--r-full)",
+        border: `1px solid var(--rarity-${rarity})`,
+        color: `var(--rarity-${rarity})`,
+        background: `var(--rarity-${rarity}-bg)`,
+        ...style,
+      }}
+    >
+      {cosmetic.name}
     </span>
   );
 }
diff --git a/frontend/src/components/ToastProvider.tsx b/frontend/src/components/ToastProvider.tsx
index 4ed6142a..5fce69d5 100644
--- a/frontend/src/components/ToastProvider.tsx
+++ b/frontend/src/components/ToastProvider.tsx
@@ -1,105 +1,160 @@
-'use client';
+"use client";
 
-import React, { createContext, useContext, useState, useCallback, useRef, useEffect } from 'react';
-import { createPortal } from 'react-dom';
+import React, { createContext, useCallback, useContext, useEffect, useMemo, useRef, useState } from "react";
+import { createPortal } from "react-dom";
 
-interface ToastItem {
-  id: string;
+export type ToastVariant = "default" | "success" | "error" | "info" | "warn";
+
+export interface ToastOptions {
+  variant?: ToastVariant;
+  duration?: number | null;
+}
+
+interface Toast {
+  id: number;
   content: React.ReactNode;
-  duration: number;
+  variant: ToastVariant;
+  duration: number | null;
+  createdAt: number;
 }
 
 interface ToastContextValue {
-  showToast: (content: React.ReactNode, options?: { duration?: number }) => void;
+  show: (content: React.ReactNode, options?: ToastOptions) => number;
+  dismiss: (id: number) => void;
+  success: (content: React.ReactNode, options?: ToastOptions) => number;
+  error: (content: React.ReactNode, options?: ToastOptions) => number;
+  info: (content: React.ReactNode, options?: ToastOptions) => number;
+  warn: (content: React.ReactNode, options?: ToastOptions) => number;
 }
 
-const ToastContext = createContext<ToastContextValue>({
-  showToast: () => {},
-});
+const ToastContext = createContext<ToastContextValue | null>(null);
 
-export function useToast() {
-  return useContext(ToastContext);
-}
+let toastCounter = 0;
 
-export default function ToastProvider({ children }: { children: React.ReactNode }) {
-  const [toasts, setToasts] = useState<ToastItem[]>([]);
+export function ToastProvider({ children }: { children: React.ReactNode }) {
+  const [toasts, setToasts] = useState<Toast[]>([]);
   const [mounted, setMounted] = useState(false);
-  const counterRef = useRef(0);
+  const timers = useRef<Map<number, ReturnType<typeof setTimeout>>>(new Map());
 
-  useEffect(() => {
-    setMounted(true);
-  }, []);
+  useEffect(() => { setMounted(true); }, []);
 
-  const showToast = useCallback((content: React.ReactNode, options?: { duration?: number }) => {
-    const id = `toast-${++counterRef.current}`;
-    const duration = options?.duration ?? 5000;
-    setToasts(prev => [...prev, { id, content, duration }]);
-    setTimeout(() => {
-      setToasts(prev => prev.filter(t => t.id !== id));
-    }, duration);
+  const dismiss = useCallback((id: number) => {
+    setToasts(prev => prev.filter(t => t.id !== id));
+    const timer = timers.current.get(id);
+    if (timer) {
+      clearTimeout(timer);
+      timers.current.delete(id);
+    }
   }, []);
 
-  const removeToast = useCallback((id: string) => {
-    setToasts(prev => prev.filter(t => t.id !== id));
+  const show = useCallback((content: React.ReactNode, options?: ToastOptions) => {
+    const id = ++toastCounter;
+    const duration = options?.duration === undefined ? 5000 : options.duration;
+    const variant = options?.variant ?? "default";
+    setToasts(prev => [...prev, { id, content, variant, duration, createdAt: Date.now() }]);
+    if (duration !== null && duration > 0) {
+      const timer = setTimeout(() => dismiss(id), duration);
+      timers.current.set(id, timer);
+    }
+    return id;
+  }, [dismiss]);
+
+  const value = useMemo<ToastContextValue>(() => ({
+    show,
+    dismiss,
+    success: (c, o) => show(c, { ...o, variant: "success" }),
+    error: (c, o) => show(c, { ...o, variant: "error" }),
+    info: (c, o) => show(c, { ...o, variant: "info" }),
+    warn: (c, o) => show(c, { ...o, variant: "warn" }),
+  }), [show, dismiss]);
+
+  useEffect(() => () => {
+    timers.current.forEach(t => clearTimeout(t));
+    timers.current.clear();
   }, []);
 
   return (
-    <ToastContext.Provider value={{ showToast }}>
+    <ToastContext.Provider value={value}>
       {children}
-      {mounted && createPortal(
-        <div style={{
-          position: 'fixed',
-          top: '60px',
-          right: '16px',
-          zIndex: 9999,
-          display: 'flex',
-          flexDirection: 'column',
-          gap: '8px',
-          pointerEvents: 'none',
-        }}>
-          {toasts.map(toast => (
-            <div
-              key={toast.id}
-              className="toast-enter"
-              style={{
-                pointerEvents: 'auto',
-                background: 'var(--bg-panel)',
-                border: '1px solid var(--border)',
-                borderRadius: 'var(--radius-md)',
-                boxShadow: 'var(--shadow-md)',
-                padding: '12px 16px',
-                display: 'flex',
-                alignItems: 'center',
-                gap: '10px',
-                maxWidth: '360px',
-                fontSize: '13px',
-                fontFamily: "var(--font-dm-sans), 'DM Sans', sans-serif",
-                color: 'var(--text)',
-              }}
-            >
-              <div style={{ flex: 1 }}>{toast.content}</div>
-              <button
-                onClick={() => removeToast(toast.id)}
-                style={{
-                  background: 'none',
-                  border: 'none',
-                  padding: '2px',
-                  cursor: 'pointer',
-                  color: 'var(--text-dim)',
-                  flexShrink: 0,
-                }}
-                aria-label="Dismiss"
-              >
-                <svg width="14" height="14" viewBox="0 0 14 14" fill="none" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round">
-                  <line x1="3" y1="3" x2="11" y2="11" />
-                  <line x1="11" y1="3" x2="3" y2="11" />
-                </svg>
-              </button>
-            </div>
-          ))}
-        </div>,
-        document.body
-      )}
+      {mounted && createPortal(<ToastStack toasts={toasts} onDismiss={dismiss} />, document.body)}
     </ToastContext.Provider>
   );
 }
+
+function variantStyles(variant: ToastVariant): React.CSSProperties {
+  switch (variant) {
+    case "success":
+      return { background: "var(--accent-soft)", color: "var(--accent)", borderColor: "var(--accent-border)" };
+    case "error":
+      return { background: "var(--err-soft)", color: "var(--err)", borderColor: "transparent" };
+    case "warn":
+      return { background: "var(--warn-soft)", color: "var(--warn)", borderColor: "transparent" };
+    case "info":
+      return { background: "var(--info-soft)", color: "var(--info)", borderColor: "transparent" };
+    default:
+      return { background: "var(--bg-panel)", color: "var(--text)", borderColor: "var(--border-strong)" };
+  }
+}
+
+function ToastStack({ toasts, onDismiss }: { toasts: Toast[]; onDismiss: (id: number) => void }) {
+  return (
+    <div
+      aria-live="polite"
+      aria-atomic="true"
+      style={{
+        position: "fixed",
+        top: 16,
+        right: 16,
+        display: "flex",
+        flexDirection: "column",
+        gap: 8,
+        zIndex: 1000,
+        pointerEvents: "none",
+        maxWidth: "calc(100vw - 32px)",
+      }}
+    >
+      {toasts.map(t => (
+        <div
+          key={t.id}
+          className="fade-in"
+          role="status"
+          style={{
+            pointerEvents: "auto",
+            padding: "10px 12px",
+            borderRadius: "var(--r-md)",
+            border: "1px solid",
+            boxShadow: "var(--shadow-md)",
+            fontSize: 13,
+            display: "flex",
+            alignItems: "flex-start",
+            gap: 10,
+            minWidth: 220,
+            maxWidth: 360,
+            ...variantStyles(t.variant),
+          }}
+        >
+          <div style={{ flex: 1, minWidth: 0 }}>{t.content}</div>
+          <button
+            onClick={() => onDismiss(t.id)}
+            aria-label="Dismiss notification"
+            style={{
+              color: "inherit",
+              opacity: 0.6,
+              fontSize: 16,
+              lineHeight: 1,
+              padding: 2,
+            }}
+          >
+            ×
+          </button>
+        </div>
+      ))}
+    </div>
+  );
+}
+
+export function useToast() {
+  const ctx = useContext(ToastContext);
+  if (!ctx) throw new Error("useToast must be used within ToastProvider");
+  return ctx;
+}
diff --git a/frontend/src/components/TopBar.tsx b/frontend/src/components/TopBar.tsx
new file mode 100644
index 00000000..13360420
--- /dev/null
+++ b/frontend/src/components/TopBar.tsx
@@ -0,0 +1,36 @@
+import React from "react";
+
+export function TopBar({
+  title,
+  subtitle,
+  actions,
+  breadcrumb,
+}: {
+  title: React.ReactNode;
+  subtitle?: React.ReactNode;
+  actions?: React.ReactNode;
+  breadcrumb?: React.ReactNode;
+}) {
+  return (
+    <header
+      style={{
+        display: "flex",
+        alignItems: "flex-end",
+        justifyContent: "space-between",
+        padding: "22px 32px 16px",
+        borderBottom: "1px solid var(--border)",
+        background: "var(--bg)",
+        position: "sticky",
+        top: 0,
+        zIndex: 5,
+      }}
+    >
+      <div>
+        {breadcrumb && <div className="label-micro" style={{ marginBottom: 4 }}>{breadcrumb}</div>}
+        <h1 className="h-serif" style={{ margin: 0, fontSize: 30, fontWeight: 500 }}>{title}</h1>
+        {subtitle && <div style={{ color: "var(--text-dim)", marginTop: 4, fontSize: 13 }}>{subtitle}</div>}
+      </div>
+      <div style={{ display: "flex", gap: 8, alignItems: "center" }}>{actions}</div>
+    </header>
+  );
+}
diff --git a/frontend/src/components/UploadZone.tsx b/frontend/src/components/UploadZone.tsx
deleted file mode 100644
index cefca99e..00000000
--- a/frontend/src/components/UploadZone.tsx
+++ /dev/null
@@ -1,76 +0,0 @@
-'use client';
-
-import { useState, useRef, DragEvent } from 'react';
-
-interface Props {
-  onFile: (file: File) => void;
-  loading?: boolean;
-  filename?: string;
-}
-
-export default function UploadZone({ onFile, loading, filename }: Props) {
-  const [dragging, setDragging] = useState(false);
-  const inputRef = useRef<HTMLInputElement>(null);
-
-  const handleDrop = (e: DragEvent<HTMLDivElement>) => {
-    e.preventDefault();
-    setDragging(false);
-    const file = e.dataTransfer.files[0];
-    if (file) onFile(file);
-  };
-
-  const handleDragOver = (e: DragEvent<HTMLDivElement>) => {
-    e.preventDefault();
-    setDragging(true);
-  };
-
-  const handleDragLeave = () => setDragging(false);
-
-  const handleClick = () => inputRef.current?.click();
-
-  const handleFileInput = (e: React.ChangeEvent<HTMLInputElement>) => {
-    const file = e.target.files?.[0];
-    if (file) onFile(file);
-  };
-
-  return (
-    <div>
-      <div
-        onClick={handleClick}
-        onDrop={handleDrop}
-        onDragOver={handleDragOver}
-        onDragLeave={handleDragLeave}
-        style={{
-          border: `2px dashed ${dragging ? 'var(--accent-border)' : 'var(--border-mid)'}`,
-          borderRadius: '8px',
-          padding: '40px',
-          textAlign: 'center',
-          cursor: 'pointer',
-          background: dragging ? 'var(--accent-dim)' : 'var(--bg-subtle)',
-          transition: 'all 0.15s ease',
-        }}
-      >
-        {loading ? (
-          <p style={{ color: 'var(--text-dim)', fontSize: '14px' }}>Processing...</p>
-        ) : filename ? (
-          <div>
-            <p style={{ color: 'var(--text)', fontSize: '14px', fontWeight: 500 }}>{filename}</p>
-            <p style={{ color: 'var(--text-dim)', fontSize: '12px', marginTop: '4px' }}>Click to replace</p>
-          </div>
-        ) : (
-          <div>
-            <p style={{ color: 'var(--text-muted)', fontSize: '14px' }}>Drop a syllabus here or click to browse</p>
-            <p style={{ color: 'var(--text-dim)', fontSize: '12px', marginTop: '4px' }}>PDF, PNG, JPG accepted</p>
-          </div>
-        )}
-      </div>
-      <input
-        ref={inputRef}
-        type="file"
-        accept=".pdf,.png,.jpg,.jpeg"
-        style={{ display: 'none' }}
-        onChange={handleFileInput}
-      />
-    </div>
-  );
-}
diff --git a/frontend/src/components/screens/Achievements.tsx b/frontend/src/components/screens/Achievements.tsx
new file mode 100644
index 00000000..e10fdc67
--- /dev/null
+++ b/frontend/src/components/screens/Achievements.tsx
@@ -0,0 +1,304 @@
+"use client";
+import React from "react";
+import { TopBar } from "../TopBar";
+import { Pill } from "../Pill";
+import { Icon } from "../Icon";
+import { useToast } from "../ToastProvider";
+import { useUser } from "@/context/UserContext";
+import { fetchAchievements, setFeaturedAchievements } from "@/lib/api";
+import type { Achievement as AchType, UserAchievement, RarityTier, AchievementCategory } from "@/lib/types";
+
+const rarityBg: Record<RarityTier, string> = {
+  common: "#8a8372",
+  uncommon: "#4e873c",
+  rare: "#3e6f8a",
+  epic: "#7b4b99",
+  legendary: "#b4862c",
+};
+
+type CatFilter = "all" | AchievementCategory;
+
+const MAX_FEATURED = 5;
+const SEEN_KEY = "ach:seen-ids";
+
+function Card({
+  a,
+  isEarned,
+  earnedAt,
+  progress,
+  featured,
+  onToggleFeature,
+  canFeature,
+}: {
+  a: AchType;
+  isEarned: boolean;
+  earnedAt?: string;
+  progress?: { current: number; target: number } | null;
+  featured?: boolean;
+  onToggleFeature?: () => void;
+  canFeature?: boolean;
+}) {
+  const c = rarityBg[a.rarity];
+  const secret = a.is_secret && !isEarned;
+  const pct = progress ? Math.min(100, Math.round((progress.current / Math.max(1, progress.target)) * 100)) : null;
+  return (
+    <div
+      className="card"
+      style={{
+        padding: "var(--pad-lg)",
+        position: "relative",
+        borderTop: `3px solid ${c}`,
+        opacity: isEarned ? 1 : 0.85,
+        boxShadow: isEarned ? `0 2px 12px ${c}22, var(--shadow-sm)` : "var(--shadow-sm)",
+      }}
+    >
+      <div style={{ display: "flex", gap: 14 }}>
+        <div
+          style={{
+            width: 52, height: 52, borderRadius: "var(--r-md)",
+            background: isEarned ? `${c}22` : "var(--bg-soft)",
+            color: c, display: "flex", alignItems: "center", justifyContent: "center",
+            fontSize: 26, flexShrink: 0,
+            filter: isEarned ? "none" : "grayscale(1) opacity(0.5)",
+          }}
+        >
+          {secret ? "?" : a.icon || "★"}
+        </div>
+        <div style={{ flex: 1, minWidth: 0 }}>
+          <div style={{ display: "flex", justifyContent: "space-between", alignItems: "baseline", gap: 6 }}>
+            <div style={{ fontWeight: 600, fontSize: 14 }}>{secret ? "Secret Achievement" : a.name}</div>
+            <span className="chip" style={{ color: c, borderColor: `${c}44`, background: `${c}11` }}>
+              {a.rarity}
+            </span>
+          </div>
+          <div style={{ fontSize: 12, color: "var(--text-dim)", marginTop: 3, lineHeight: 1.45 }}>
+            {secret ? "Keep exploring to discover this achievement." : a.description}
+          </div>
+          {isEarned && earnedAt && (
+            <div style={{ display: "flex", alignItems: "center", gap: 6, marginTop: 8 }}>
+              <div style={{ fontSize: 11, color: "var(--text-muted)" }}>
+                Earned {new Date(earnedAt).toLocaleDateString()}
+              </div>
+              {onToggleFeature && (
+                <button
+                  onClick={onToggleFeature}
+                  disabled={!featured && !canFeature}
+                  className="btn btn--xs btn--ghost"
+                  title={featured ? "Remove from showcase" : (canFeature ? "Add to showcase" : "Showcase is full (5)")}
+                  style={{
+                    padding: "2px 7px", fontSize: 10, marginLeft: "auto",
+                    color: featured ? "var(--accent)" : "var(--text-dim)",
+                    border: `1px solid ${featured ? "var(--accent-border)" : "var(--border)"}`,
+                    borderRadius: "var(--r-full)",
+                    background: featured ? "var(--accent-soft)" : "transparent",
+                  }}
+                >
+                  {featured ? "★ Featured" : "☆ Feature"}
+                </button>
+              )}
+            </div>
+          )}
+          {!isEarned && pct !== null && (
+            <div style={{ marginTop: 10 }}>
+              <div style={{ height: 5, background: "var(--bg-soft)", borderRadius: "var(--r-full)", overflow: "hidden" }}>
+                <div style={{ width: `${pct}%`, height: "100%", background: c, transition: "width var(--dur) var(--ease)" }} />
+              </div>
+              <div style={{ fontSize: 10, color: "var(--text-muted)", marginTop: 4, display: "flex", justifyContent: "space-between" }}>
+                <span>{progress!.current} / {progress!.target}</span>
+                <span>{pct}%</span>
+              </div>
+            </div>
+          )}
+        </div>
+      </div>
+    </div>
+  );
+}
+
+export function Achievements() {
+  const toast = useToast();
+  const { userId, userReady } = useUser();
+  const [earned, setEarned] = React.useState<UserAchievement[]>([]);
+  const [available, setAvailable] = React.useState<AchType[]>([]);
+  const [filter, setFilter] = React.useState<CatFilter>("all");
+  const [featuredIds, setFeaturedIds] = React.useState<string[]>([]);
+  const [dragId, setDragId] = React.useState<string | null>(null);
+
+  const detectUnlocks = React.useCallback((next: UserAchievement[]) => {
+    if (typeof window === "undefined") return;
+    const seen = new Set<string>(JSON.parse(window.localStorage.getItem(SEEN_KEY) || "[]"));
+    const fresh = next.filter(u => !seen.has(u.achievement.id));
+    for (const u of fresh) {
+      if (seen.size > 0) toast.success(`Achievement unlocked: ${u.achievement.name}`);
+      seen.add(u.achievement.id);
+    }
+    window.localStorage.setItem(SEEN_KEY, JSON.stringify([...seen]));
+  }, [toast]);
+
+  const load = React.useCallback(async () => {
+    if (!userId) return;
+    try {
+      const d = await fetchAchievements(userId);
+      const e = d.earned || [];
+      setEarned(e);
+      setAvailable(d.available || []);
+      setFeaturedIds(e.filter(u => u.is_featured).map(u => u.achievement.id));
+      detectUnlocks(e);
+    } catch (err) {
+      console.error("achievements load", err);
+    }
+  }, [userId, detectUnlocks]);
+
+  React.useEffect(() => {
+    if (userReady && userId) load();
+  }, [userReady, userId, load]);
+
+  // Refetch on window focus to pick up unlocks from other tabs/sessions.
+  React.useEffect(() => {
+    const onFocus = () => { if (userId) load(); };
+    window.addEventListener("focus", onFocus);
+    return () => window.removeEventListener("focus", onFocus);
+  }, [userId, load]);
+
+  const persistFeatured = async (ids: string[]) => {
+    if (!userId) return;
+    try {
+      await setFeaturedAchievements(userId, ids);
+    } catch (err) {
+      toast.error(`Couldn't save showcase: ${String(err)}`);
+    }
+  };
+
+  const toggleFeature = (id: string) => {
+    setFeaturedIds(prev => {
+      const isIn = prev.includes(id);
+      const next = isIn ? prev.filter(x => x !== id) : (prev.length < MAX_FEATURED ? [...prev, id] : prev);
+      if (!isIn && prev.length >= MAX_FEATURED) {
+        toast.warn(`Showcase is full (max ${MAX_FEATURED}). Remove one first.`);
+        return prev;
+      }
+      persistFeatured(next);
+      return next;
+    });
+  };
+
+  const reorder = (sourceId: string, targetId: string) => {
+    setFeaturedIds(prev => {
+      const from = prev.indexOf(sourceId);
+      const to = prev.indexOf(targetId);
+      if (from < 0 || to < 0 || from === to) return prev;
+      const next = [...prev];
+      const [moved] = next.splice(from, 1);
+      next.splice(to, 0, moved);
+      persistFeatured(next);
+      return next;
+    });
+  };
+
+  const cats: CatFilter[] = ["all", "activity", "social", "milestone", "special"];
+  const matches = (a: { category: AchievementCategory }) => filter === "all" || a.category === filter;
+  const earnedFiltered = earned.filter((e) => matches(e.achievement));
+  const availableFiltered = available.filter(matches);
+  const earnedById = React.useMemo(() => new Map(earned.map(u => [u.achievement.id, u])), [earned]);
+
+  return (
+    <div>
+      <TopBar
+        breadcrumb="Home / Achievements"
+        title="Achievements"
+        subtitle={`${earned.length} earned · ${available.length} in progress`}
+      />
+      <div style={{ padding: "14px 32px", display: "flex", gap: 6, borderBottom: "1px solid var(--border)" }}>
+        {cats.map((c) => (
+          <Pill key={c} active={filter === c} onClick={() => setFilter(c)}>{c}</Pill>
+        ))}
+      </div>
+
+      <div style={{ padding: "24px 32px" }}>
+        <div className="label-micro" style={{ marginBottom: 12, display: "flex", justifyContent: "space-between", alignItems: "center" }}>
+          <span>Showcase · featured on your profile</span>
+          <span style={{ color: "var(--text-muted)" }}>{featuredIds.length} / {MAX_FEATURED}</span>
+        </div>
+        <div style={{ display: "grid", gridTemplateColumns: `repeat(${MAX_FEATURED}, 1fr)`, gap: 10, marginBottom: 30 }}>
+          {featuredIds.map((id) => {
+            const ua = earnedById.get(id);
+            if (!ua) return null;
+            const c = rarityBg[ua.achievement.rarity];
+            return (
+              <div
+                key={id}
+                draggable
+                onDragStart={() => setDragId(id)}
+                onDragOver={(e) => e.preventDefault()}
+                onDrop={() => { if (dragId && dragId !== id) reorder(dragId, id); setDragId(null); }}
+                onDragEnd={() => setDragId(null)}
+                className="card"
+                style={{
+                  padding: 12, textAlign: "center",
+                  borderTop: `3px solid ${c}`,
+                  opacity: dragId === id ? 0.5 : 1,
+                  cursor: "grab",
+                  position: "relative",
+                }}
+              >
+                <button
+                  onClick={() => toggleFeature(id)}
+                  aria-label="Remove from showcase"
+                  style={{
+                    position: "absolute", top: 4, right: 4,
+                    width: 18, height: 18, borderRadius: "50%",
+                    background: "var(--bg-soft)", color: "var(--text-muted)",
+                    display: "flex", alignItems: "center", justifyContent: "center",
+                    fontSize: 10,
+                  }}
+                >
+                  <Icon name="x" size={10} />
+                </button>
+                <div style={{ fontSize: 26, marginBottom: 4 }}>{ua.achievement.icon || "★"}</div>
+                <div style={{ fontSize: 11, fontWeight: 600 }}>{ua.achievement.name}</div>
+              </div>
+            );
+          })}
+          {Array.from({ length: Math.max(0, MAX_FEATURED - featuredIds.length) }).map((_, i) => (
+            <div
+              key={`slot-${i}`}
+              style={{
+                border: "1.5px dashed var(--border-strong)",
+                borderRadius: "var(--r-lg)", padding: 12, minHeight: 80,
+                textAlign: "center", color: "var(--text-muted)", fontSize: 11,
+                display: "flex", alignItems: "center", justifyContent: "center",
+              }}
+            >
+              + empty slot
+            </div>
+          ))}
+        </div>
+
+        <div className="label-micro" style={{ marginBottom: 12 }}>Earned · {earnedFiltered.length}</div>
+        <div style={{
+          display: "grid", gridTemplateColumns: "repeat(auto-fill, minmax(320px, 1fr))",
+          gap: 14, marginBottom: 30,
+        }}>
+          {earnedFiltered.map((ua) => (
+            <Card
+              key={ua.achievement.id}
+              a={ua.achievement}
+              isEarned
+              earnedAt={ua.earned_at}
+              featured={featuredIds.includes(ua.achievement.id)}
+              canFeature={featuredIds.length < MAX_FEATURED}
+              onToggleFeature={() => toggleFeature(ua.achievement.id)}
+            />
+          ))}
+        </div>
+
+        <div className="label-micro" style={{ marginBottom: 12 }}>Locked · {availableFiltered.length}</div>
+        <div style={{ display: "grid", gridTemplateColumns: "repeat(auto-fill, minmax(320px, 1fr))", gap: 14 }}>
+          {availableFiltered.map((a) => (
+            <Card key={a.id} a={a} isEarned={false} progress={a.progress ?? null} />
+          ))}
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/frontend/src/components/screens/Admin.tsx b/frontend/src/components/screens/Admin.tsx
new file mode 100644
index 00000000..257452f0
--- /dev/null
+++ b/frontend/src/components/screens/Admin.tsx
@@ -0,0 +1,761 @@
+"use client";
+import React from "react";
+import { TopBar } from "../TopBar";
+import { Icon } from "../Icon";
+import { Avatar } from "../Avatar";
+import { RoleBadge } from "../RoleBadge";
+import { CustomSelect } from "../CustomSelect";
+import { useToast } from "../ToastProvider";
+import { useConfirm } from "@/lib/useConfirm";
+import { useUser } from "@/context/UserContext";
+import {
+  adminFetchUsers, adminApproveUser,
+  adminListRoles, adminCreateRole, adminDeleteRole, adminAssignRole, adminRevokeRole,
+  adminListAchievements, adminCreateAchievement, adminDeleteAchievement,
+  adminListCosmetics, adminCreateCosmetic, adminDeleteCosmetic,
+  IS_LOCAL_MODE,
+} from "@/lib/api";
+import { supabase } from "@/lib/supabase";
+import type { Role, Achievement, Cosmetic, CosmeticType, RarityTier, AchievementCategory } from "@/lib/types";
+
+type Tab = "users" | "roles" | "achievements" | "cosmetics" | "analytics";
+type AdminUser = {
+  id: string;
+  name: string;
+  email: string;
+  is_approved: boolean;
+  is_admin?: boolean;
+  last_sign_in?: string | null;
+  created_at?: string;
+  roles?: Role[];
+};
+
+const RARITIES: RarityTier[] = ["common", "uncommon", "rare", "epic", "legendary"];
+const ACH_CATS: AchievementCategory[] = ["activity", "social", "milestone", "special"];
+const COSMETIC_TYPES: CosmeticType[] = ["avatar_frame", "banner", "name_color", "title"];
+
+const COSMETIC_BUCKET = "cosmetic-assets";
+
+async function uploadCosmeticAsset(file: File): Promise<string> {
+  if (IS_LOCAL_MODE) return URL.createObjectURL(file);
+  const ext = file.name.split(".").pop() || "png";
+  const path = `${Date.now()}-${Math.random().toString(36).slice(2, 8)}.${ext}`;
+  const { error } = await supabase.storage.from(COSMETIC_BUCKET).upload(path, file, { cacheControl: "3600", upsert: false });
+  if (error) throw error;
+  const { data } = supabase.storage.from(COSMETIC_BUCKET).getPublicUrl(path);
+  return data.publicUrl;
+}
+
+export function Admin() {
+  const { isAdmin } = useUser();
+  const [tab, setTab] = React.useState<Tab>("users");
+
+  if (!isAdmin) {
+    return (
+      <div>
+        <TopBar breadcrumb="Admin" title="Admin Console" subtitle="Staff only" />
+        <div style={{ padding: 60, textAlign: "center", color: "var(--text-muted)" }}>
+          You don&apos;t have admin access.
+        </div>
+      </div>
+    );
+  }
+
+  const tabs: Tab[] = ["users", "roles", "achievements", "cosmetics", "analytics"];
+
+  return (
+    <div>
+      <TopBar
+        breadcrumb="Admin"
+        title="Admin Console"
+        subtitle="School-wide moderation and catalog management"
+        actions={<span className="chip chip--err">Staff only</span>}
+      />
+      <div style={{ padding: "12px 32px", borderBottom: "1px solid var(--border)", display: "flex", gap: 4, overflowX: "auto" }}>
+        {tabs.map((t) => (
+          <button
+            key={t}
+            onClick={() => setTab(t)}
+            style={{
+              padding: "8px 16px",
+              fontSize: 13,
+              fontWeight: tab === t ? 600 : 400,
+              color: tab === t ? "var(--text)" : "var(--text-dim)",
+              borderBottom: tab === t ? "2px solid var(--accent)" : "2px solid transparent",
+              textTransform: "capitalize",
+              whiteSpace: "nowrap",
+            }}
+          >
+            {t}
+          </button>
+        ))}
+      </div>
+      <div style={{ padding: "24px 32px" }}>
+        {tab === "users" && <UsersTab />}
+        {tab === "roles" && <RolesTab />}
+        {tab === "achievements" && <AchievementsTab />}
+        {tab === "cosmetics" && <CosmeticsTab />}
+        {tab === "analytics" && <AnalyticsTab />}
+      </div>
+    </div>
+  );
+}
+
+// ── Users ────────────────────────────────────────────────────────────────────
+
+function UsersTab() {
+  const toast = useToast();
+  const { userId: me } = useUser();
+  const [users, setUsers] = React.useState<AdminUser[]>([]);
+  const [roles, setRoles] = React.useState<Role[]>([]);
+  const [query, setQuery] = React.useState("");
+  const [assignFor, setAssignFor] = React.useState<string | null>(null);
+  const [assignRoleId, setAssignRoleId] = React.useState<string>("");
+
+  const load = React.useCallback(async () => {
+    try {
+      const [u, r] = await Promise.all([adminFetchUsers(), adminListRoles()]);
+      setUsers(u.users || []);
+      setRoles(r.roles || []);
+    } catch (err) {
+      toast.error(`Load failed: ${String(err)}`);
+    }
+  }, [toast]);
+
+  React.useEffect(() => { load(); }, [load]);
+
+  const filtered = query
+    ? users.filter(u =>
+        (u.name || "").toLowerCase().includes(query.toLowerCase()) ||
+        (u.email || "").toLowerCase().includes(query.toLowerCase()))
+    : users;
+
+  const approved = users.filter(u => u.is_approved).length;
+  const pending = users.length - approved;
+
+  const assign = async (uid: string) => {
+    if (!assignRoleId) return;
+    try {
+      await adminAssignRole(uid, assignRoleId, me);
+      toast.success("Role assigned");
+      setAssignFor(null);
+      setAssignRoleId("");
+      await load();
+    } catch (err) {
+      toast.error(`Assign failed: ${String(err)}`);
+    }
+  };
+
+  const revoke = async (uid: string, rid: string) => {
+    try {
+      await adminRevokeRole(uid, rid);
+      toast.success("Role revoked");
+      await load();
+    } catch (err) {
+      toast.error(`Revoke failed: ${String(err)}`);
+    }
+  };
+
+  return (
+    <>
+      <div style={{ display: "grid", gridTemplateColumns: "repeat(3, 1fr)", gap: 12, marginBottom: 20 }}>
+        {(
+          [
+            ["Total users", users.length, "var(--accent)"],
+            ["Approved", approved, "var(--info)"],
+            ["Pending", pending, "var(--warn)"],
+          ] as const
+        ).map(([l, v, c]) => (
+          <div key={l} className="card" style={{ padding: "var(--pad-lg)" }}>
+            <div className="label-micro">{l}</div>
+            <div className="mono" style={{ fontSize: 26, color: c, marginTop: 6 }}>{v}</div>
+          </div>
+        ))}
+      </div>
+      <div className="card" style={{ padding: 0 }}>
+        <div style={{ display: "flex", padding: "12px 16px", borderBottom: "1px solid var(--border)", alignItems: "center", gap: 12 }}>
+          <div style={{ position: "relative", flex: 1, maxWidth: 300 }}>
+            <div style={{ position: "absolute", left: 10, top: 8, color: "var(--text-muted)" }}>
+              <Icon name="search" size={14} />
+            </div>
+            <input
+              placeholder="Search users…"
+              value={query}
+              onChange={e => setQuery(e.target.value)}
+              style={{
+                width: "100%", padding: "7px 12px 7px 32px",
+                border: "1px solid var(--border)", borderRadius: "var(--r-sm)",
+                fontSize: 13, background: "var(--bg-input)",
+              }}
+            />
+          </div>
+        </div>
+        <table style={{ width: "100%", borderCollapse: "collapse", fontSize: 13 }}>
+          <thead>
+            <tr style={{ background: "var(--bg-subtle)" }}>
+              {["User", "Email", "Roles", "Status", "Joined", ""].map(h => (
+                <th key={h} style={{ textAlign: "left", padding: "10px 16px", fontWeight: 500, fontSize: 11, textTransform: "uppercase", letterSpacing: "0.08em", color: "var(--text-muted)" }}>
+                  {h}
+                </th>
+              ))}
+            </tr>
+          </thead>
+          <tbody>
+            {filtered.map(u => (
+              <tr key={u.id} style={{ borderTop: "1px solid var(--border)" }}>
+                <td style={{ padding: "10px 16px" }}>
+                  <div style={{ display: "flex", alignItems: "center", gap: 10 }}>
+                    <Avatar name={u.name || "?"} size={28} />
+                    <span style={{ fontWeight: 500 }}>{u.name}</span>
+                  </div>
+                </td>
+                <td style={{ padding: "10px 16px", color: "var(--text-dim)" }}>{u.email}</td>
+                <td style={{ padding: "10px 16px" }}>
+                  <div style={{ display: "flex", gap: 4, flexWrap: "wrap", alignItems: "center" }}>
+                    {(u.roles || []).map(r => (
+                      <span key={r.id} style={{ display: "inline-flex", alignItems: "center", gap: 3 }}>
+                        <RoleBadge role={r} />
+                        <button
+                          title="Revoke"
+                          onClick={() => revoke(u.id, r.id)}
+                          style={{ color: "var(--text-muted)", padding: "1px 4px" }}
+                        >
+                          ×
+                        </button>
+                      </span>
+                    ))}
+                    {assignFor === u.id ? (
+                      <span style={{ display: "inline-flex", gap: 4, alignItems: "center" }}>
+                        <CustomSelect
+                          size="sm"
+                          value={assignRoleId}
+                          onChange={v => setAssignRoleId(v)}
+                          options={roles.filter(r => !(u.roles || []).some(ur => ur.id === r.id)).map(r => ({ value: r.id, label: r.name }))}
+                          placeholder="Role…"
+                        />
+                        <button className="btn btn--sm btn--primary" onClick={() => assign(u.id)} disabled={!assignRoleId}>
+                          Add
+                        </button>
+                        <button className="btn btn--sm btn--ghost" onClick={() => { setAssignFor(null); setAssignRoleId(""); }}>×</button>
+                      </span>
+                    ) : (
+                      <button
+                        className="btn btn--sm btn--ghost"
+                        onClick={() => { setAssignFor(u.id); setAssignRoleId(""); }}
+                        style={{ fontSize: 11 }}
+                      >
+                        + role
+                      </button>
+                    )}
+                  </div>
+                </td>
+                <td style={{ padding: "10px 16px" }}>
+                  <span className={`chip ${u.is_approved ? "chip--accent" : "chip--warn"}`}>
+                    {u.is_approved ? "approved" : "pending"}
+                  </span>
+                </td>
+                <td style={{ padding: "10px 16px", color: "var(--text-muted)" }}>
+                  {u.created_at ? new Date(u.created_at).toLocaleDateString() : "—"}
+                </td>
+                <td style={{ padding: "10px 16px", textAlign: "right" }}>
+                  {!u.is_approved && (
+                    <button
+                      className="btn btn--sm btn--primary"
+                      onClick={async () => { await adminApproveUser(u.id); load(); }}
+                    >
+                      Approve
+                    </button>
+                  )}
+                </td>
+              </tr>
+            ))}
+          </tbody>
+        </table>
+      </div>
+    </>
+  );
+}
+
+// ── Roles ────────────────────────────────────────────────────────────────────
+
+function RolesTab() {
+  const toast = useToast();
+  const [roles, setRoles] = React.useState<Role[]>([]);
+  const [form, setForm] = React.useState({
+    name: "", slug: "", color: "#8a7bc4", icon: "", description: "",
+    is_staff_assigned: true, is_earnable: false, display_priority: 0,
+  });
+  const [saving, setSaving] = React.useState(false);
+
+  const load = async () => {
+    try {
+      const r = await adminListRoles();
+      setRoles(r.roles || []);
+    } catch (err) {
+      toast.error(`Load failed: ${String(err)}`);
+    }
+  };
+  React.useEffect(() => { load(); }, []);
+
+  const create = async () => {
+    if (!form.name.trim() || !form.slug.trim()) {
+      toast.warn("Name and slug are required.");
+      return;
+    }
+    setSaving(true);
+    try {
+      await adminCreateRole({
+        name: form.name.trim(),
+        slug: form.slug.trim(),
+        color: form.color,
+        icon: form.icon.trim() || null,
+        description: form.description.trim() || null,
+        is_staff_assigned: form.is_staff_assigned,
+        is_earnable: form.is_earnable,
+        display_priority: form.display_priority,
+      });
+      setForm({ name: "", slug: "", color: "#8a7bc4", icon: "", description: "", is_staff_assigned: true, is_earnable: false, display_priority: 0 });
+      await load();
+      toast.success("Role created");
+    } catch (err) {
+      toast.error(`Create failed: ${String(err)}`);
+    } finally {
+      setSaving(false);
+    }
+  };
+
+  const del = async (id: string) => {
+    try {
+      await adminDeleteRole(id);
+      await load();
+      toast.success("Role deleted");
+    } catch (err) {
+      toast.error(`Delete failed: ${String(err)}`);
+    }
+  };
+
+  return (
+    <div style={{ display: "grid", gridTemplateColumns: "minmax(280px, 360px) 1fr", gap: 16 }}>
+      <div className="card" style={{ padding: "var(--pad-lg)" }}>
+        <div className="label-micro" style={{ marginBottom: 10 }}>Create role</div>
+        <LabeledField label="Name">
+          <input value={form.name} onChange={e => setForm(f => ({ ...f, name: e.target.value }))} style={fieldStyle} />
+        </LabeledField>
+        <LabeledField label="Slug">
+          <input value={form.slug} onChange={e => setForm(f => ({ ...f, slug: e.target.value.toLowerCase().replace(/[^a-z0-9-]/g, '-') }))} style={fieldStyle} />
+        </LabeledField>
+        <LabeledField label="Color">
+          <input type="color" value={form.color} onChange={e => setForm(f => ({ ...f, color: e.target.value }))} style={{ ...fieldStyle, height: 36, padding: 2 }} />
+        </LabeledField>
+        <LabeledField label="Icon (emoji)">
+          <input value={form.icon} onChange={e => setForm(f => ({ ...f, icon: e.target.value }))} placeholder="🛡️" style={fieldStyle} />
+        </LabeledField>
+        <LabeledField label="Description">
+          <textarea value={form.description} onChange={e => setForm(f => ({ ...f, description: e.target.value }))} rows={2} style={fieldStyle} />
+        </LabeledField>
+        <div style={{ display: "flex", gap: 12, marginTop: 6 }}>
+          <label style={checkLabel}>
+            <input type="checkbox" checked={form.is_staff_assigned} onChange={e => setForm(f => ({ ...f, is_staff_assigned: e.target.checked }))} /> Staff-assigned
+          </label>
+          <label style={checkLabel}>
+            <input type="checkbox" checked={form.is_earnable} onChange={e => setForm(f => ({ ...f, is_earnable: e.target.checked }))} /> Earnable
+          </label>
+        </div>
+        <button className="btn btn--primary" onClick={create} disabled={saving} style={{ marginTop: 14, width: "100%" }}>
+          {saving ? "Creating…" : "Create role"}
+        </button>
+      </div>
+      <div className="card" style={{ padding: 0 }}>
+        <div style={{ padding: "12px 16px", borderBottom: "1px solid var(--border)" }}>
+          <div className="label-micro">Roles · {roles.length}</div>
+        </div>
+        {roles.length === 0 && (
+          <div style={{ padding: 28, textAlign: "center", color: "var(--text-muted)", fontSize: 13 }}>No roles yet.</div>
+        )}
+        {roles.map(r => <CatalogRow key={r.id} left={<RoleBadge role={r} />} middle={r.description || r.slug} onDelete={() => del(r.id)} />)}
+      </div>
+    </div>
+  );
+}
+
+// ── Achievements ─────────────────────────────────────────────────────────────
+
+function AchievementsTab() {
+  const toast = useToast();
+  const [items, setItems] = React.useState<Achievement[]>([]);
+  const [form, setForm] = React.useState<{
+    name: string; slug: string; description: string; icon: string;
+    category: AchievementCategory; rarity: RarityTier; is_secret: boolean;
+  }>({ name: "", slug: "", description: "", icon: "", category: "milestone", rarity: "common", is_secret: false });
+  const [saving, setSaving] = React.useState(false);
+
+  const load = async () => {
+    try {
+      const r = await adminListAchievements();
+      setItems(r.achievements || []);
+    } catch (err) {
+      toast.error(`Load failed: ${String(err)}`);
+    }
+  };
+  React.useEffect(() => { load(); }, []);
+
+  const create = async () => {
+    if (!form.name.trim() || !form.slug.trim()) {
+      toast.warn("Name and slug are required.");
+      return;
+    }
+    setSaving(true);
+    try {
+      await adminCreateAchievement({
+        name: form.name.trim(),
+        slug: form.slug.trim(),
+        description: form.description.trim() || null,
+        icon: form.icon.trim() || null,
+        category: form.category,
+        rarity: form.rarity,
+        is_secret: form.is_secret,
+      });
+      setForm({ name: "", slug: "", description: "", icon: "", category: "milestone", rarity: "common", is_secret: false });
+      await load();
+      toast.success("Achievement created");
+    } catch (err) {
+      toast.error(`Create failed: ${String(err)}`);
+    } finally {
+      setSaving(false);
+    }
+  };
+
+  const del = async (id: string) => {
+    try {
+      await adminDeleteAchievement(id);
+      await load();
+      toast.success("Achievement deleted");
+    } catch (err) {
+      toast.error(`Delete failed: ${String(err)}`);
+    }
+  };
+
+  return (
+    <div style={{ display: "grid", gridTemplateColumns: "minmax(280px, 360px) 1fr", gap: 16 }}>
+      <div className="card" style={{ padding: "var(--pad-lg)" }}>
+        <div className="label-micro" style={{ marginBottom: 10 }}>Create achievement</div>
+        <LabeledField label="Name"><input value={form.name} onChange={e => setForm(f => ({ ...f, name: e.target.value }))} style={fieldStyle} /></LabeledField>
+        <LabeledField label="Slug"><input value={form.slug} onChange={e => setForm(f => ({ ...f, slug: e.target.value.toLowerCase().replace(/[^a-z0-9-]/g, '-') }))} style={fieldStyle} /></LabeledField>
+        <LabeledField label="Description"><textarea value={form.description} onChange={e => setForm(f => ({ ...f, description: e.target.value }))} rows={2} style={fieldStyle} /></LabeledField>
+        <LabeledField label="Icon (emoji)"><input value={form.icon} onChange={e => setForm(f => ({ ...f, icon: e.target.value }))} placeholder="🏆" style={fieldStyle} /></LabeledField>
+        <LabeledField label="Category">
+          <CustomSelect<AchievementCategory>
+            value={form.category}
+            onChange={v => setForm(f => ({ ...f, category: v }))}
+            options={ACH_CATS.map(c => ({ value: c, label: c }))}
+          />
+        </LabeledField>
+        <LabeledField label="Rarity">
+          <CustomSelect<RarityTier>
+            value={form.rarity}
+            onChange={v => setForm(f => ({ ...f, rarity: v }))}
+            options={RARITIES.map(r => ({ value: r, label: r }))}
+          />
+        </LabeledField>
+        <label style={{ ...checkLabel, marginTop: 6 }}>
+          <input type="checkbox" checked={form.is_secret} onChange={e => setForm(f => ({ ...f, is_secret: e.target.checked }))} /> Secret (hidden until earned)
+        </label>
+        <button className="btn btn--primary" onClick={create} disabled={saving} style={{ marginTop: 14, width: "100%" }}>
+          {saving ? "Creating…" : "Create achievement"}
+        </button>
+      </div>
+      <div className="card" style={{ padding: 0 }}>
+        <div style={{ padding: "12px 16px", borderBottom: "1px solid var(--border)" }}>
+          <div className="label-micro">Achievements · {items.length}</div>
+        </div>
+        {items.length === 0 && <div style={{ padding: 28, textAlign: "center", color: "var(--text-muted)", fontSize: 13 }}>No achievements yet.</div>}
+        {items.map(a => (
+          <CatalogRow
+            key={a.id}
+            left={<span style={{ fontSize: 18 }}>{a.icon || "★"}</span>}
+            middle={
+              <span style={{ display: "flex", alignItems: "center", gap: 8 }}>
+                <span style={{ fontWeight: 600 }}>{a.name}</span>
+                <span className="chip" style={{ textTransform: "uppercase", fontSize: 10 }}>{a.rarity}</span>
+                {a.is_secret && <span className="chip chip--warn">secret</span>}
+              </span>
+            }
+            sub={a.description || a.slug}
+            onDelete={() => del(a.id)}
+          />
+        ))}
+      </div>
+    </div>
+  );
+}
+
+// ── Cosmetics ────────────────────────────────────────────────────────────────
+
+function CosmeticsTab() {
+  const toast = useToast();
+  const [items, setItems] = React.useState<Cosmetic[]>([]);
+  const [form, setForm] = React.useState<{
+    type: CosmeticType; name: string; slug: string;
+    asset_url: string; css_value: string;
+    rarity: RarityTier; unlock_source: string;
+  }>({ type: "avatar_frame", name: "", slug: "", asset_url: "", css_value: "", rarity: "common", unlock_source: "" });
+  const [saving, setSaving] = React.useState(false);
+  const [uploading, setUploading] = React.useState(false);
+  const fileRef = React.useRef<HTMLInputElement | null>(null);
+
+  const load = async () => {
+    try {
+      const r = await adminListCosmetics();
+      setItems(r.cosmetics || []);
+    } catch (err) {
+      toast.error(`Load failed: ${String(err)}`);
+    }
+  };
+  React.useEffect(() => { load(); }, []);
+
+  const onFilePicked = async (file: File | null) => {
+    if (!file) return;
+    setUploading(true);
+    try {
+      const url = await uploadCosmeticAsset(file);
+      setForm(f => ({ ...f, asset_url: url }));
+      toast.success("Asset uploaded");
+    } catch (err) {
+      toast.error(`Upload failed: ${String(err)}`);
+    } finally {
+      setUploading(false);
+      if (fileRef.current) fileRef.current.value = "";
+    }
+  };
+
+  const needsAsset = form.type === "avatar_frame" || form.type === "banner";
+  const needsCss = form.type === "name_color" || form.type === "title";
+
+  const create = async () => {
+    if (!form.name.trim() || !form.slug.trim()) {
+      toast.warn("Name and slug are required.");
+      return;
+    }
+    if (needsAsset && !form.asset_url.trim()) {
+      toast.warn("Upload an asset for frames/banners.");
+      return;
+    }
+    if (needsCss && !form.css_value.trim()) {
+      toast.warn("CSS value is required for name colors and titles.");
+      return;
+    }
+    setSaving(true);
+    try {
+      await adminCreateCosmetic({
+        type: form.type,
+        name: form.name.trim(),
+        slug: form.slug.trim(),
+        asset_url: needsAsset ? form.asset_url.trim() : null,
+        css_value: needsCss ? form.css_value.trim() : null,
+        rarity: form.rarity,
+        unlock_source: form.unlock_source.trim() || null,
+      });
+      setForm({ type: form.type, name: "", slug: "", asset_url: "", css_value: "", rarity: "common", unlock_source: "" });
+      await load();
+      toast.success("Cosmetic created");
+    } catch (err) {
+      toast.error(`Create failed: ${String(err)}`);
+    } finally {
+      setSaving(false);
+    }
+  };
+
+  const del = async (id: string) => {
+    try {
+      await adminDeleteCosmetic(id);
+      await load();
+      toast.success("Cosmetic deleted");
+    } catch (err) {
+      toast.error(`Delete failed: ${String(err)}`);
+    }
+  };
+
+  const grouped: Record<CosmeticType, Cosmetic[]> = { avatar_frame: [], banner: [], name_color: [], title: [] };
+  for (const c of items) grouped[c.type]?.push(c);
+
+  return (
+    <div style={{ display: "grid", gridTemplateColumns: "minmax(300px, 380px) 1fr", gap: 16 }}>
+      <div className="card" style={{ padding: "var(--pad-lg)" }}>
+        <div className="label-micro" style={{ marginBottom: 10 }}>Create cosmetic</div>
+        <LabeledField label="Type">
+          <CustomSelect<CosmeticType>
+            value={form.type}
+            onChange={v => setForm(f => ({ ...f, type: v, asset_url: "", css_value: "" }))}
+            options={COSMETIC_TYPES.map(t => ({ value: t, label: t.replace("_", " ") }))}
+          />
+        </LabeledField>
+        <LabeledField label="Name"><input value={form.name} onChange={e => setForm(f => ({ ...f, name: e.target.value }))} style={fieldStyle} /></LabeledField>
+        <LabeledField label="Slug"><input value={form.slug} onChange={e => setForm(f => ({ ...f, slug: e.target.value.toLowerCase().replace(/[^a-z0-9-]/g, '-') }))} style={fieldStyle} /></LabeledField>
+        {needsAsset && (
+          <LabeledField label="Asset (PNG/SVG)">
+            <div style={{ display: "flex", gap: 6 }}>
+              <input
+                value={form.asset_url}
+                onChange={e => setForm(f => ({ ...f, asset_url: e.target.value }))}
+                placeholder="Upload or paste URL"
+                style={{ ...fieldStyle, flex: 1 }}
+              />
+              <button
+                className="btn btn--sm"
+                onClick={() => fileRef.current?.click()}
+                disabled={uploading}
+              >
+                <Icon name="up" size={12} /> {uploading ? "…" : "Upload"}
+              </button>
+              <input
+                ref={fileRef}
+                type="file"
+                accept="image/*"
+                style={{ display: "none" }}
+                onChange={e => onFilePicked(e.target.files?.[0] ?? null)}
+              />
+            </div>
+            {form.asset_url && (
+              <img src={form.asset_url} alt="" style={{ maxHeight: 56, marginTop: 6, borderRadius: "var(--r-sm)", border: "1px solid var(--border)" }} />
+            )}
+          </LabeledField>
+        )}
+        {needsCss && (
+          <LabeledField label={form.type === "name_color" ? "CSS (color or gradient)" : "CSS (label)"}>
+            <input
+              value={form.css_value}
+              onChange={e => setForm(f => ({ ...f, css_value: e.target.value }))}
+              placeholder={form.type === "name_color" ? "linear-gradient(90deg, #ff7e5f, #feb47b)" : "Grandmaster"}
+              style={fieldStyle}
+            />
+          </LabeledField>
+        )}
+        <LabeledField label="Rarity">
+          <CustomSelect<RarityTier>
+            value={form.rarity}
+            onChange={v => setForm(f => ({ ...f, rarity: v }))}
+            options={RARITIES.map(r => ({ value: r, label: r }))}
+          />
+        </LabeledField>
+        <LabeledField label="Unlock source">
+          <input
+            value={form.unlock_source}
+            onChange={e => setForm(f => ({ ...f, unlock_source: e.target.value }))}
+            placeholder="achievement:slug or shop"
+            style={fieldStyle}
+          />
+        </LabeledField>
+        <button className="btn btn--primary" onClick={create} disabled={saving || uploading} style={{ marginTop: 14, width: "100%" }}>
+          {saving ? "Creating…" : "Create cosmetic"}
+        </button>
+      </div>
+      <div style={{ display: "flex", flexDirection: "column", gap: 14 }}>
+        {COSMETIC_TYPES.map(t => (
+          <div key={t} className="card" style={{ padding: 0 }}>
+            <div style={{ padding: "10px 16px", borderBottom: "1px solid var(--border)", display: "flex", justifyContent: "space-between" }}>
+              <div className="label-micro" style={{ textTransform: "uppercase" }}>{t.replace("_", " ")}</div>
+              <span style={{ fontSize: 11, color: "var(--text-muted)" }}>{grouped[t].length}</span>
+            </div>
+            {grouped[t].length === 0 && (
+              <div style={{ padding: 16, fontSize: 12, color: "var(--text-muted)", textAlign: "center" }}>None.</div>
+            )}
+            {grouped[t].map(c => (
+              <CatalogRow
+                key={c.id}
+                left={c.asset_url ? (
+                  <img src={c.asset_url} alt="" style={{ width: 28, height: 28, borderRadius: "var(--r-sm)", objectFit: "cover", border: "1px solid var(--border)" }} />
+                ) : c.css_value ? (
+                  <span style={{ padding: "2px 6px", fontSize: 10, borderRadius: "var(--r-sm)", background: c.css_value, color: "#fff", border: "1px solid var(--border)" }}>
+                    sample
+                  </span>
+                ) : (
+                  <span style={{ fontSize: 16 }}>◇</span>
+                )}
+                middle={
+                  <span style={{ display: "flex", gap: 8, alignItems: "center" }}>
+                    <span style={{ fontWeight: 600 }}>{c.name}</span>
+                    <span className="chip" style={{ fontSize: 10, textTransform: "uppercase" }}>{c.rarity}</span>
+                  </span>
+                }
+                sub={c.slug}
+                onDelete={() => del(c.id)}
+              />
+            ))}
+          </div>
+        ))}
+      </div>
+    </div>
+  );
+}
+
+// ── Analytics ────────────────────────────────────────────────────────────────
+
+function AnalyticsTab() {
+  const [users, setUsers] = React.useState<AdminUser[]>([]);
+  React.useEffect(() => { adminFetchUsers().then(r => setUsers(r.users || [])).catch(() => {}); }, []);
+  const approved = users.filter(u => u.is_approved).length;
+  return (
+    <div className="card" style={{ padding: "var(--pad-lg)" }}>
+      <div className="label-micro">Overview</div>
+      <div className="h-serif" style={{ fontSize: 24, marginTop: 6 }}>{users.length} users</div>
+      <div style={{ fontSize: 13, color: "var(--text-dim)", marginTop: 8 }}>
+        {approved} approved · {users.length - approved} pending
+      </div>
+    </div>
+  );
+}
+
+// ── Shared row + input helpers ───────────────────────────────────────────────
+
+function CatalogRow({
+  left, middle, sub, onDelete,
+}: {
+  left: React.ReactNode;
+  middle: React.ReactNode;
+  sub?: string;
+  onDelete: () => void;
+}) {
+  const del = useConfirm(onDelete);
+  return (
+    <div style={{
+      display: "flex", alignItems: "center", gap: 12,
+      padding: "10px 16px", borderTop: "1px solid var(--border)",
+    }}>
+      <div style={{ flexShrink: 0 }}>{left}</div>
+      <div style={{ flex: 1, minWidth: 0 }}>
+        <div style={{ fontSize: 13 }}>{middle}</div>
+        {sub && <div style={{ fontSize: 11, color: "var(--text-muted)", marginTop: 2 }}>{sub}</div>}
+      </div>
+      <button
+        className={`btn btn--sm ${del.armed ? "btn--danger" : "btn--ghost"}`}
+        onClick={del.trigger}
+        style={del.armed ? { background: "var(--err-soft)", color: "var(--err)" } : undefined}
+      >
+        {del.armed ? "Click again" : <Icon name="x" size={12} />}
+      </button>
+    </div>
+  );
+}
+
+function LabeledField({ label, children }: { label: string; children: React.ReactNode }) {
+  return (
+    <div style={{ marginBottom: 10 }}>
+      <div className="label-micro" style={{ marginBottom: 4 }}>{label}</div>
+      {children}
+    </div>
+  );
+}
+
+const fieldStyle: React.CSSProperties = {
+  width: "100%",
+  padding: "7px 10px",
+  border: "1px solid var(--border)",
+  borderRadius: "var(--r-sm)",
+  fontSize: 13,
+  background: "var(--bg-input)",
+  fontFamily: "inherit",
+};
+
+const checkLabel: React.CSSProperties = {
+  display: "inline-flex", alignItems: "center", gap: 6, fontSize: 12, color: "var(--text-dim)",
+};
diff --git a/frontend/src/components/screens/Auth.tsx b/frontend/src/components/screens/Auth.tsx
new file mode 100644
index 00000000..377d58eb
--- /dev/null
+++ b/frontend/src/components/screens/Auth.tsx
@@ -0,0 +1,157 @@
+"use client";
+import React, { Suspense } from "react";
+import { useRouter, useSearchParams } from "next/navigation";
+import { useUser } from "@/context/UserContext";
+import { IS_LOCAL_MODE } from "@/lib/api";
+
+const API_URL = process.env.NEXT_PUBLIC_API_URL ?? "http://localhost:5000";
+
+const ERROR_COPY: Record<string, string> = {
+  not_approved: "Your account is pending approval. We'll email you once an admin lets you in.",
+  invalid_domain: "Sign-in is limited to approved school accounts (@bu.edu).",
+  google_not_configured: "Google sign-in is not configured on the server. Please contact support.",
+  signin_failed: "Sign-in failed. Please try again.",
+  session_expired: "Your session has expired. Please sign in again.",
+  revoked: "Your access has been revoked.",
+  oauth_denied: "Sign-in was cancelled.",
+  unknown: "Something went wrong. Please try again.",
+};
+
+function AuthInner() {
+  const router = useRouter();
+  const searchParams = useSearchParams();
+  const { setActiveUser, confirmApproved } = useUser();
+  const error = searchParams.get("error");
+  const errorMessage = error ? ERROR_COPY[error] ?? `Something went wrong (${error}).` : null;
+
+  const signInWithGoogle = () => {
+    if (IS_LOCAL_MODE) {
+      setActiveUser("local-user-001", "Local Dev", "");
+      confirmApproved();
+      router.replace("/dashboard");
+      return;
+    }
+    window.location.href = `${API_URL}/api/auth/google`;
+  };
+
+  return (
+    <div
+      style={{
+        width: "100vw",
+        height: "100vh",
+        display: "grid",
+        gridTemplateColumns: "1fr 1fr",
+        background: "var(--bg)",
+      }}
+    >
+      <div
+        style={{
+          background: "var(--sap-700)",
+          color: "#fff",
+          padding: "60px 48px",
+          display: "flex",
+          flexDirection: "column",
+          justifyContent: "space-between",
+          position: "relative",
+          overflow: "hidden",
+        }}
+      >
+        <div style={{ display: "flex", alignItems: "center", gap: 10 }}>
+          <svg width="28" height="28" viewBox="0 0 24 24">
+            <path d="M12 22 Q 5 15 5 9 Q 5 3 12 3 Q 19 3 19 9 Q 19 15 12 22 Z" fill="#fff" opacity={0.15} />
+            <path
+              d="M12 22 V 10 M12 13 Q 8 10 7 7 M12 14 Q 16 11 17 8"
+              stroke="#fff"
+              strokeWidth={1.5}
+              fill="none"
+              strokeLinecap="round"
+            />
+          </svg>
+          <span className="h-serif" style={{ fontSize: 22, fontWeight: 500 }}>Sapling</span>
+        </div>
+        <div>
+          <div className="h-serif" style={{ fontSize: 48, fontWeight: 500, lineHeight: 1.1, maxWidth: 440 }}>
+            Your mind,
+            <br />
+            quietly mapped.
+          </div>
+          <div style={{ fontSize: 15, color: "rgba(255,255,255,0.7)", marginTop: 20, maxWidth: 380, lineHeight: 1.55 }}>
+            An AI tutor that doesn&apos;t just answer — it asks the right questions, remembers what you know, and grows
+            your knowledge graph session by session.
+          </div>
+        </div>
+        <div style={{ fontSize: 11, opacity: 0.5 }}>Est. 2024 · Stanford, CA</div>
+        <svg
+          style={{ position: "absolute", right: -80, bottom: -60, opacity: 0.08 }}
+          width="360"
+          height="360"
+          viewBox="0 0 100 100"
+        >
+          <path d="M50 100 Q 20 60 20 35 Q 20 5 50 5 Q 80 5 80 35 Q 80 60 50 100 Z" fill="#fff" />
+        </svg>
+      </div>
+
+      <div style={{ padding: 60, display: "flex", alignItems: "center", justifyContent: "center" }}>
+        <div style={{ width: "100%", maxWidth: 380 }}>
+          <div className="h-serif" style={{ fontSize: 32, fontWeight: 500, marginBottom: 8 }}>Welcome back</div>
+          <div style={{ fontSize: 13, color: "var(--text-dim)", marginBottom: 28 }}>
+            Sign in with your school Google account to continue.
+          </div>
+
+          {errorMessage && (
+            <div
+              style={{
+                background: "var(--err-soft)",
+                color: "var(--err)",
+                padding: "10px 12px",
+                borderRadius: "var(--r-sm)",
+                fontSize: 13,
+                marginBottom: 14,
+              }}
+            >
+              {errorMessage}
+            </div>
+          )}
+
+          <button
+            className="btn"
+            style={{ width: "100%", justifyContent: "center", padding: 12, fontSize: 14 }}
+            onClick={signInWithGoogle}
+          >
+            <svg width="16" height="16" viewBox="0 0 48 48">
+              <path
+                fill="#4285f4"
+                d="M45 24c0-1.5-.1-2.9-.4-4.3H24v8.1h11.8c-.5 2.8-2 5.1-4.3 6.7v5.6h7c4.1-3.8 6.5-9.3 6.5-16.1z"
+              />
+              <path
+                fill="#34a853"
+                d="M24 46c5.8 0 10.7-1.9 14.2-5.2l-7-5.6c-1.9 1.3-4.4 2.1-7.2 2.1-5.5 0-10.2-3.7-11.9-8.7H5v5.7C8.5 41.7 15.7 46 24 46z"
+              />
+              <path
+                fill="#fbbc04"
+                d="M12.1 28.5c-.4-1.3-.7-2.6-.7-4s.3-2.7.7-4v-5.7H5C3.5 18 3 20.9 3 24s.5 6 2 8.5l7.1-4z"
+              />
+              <path
+                fill="#ea4335"
+                d="M24 10.5c3.1 0 5.9 1.1 8.1 3.2l6.1-6.1C34.6 4.1 29.7 2 24 2 15.7 2 8.5 6.3 5 12.8L12.1 18c1.7-4.9 6.4-7.5 11.9-7.5z"
+              />
+            </svg>
+            Continue with Google
+          </button>
+
+          <div style={{ textAlign: "center", marginTop: 18, fontSize: 12, color: "var(--text-muted)" }}>
+            By signing in, you agree to the terms and privacy policy.
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+}
+
+export function Auth() {
+  return (
+    <Suspense fallback={<div style={{ minHeight: "100vh", background: "var(--bg)" }} />}>
+      <AuthInner />
+    </Suspense>
+  );
+}
diff --git a/frontend/src/components/screens/Calendar.tsx b/frontend/src/components/screens/Calendar.tsx
new file mode 100644
index 00000000..d9727016
--- /dev/null
+++ b/frontend/src/components/screens/Calendar.tsx
@@ -0,0 +1,609 @@
+"use client";
+import React from "react";
+import { useRouter, useSearchParams } from "next/navigation";
+import { TopBar } from "../TopBar";
+import { Icon } from "../Icon";
+import { Pill } from "../Pill";
+import { CustomSelect } from "../CustomSelect";
+import { DocumentUploadModal } from "../DocumentUploadModal";
+import { useToast } from "../ToastProvider";
+import { useConfirm } from "@/lib/useConfirm";
+import { useUser } from "@/context/UserContext";
+import {
+  getAllAssignments,
+  getCourses,
+  getCalendarStatus,
+  disconnectCalendar,
+  syncCalendar,
+  calendarAuthUrl,
+  updateAssignment,
+  type Assignment,
+  type EnrolledCourse,
+} from "@/lib/api";
+
+type View = "month" | "week" | "day" | "table";
+
+const TYPE_COLOR: Record<string, string> = {
+  exam: "var(--c-rust)",
+  project: "var(--c-teal)",
+  homework: "var(--c-sage)",
+  quiz: "var(--warn)",
+  reading: "var(--c-plum)",
+  other: "var(--text-muted)",
+};
+
+const TYPE_OPTIONS = [
+  { value: "homework", label: "Homework" },
+  { value: "exam", label: "Exam" },
+  { value: "quiz", label: "Quiz" },
+  { value: "reading", label: "Reading" },
+  { value: "project", label: "Project" },
+  { value: "other", label: "Other" },
+];
+
+function dateKey(d: Date) {
+  return `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, "0")}-${String(d.getDate()).padStart(2, "0")}`;
+}
+
+function dueLabel(date: string) {
+  const now = Date.now();
+  const due = new Date(date).getTime();
+  const diffMs = due - now;
+  const diffHours = diffMs / (1000 * 60 * 60);
+  if (diffHours <= 0) return { label: "overdue", cls: "chip--err" };
+  if (diffHours <= 24) return { label: "due soon", cls: "chip--err" };
+  const days = Math.ceil(diffHours / 24);
+  if (days <= 3) return { label: `${days}d`, cls: "chip--warn" };
+  return { label: `${days}d`, cls: "chip--info" };
+}
+
+export function Calendar() {
+  const router = useRouter();
+  const search = useSearchParams();
+  const toast = useToast();
+  const { userId, userReady } = useUser();
+
+  const [assignments, setAssignments] = React.useState<Assignment[]>([]);
+  const [courses, setCourses] = React.useState<EnrolledCourse[]>([]);
+  const [view, setView] = React.useState<View>("month");
+  const [cursor, setCursor] = React.useState(new Date());
+  const [googleConnected, setGoogleConnected] = React.useState(false);
+  const [uploadOpen, setUploadOpen] = React.useState(false);
+  const [selected, setSelected] = React.useState<Set<string>>(new Set());
+
+  const load = React.useCallback(async () => {
+    if (!userId) return;
+    try {
+      const [a, c, s] = await Promise.all([
+        getAllAssignments(userId),
+        getCourses(userId),
+        getCalendarStatus(userId).catch(() => ({ connected: false })),
+      ]);
+      setAssignments(a.assignments || []);
+      setCourses(c.courses || []);
+      setGoogleConnected(Boolean(s.connected));
+    } catch (err) {
+      console.error("calendar load failed", err);
+    }
+  }, [userId]);
+
+  React.useEffect(() => {
+    if (userReady && userId) load();
+  }, [userReady, userId, load]);
+
+  // Clear ?connected=true after OAuth success.
+  React.useEffect(() => {
+    if (search.get("connected") === "true") {
+      toast.success("Google Calendar connected");
+      setGoogleConnected(true);
+      const next = new URLSearchParams(search.toString());
+      next.delete("connected");
+      const qs = next.toString();
+      router.replace(qs ? `/calendar?${qs}` : "/calendar");
+      void load();
+    }
+  }, [search, router, toast, load]);
+
+  const today = React.useMemo(() => {
+    const d = new Date(); d.setHours(0, 0, 0, 0); return d;
+  }, []);
+
+  const byDate = React.useMemo(() => {
+    const map = new Map<string, Assignment[]>();
+    for (const a of assignments) {
+      const k = a.due_date.slice(0, 10);
+      const arr = map.get(k) || [];
+      arr.push(a);
+      map.set(k, arr);
+    }
+    return map;
+  }, [assignments]);
+
+  const connect = () => {
+    if (!userId) return;
+    window.location.href = calendarAuthUrl(userId);
+  };
+
+  const doSync = async () => {
+    try {
+      const res = await syncCalendar(userId);
+      toast.success(`Synced ${res.synced_count} event${res.synced_count === 1 ? "" : "s"} to Google.`);
+    } catch (err) {
+      toast.error(`Sync failed: ${String(err)}`);
+    }
+  };
+
+  const doDisconnect = async () => {
+    try {
+      await disconnectCalendar(userId);
+      setGoogleConnected(false);
+      toast.success("Google Calendar disconnected.");
+    } catch (err) {
+      toast.error(`Disconnect failed: ${String(err)}`);
+    }
+  };
+  const disconnectConfirm = useConfirm(doDisconnect);
+
+  const exportCsv = () => {
+    const ids = selected.size ? assignments.filter(a => selected.has(a.id)) : assignments;
+    if (ids.length === 0) {
+      toast.warn("Nothing to export.");
+      return;
+    }
+    const rows = [
+      ["Title", "Course", "Type", "Due Date", "Notes"],
+      ...ids.map(a => [a.title, a.course_code || a.course_name || "", a.assignment_type || "", a.due_date, a.notes || ""]),
+    ];
+    const csv = rows.map(r => r.map(cell => `"${String(cell).replace(/"/g, '""')}"`).join(",")).join("\n");
+    const blob = new Blob([csv], { type: "text/csv" });
+    const url = URL.createObjectURL(blob);
+    const link = document.createElement("a");
+    link.href = url;
+    link.download = `assignments-${dateKey(new Date())}.csv`;
+    link.click();
+    URL.revokeObjectURL(url);
+    toast.success(`Exported ${ids.length} row${ids.length === 1 ? "" : "s"}.`);
+  };
+
+  const topActions = (
+    <>
+      <div style={{ display: "flex", border: "1px solid var(--border)", borderRadius: "var(--r-sm)", overflow: "hidden" }}>
+        {(["month", "week", "day", "table"] as View[]).map(v => (
+          <button
+            key={v}
+            onClick={() => setView(v)}
+            style={{
+              padding: "5px 10px", fontSize: 11,
+              background: view === v ? "var(--accent-soft)" : "transparent",
+              color: view === v ? "var(--accent)" : "var(--text-dim)",
+              textTransform: "capitalize",
+            }}
+          >
+            {v}
+          </button>
+        ))}
+      </div>
+      {view !== "table" && (
+        <>
+          <button className="btn btn--sm" onClick={() => shift(setCursor, view, -1)}>
+            <Icon name="chev" size={12} /> Prev
+          </button>
+          <button className="btn btn--sm" onClick={() => setCursor(new Date())}>Today</button>
+          <button className="btn btn--sm" onClick={() => shift(setCursor, view, 1)}>
+            Next <Icon name="chev" size={12} />
+          </button>
+        </>
+      )}
+      <button className="btn btn--sm" onClick={() => setUploadOpen(true)}>
+        <Icon name="up" size={12} /> Import syllabus
+      </button>
+      {googleConnected ? (
+        <>
+          <button className="btn btn--sm" onClick={doSync}>
+            <Icon name="send" size={12} /> Sync
+          </button>
+          <button
+            className="btn btn--sm"
+            onClick={disconnectConfirm.trigger}
+            style={disconnectConfirm.armed ? { background: "var(--err-soft)", color: "var(--err)" } : undefined}
+          >
+            {disconnectConfirm.armed ? "Click again" : "Disconnect"}
+          </button>
+        </>
+      ) : (
+        <button className="btn btn--sm btn--primary" onClick={connect}>
+          <Icon name="cal" size={12} /> Connect Google
+        </button>
+      )}
+    </>
+  );
+
+  const rangeLabel = formatRange(cursor, view);
+
+  return (
+    <div>
+      <TopBar
+        breadcrumb="Home / Calendar"
+        title="Calendar"
+        subtitle={`${rangeLabel} · ${assignments.length} assignment${assignments.length === 1 ? "" : "s"}`}
+        actions={topActions}
+      />
+
+      {view === "month" && <MonthView cursor={cursor} byDate={byDate} today={today} courses={courses} />}
+      {view === "week" && <WeekView cursor={cursor} byDate={byDate} today={today} courses={courses} />}
+      {view === "day" && <DayView cursor={cursor} byDate={byDate} courses={courses} />}
+      {view === "table" && (
+        <AssignmentTable
+          assignments={assignments}
+          courses={courses}
+          selected={selected}
+          onSelectedChange={setSelected}
+          onExport={exportCsv}
+          onReload={load}
+        />
+      )}
+
+      <DocumentUploadModal
+        open={uploadOpen}
+        userId={userId}
+        courses={courses}
+        onClose={() => setUploadOpen(false)}
+        onComplete={async (items) => {
+          const hasSyllabus = items.some(it => it.category === "syllabus");
+          await load();
+          if (hasSyllabus) {
+            setTimeout(load, 1500);
+            toast.success("Syllabus processed — new assignments added.");
+          }
+        }}
+      />
+    </div>
+  );
+}
+
+function shift(setCursor: React.Dispatch<React.SetStateAction<Date>>, view: View, dir: -1 | 1) {
+  setCursor(prev => {
+    const d = new Date(prev);
+    if (view === "month") d.setMonth(d.getMonth() + dir);
+    else if (view === "week") d.setDate(d.getDate() + 7 * dir);
+    else if (view === "day") d.setDate(d.getDate() + dir);
+    return d;
+  });
+}
+
+function formatRange(d: Date, view: View) {
+  if (view === "month") return d.toLocaleDateString("en-US", { month: "long", year: "numeric" });
+  if (view === "day") return d.toLocaleDateString("en-US", { weekday: "long", month: "short", day: "numeric", year: "numeric" });
+  if (view === "week") {
+    const start = startOfWeekMon(d);
+    const end = new Date(start);
+    end.setDate(start.getDate() + 6);
+    return `${start.toLocaleDateString("en-US", { month: "short", day: "numeric" })} – ${end.toLocaleDateString("en-US", { month: "short", day: "numeric" })}`;
+  }
+  return "All assignments";
+}
+
+function startOfWeekMon(d: Date) {
+  const x = new Date(d);
+  x.setHours(0, 0, 0, 0);
+  const day = (x.getDay() + 6) % 7;
+  x.setDate(x.getDate() - day);
+  return x;
+}
+
+function MonthView({ cursor, byDate, today, courses }: { cursor: Date; byDate: Map<string, Assignment[]>; today: Date; courses: EnrolledCourse[] }) {
+  const first = new Date(cursor.getFullYear(), cursor.getMonth(), 1);
+  const start = startOfWeekMon(first);
+  const cells: Date[] = Array.from({ length: 42 }, (_, i) => {
+    const d = new Date(start);
+    d.setDate(start.getDate() + i);
+    return d;
+  });
+  const weekdays = ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"];
+  const courseColor = new Map(courses.map(c => [c.course_id, c.color]));
+  return (
+    <div style={{ padding: "20px 32px" }}>
+      <div style={{ display: "grid", gridTemplateColumns: "repeat(7, 1fr)", gap: 4, marginBottom: 4 }}>
+        {weekdays.map(d => <div key={d} className="label-micro" style={{ padding: 6 }}>{d}</div>)}
+      </div>
+      <div style={{ display: "grid", gridTemplateColumns: "repeat(7, 1fr)", gap: 4 }}>
+        {cells.map((d, i) => {
+          const key = dateKey(d);
+          const items = byDate.get(key) || [];
+          const inMonth = d.getMonth() === cursor.getMonth();
+          const isToday = d.getTime() === today.getTime();
+          return (
+            <div
+              key={i}
+              className="card"
+              style={{
+                padding: 8, minHeight: 96, display: "flex", flexDirection: "column", gap: 4,
+                opacity: inMonth ? 1 : 0.45,
+                background: isToday ? "var(--accent-soft)" : "var(--bg-panel)",
+                borderColor: isToday ? "var(--accent-border)" : "var(--border)",
+              }}
+            >
+              <div style={{ fontSize: 11, fontWeight: 600, color: isToday ? "var(--accent)" : "var(--text-dim)" }}>
+                {d.getDate()}
+              </div>
+              {items.slice(0, 3).map(a => {
+                const color = TYPE_COLOR[a.assignment_type || "other"];
+                const dotColor = a.course_id ? courseColor.get(a.course_id) || color : color;
+                return (
+                  <div
+                    key={a.id}
+                    style={{
+                      fontSize: 10, padding: "3px 6px", borderRadius: "var(--r-xs)",
+                      background: color + "22", color, borderLeft: `2px solid ${dotColor}`,
+                      overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap",
+                    }}
+                    title={a.title}
+                  >
+                    {a.title}
+                  </div>
+                );
+              })}
+              {items.length > 3 && (
+                <div style={{ fontSize: 10, color: "var(--text-muted)" }}>+{items.length - 3} more</div>
+              )}
+            </div>
+          );
+        })}
+      </div>
+    </div>
+  );
+}
+
+function WeekView({ cursor, byDate, today, courses }: { cursor: Date; byDate: Map<string, Assignment[]>; today: Date; courses: EnrolledCourse[] }) {
+  const start = startOfWeekMon(cursor);
+  const days = Array.from({ length: 7 }, (_, i) => {
+    const d = new Date(start); d.setDate(start.getDate() + i); return d;
+  });
+  const courseColor = new Map(courses.map(c => [c.course_id, c.color]));
+  return (
+    <div style={{ padding: "20px 32px" }}>
+      <div style={{ display: "grid", gridTemplateColumns: "repeat(7, 1fr)", gap: 8 }}>
+        {days.map((d, i) => {
+          const key = dateKey(d);
+          const items = byDate.get(key) || [];
+          const isToday = d.getTime() === today.getTime();
+          return (
+            <div
+              key={i}
+              className="card"
+              style={{
+                padding: 10, minHeight: 200,
+                background: isToday ? "var(--accent-soft)" : "var(--bg-panel)",
+                borderColor: isToday ? "var(--accent-border)" : "var(--border)",
+              }}
+            >
+              <div style={{ display: "flex", justifyContent: "space-between", alignItems: "baseline", marginBottom: 8 }}>
+                <span className="h-serif" style={{ fontSize: 20 }}>{d.getDate()}</span>
+                <span className="label-micro">{d.toLocaleDateString("en-US", { weekday: "short" })}</span>
+              </div>
+              {items.length === 0 && <div style={{ fontSize: 11, color: "var(--text-muted)" }}>—</div>}
+              {items.map(a => {
+                const color = TYPE_COLOR[a.assignment_type || "other"];
+                const dotColor = a.course_id ? courseColor.get(a.course_id) || color : color;
+                return (
+                  <div
+                    key={a.id}
+                    style={{
+                      fontSize: 11, padding: "5px 8px", borderRadius: "var(--r-xs)",
+                      background: color + "22", color, borderLeft: `2px solid ${dotColor}`,
+                      marginBottom: 6,
+                    }}
+                  >
+                    <div style={{ fontWeight: 600 }}>{a.title}</div>
+                    <div style={{ opacity: 0.8, fontSize: 10 }}>{a.course_code || a.course_name}</div>
+                  </div>
+                );
+              })}
+            </div>
+          );
+        })}
+      </div>
+    </div>
+  );
+}
+
+function DayView({ cursor, byDate, courses }: { cursor: Date; byDate: Map<string, Assignment[]>; courses: EnrolledCourse[] }) {
+  const key = dateKey(cursor);
+  const items = byDate.get(key) || [];
+  const courseColor = new Map(courses.map(c => [c.course_id, c.color]));
+  return (
+    <div style={{ padding: "20px 32px", maxWidth: 720 }}>
+      <div className="h-serif" style={{ fontSize: 24, fontWeight: 500, marginBottom: 16 }}>
+        {cursor.toLocaleDateString("en-US", { weekday: "long", month: "long", day: "numeric" })}
+      </div>
+      {items.length === 0 && (
+        <div className="card" style={{ padding: "var(--pad-lg)", textAlign: "center", color: "var(--text-muted)" }}>
+          Nothing scheduled.
+        </div>
+      )}
+      {items.map(a => {
+        const color = TYPE_COLOR[a.assignment_type || "other"];
+        const dotColor = a.course_id ? courseColor.get(a.course_id) || color : color;
+        const dl = dueLabel(a.due_date);
+        return (
+          <div key={a.id} className="card" style={{ padding: "var(--pad-lg)", marginBottom: 10, display: "flex", gap: 12, alignItems: "flex-start", borderLeft: `3px solid ${dotColor}` }}>
+            <div style={{ flex: 1 }}>
+              <div style={{ display: "flex", alignItems: "center", gap: 8, marginBottom: 4 }}>
+                <strong>{a.title}</strong>
+                <span className={`chip ${dl.cls}`}>{dl.label}</span>
+              </div>
+              <div style={{ fontSize: 12, color: "var(--text-muted)" }}>
+                {a.course_code || a.course_name || "—"} · {a.assignment_type || "task"}
+              </div>
+              {a.notes && <div style={{ fontSize: 12, color: "var(--text-dim)", marginTop: 6 }}>{a.notes}</div>}
+            </div>
+          </div>
+        );
+      })}
+    </div>
+  );
+}
+
+function AssignmentTable({
+  assignments, courses, selected, onSelectedChange, onExport, onReload,
+}: {
+  assignments: Assignment[];
+  courses: EnrolledCourse[];
+  selected: Set<string>;
+  onSelectedChange: (s: Set<string>) => void;
+  onExport: () => void;
+  onReload: () => void | Promise<void>;
+}) {
+  const toast = useToast();
+  const { userId } = useUser();
+  const [editing, setEditing] = React.useState<string | null>(null);
+  const [draft, setDraft] = React.useState<Partial<Assignment>>({});
+  const [saving, setSaving] = React.useState(false);
+
+  const toggleAll = () => {
+    if (selected.size === assignments.length) onSelectedChange(new Set());
+    else onSelectedChange(new Set(assignments.map(a => a.id)));
+  };
+
+  const toggleOne = (id: string) => {
+    const next = new Set(selected);
+    if (next.has(id)) next.delete(id); else next.add(id);
+    onSelectedChange(next);
+  };
+
+  const beginEdit = (a: Assignment) => {
+    setEditing(a.id);
+    setDraft({ title: a.title, course_id: a.course_id, due_date: a.due_date, assignment_type: a.assignment_type || "", notes: a.notes || "" });
+  };
+  const cancel = () => { setEditing(null); setDraft({}); };
+  const saveEdit = async () => {
+    if (!editing || !userId) return;
+    setSaving(true);
+    try {
+      await updateAssignment(editing, userId, {
+        title: draft.title,
+        course_id: draft.course_id ?? "",
+        due_date: (draft.due_date || "").slice(0, 10),
+        assignment_type: draft.assignment_type || undefined,
+        notes: draft.notes || undefined,
+      });
+      toast.success("Assignment updated.");
+      await onReload();
+      cancel();
+    } catch (err) {
+      toast.error(`Save failed: ${String(err)}`);
+    } finally {
+      setSaving(false);
+    }
+  };
+
+  return (
+    <div style={{ padding: "20px 32px" }}>
+      <div style={{ display: "flex", gap: 8, marginBottom: 12, alignItems: "center" }}>
+        <div className="label-micro">{selected.size} of {assignments.length} selected</div>
+        <div style={{ flex: 1 }} />
+        <button className="btn btn--sm" onClick={onExport}>
+          <Icon name="doc" size={12} /> Export CSV
+        </button>
+      </div>
+      <div className="card" style={{ padding: 0, overflow: "hidden" }}>
+        <table style={{ width: "100%", borderCollapse: "collapse", fontSize: 12 }}>
+          <thead>
+            <tr style={{ background: "var(--bg-subtle)", textAlign: "left" }}>
+              <th style={{ padding: 10, width: 32 }}>
+                <input type="checkbox" checked={selected.size === assignments.length && assignments.length > 0} onChange={toggleAll} />
+              </th>
+              <th style={{ padding: 10 }}>Title</th>
+              <th style={{ padding: 10 }}>Course</th>
+              <th style={{ padding: 10 }}>Type</th>
+              <th style={{ padding: 10 }}>Due</th>
+              <th style={{ padding: 10, width: 90 }}></th>
+            </tr>
+          </thead>
+          <tbody>
+            {assignments.map((a, i) => {
+              const editingThis = editing === a.id;
+              return (
+                <tr key={a.id} style={{ borderTop: i === 0 ? "none" : "1px solid var(--border)" }}>
+                  <td style={{ padding: 10 }}>
+                    <input type="checkbox" checked={selected.has(a.id)} onChange={() => toggleOne(a.id)} />
+                  </td>
+                  <td style={{ padding: 10 }}>
+                    {editingThis ? (
+                      <input
+                        value={draft.title || ""}
+                        onChange={e => setDraft(d => ({ ...d, title: e.target.value }))}
+                        style={{ padding: "4px 6px", border: "1px solid var(--border)", borderRadius: "var(--r-xs)", fontSize: 12, width: "100%" }}
+                      />
+                    ) : (
+                      <strong>{a.title}</strong>
+                    )}
+                  </td>
+                  <td style={{ padding: 10 }}>
+                    {editingThis ? (
+                      <CustomSelect
+                        size="sm"
+                        value={draft.course_id || ""}
+                        onChange={v => setDraft(d => ({ ...d, course_id: v }))}
+                        options={courses.map(c => ({ value: c.course_id, label: c.course_code || c.course_name }))}
+                        placeholder="—"
+                      />
+                    ) : (
+                      a.course_code || a.course_name || "—"
+                    )}
+                  </td>
+                  <td style={{ padding: 10 }}>
+                    {editingThis ? (
+                      <CustomSelect
+                        size="sm"
+                        value={draft.assignment_type || ""}
+                        onChange={v => setDraft(d => ({ ...d, assignment_type: v }))}
+                        options={TYPE_OPTIONS}
+                        placeholder="—"
+                      />
+                    ) : (
+                      <span style={{ textTransform: "capitalize" }}>{a.assignment_type || "—"}</span>
+                    )}
+                  </td>
+                  <td style={{ padding: 10 }}>
+                    {editingThis ? (
+                      <input
+                        type="date"
+                        value={(draft.due_date || "").slice(0, 10)}
+                        onChange={e => setDraft(d => ({ ...d, due_date: e.target.value }))}
+                        style={{ padding: "4px 6px", border: "1px solid var(--border)", borderRadius: "var(--r-xs)", fontSize: 12 }}
+                      />
+                    ) : (
+                      a.due_date
+                    )}
+                  </td>
+                  <td style={{ padding: 10, display: "flex", gap: 4 }}>
+                    {editingThis ? (
+                      <>
+                        <button className="btn btn--sm btn--primary" onClick={saveEdit} disabled={saving}>
+                          {saving ? "Saving…" : "Save"}
+                        </button>
+                        <button className="btn btn--sm btn--ghost" onClick={cancel} disabled={saving}>Cancel</button>
+                      </>
+                    ) : (
+                      <button className="btn btn--sm btn--ghost" onClick={() => beginEdit(a)}>
+                        <Icon name="pencil" size={11} />
+                      </button>
+                    )}
+                  </td>
+                </tr>
+              );
+            })}
+            {assignments.length === 0 && (
+              <tr>
+                <td colSpan={6} style={{ padding: 32, textAlign: "center", color: "var(--text-muted)" }}>
+                  No assignments yet.
+                </td>
+              </tr>
+            )}
+          </tbody>
+        </table>
+      </div>
+    </div>
+  );
+}
diff --git a/frontend/src/components/screens/Dashboard.tsx b/frontend/src/components/screens/Dashboard.tsx
new file mode 100644
index 00000000..9a007766
--- /dev/null
+++ b/frontend/src/components/screens/Dashboard.tsx
@@ -0,0 +1,648 @@
+"use client";
+import React from "react";
+import { useRouter, useSearchParams } from "next/navigation";
+import { TopBar } from "../TopBar";
+import { Icon } from "../Icon";
+import { MiniStat } from "../MiniStat";
+import { KnowledgeGraph } from "../KnowledgeGraph";
+import { ManageCoursesModal } from "../ManageCoursesModal";
+import { useUser } from "@/context/UserContext";
+import { useIsMobile } from "@/lib/useIsMobile";
+import {
+  getGraph,
+  getCourses,
+  getUpcomingAssignments,
+  getSessions,
+  getRecommendations,
+  type EnrolledCourse,
+  type Session,
+  type Assignment,
+} from "@/lib/api";
+import type { GraphNode as ApiNode, GraphEdge as ApiEdge } from "@/lib/types";
+import type { GraphNode, GraphEdge } from "@/lib/data";
+
+const QUOTES = [
+  "Learning is the only thing the mind never exhausts, never fears, and never regrets. — da Vinci",
+  "The roots of education are bitter, but the fruit is sweet. — Aristotle",
+  "Live as if you were to die tomorrow. Learn as if you were to live forever. — Gandhi",
+  "An investment in knowledge pays the best interest. — Franklin",
+  "The beautiful thing about learning is that no one can take it away from you. — B.B. King",
+  "Tell me and I forget. Teach me and I remember. Involve me and I learn. — Franklin",
+];
+
+function apiToGraphNode(n: ApiNode, courses: EnrolledCourse[]): GraphNode {
+  const course = courses.find((c) => c.course_name === n.subject);
+  return {
+    id: n.id,
+    name: n.concept_name,
+    subject: n.subject,
+    color: n.course_color || course?.color || "var(--c-sage)",
+    is_subject_root: n.is_subject_root,
+    mastery_tier: n.mastery_tier === "subject_root" ? "mastered" : n.mastery_tier,
+    mastery_score: n.mastery_score,
+    course_id: n.course_id || course?.course_id || "",
+    last_studied_at: n.last_studied_at || undefined,
+  };
+}
+
+function apiToGraphEdge(e: ApiEdge): GraphEdge {
+  return { source: e.source as string, target: e.target as string, strength: e.strength };
+}
+
+function getGreetingPrefix(d: Date) {
+  const h = d.getHours();
+  if (h < 12) return "Good morning";
+  if (h < 17) return "Good afternoon";
+  return "Good evening";
+}
+
+function Typewriter({ text, speed = 55 }: { text: string; speed?: number }) {
+  const [shown, setShown] = React.useState("");
+  const [cursor, setCursor] = React.useState(true);
+  React.useEffect(() => {
+    setShown("");
+    let i = 0;
+    const iv = setInterval(() => {
+      i += 1;
+      setShown(text.slice(0, i));
+      if (i >= text.length) clearInterval(iv);
+    }, speed);
+    return () => clearInterval(iv);
+  }, [text, speed]);
+  React.useEffect(() => {
+    const iv = setInterval(() => setCursor((c) => !c), 530);
+    return () => clearInterval(iv);
+  }, []);
+  return (
+    <span>
+      {shown}
+      <span style={{ opacity: cursor ? 1 : 0, marginLeft: 2, color: "var(--accent)" }}>▍</span>
+    </span>
+  );
+}
+
+function getWeekDays(today: Date) {
+  // Monday-first ISO week.
+  const start = new Date(today);
+  start.setHours(0, 0, 0, 0);
+  const dow = (start.getDay() + 6) % 7; // 0=Mon
+  start.setDate(start.getDate() - dow);
+  return Array.from({ length: 7 }, (_, i) => {
+    const d = new Date(start);
+    d.setDate(start.getDate() + i);
+    return d;
+  });
+}
+
+export function Dashboard() {
+  const router = useRouter();
+  const search = useSearchParams();
+  const { userId, userName, userReady } = useUser();
+  const isMobile = useIsMobile();
+
+  const [nodes, setNodes] = React.useState<GraphNode[]>([]);
+  const [edges, setEdges] = React.useState<GraphEdge[]>([]);
+  const [stats, setStats] = React.useState<{ streak: number; mastered: number; total: number; learning: number; struggling: number; unexplored: number }>({
+    streak: 0, mastered: 0, total: 0, learning: 0, struggling: 0, unexplored: 0,
+  });
+  const [courses, setCourses] = React.useState<EnrolledCourse[]>([]);
+  const [sessions, setSessions] = React.useState<Session[]>([]);
+  const [assignments, setAssignments] = React.useState<Assignment[]>([]);
+  const [recommendations, setRecommendations] = React.useState<{ concept_name: string; reason?: string }[]>([]);
+  const [loading, setLoading] = React.useState(true);
+  const [loadError, setLoadError] = React.useState<string | null>(null);
+  const [activeDays, setActiveDays] = React.useState<Set<string>>(new Set());
+
+  const [coursesOpen, setCoursesOpen] = React.useState(false);
+  const [fullscreen, setFullscreen] = React.useState(false);
+  const [mobileTab, setMobileTab] = React.useState<"courses" | "stats">("courses");
+
+  const [size, setSize] = React.useState({ w: 720, h: 440 });
+  const gRef = React.useRef<HTMLDivElement>(null);
+
+  const suggest = search.get("suggest");
+  const [suggestDismissed, setSuggestDismissed] = React.useState(false);
+  React.useEffect(() => { setSuggestDismissed(false); }, [suggest]);
+
+  const quote = React.useMemo(() => QUOTES[Math.floor(Math.random() * QUOTES.length)], []);
+  const today = React.useMemo(() => {
+    const d = new Date(); d.setHours(0, 0, 0, 0); return d;
+  }, []);
+  const weekDays = React.useMemo(() => getWeekDays(today), [today]);
+
+  React.useEffect(() => {
+    const ro = new ResizeObserver((entries) => {
+      for (const e of entries) setSize({ w: e.contentRect.width, h: e.contentRect.height });
+    });
+    if (gRef.current) ro.observe(gRef.current);
+    return () => ro.disconnect();
+  }, [fullscreen]);
+
+  const load = React.useCallback(async () => {
+    if (!userId) return;
+    setLoading(true);
+    setLoadError(null);
+    try {
+      const [graphRes, coursesRes, assignsRes, sessionsRes, recsRes] = await Promise.all([
+        getGraph(userId),
+        getCourses(userId),
+        getUpcomingAssignments(userId),
+        getSessions(userId, 10),
+        getRecommendations(userId).catch(() => ({ recommendations: [] })),
+      ]);
+      const cs = coursesRes.courses || [];
+      setCourses(cs);
+      const gNodes: GraphNode[] = (graphRes.nodes || []).map((n: ApiNode) => apiToGraphNode(n, cs));
+      setNodes(gNodes);
+      setEdges((graphRes.edges || []).map(apiToGraphEdge));
+      setStats({
+        streak: graphRes.stats?.streak ?? 0,
+        mastered: graphRes.stats?.mastered ?? 0,
+        total: graphRes.stats?.total_nodes ?? 0,
+        learning: graphRes.stats?.learning ?? 0,
+        struggling: graphRes.stats?.struggling ?? 0,
+        unexplored: graphRes.stats?.unexplored ?? 0,
+      });
+      setAssignments(assignsRes.assignments || []);
+      setSessions(sessionsRes.sessions || []);
+      setRecommendations(recsRes.recommendations || []);
+
+      const days = new Set<string>();
+      for (const n of gNodes) {
+        if (!n.last_studied_at) continue;
+        const d = new Date(n.last_studied_at);
+        if (!isNaN(d.getTime())) days.add(d.toISOString().slice(0, 10));
+      }
+      setActiveDays(days);
+    } catch (err) {
+      console.error("dashboard load failed", err);
+      setLoadError(String(err));
+    } finally {
+      setLoading(false);
+    }
+  }, [userId]);
+
+  React.useEffect(() => {
+    if (userReady && userId) load();
+  }, [userReady, userId, load]);
+
+  React.useEffect(() => {
+    if (!fullscreen) return;
+    const h = (e: KeyboardEvent) => { if (e.key === "Escape") setFullscreen(false); };
+    document.addEventListener("keydown", h);
+    document.body.style.overflow = "hidden";
+    return () => {
+      document.removeEventListener("keydown", h);
+      document.body.style.overflow = "";
+    };
+  }, [fullscreen]);
+
+  const firstName = userName ? userName.split(" ")[0] : "";
+  const greetingText = firstName ? `${getGreetingPrefix(new Date())}, ${firstName}` : "Welcome back";
+  const subtitle = assignments.length
+    ? `Your knowledge is growing. ${assignments.length} item${assignments.length === 1 ? "" : "s"} due soon.`
+    : "Your knowledge is growing.";
+
+  const courseProgress = React.useMemo(() => {
+    return courses.map(c => {
+      const courseNodes = nodes.filter(n => n.course_id === c.course_id && !n.is_subject_root);
+      const mastered = courseNodes.filter(n => n.mastery_tier === "mastered").length;
+      const total = courseNodes.length;
+      return {
+        course: c,
+        mastered,
+        total,
+        progress: total ? mastered / total : 0,
+      };
+    });
+  }, [courses, nodes]);
+
+  const recentByNode = React.useMemo(() => {
+    const items = nodes
+      .filter(n => !n.is_subject_root && n.last_studied_at)
+      .sort((a, b) => new Date(b.last_studied_at!).getTime() - new Date(a.last_studied_at!).getTime())
+      .slice(0, 5);
+    return items;
+  }, [nodes]);
+
+  const suggestNode = React.useMemo(() => {
+    if (!suggest) return null;
+    return nodes.find(n => n.name.toLowerCase() === suggest.toLowerCase()) || null;
+  }, [suggest, nodes]);
+
+  const dismissSuggest = () => {
+    setSuggestDismissed(true);
+    const next = new URLSearchParams(search.toString());
+    next.delete("suggest");
+    const qs = next.toString();
+    router.replace(qs ? `/dashboard?${qs}` : "/dashboard");
+  };
+
+  if (loading && !courses.length) {
+    return (
+      <div>
+        <TopBar breadcrumb="Home / Dashboard" title="Loading…" />
+        <div style={{ padding: 32, color: "var(--text-muted)", fontSize: 13 }}>Gathering your knowledge…</div>
+      </div>
+    );
+  }
+
+  if (loadError && !courses.length) {
+    return (
+      <div>
+        <TopBar breadcrumb="Home / Dashboard" title="Couldn't load dashboard" />
+        <div style={{ padding: 32, fontSize: 13 }}>
+          <div style={{ color: "var(--err)", marginBottom: 10 }}>{loadError}</div>
+          <button className="btn btn--primary" onClick={load}>Retry</button>
+        </div>
+      </div>
+    );
+  }
+
+  const graphBlock = (
+    <div className="card" style={{ padding: 0, overflow: "hidden", position: "relative", minHeight: 520 }}>
+      <div style={{ display: "flex", alignItems: "center", justifyContent: "space-between", padding: "16px 22px", borderBottom: "1px solid var(--border)" }}>
+        <div>
+          <div className="label-micro">Your knowledge graph</div>
+          <div className="h-serif" style={{ fontSize: 20, marginTop: 2 }}>
+            {stats.total || nodes.filter((n) => !n.is_subject_root).length} concepts across {courses.length} courses
+          </div>
+        </div>
+        <div style={{ display: "flex", gap: 10, flexWrap: "wrap", alignItems: "center" }}>
+          {courses.slice(0, 5).map((c) => (
+            <div key={c.course_id} style={{ display: "flex", alignItems: "center", gap: 6, fontSize: 11, color: "var(--text-dim)" }}>
+              <span style={{ width: 10, height: 10, borderRadius: "50%", background: c.color || "var(--accent)" }} />
+              {c.course_code || c.course_name}
+            </div>
+          ))}
+          <button
+            className="btn btn--ghost btn--sm"
+            onClick={() => setFullscreen(true)}
+            aria-label="Fullscreen graph"
+          >
+            <Icon name="max" size={12} />
+          </button>
+        </div>
+      </div>
+      <div ref={gRef} style={{ position: "relative", height: 460 }}>
+        <KnowledgeGraph
+          nodes={nodes}
+          edges={edges}
+          width={size.w}
+          height={size.h}
+          highlightId={suggestNode?.id}
+          onNodeClick={(n) => {
+            const p = new URLSearchParams();
+            p.set("topic", n.name);
+            p.set("mode", "socratic");
+            if (n.course_id) p.set("course_id", n.course_id);
+            router.push(`/learn?${p.toString()}`);
+          }}
+        />
+        <div style={{ position: "absolute", left: 16, bottom: 14, display: "flex", gap: 12, fontSize: 11, color: "var(--text-muted)" }}>
+          {([
+            ["mastered", "#4a7d5c"],
+            ["learning", "#c89b5e"],
+            ["struggling", "#b25855"],
+            ["unexplored", "#9a9a9a"],
+          ] as const).map(([t, color]) => (
+            <div key={t} style={{ display: "flex", alignItems: "center", gap: 5 }}>
+              <span style={{ width: 10, height: 10, borderRadius: "50%", background: color }} />
+              {t}
+            </div>
+          ))}
+        </div>
+      </div>
+    </div>
+  );
+
+  const leftPanel = (
+    <div style={{ display: "flex", flexDirection: "column", gap: 16 }}>
+      {graphBlock}
+
+      <div className="card" style={{ padding: "var(--pad-lg)" }}>
+        <div style={{ display: "flex", justifyContent: "space-between", alignItems: "baseline", marginBottom: 12 }}>
+          <div>
+            <div className="label-micro">Inspired learning</div>
+            <div style={{ fontStyle: "italic", color: "var(--text-dim)", fontSize: 13, marginTop: 4, maxWidth: 520 }}>
+              "{quote}"
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <div className="card" style={{ padding: "var(--pad-lg)" }}>
+        <div style={{ display: "flex", justifyContent: "space-between", alignItems: "center", marginBottom: 12 }}>
+          <div className="label-micro">My courses</div>
+          <button className="btn btn--ghost btn--sm" onClick={() => setCoursesOpen(true)}>
+            <Icon name="cog" size={12} /> Manage
+          </button>
+        </div>
+        {courseProgress.length === 0 && (
+          <div style={{ fontSize: 12, color: "var(--text-muted)" }}>No enrolled courses yet.</div>
+        )}
+        {courseProgress.map(({ course, mastered, total, progress }) => (
+          <div key={course.course_id} style={{ marginBottom: 12 }}>
+            <div style={{ display: "flex", justifyContent: "space-between", alignItems: "center", fontSize: 12, marginBottom: 4 }}>
+              <span style={{ display: "inline-flex", alignItems: "center", gap: 8 }}>
+                <span style={{ width: 10, height: 10, borderRadius: "50%", background: course.color || "var(--accent)" }} />
+                <strong>{course.course_code || course.course_name}</strong>
+                {course.course_code && <span style={{ color: "var(--text-muted)" }}>· {course.course_name}</span>}
+              </span>
+              <span className="mono" style={{ color: "var(--text-dim)", fontSize: 11 }}>
+                {mastered}/{total}
+              </span>
+            </div>
+            <div style={{ height: 6, background: "var(--bg-soft)", borderRadius: "var(--r-full)", overflow: "hidden" }}>
+              <div style={{
+                width: `${Math.round(progress * 100)}%`, height: "100%",
+                background: course.color || "var(--accent)",
+                transition: "width var(--dur) var(--ease)",
+              }} />
+            </div>
+          </div>
+        ))}
+      </div>
+    </div>
+  );
+
+  const rightPanel = (
+    <div style={{ display: "flex", flexDirection: "column", gap: 16, minWidth: 0 }}>
+      <div className="card" style={{ padding: "var(--pad-lg)" }}>
+        <div className="label-micro" style={{ marginBottom: 10 }}>Streak · this week</div>
+        <div style={{ display: "flex", alignItems: "baseline", gap: 8, marginBottom: 14 }}>
+          <span className="h-serif" style={{ fontSize: 36, color: "var(--warn)", fontWeight: 500 }}>{stats.streak}</span>
+          <span style={{ color: "var(--text-muted)", fontSize: 12 }}>days</span>
+        </div>
+        <div style={{ display: "grid", gridTemplateColumns: "repeat(7, 1fr)", gap: 6 }}>
+          {weekDays.map(d => {
+            const key = d.toISOString().slice(0, 10);
+            const active = activeDays.has(key);
+            const isToday = d.getTime() === today.getTime();
+            return (
+              <div key={key} style={{ textAlign: "center" }}>
+                <div className="label-micro" style={{ fontSize: 9 }}>
+                  {d.toLocaleDateString("en-US", { weekday: "short" }).slice(0, 2)}
+                </div>
+                <div
+                  style={{
+                    marginTop: 4, height: 28, borderRadius: "var(--r-sm)",
+                    background: isToday ? "var(--warn)" : active ? "var(--accent-soft)" : "var(--bg-soft)",
+                    color: isToday ? "#fff" : active ? "var(--accent)" : "var(--text-muted)",
+                    display: "grid", placeItems: "center", fontSize: 13,
+                    border: isToday ? "1px solid var(--warn)" : "1px solid var(--border)",
+                  }}
+                >
+                  {active ? "🔥" : d.getDate()}
+                </div>
+              </div>
+            );
+          })}
+        </div>
+      </div>
+
+      <div className="card" style={{ padding: 0, display: "grid", gridTemplateColumns: "1fr 1fr" }}>
+        <MiniStat
+          label="Mastered"
+          value={stats.mastered}
+          sub={stats.total ? `of ${stats.total} concepts` : undefined}
+        />
+        <MiniStat
+          label="Learning"
+          value={stats.learning + stats.struggling}
+          sub={`${stats.unexplored} unexplored`}
+        />
+      </div>
+
+      <div className="card" style={{ padding: "var(--pad-lg)" }}>
+        <div style={{ display: "flex", justifyContent: "space-between", alignItems: "center", marginBottom: 12 }}>
+          <div className="label-micro">Learn next</div>
+          <button className="btn btn--ghost btn--sm" onClick={() => router.push("/tree")}>Tree →</button>
+        </div>
+        {recommendations.length === 0 && (
+          <div style={{ fontSize: 12, color: "var(--text-muted)" }}>Nothing suggested yet — start a session.</div>
+        )}
+        {recommendations.slice(0, 3).map((r, i) => (
+          <button
+            key={`${r.concept_name}-${i}`}
+            onClick={() => router.push(`/learn?topic=${encodeURIComponent(r.concept_name)}&mode=socratic`)}
+            style={{
+              display: "flex", alignItems: "flex-start", gap: 10, width: "100%",
+              padding: "10px 12px", borderRadius: "var(--r-md)",
+              background: "var(--bg-subtle)", marginBottom: 6, textAlign: "left",
+            }}
+          >
+            <Icon name="sparkle" size={14} />
+            <div style={{ flex: 1, minWidth: 0 }}>
+              <div style={{ fontSize: 13, fontWeight: 600 }}>{r.concept_name}</div>
+              {r.reason && <div style={{ fontSize: 11, color: "var(--text-muted)" }}>{r.reason}</div>}
+            </div>
+            <Icon name="chev" size={12} />
+          </button>
+        ))}
+        <div style={{ display: "flex", gap: 6, marginTop: 10 }}>
+          <button className="btn btn--sm btn--primary" style={{ flex: 1 }} onClick={() => router.push("/learn?mode=quiz")}>
+            <Icon name="bolt" size={12} /> Quick quiz
+          </button>
+          <button className="btn btn--sm" style={{ flex: 1 }} onClick={() => router.push("/social")}>
+            <Icon name="users" size={12} /> Study room
+          </button>
+        </div>
+      </div>
+
+      <div className="card" style={{ padding: "var(--pad-lg)" }}>
+        <div style={{ display: "flex", justifyContent: "space-between", alignItems: "center", marginBottom: 12 }}>
+          <div className="label-micro">Upcoming</div>
+          <button className="btn btn--ghost btn--sm" onClick={() => router.push("/calendar")}>Calendar →</button>
+        </div>
+        {assignments.length === 0 && (
+          <div style={{ fontSize: 12, color: "var(--text-muted)" }}>No upcoming assignments.</div>
+        )}
+        {assignments.slice(0, 4).map((a) => {
+          const diffMs = new Date(a.due_date).getTime() - Date.now();
+          const hours = diffMs / (1000 * 60 * 60);
+          const days = Math.ceil(diffMs / 86400000);
+          let chipClass = "chip--info";
+          let label = `${days}d`;
+          if (hours <= 0) { chipClass = "chip--err"; label = "overdue"; }
+          else if (hours <= 24) { chipClass = "chip--err"; label = hours < 1 ? "now" : `${Math.max(1, Math.round(hours))}h`; }
+          else if (days <= 2) chipClass = "chip--warn";
+          return (
+            <div key={a.id} style={{ display: "flex", alignItems: "center", gap: 12, padding: "8px 0", borderBottom: "1px solid var(--border)" }}>
+              <div style={{ flex: 1, minWidth: 0 }}>
+                <div style={{ fontSize: 13, fontWeight: 500 }}>{a.title}</div>
+                <div style={{ fontSize: 11, color: "var(--text-muted)" }}>
+                  {a.course_name || "—"} · {a.assignment_type || "task"}
+                </div>
+              </div>
+              <span className={`chip ${chipClass}`}>{label}</span>
+            </div>
+          );
+        })}
+      </div>
+
+      <div className="card" style={{ padding: "var(--pad-lg)" }}>
+        <div className="label-micro" style={{ marginBottom: 12 }}>Recent activity</div>
+        {recentByNode.length === 0 && sessions.length === 0 && (
+          <div style={{ fontSize: 12, color: "var(--text-muted)" }}>No recent activity.</div>
+        )}
+        {recentByNode.map(n => (
+          <button
+            key={n.id}
+            onClick={() => router.push(`/learn?topic=${encodeURIComponent(n.name)}&mode=socratic${n.course_id ? `&course_id=${encodeURIComponent(n.course_id)}` : ""}`)}
+            style={{
+              display: "flex", alignItems: "center", gap: 10, width: "100%",
+              padding: "8px 0", borderBottom: "1px solid var(--border)", textAlign: "left",
+            }}
+          >
+            <span style={{ width: 8, height: 8, borderRadius: "50%", background: n.color, flexShrink: 0 }} />
+            <div style={{ flex: 1, minWidth: 0 }}>
+              <div style={{ fontSize: 13, fontWeight: 500, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }}>
+                {n.name}
+              </div>
+              <div style={{ fontSize: 11, color: "var(--text-muted)" }}>
+                {n.subject} · {new Date(n.last_studied_at!).toLocaleDateString()}
+              </div>
+            </div>
+            <Icon name="chev" size={12} />
+          </button>
+        ))}
+      </div>
+    </div>
+  );
+
+  return (
+    <div>
+      <TopBar
+        breadcrumb="Home / Dashboard"
+        title={<Typewriter text={greetingText} />}
+        subtitle={subtitle}
+        actions={
+          <>
+            <button className="btn btn--sm" onClick={() => router.push("/library")}>
+              <Icon name="search" size={13} /> Library
+            </button>
+            <button className="btn btn--sm btn--primary" onClick={() => router.push("/learn")}>
+              <Icon name="sparkle" size={13} /> Start learning
+            </button>
+          </>
+        }
+      />
+
+      {suggestNode && !suggestDismissed && (
+        <div style={{ padding: "14px 32px 0" }}>
+          <div className="card fade-in" style={{ padding: "14px 18px", display: "flex", gap: 14, alignItems: "center", borderColor: "var(--accent-border)", background: "var(--accent-soft)" }}>
+            <Icon name="sparkle" size={16} />
+            <div style={{ flex: 1, fontSize: 13 }}>
+              <strong>Try this next:</strong> {suggestNode.name}
+              {suggestNode.subject && <span style={{ color: "var(--text-dim)" }}> · {suggestNode.subject}</span>}
+            </div>
+            <button className="btn btn--sm btn--primary" onClick={() => router.push(`/learn?topic=${encodeURIComponent(suggestNode.name)}&mode=quiz`)}>
+              Start quiz
+            </button>
+            <button className="btn btn--sm btn--ghost" onClick={dismissSuggest}>Dismiss</button>
+          </div>
+        </div>
+      )}
+
+      {isMobile && (
+        <div style={{ display: "flex", gap: 6, padding: "14px 20px 0" }}>
+          {(["courses", "stats"] as const).map(t => (
+            <button
+              key={t}
+              onClick={() => setMobileTab(t)}
+              style={{
+                flex: 1, padding: "8px 12px", borderRadius: "var(--r-sm)",
+                background: mobileTab === t ? "var(--accent-soft)" : "var(--bg-panel)",
+                color: mobileTab === t ? "var(--accent)" : "var(--text-dim)",
+                border: "1px solid var(--border)", fontSize: 12, fontWeight: 600,
+                textTransform: "capitalize",
+              }}
+            >
+              {t === "courses" ? "My Courses" : "Stats & More"}
+            </button>
+          ))}
+        </div>
+      )}
+
+      <div
+        style={{
+          padding: isMobile ? "14px 20px" : "20px 32px",
+          display: "grid", gap: 20,
+          gridTemplateColumns: isMobile ? "1fr" : "minmax(0, 2.3fr) minmax(300px, 1fr)",
+        }}
+      >
+        {isMobile ? (mobileTab === "courses" ? leftPanel : rightPanel) : (
+          <>
+            {leftPanel}
+            {rightPanel}
+          </>
+        )}
+      </div>
+
+      {fullscreen && (
+        <div
+          style={{
+            position: "fixed", inset: 0, zIndex: 150, background: "var(--bg)",
+            display: "flex", flexDirection: "column",
+          }}
+        >
+          <div style={{ display: "flex", justifyContent: "space-between", alignItems: "center", padding: "14px 20px", borderBottom: "1px solid var(--border)" }}>
+            <div>
+              <div className="label-micro">Knowledge graph — fullscreen</div>
+              <div className="h-serif" style={{ fontSize: 18 }}>Press Esc to exit</div>
+            </div>
+            <button className="btn btn--ghost btn--sm" onClick={() => setFullscreen(false)}>
+              <Icon name="x" size={14} />
+            </button>
+          </div>
+          <FullscreenGraph
+            nodes={nodes}
+            edges={edges}
+            highlightId={suggestNode?.id}
+            onNodeClick={(n) => {
+              setFullscreen(false);
+              router.push(`/learn?topic=${encodeURIComponent(n.name)}&mode=socratic${n.course_id ? `&course_id=${encodeURIComponent(n.course_id)}` : ""}`);
+            }}
+          />
+        </div>
+      )}
+
+      <ManageCoursesModal
+        open={coursesOpen}
+        userId={userId}
+        courses={courses}
+        onClose={() => setCoursesOpen(false)}
+        onChanged={load}
+      />
+    </div>
+  );
+}
+
+function FullscreenGraph({
+  nodes, edges, highlightId, onNodeClick,
+}: {
+  nodes: GraphNode[]; edges: GraphEdge[];
+  highlightId?: string;
+  onNodeClick: (n: GraphNode) => void;
+}) {
+  const [size, setSize] = React.useState({ w: 1200, h: 700 });
+  const ref = React.useRef<HTMLDivElement>(null);
+  React.useEffect(() => {
+    const ro = new ResizeObserver(e => setSize({ w: e[0].contentRect.width, h: e[0].contentRect.height }));
+    if (ref.current) ro.observe(ref.current);
+    return () => ro.disconnect();
+  }, []);
+  return (
+    <div ref={ref} style={{ flex: 1, position: "relative" }}>
+      <KnowledgeGraph
+        nodes={nodes}
+        edges={edges}
+        width={size.w}
+        height={size.h}
+        highlightId={highlightId}
+        onNodeClick={onNodeClick}
+      />
+    </div>
+  );
+}
diff --git a/frontend/src/components/screens/Learn.tsx b/frontend/src/components/screens/Learn.tsx
new file mode 100644
index 00000000..75525a61
--- /dev/null
+++ b/frontend/src/components/screens/Learn.tsx
@@ -0,0 +1,592 @@
+"use client";
+
+import React, { Suspense, useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { useRouter, useSearchParams } from "next/navigation";
+import { TopBar } from "../TopBar";
+import { Icon } from "../Icon";
+import { CustomSelect } from "../CustomSelect";
+import { ChatPanel, type ChatMsg } from "../ChatPanel";
+import { SessionSummary } from "../SessionSummary";
+import { SharedContextToggle, useSharedContext } from "../SharedContextToggle";
+import { DisclaimerModal } from "../DisclaimerModal";
+import { QuizPanel } from "../QuizPanel";
+import { useToast } from "../ToastProvider";
+import { useConfirm } from "@/lib/useConfirm";
+import { useIsMobile } from "@/lib/useIsMobile";
+import { useUser } from "@/context/UserContext";
+import {
+  startSession,
+  sendChat,
+  getSessions,
+  resumeSession,
+  deleteSession,
+  endSession,
+  switchMode,
+  learnAction,
+  getCourses,
+  getGraph,
+  type Session,
+  type SessionSummaryData,
+  type EnrolledCourse,
+} from "@/lib/api";
+
+type Mode = "socratic" | "expository" | "teachback" | "quiz";
+
+const MODES: { id: Mode; name: string; tip: string }[] = [
+  { id: "socratic", name: "Socratic", tip: "Asks guiding questions" },
+  { id: "expository", name: "Expository", tip: "Explains directly" },
+  { id: "teachback", name: "Teach-back", tip: "You teach, AI listens" },
+  { id: "quiz", name: "Quiz", tip: "Rapid recall checks" },
+];
+
+const VALID_MODES: Mode[] = ["socratic", "expository", "teachback", "quiz"];
+const CHAT_MODES: Mode[] = ["socratic", "expository", "teachback"];
+const SESSION_END_COUNT_KEY = "sapling_session_end_count";
+const LAST_SESSION_CTX_KEY = "sapling_last_session_context";
+
+function normalizeMode(input: string | null): Mode {
+  if (!input) return "socratic";
+  return (VALID_MODES as string[]).includes(input) ? (input as Mode) : "socratic";
+}
+
+export function Learn() {
+  return (
+    <Suspense fallback={<div style={{ padding: 40, color: "var(--text-dim)" }}>Loading…</div>}>
+      <LearnInner />
+    </Suspense>
+  );
+}
+
+function LearnInner() {
+  const router = useRouter();
+  const searchParams = useSearchParams();
+  const { userId, userReady } = useUser();
+  const toast = useToast();
+  const isMobile = useIsMobile();
+
+  const [sharedCtx, setSharedCtx] = useSharedContext();
+
+  const initialTopic = searchParams.get("topic") ?? "";
+  const initialMode = normalizeMode(searchParams.get("mode"));
+
+  const [mode, setMode] = useState<Mode>(initialMode);
+  const [topic, setTopic] = useState<string>(initialTopic);
+  const [topicDraft, setTopicDraft] = useState<string>(initialTopic);
+  const [selectedCourseId, setSelectedCourseId] = useState<string | "">("");
+
+  const [sessionId, setSessionId] = useState<string | null>(null);
+  const [messages, setMessages] = useState<ChatMsg[]>([]);
+  const [input, setInput] = useState("");
+  const [sending, setSending] = useState(false);
+
+  const [recentSessions, setRecentSessions] = useState<Session[]>([]);
+  const [courses, setCourses] = useState<EnrolledCourse[]>([]);
+  const [concepts, setConcepts] = useState<{ id: string; name: string; course_id: string | null; course_code: string | null }[]>([]);
+
+  const [summary, setSummary] = useState<SessionSummaryData | null>(null);
+  const [mobileTab, setMobileTab] = useState<"chat" | "graph">("chat");
+  const idCounter = useRef(0);
+  const msgId = () => `m-${++idCounter.current}`;
+
+  // Initial data load
+  useEffect(() => {
+    if (!userReady || !userId) return;
+    let cancelled = false;
+    (async () => {
+      try {
+        const [sRes, cRes, gRes] = await Promise.all([
+          getSessions(userId, 10).catch(() => ({ sessions: [] })),
+          getCourses(userId).catch(() => ({ courses: [] })),
+          getGraph(userId).catch(() => ({ nodes: [] as any[], edges: [] as any[], stats: {} })),
+        ]);
+        if (cancelled) return;
+        setRecentSessions((sRes.sessions ?? []).filter(s => s.message_count > 0));
+        setCourses(cRes.courses ?? []);
+        const nodes = (gRes.nodes ?? []) as Array<{ id: string; concept_name?: string; name?: string; course_id?: string | null; is_subject_root?: boolean }>;
+        const courseById = new Map((cRes.courses ?? []).map(c => [c.course_id, c]));
+        setConcepts(
+          nodes
+            .filter(n => !n.is_subject_root)
+            .map(n => ({
+              id: n.id,
+              name: n.concept_name || n.name || "Concept",
+              course_id: n.course_id ?? null,
+              course_code: n.course_id ? (courseById.get(n.course_id)?.course_code ?? null) : null,
+            })),
+        );
+      } catch (err) {
+        console.error("learn bootstrap failed", err);
+      }
+    })();
+    return () => { cancelled = true; };
+  }, [userReady, userId]);
+
+  // Sync URL params when mode changes (preserve other params)
+  useEffect(() => {
+    const current = searchParams.get("mode");
+    if (current === mode) return;
+    const params = new URLSearchParams(searchParams.toString());
+    params.set("mode", mode);
+    router.replace(`/learn?${params.toString()}`, { scroll: false });
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [mode]);
+
+  const handleStart = async () => {
+    const t = topicDraft.trim();
+    if (!t || !userId) return;
+    if (mode === "quiz") {
+      setTopic(t);
+      return; // QuizPanel handles its own flow
+    }
+    setTopic(t);
+    setMessages([{ id: msgId(), role: "assistant", content: "", loading: true }]);
+    try {
+      const res = await startSession(userId, t, mode, selectedCourseId || undefined, sharedCtx);
+      setSessionId(res.session_id);
+      setMessages([{ id: msgId(), role: "assistant", content: res.initial_message || "Let's begin." }]);
+    } catch (err) {
+      toast.error(err instanceof Error ? err.message : "Couldn't start session.");
+      setMessages([]);
+    }
+  };
+
+  const handleResume = async (s: Session) => {
+    try {
+      const res = await resumeSession(s.id);
+      setSessionId(s.id);
+      setTopic(s.topic);
+      setMode(normalizeMode(s.mode));
+      setMessages(
+        (res.messages ?? []).map(m => ({
+          id: msgId(),
+          role: m.role === "user" ? "user" : "assistant",
+          content: m.content,
+        })),
+      );
+    } catch (err) {
+      toast.error(err instanceof Error ? err.message : "Resume failed.");
+    }
+  };
+
+  const handleDeleteSession = async (s: Session) => {
+    if (!userId) return;
+    try {
+      await deleteSession(s.id, userId);
+      setRecentSessions(prev => prev.filter(p => p.id !== s.id));
+      toast.success("Session deleted.");
+    } catch (err) {
+      toast.error(err instanceof Error ? err.message : "Delete failed.");
+    }
+  };
+
+  const send = async () => {
+    if (!input.trim() || !sessionId || !userId) return;
+    const userText = input;
+    const chatMode = CHAT_MODES.includes(mode) ? mode : "socratic";
+    setInput("");
+    setMessages(m => [
+      ...m,
+      { id: msgId(), role: "user", content: userText },
+      { id: msgId(), role: "assistant", content: "", loading: true },
+    ]);
+    setSending(true);
+    try {
+      const res = await sendChat(sessionId, userId, userText, chatMode, sharedCtx);
+      setMessages(m => {
+        const next = [...m];
+        next[next.length - 1] = { id: next[next.length - 1].id, role: "assistant", content: res.reply || "" };
+        return next;
+      });
+    } catch (err) {
+      setMessages(m => {
+        const next = [...m];
+        next[next.length - 1] = { id: next[next.length - 1].id, role: "assistant", content: `Error: ${err instanceof Error ? err.message : "unknown"}` };
+        return next;
+      });
+    } finally {
+      setSending(false);
+    }
+  };
+
+  const handleAction = async (action: "hint" | "confused" | "skip") => {
+    if (!sessionId || !userId) return;
+    const chatMode = CHAT_MODES.includes(mode) ? mode : "socratic";
+    const labelMap = { hint: "(Requested a hint)", confused: "(Said I'm confused)", skip: "(Asked to skip)" };
+    setMessages(m => [
+      ...m,
+      { id: msgId(), role: "user", content: labelMap[action] },
+      { id: msgId(), role: "assistant", content: "", loading: true },
+    ]);
+    setSending(true);
+    try {
+      const res = await learnAction(sessionId, userId, action, chatMode, sharedCtx);
+      setMessages(m => {
+        const next = [...m];
+        next[next.length - 1] = { id: next[next.length - 1].id, role: "assistant", content: res.reply || "" };
+        return next;
+      });
+    } catch (err) {
+      toast.error(err instanceof Error ? err.message : "Action failed.");
+      setMessages(m => m.slice(0, -2));
+    } finally {
+      setSending(false);
+    }
+  };
+
+  const handleModeSwitch = async (newMode: Mode) => {
+    if (newMode === mode) return;
+    if (!sessionId || !userId) {
+      setMode(newMode);
+      return;
+    }
+    if (newMode === "quiz") {
+      // Quiz mode is UI-driven — don't call mode-switch.
+      setMode(newMode);
+      return;
+    }
+    const prev = mode;
+    setMode(newMode);
+    try {
+      const res = await switchMode(sessionId, userId, newMode);
+      if (res.reply) {
+        setMessages(m => [...m, { id: msgId(), role: "assistant", content: res.reply }]);
+      }
+      setInput(`Continue in ${newMode} mode on ${topic}…`);
+    } catch (err) {
+      toast.error(err instanceof Error ? err.message : "Mode switch failed.");
+      setMode(prev);
+    }
+  };
+
+  const handleEndSession = useCallback(async () => {
+    if (!sessionId || !userId) return;
+    try {
+      const res = await endSession(sessionId, userId);
+      setSummary(res.summary ?? null);
+      // Write session context for navigate-away feedback
+      try {
+        sessionStorage.setItem(LAST_SESSION_CTX_KEY, JSON.stringify({ sessionId, topic }));
+      } catch {}
+      // Bump end-count for every-3 session-feedback trigger
+      try {
+        const n = Number(localStorage.getItem(SESSION_END_COUNT_KEY) ?? "0") + 1;
+        localStorage.setItem(SESSION_END_COUNT_KEY, String(n));
+      } catch {}
+    } catch (err) {
+      toast.error(err instanceof Error ? err.message : "End session failed.");
+    }
+  }, [sessionId, userId, topic, toast]);
+
+  const endConfirm = useConfirm(() => { handleEndSession(); }, 3000);
+
+  const closeSummary = () => {
+    setSummary(null);
+    setSessionId(null);
+    setMessages([]);
+    setTopic("");
+    setTopicDraft("");
+  };
+
+  const startNextFromSummary = (concept: string) => {
+    setSummary(null);
+    setSessionId(null);
+    setMessages([]);
+    setTopicDraft(concept);
+    setTopic(concept);
+    router.replace(`/learn?topic=${encodeURIComponent(concept)}&mode=${mode}`, { scroll: false });
+  };
+
+  const modeOptions = useMemo(() => MODES.map(m => ({ value: m.id, label: m.name, description: m.tip })), []);
+
+  // ────────── Entry screen (no active session) ──────────
+  if (!sessionId && mode !== "quiz") {
+    return (
+      <div style={{ display: "flex", height: "100vh", flexDirection: "column" }}>
+        <DisclaimerModal />
+        <TopBar
+          breadcrumb="Learn"
+          title="Start a session"
+          subtitle="Pick a topic. Sapling will adapt to your chosen mode."
+        />
+        <div
+          style={{
+            padding: 32,
+            display: "grid",
+            gridTemplateColumns: isMobile ? "1fr" : "minmax(0, 1fr) 320px",
+            gap: 24,
+            flex: 1,
+            overflowY: "auto",
+          }}
+        >
+          <div className="card" style={{ padding: "var(--pad-xl)" }}>
+            <div className="label-micro" style={{ marginBottom: 8 }}>Topic</div>
+            <input
+              value={topicDraft}
+              onChange={e => setTopicDraft(e.target.value)}
+              onKeyDown={e => { if (e.key === "Enter") handleStart(); }}
+              placeholder="e.g. Eigenvalue decomposition"
+              style={{
+                width: "100%",
+                padding: "12px 14px",
+                border: "1px solid var(--border)",
+                borderRadius: "var(--r-sm)",
+                fontSize: 15,
+                background: "var(--bg-input)",
+                marginBottom: 16,
+              }}
+            />
+            <div className="label-micro" style={{ marginBottom: 8 }}>Course (optional)</div>
+            <CustomSelect<string>
+              value={selectedCourseId}
+              options={[
+                { value: "", label: "No course" },
+                ...courses.map(c => ({ value: c.course_id, label: `${c.course_code} — ${c.course_name}` })),
+              ]}
+              onChange={setSelectedCourseId}
+              style={{ width: "100%", marginBottom: 16 }}
+            />
+            <div className="label-micro" style={{ marginBottom: 8 }}>Mode</div>
+            <div style={{ display: "flex", gap: 6, marginBottom: 20, flexWrap: "wrap" }}>
+              {MODES.map(m => (
+                <button
+                  key={m.id}
+                  onClick={() => setMode(m.id)}
+                  title={m.tip}
+                  style={{
+                    padding: "8px 16px",
+                    borderRadius: "var(--r-full)",
+                    fontSize: 13,
+                    fontWeight: 500,
+                    background: mode === m.id ? "var(--accent)" : "var(--bg-subtle)",
+                    color: mode === m.id ? "var(--accent-fg)" : "var(--text-dim)",
+                    border: mode === m.id ? "1px solid var(--accent)" : "1px solid var(--border)",
+                  }}
+                >
+                  {m.name}
+                </button>
+              ))}
+            </div>
+            <div style={{ display: "flex", justifyContent: "space-between", alignItems: "center" }}>
+              <SharedContextToggle enabled={sharedCtx} onChange={setSharedCtx} />
+              <button className="btn btn--primary" onClick={handleStart} disabled={!topicDraft.trim() || !userId}>
+                <Icon name="sparkle" size={13} /> Start learning
+              </button>
+            </div>
+          </div>
+
+          <div className="card" style={{ padding: "var(--pad-lg)" }}>
+            <div className="label-micro" style={{ marginBottom: 10 }}>Recent sessions</div>
+            {recentSessions.length === 0 && (
+              <div style={{ fontSize: 12, color: "var(--text-muted)" }}>No recent sessions yet.</div>
+            )}
+            {recentSessions.map(s => (
+              <SessionRow key={s.id} s={s} onResume={handleResume} onDelete={handleDeleteSession} />
+            ))}
+          </div>
+        </div>
+      </div>
+    );
+  }
+
+  // ────────── Quiz mode entry (no chat session) ──────────
+  if (!sessionId && mode === "quiz") {
+    return (
+      <div style={{ display: "flex", height: "100vh", flexDirection: "column" }}>
+        <DisclaimerModal />
+        <TopBar
+          breadcrumb="Learn / Quiz"
+          title="Quiz"
+          subtitle="Pick a concept and test what you know."
+          actions={
+            <button className="btn btn--sm" onClick={() => setMode("socratic")}>
+              <Icon name="x" size={13} /> Back to Learn
+            </button>
+          }
+        />
+        <div style={{ padding: 32, flex: 1, overflowY: "auto" }}>
+          {userId ? (
+            <QuizPanel
+              userId={userId}
+              concepts={concepts}
+              onExit={() => { setMode("socratic"); setTopic(""); }}
+            />
+          ) : (
+            <div style={{ fontSize: 13, color: "var(--text-muted)" }}>Sign in to take a quiz.</div>
+          )}
+        </div>
+      </div>
+    );
+  }
+
+  // ────────── Active session ──────────
+  return (
+    <div style={{ display: "flex", height: "100vh", flexDirection: "column" }}>
+      <DisclaimerModal />
+      <TopBar
+        breadcrumb={`Learn / ${topic}`}
+        title={topic}
+        subtitle={`${mode} tutor · ${messages.length} msgs`}
+        actions={
+          <>
+            <SharedContextToggle enabled={sharedCtx} onChange={setSharedCtx} />
+            <button
+              className={endConfirm.armed ? "btn btn--danger btn--sm" : "btn btn--sm"}
+              onClick={endConfirm.trigger}
+              title={endConfirm.armed ? "Click again to confirm" : "End session"}
+            >
+              {endConfirm.armed ? "Confirm end" : "End session"}
+            </button>
+          </>
+        }
+      />
+
+      <div style={{ display: "flex", gap: 6, padding: "10px 32px", borderBottom: "1px solid var(--border)", flexWrap: "wrap" }}>
+        {MODES.filter(m => m.id !== "quiz").map(m => (
+          <button
+            key={m.id}
+            onClick={() => handleModeSwitch(m.id)}
+            style={{
+              padding: "6px 14px",
+              borderRadius: "var(--r-full)",
+              fontSize: 12,
+              fontWeight: 500,
+              background: mode === m.id ? "var(--accent)" : "var(--bg-subtle)",
+              color: mode === m.id ? "var(--accent-fg)" : "var(--text-dim)",
+              border: mode === m.id ? "1px solid var(--accent)" : "1px solid var(--border)",
+            }}
+          >
+            {m.name}
+          </button>
+        ))}
+        <div style={{ flex: 1 }} />
+        <button className="btn btn--sm" onClick={() => handleModeSwitch("quiz")}>
+          <Icon name="bolt" size={12} /> Quick quiz
+        </button>
+      </div>
+
+      {isMobile && (
+        <div style={{ display: "flex", borderBottom: "1px solid var(--border)" }}>
+          {(["chat", "graph"] as const).map(t => (
+            <button
+              key={t}
+              onClick={() => setMobileTab(t)}
+              style={{
+                flex: 1,
+                padding: "10px 0",
+                fontSize: 12,
+                fontWeight: 500,
+                textTransform: "capitalize",
+                color: mobileTab === t ? "var(--accent)" : "var(--text-dim)",
+                borderBottom: mobileTab === t ? "2px solid var(--accent)" : "2px solid transparent",
+              }}
+            >
+              {t}
+            </button>
+          ))}
+        </div>
+      )}
+
+      <div style={{ display: "flex", flex: 1, minHeight: 0 }}>
+        {(!isMobile || mobileTab === "chat") && (
+          <div style={{ flex: 1, display: "flex", flexDirection: "column", minWidth: 0 }}>
+            <ChatPanel
+              messages={messages}
+              input={input}
+              onInputChange={setInput}
+              onSend={send}
+              onAction={handleAction}
+              disabled={sending}
+            />
+          </div>
+        )}
+
+        {(!isMobile || mobileTab === "graph") && (
+          <aside
+            style={{
+              width: isMobile ? "100%" : 320,
+              borderLeft: isMobile ? "none" : "1px solid var(--border)",
+              background: "var(--bg-subtle)",
+              padding: 20,
+              overflowY: "auto",
+              display: "flex",
+              flexDirection: "column",
+              gap: 16,
+            }}
+          >
+            <div>
+              <div className="label-micro">Session</div>
+              <div className="h-serif" style={{ fontSize: 18, marginTop: 4 }}>{topic}</div>
+            </div>
+            <div className="card" style={{ padding: 14 }}>
+              <div className="label-micro" style={{ marginBottom: 4 }}>Mode</div>
+              <div style={{ fontSize: 13, fontWeight: 500, textTransform: "capitalize" }}>{mode}</div>
+            </div>
+            <div className="card" style={{ padding: 14 }}>
+              <div className="label-micro" style={{ marginBottom: 4 }}>Messages</div>
+              <div className="mono" style={{ fontSize: 18 }}>{messages.length}</div>
+            </div>
+            <div className="card" style={{ padding: 14 }}>
+              <div className="label-micro" style={{ marginBottom: 4 }}>Context</div>
+              <div style={{ fontSize: 12, color: "var(--text-dim)" }}>
+                {sharedCtx ? "Class intel: on" : "Class intel: off"}
+              </div>
+            </div>
+          </aside>
+        )}
+      </div>
+
+      {summary && (
+        <SessionSummary
+          summary={summary}
+          onClose={closeSummary}
+          onStartNext={startNextFromSummary}
+        />
+      )}
+    </div>
+  );
+}
+
+function SessionRow({ s, onResume, onDelete }: {
+  s: Session;
+  onResume: (s: Session) => void;
+  onDelete: (s: Session) => void;
+}) {
+  const del = useConfirm(() => onDelete(s), 3000);
+  return (
+    <div
+      style={{
+        display: "flex",
+        alignItems: "center",
+        gap: 6,
+        padding: "8px 10px",
+        borderRadius: "var(--r-md)",
+        background: "var(--bg-subtle)",
+        marginBottom: 6,
+      }}
+    >
+      <button
+        onClick={() => onResume(s)}
+        style={{
+          flex: 1,
+          textAlign: "left",
+          display: "flex",
+          flexDirection: "column",
+          gap: 2,
+        }}
+      >
+        <span style={{ fontSize: 13, fontWeight: 600 }}>{s.topic}</span>
+        <span style={{ fontSize: 11, color: "var(--text-muted)" }}>
+          {s.mode} · {s.message_count} msg{s.message_count === 1 ? "" : "s"}
+        </span>
+      </button>
+      <button
+        className={del.armed ? "btn btn--danger btn--sm" : "btn btn--ghost btn--sm"}
+        onClick={del.trigger}
+        aria-label={del.armed ? "Confirm delete" : "Delete session"}
+        title={del.armed ? "Click again to confirm" : "Delete"}
+      >
+        {del.armed ? "Confirm" : <Icon name="x" size={12} />}
+      </button>
+    </div>
+  );
+}
diff --git a/frontend/src/components/screens/Library.tsx b/frontend/src/components/screens/Library.tsx
new file mode 100644
index 00000000..430ca125
--- /dev/null
+++ b/frontend/src/components/screens/Library.tsx
@@ -0,0 +1,399 @@
+"use client";
+import React from "react";
+import { TopBar } from "../TopBar";
+import { Icon } from "../Icon";
+import { Pill } from "../Pill";
+import { DocumentUploadModal } from "../DocumentUploadModal";
+import { useToast } from "../ToastProvider";
+import { useConfirm } from "@/lib/useConfirm";
+import { useIsMobile } from "@/lib/useIsMobile";
+import { useBodyScrollLock } from "@/lib/useBodyScrollLock";
+import { useUser } from "@/context/UserContext";
+import {
+  getDocuments,
+  deleteDocument,
+  getCourses,
+  type EnrolledCourse,
+} from "@/lib/api";
+import type { Document as Doc } from "@/lib/types";
+
+const catColor: Record<Doc["category"], string> = {
+  lecture_notes: "var(--c-sage)",
+  syllabus: "var(--c-ink)",
+  reading: "var(--c-plum)",
+  slides: "var(--c-amber)",
+  study_guide: "var(--c-teal)",
+  assignment: "var(--c-rust)",
+  other: "var(--text-muted)",
+};
+
+type Cat = Doc["category"] | "all";
+
+export function Library() {
+  const toast = useToast();
+  const isMobile = useIsMobile();
+  const { userId, userReady } = useUser();
+  const [documents, setDocuments] = React.useState<Doc[]>([]);
+  const [courses, setCourses] = React.useState<EnrolledCourse[]>([]);
+  const [cat, setCat] = React.useState<Cat>("all");
+  const [courseFilter, setCourseFilter] = React.useState<string>("all");
+  const [uploadOpen, setUploadOpen] = React.useState(false);
+  const [detail, setDetail] = React.useState<Doc | null>(null);
+  const [query, setQuery] = React.useState("");
+
+  useBodyScrollLock(Boolean(detail) && isMobile);
+
+  const cats: Cat[] = ["all", "lecture_notes", "syllabus", "reading", "slides", "study_guide", "assignment"];
+
+  const load = React.useCallback(async () => {
+    if (!userId) return;
+    try {
+      const [docs, crs] = await Promise.all([
+        getDocuments(userId),
+        getCourses(userId),
+      ]);
+      setDocuments(docs.documents || []);
+      setCourses(crs.courses || []);
+    } catch (err) {
+      console.error("library load failed", err);
+    }
+  }, [userId]);
+
+  React.useEffect(() => {
+    if (userReady && userId) load();
+  }, [userReady, userId, load]);
+
+  const filtered = React.useMemo(() => {
+    const q = query.trim().toLowerCase();
+    return documents.filter(d => {
+      if (cat !== "all" && d.category !== cat) return false;
+      if (courseFilter === "uncategorized" && d.course_id) return false;
+      if (courseFilter !== "all" && courseFilter !== "uncategorized" && d.course_id !== courseFilter) return false;
+      if (q && !d.file_name.toLowerCase().includes(q) && !(d.summary || "").toLowerCase().includes(q)) return false;
+      return true;
+    });
+  }, [documents, cat, courseFilter, query]);
+
+  const groupedByCourse = React.useMemo(() => {
+    const counts: Record<string, number> = { all: documents.length, uncategorized: 0 };
+    for (const d of documents) {
+      if (!d.course_id) { counts.uncategorized += 1; continue; }
+      counts[d.course_id] = (counts[d.course_id] || 0) + 1;
+    }
+    return counts;
+  }, [documents]);
+
+  return (
+    <div style={{ display: "flex", height: "100vh" }}>
+      {!isMobile && (
+        <aside style={{
+          width: 240, borderRight: "1px solid var(--border)",
+          background: "var(--bg-subtle)", padding: 16, overflowY: "auto",
+        }}>
+          <div className="label-micro" style={{ marginBottom: 10 }}>Courses</div>
+          <CourseRow
+            label="All"
+            count={groupedByCourse.all || 0}
+            active={courseFilter === "all"}
+            onClick={() => setCourseFilter("all")}
+          />
+          <CourseRow
+            label="Uncategorized"
+            count={groupedByCourse.uncategorized || 0}
+            active={courseFilter === "uncategorized"}
+            onClick={() => setCourseFilter("uncategorized")}
+          />
+          {courses.map(c => (
+            <CourseRow
+              key={c.course_id}
+              label={c.course_code || c.course_name}
+              subLabel={c.course_code ? c.course_name : undefined}
+              color={c.color || undefined}
+              count={groupedByCourse[c.course_id] || 0}
+              active={courseFilter === c.course_id}
+              onClick={() => setCourseFilter(c.course_id)}
+            />
+          ))}
+        </aside>
+      )}
+
+      <div style={{ flex: 1, display: "flex", flexDirection: "column", minWidth: 0 }}>
+        <TopBar
+          breadcrumb="Home / Library"
+          title="Library"
+          subtitle={`${documents.length} document${documents.length === 1 ? "" : "s"} · auto-extracted summaries and takeaways`}
+          actions={
+            <>
+              <div style={{ position: "relative" }}>
+                <input
+                  value={query}
+                  onChange={e => setQuery(e.target.value)}
+                  placeholder="Search documents…"
+                  style={{
+                    padding: "6px 12px", fontSize: 12,
+                    border: "1px solid var(--border)", borderRadius: "var(--r-full)",
+                    background: "var(--bg-panel)", width: 220,
+                  }}
+                />
+              </div>
+              <button
+                className="btn btn--sm btn--primary"
+                onClick={() => setUploadOpen(true)}
+                disabled={courses.length === 0}
+                title={courses.length === 0 ? "Enroll in a course first" : "Upload documents"}
+              >
+                <Icon name="up" size={13} /> Upload
+              </button>
+            </>
+          }
+        />
+
+        <div style={{
+          padding: "14px 32px",
+          display: "flex", gap: 6, borderBottom: "1px solid var(--border)", flexWrap: "wrap",
+        }}>
+          {cats.map((c) => (
+            <Pill key={c} active={cat === c} onClick={() => setCat(c)}>
+              {c.replace("_", " ")}
+            </Pill>
+          ))}
+        </div>
+
+        <div style={{ flex: 1, display: "flex", minHeight: 0 }}>
+          <div style={{ flex: 1, overflowY: "auto", padding: "20px 32px" }}>
+            {filtered.length === 0 && (
+              <div style={{ textAlign: "center", padding: 60, color: "var(--text-muted)" }}>
+                <div className="h-serif" style={{ fontSize: 20 }}>Nothing here yet</div>
+                <div style={{ fontSize: 13, marginTop: 6 }}>Upload a document to get started.</div>
+              </div>
+            )}
+            <div style={{ display: "grid", gridTemplateColumns: "repeat(auto-fill, minmax(280px, 1fr))", gap: 16 }}>
+              {filtered.map((d) => (
+                <button
+                  key={d.id}
+                  className="card"
+                  onClick={() => setDetail(d)}
+                  style={{
+                    padding: "var(--pad-lg)", display: "flex", flexDirection: "column", gap: 10,
+                    textAlign: "left", cursor: "pointer",
+                    outline: detail?.id === d.id ? "2px solid var(--accent)" : "none",
+                  }}
+                >
+                  <div style={{ display: "flex", justifyContent: "space-between", alignItems: "flex-start" }}>
+                    <div style={{
+                      width: 40, height: 48, borderRadius: "var(--r-sm)",
+                      background: catColor[d.category], color: "#fff",
+                      display: "flex", alignItems: "center", justifyContent: "center",
+                    }}>
+                      <Icon name="doc" size={18} />
+                    </div>
+                    <span className="chip">{d.category.replace("_", " ")}</span>
+                  </div>
+                  <div>
+                    <div className="h-serif" style={{ fontSize: 16, lineHeight: 1.3 }}>{d.file_name}</div>
+                    <div style={{ fontSize: 11, color: "var(--text-muted)", marginTop: 2 }}>
+                      {new Date(d.created_at).toLocaleDateString()}
+                    </div>
+                  </div>
+                  {d.summary && <div style={{ fontSize: 12, color: "var(--text-dim)", lineHeight: 1.5 }}>{d.summary}</div>}
+                  {d.key_takeaways && d.key_takeaways.length > 0 && (
+                    <div style={{ display: "flex", flexWrap: "wrap", gap: 4, marginTop: 4 }}>
+                      {d.key_takeaways.slice(0, 3).map((t) => (
+                        <span key={t} className="chip chip--accent">{t}</span>
+                      ))}
+                    </div>
+                  )}
+                </button>
+              ))}
+            </div>
+          </div>
+
+          {detail && !isMobile && (
+            <DetailPanel
+              doc={detail}
+              onClose={() => setDetail(null)}
+              onDeleted={async () => {
+                setDetail(null);
+                await load();
+                toast.success("Document deleted");
+              }}
+            />
+          )}
+        </div>
+      </div>
+
+      {detail && isMobile && (
+        <div
+          onClick={() => setDetail(null)}
+          style={{
+            position: "fixed", inset: 0, zIndex: 90, background: "rgba(19,38,16,0.35)",
+            display: "flex", flexDirection: "column", justifyContent: "flex-end",
+          }}
+        >
+          <div
+            onClick={e => e.stopPropagation()}
+            className="slide-up"
+            style={{
+              background: "var(--bg-panel)", borderTopLeftRadius: "var(--r-lg)", borderTopRightRadius: "var(--r-lg)",
+              padding: 0, maxHeight: "82vh", overflowY: "auto",
+            }}
+          >
+            <DetailPanel
+              doc={detail}
+              embedded
+              onClose={() => setDetail(null)}
+              onDeleted={async () => {
+                setDetail(null);
+                await load();
+                toast.success("Document deleted");
+              }}
+            />
+          </div>
+        </div>
+      )}
+
+      <DocumentUploadModal
+        open={uploadOpen}
+        userId={userId}
+        courses={courses}
+        onClose={() => setUploadOpen(false)}
+        onComplete={async (items) => {
+          const hasSyllabus = items.some(it => it.category === "syllabus");
+          await load();
+          if (hasSyllabus) {
+            // Brief delay for server-side ingestion races, then reload again.
+            setTimeout(load, 1500);
+            toast.info("Syllabus processed — new assignments will appear on the calendar.");
+          }
+        }}
+      />
+    </div>
+  );
+}
+
+function CourseRow({
+  label, subLabel, color, count, active, onClick,
+}: {
+  label: string; subLabel?: string; color?: string;
+  count: number; active: boolean; onClick: () => void;
+}) {
+  return (
+    <button
+      onClick={onClick}
+      style={{
+        width: "100%", display: "flex", alignItems: "center", gap: 8,
+        padding: "8px 10px", borderRadius: "var(--r-sm)", marginBottom: 4,
+        background: active ? "var(--bg-panel)" : "transparent",
+        border: active ? "1px solid var(--border)" : "1px solid transparent",
+        textAlign: "left",
+      }}
+    >
+      <span style={{
+        width: 8, height: 8, borderRadius: "50%",
+        background: color || "var(--text-muted)",
+      }} />
+      <div style={{ flex: 1, minWidth: 0 }}>
+        <div style={{ fontSize: 12, fontWeight: active ? 600 : 500, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }}>{label}</div>
+        {subLabel && <div style={{ fontSize: 10, color: "var(--text-muted)" }}>{subLabel}</div>}
+      </div>
+      <span className="mono" style={{ fontSize: 11, color: "var(--text-muted)" }}>{count}</span>
+    </button>
+  );
+}
+
+function DetailPanel({
+  doc, onClose, onDeleted, embedded = false,
+}: {
+  doc: Doc;
+  onClose: () => void;
+  onDeleted: () => void | Promise<void>;
+  embedded?: boolean;
+}) {
+  const { userId } = useUser();
+  const toast = useToast();
+  const [revealed, setRevealed] = React.useState<Set<number>>(new Set());
+  const del = useConfirm(async () => {
+    try {
+      await deleteDocument(doc.id, userId);
+      await onDeleted();
+    } catch (err) {
+      toast.error(`Delete failed: ${String(err)}`);
+    }
+  });
+
+  const reveal = (idx: number) => {
+    setRevealed(prev => {
+      const next = new Set(prev);
+      if (next.has(idx)) next.delete(idx); else next.add(idx);
+      return next;
+    });
+  };
+
+  const container: React.CSSProperties = embedded
+    ? { padding: 20 }
+    : { width: 360, borderLeft: "1px solid var(--border)", padding: 20, background: "var(--bg-subtle)", overflowY: "auto", flexShrink: 0 };
+
+  return (
+    <aside style={container}>
+      <div style={{ display: "flex", justifyContent: "space-between", alignItems: "center" }}>
+        <span className="chip">{doc.category.replace("_", " ")}</span>
+        <button className="btn btn--ghost btn--sm" onClick={onClose} aria-label="Close">
+          <Icon name="x" size={12} />
+        </button>
+      </div>
+      <h2 className="h-serif" style={{ fontSize: 20, margin: "10px 0 6px", fontWeight: 500 }}>{doc.file_name}</h2>
+      <div style={{ fontSize: 11, color: "var(--text-muted)", marginBottom: 16 }}>
+        Uploaded {new Date(doc.created_at).toLocaleDateString()}
+      </div>
+
+      {doc.summary && (
+        <div style={{ marginBottom: 16 }}>
+          <div className="label-micro" style={{ marginBottom: 4 }}>Summary</div>
+          <div style={{ fontSize: 13, lineHeight: 1.55, color: "var(--text-dim)" }}>{doc.summary}</div>
+        </div>
+      )}
+
+      {doc.key_takeaways && doc.key_takeaways.length > 0 && (
+        <div style={{ marginBottom: 16 }}>
+          <div className="label-micro" style={{ marginBottom: 6 }}>Key takeaways</div>
+          <ul style={{ margin: 0, paddingLeft: 18 }}>
+            {doc.key_takeaways.map((t) => (
+              <li key={t} style={{ fontSize: 12, color: "var(--text-dim)", marginBottom: 4 }}>{t}</li>
+            ))}
+          </ul>
+        </div>
+      )}
+
+      {doc.flashcards && doc.flashcards.length > 0 && (
+        <div style={{ marginBottom: 16 }}>
+          <div className="label-micro" style={{ marginBottom: 6 }}>Q / A</div>
+          {doc.flashcards.map((f, i) => (
+            <div
+              key={i}
+              onClick={() => reveal(i)}
+              role="button"
+              style={{
+                padding: "10px 12px", borderRadius: "var(--r-sm)",
+                border: "1px solid var(--border)", background: "var(--bg-panel)",
+                marginBottom: 6, cursor: "pointer",
+              }}
+            >
+              <div style={{ fontSize: 12, fontWeight: 600, marginBottom: 4 }}>{f.question}</div>
+              <div style={{ fontSize: 12, color: "var(--text-dim)", opacity: revealed.has(i) ? 1 : 0, filter: revealed.has(i) ? "none" : "blur(4px)", transition: "all var(--dur) var(--ease)" }}>
+                {f.answer}
+              </div>
+            </div>
+          ))}
+        </div>
+      )}
+
+      <button
+        onClick={del.trigger}
+        className={`btn ${del.armed ? "btn--danger" : ""}`}
+        style={{ width: "100%", background: del.armed ? "var(--err-soft)" : undefined, color: del.armed ? "var(--err)" : undefined }}
+      >
+        <Icon name="x" size={13} /> {del.armed ? "Click again to confirm" : "Delete document"}
+      </button>
+    </aside>
+  );
+}
diff --git a/frontend/src/components/screens/Onboarding.tsx b/frontend/src/components/screens/Onboarding.tsx
new file mode 100644
index 00000000..3a62adb7
--- /dev/null
+++ b/frontend/src/components/screens/Onboarding.tsx
@@ -0,0 +1,543 @@
+"use client";
+
+import React, { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { useRouter } from "next/navigation";
+import { useUser } from "@/context/UserContext";
+import { useToast } from "@/components/ToastProvider";
+import { CustomSelect } from "@/components/CustomSelect";
+import {
+  onboardingCoursesSearch,
+  submitOnboardingProfile,
+  type OnboardingCourse,
+  type OnboardingProfilePayload,
+} from "@/lib/api";
+
+type LearningStyleId = OnboardingProfilePayload["learning_style"];
+
+const YEARS = ["freshman", "sophomore", "junior", "senior", "graduate", "other"] as const;
+
+const LEARNING_STYLES: { id: LearningStyleId; title: string; description: string; glyph: string }[] = [
+  { id: "visual", title: "Visual", description: "I learn best through diagrams, graphs, and visuals.", glyph: "◈" },
+  { id: "reading", title: "Reading/Writing", description: "I prefer text — notes, explanations, and written practice.", glyph: "✎" },
+  { id: "auditory", title: "Auditory", description: "I absorb material best when I hear or discuss it.", glyph: "◐" },
+  { id: "hands-on", title: "Hands-on", description: "I learn by doing — exercises, labs, and practical application.", glyph: "◎" },
+  { id: "mixed", title: "A mix of all", description: "I learn best through a blend of modes.", glyph: "◆" },
+];
+
+const DRAFT_KEY = "sapling_onboarding_draft";
+
+interface Draft {
+  first_name: string;
+  last_name: string;
+  school: string;
+  year: string;
+  majors: string[];
+  minors: string[];
+  course_ids: string[];
+  course_cache: OnboardingCourse[];
+  learning_style: LearningStyleId | null;
+  step: number;
+}
+
+const EMPTY_DRAFT: Draft = {
+  first_name: "",
+  last_name: "",
+  school: "Boston University",
+  year: "",
+  majors: [],
+  minors: [],
+  course_ids: [],
+  course_cache: [],
+  learning_style: null,
+  step: 0,
+};
+
+function loadDraft(): Draft {
+  if (typeof window === "undefined") return EMPTY_DRAFT;
+  try {
+    const raw = localStorage.getItem(DRAFT_KEY);
+    if (!raw) return EMPTY_DRAFT;
+    const parsed = JSON.parse(raw);
+    return { ...EMPTY_DRAFT, ...parsed };
+  } catch {
+    return EMPTY_DRAFT;
+  }
+}
+
+const STEP_COUNT = 6;
+
+export function Onboarding() {
+  const router = useRouter();
+  const { userId, userName, userReady, isAuthenticated, signOut } = useUser();
+  const toast = useToast();
+
+  const [draft, setDraft] = useState<Draft>(EMPTY_DRAFT);
+  const [hydrated, setHydrated] = useState(false);
+  const [submitting, setSubmitting] = useState(false);
+
+  useEffect(() => {
+    const d = loadDraft();
+    const [first, ...rest] = (userName || "").split(" ");
+    setDraft(prev => ({
+      ...d,
+      first_name: d.first_name || first || prev.first_name,
+      last_name: d.last_name || rest.join(" ") || prev.last_name,
+    }));
+    setHydrated(true);
+  }, [userName]);
+
+  useEffect(() => {
+    if (!hydrated) return;
+    try { localStorage.setItem(DRAFT_KEY, JSON.stringify(draft)); } catch {}
+  }, [draft, hydrated]);
+
+  useEffect(() => {
+    if (!userReady) return;
+    if (!isAuthenticated) router.replace("/auth");
+  }, [userReady, isAuthenticated, router]);
+
+  const setField = useCallback(<K extends keyof Draft>(key: K, value: Draft[K]) => {
+    setDraft(prev => ({ ...prev, [key]: value }));
+  }, []);
+
+  const next = useCallback(() => {
+    setDraft(prev => ({ ...prev, step: Math.min(prev.step + 1, STEP_COUNT - 1) }));
+  }, []);
+
+  const back = useCallback(() => {
+    setDraft(prev => ({ ...prev, step: Math.max(prev.step - 1, 0) }));
+  }, []);
+
+  const close = useCallback(async () => {
+    await signOut();
+    router.replace("/auth");
+  }, [signOut, router]);
+
+  useEffect(() => {
+    const handler = (e: KeyboardEvent) => {
+      if (e.key === "Escape") close();
+    };
+    window.addEventListener("keydown", handler);
+    return () => window.removeEventListener("keydown", handler);
+  }, [close]);
+
+  const canContinue = useMemo(() => {
+    switch (draft.step) {
+      case 0: return true;
+      case 1: return draft.first_name.trim().length > 0 && draft.last_name.trim().length > 0;
+      case 2: return draft.school.trim().length > 0 && draft.year.length > 0;
+      case 3: return draft.majors.length > 0;
+      case 4: return draft.course_ids.length > 0;
+      case 5: return draft.learning_style !== null;
+      default: return false;
+    }
+  }, [draft]);
+
+  const finish = useCallback(async () => {
+    if (!userId || !draft.learning_style) return;
+    setSubmitting(true);
+    try {
+      await submitOnboardingProfile({
+        user_id: userId,
+        first_name: draft.first_name.trim(),
+        last_name: draft.last_name.trim(),
+        year: draft.year,
+        majors: draft.majors,
+        minors: draft.minors,
+        course_ids: draft.course_ids,
+        learning_style: draft.learning_style,
+      });
+      localStorage.removeItem(DRAFT_KEY);
+      toast.success("Welcome to Sapling!");
+      router.replace("/dashboard");
+    } catch (err) {
+      toast.error(err instanceof Error ? err.message : "Failed to save profile. Please try again.");
+    } finally {
+      setSubmitting(false);
+    }
+  }, [userId, draft, toast, router]);
+
+  return (
+    <div
+      style={{
+        minHeight: "100vh",
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        background: "radial-gradient(ellipse at top, var(--accent-soft) 0%, var(--bg) 60%)",
+        padding: "40px 20px",
+      }}
+    >
+      <div
+        className="card"
+        style={{
+          position: "relative",
+          width: "min(560px, 100%)",
+          padding: "40px 36px",
+        }}
+      >
+        <button
+          className="btn btn--ghost btn--sm"
+          aria-label="Close onboarding"
+          onClick={close}
+          style={{ position: "absolute", top: 12, right: 12 }}
+        >
+          ×
+        </button>
+
+        <div style={{ display: "flex", gap: 6, justifyContent: "center", marginBottom: 24 }}>
+          {Array.from({ length: STEP_COUNT }).map((_, i) => (
+            <div
+              key={i}
+              style={{
+                width: i === draft.step ? 28 : 8,
+                height: 6,
+                borderRadius: "var(--r-full)",
+                background: i <= draft.step ? "var(--accent)" : "var(--bg-soft)",
+                transition: "all var(--dur) var(--ease)",
+              }}
+            />
+          ))}
+        </div>
+
+        {draft.step === 0 && <StepWelcome />}
+        {draft.step === 1 && (
+          <StepName
+            firstName={draft.first_name}
+            lastName={draft.last_name}
+            onFirst={v => setField("first_name", v)}
+            onLast={v => setField("last_name", v)}
+          />
+        )}
+        {draft.step === 2 && (
+          <StepSchool
+            school={draft.school}
+            year={draft.year}
+            onSchool={v => setField("school", v)}
+            onYear={v => setField("year", v)}
+          />
+        )}
+        {draft.step === 3 && (
+          <StepAcademics
+            majors={draft.majors}
+            minors={draft.minors}
+            onMajors={v => setField("majors", v)}
+            onMinors={v => setField("minors", v)}
+          />
+        )}
+        {draft.step === 4 && (
+          <StepCourses
+            selectedIds={draft.course_ids}
+            selectedCache={draft.course_cache}
+            onSelect={(ids, cache) => setDraft(prev => ({ ...prev, course_ids: ids, course_cache: cache }))}
+          />
+        )}
+        {draft.step === 5 && (
+          <StepLearningStyle
+            value={draft.learning_style}
+            onChange={v => setField("learning_style", v)}
+          />
+        )}
+
+        <div style={{ display: "flex", gap: 10, justifyContent: "flex-end", marginTop: 32 }}>
+          {draft.step > 0 && (
+            <button className="btn" onClick={back} disabled={submitting}>
+              Back
+            </button>
+          )}
+          <button
+            className="btn btn--primary"
+            disabled={!canContinue || submitting}
+            onClick={draft.step === STEP_COUNT - 1 ? finish : next}
+            style={{ minWidth: 130, justifyContent: "center" }}
+          >
+            {submitting ? "Saving…" : draft.step === STEP_COUNT - 1 ? "Enter Sapling →" : "Continue"}
+          </button>
+        </div>
+      </div>
+    </div>
+  );
+}
+
+function StepWelcome() {
+  return (
+    <div style={{ textAlign: "center" }}>
+      <div className="h-serif" style={{ fontSize: 32, fontWeight: 500, marginBottom: 10 }}>
+        Welcome to Sapling
+      </div>
+      <div style={{ fontSize: 14, color: "var(--text-dim)", lineHeight: 1.55, maxWidth: 440, margin: "0 auto" }}>
+        Let&apos;s set up your learning space. A few quick questions so the AI tutor can meet you where you are.
+      </div>
+    </div>
+  );
+}
+
+function FieldLabel({ children }: { children: React.ReactNode }) {
+  return <div className="label-micro" style={{ marginBottom: 6 }}>{children}</div>;
+}
+
+function TextInput(props: React.InputHTMLAttributes<HTMLInputElement>) {
+  const { style, ...rest } = props;
+  return (
+    <input
+      {...rest}
+      style={{
+        width: "100%",
+        padding: "10px 12px",
+        fontSize: 14,
+        border: "1px solid var(--border)",
+        borderRadius: "var(--r-sm)",
+        background: "var(--bg-input)",
+        color: "var(--text)",
+        ...style,
+      }}
+    />
+  );
+}
+
+function StepName({ firstName, lastName, onFirst, onLast }: {
+  firstName: string; lastName: string;
+  onFirst: (v: string) => void; onLast: (v: string) => void;
+}) {
+  return (
+    <div>
+      <div className="h-serif" style={{ fontSize: 26, fontWeight: 500, marginBottom: 6 }}>What should we call you?</div>
+      <div style={{ fontSize: 13, color: "var(--text-dim)", marginBottom: 18 }}>This is the name shown to study partners.</div>
+      <div style={{ display: "grid", gridTemplateColumns: "1fr 1fr", gap: 12 }}>
+        <div>
+          <FieldLabel>First name</FieldLabel>
+          <TextInput value={firstName} onChange={e => onFirst(e.target.value)} placeholder="Jose" autoFocus />
+        </div>
+        <div>
+          <FieldLabel>Last name</FieldLabel>
+          <TextInput value={lastName} onChange={e => onLast(e.target.value)} placeholder="Cruz" />
+        </div>
+      </div>
+    </div>
+  );
+}
+
+function StepSchool({ school, year, onSchool, onYear }: {
+  school: string; year: string;
+  onSchool: (v: string) => void; onYear: (v: string) => void;
+}) {
+  return (
+    <div>
+      <div className="h-serif" style={{ fontSize: 26, fontWeight: 500, marginBottom: 6 }}>Where are you studying?</div>
+      <div style={{ fontSize: 13, color: "var(--text-dim)", marginBottom: 18 }}>Sapling is currently limited to Boston University.</div>
+      <FieldLabel>School</FieldLabel>
+      <TextInput value={school} onChange={e => onSchool(e.target.value)} disabled style={{ marginBottom: 16 }} />
+      <FieldLabel>Year</FieldLabel>
+      <CustomSelect<string>
+        value={year}
+        placeholder="Select your year…"
+        options={YEARS.map(y => ({ value: y, label: y.charAt(0).toUpperCase() + y.slice(1) }))}
+        onChange={onYear}
+        style={{ width: "100%" }}
+      />
+    </div>
+  );
+}
+
+function StepAcademics({ majors, minors, onMajors, onMinors }: {
+  majors: string[]; minors: string[];
+  onMajors: (v: string[]) => void; onMinors: (v: string[]) => void;
+}) {
+  return (
+    <div>
+      <div className="h-serif" style={{ fontSize: 26, fontWeight: 500, marginBottom: 6 }}>Your academic focus</div>
+      <div style={{ fontSize: 13, color: "var(--text-dim)", marginBottom: 18 }}>Add at least one major. Minors are optional.</div>
+      <FieldLabel>Majors</FieldLabel>
+      <TagInput values={majors} onChange={onMajors} placeholder="e.g. Computer Science" />
+      <div style={{ height: 14 }} />
+      <FieldLabel>Minors</FieldLabel>
+      <TagInput values={minors} onChange={onMinors} placeholder="e.g. Philosophy" />
+    </div>
+  );
+}
+
+function TagInput({ values, onChange, placeholder }: {
+  values: string[]; onChange: (v: string[]) => void; placeholder?: string;
+}) {
+  const [draft, setDraft] = useState("");
+  const add = () => {
+    const v = draft.trim();
+    if (!v || values.includes(v)) return;
+    onChange([...values, v]);
+    setDraft("");
+  };
+  const remove = (v: string) => onChange(values.filter(x => x !== v));
+  return (
+    <div>
+      <div style={{ display: "flex", gap: 6, flexWrap: "wrap", marginBottom: values.length ? 8 : 0 }}>
+        {values.map(v => (
+          <span
+            key={v}
+            className="chip"
+            style={{ textTransform: "none", fontFamily: "var(--font-sans)", background: "var(--accent-soft)", color: "var(--accent)", borderColor: "var(--accent-border)" }}
+          >
+            {v}
+            <button onClick={() => remove(v)} aria-label={`Remove ${v}`} style={{ color: "inherit", fontSize: 13, lineHeight: 1, marginLeft: 2 }}>
+              ×
+            </button>
+          </span>
+        ))}
+      </div>
+      <div style={{ display: "flex", gap: 8 }}>
+        <TextInput
+          value={draft}
+          onChange={e => setDraft(e.target.value)}
+          onKeyDown={e => {
+            if (e.key === "Enter" || e.key === ",") {
+              e.preventDefault();
+              add();
+            }
+          }}
+          placeholder={placeholder}
+        />
+        <button className="btn" onClick={add} disabled={!draft.trim()}>Add</button>
+      </div>
+    </div>
+  );
+}
+
+function StepCourses({ selectedIds, selectedCache, onSelect }: {
+  selectedIds: string[];
+  selectedCache: OnboardingCourse[];
+  onSelect: (ids: string[], cache: OnboardingCourse[]) => void;
+}) {
+  const [query, setQuery] = useState("");
+  const [results, setResults] = useState<OnboardingCourse[]>([]);
+  const [loading, setLoading] = useState(false);
+  const debounceRef = useRef<ReturnType<typeof setTimeout> | null>(null);
+
+  useEffect(() => {
+    if (debounceRef.current) clearTimeout(debounceRef.current);
+    debounceRef.current = setTimeout(() => {
+      setLoading(true);
+      onboardingCoursesSearch(query)
+        .then(r => setResults(r.courses ?? []))
+        .catch(() => setResults([]))
+        .finally(() => setLoading(false));
+    }, 200);
+    return () => { if (debounceRef.current) clearTimeout(debounceRef.current); };
+  }, [query]);
+
+  const cacheMap = useMemo(() => new Map(selectedCache.map(c => [c.id, c])), [selectedCache]);
+
+  const toggle = (course: OnboardingCourse) => {
+    const exists = selectedIds.includes(course.id);
+    if (exists) {
+      onSelect(
+        selectedIds.filter(id => id !== course.id),
+        selectedCache.filter(c => c.id !== course.id),
+      );
+    } else {
+      onSelect([...selectedIds, course.id], [...selectedCache, course]);
+    }
+  };
+
+  return (
+    <div>
+      <div className="h-serif" style={{ fontSize: 26, fontWeight: 500, marginBottom: 6 }}>What are you studying?</div>
+      <div style={{ fontSize: 13, color: "var(--text-dim)", marginBottom: 18 }}>
+        Pick a few courses to seed your knowledge tree. You can always add more later.
+      </div>
+      <TextInput
+        value={query}
+        onChange={e => setQuery(e.target.value)}
+        placeholder="Search by code or name (e.g. CS 131)"
+        autoFocus
+      />
+      {selectedCache.length > 0 && (
+        <div style={{ display: "flex", flexWrap: "wrap", gap: 6, marginTop: 12 }}>
+          {selectedCache.map(c => (
+            <span
+              key={c.id}
+              className="chip"
+              style={{ textTransform: "none", fontFamily: "var(--font-sans)", background: "var(--accent-soft)", color: "var(--accent)", borderColor: "var(--accent-border)" }}
+            >
+              {c.course_code}
+              <button onClick={() => toggle(c)} aria-label={`Remove ${c.course_code}`} style={{ color: "inherit", fontSize: 13, lineHeight: 1, marginLeft: 2 }}>×</button>
+            </span>
+          ))}
+        </div>
+      )}
+      <div style={{ marginTop: 14, maxHeight: 260, overflowY: "auto", border: "1px solid var(--border)", borderRadius: "var(--r-sm)" }}>
+        {loading && <div style={{ padding: "14px 12px", fontSize: 12, color: "var(--text-muted)" }}>Searching…</div>}
+        {!loading && results.length === 0 && (
+          <div style={{ padding: "14px 12px", fontSize: 12, color: "var(--text-muted)" }}>No courses match.</div>
+        )}
+        {!loading && results.map(c => {
+          const selected = selectedIds.includes(c.id) || cacheMap.has(c.id);
+          return (
+            <button
+              key={c.id}
+              onClick={() => toggle(c)}
+              style={{
+                width: "100%",
+                padding: "10px 12px",
+                fontSize: 13,
+                display: "flex",
+                alignItems: "center",
+                justifyContent: "space-between",
+                gap: 10,
+                background: selected ? "var(--accent-soft)" : "transparent",
+                color: selected ? "var(--accent)" : "var(--text)",
+                borderBottom: "1px solid var(--border)",
+                textAlign: "left",
+              }}
+            >
+              <span>
+                <span style={{ fontWeight: 600 }}>{c.course_code}</span>
+                <span style={{ color: "var(--text-dim)", marginLeft: 8 }}>{c.course_name}</span>
+              </span>
+              {selected && <span>✓</span>}
+            </button>
+          );
+        })}
+      </div>
+    </div>
+  );
+}
+
+function StepLearningStyle({ value, onChange }: {
+  value: LearningStyleId | null;
+  onChange: (v: LearningStyleId) => void;
+}) {
+  return (
+    <div>
+      <div className="h-serif" style={{ fontSize: 26, fontWeight: 500, marginBottom: 6 }}>How do you learn best?</div>
+      <div style={{ fontSize: 13, color: "var(--text-dim)", marginBottom: 18 }}>
+        The AI tutor adjusts its tone and pacing to match.
+      </div>
+      <div style={{ display: "grid", gridTemplateColumns: "1fr 1fr", gap: 10 }}>
+        {LEARNING_STYLES.map(s => {
+          const selected = value === s.id;
+          return (
+            <button
+              key={s.id}
+              role="radio"
+              aria-checked={selected}
+              onClick={() => onChange(s.id)}
+              style={{
+                padding: "14px 14px",
+                border: `1.5px solid ${selected ? "var(--accent)" : "var(--border)"}`,
+                background: selected ? "var(--accent-soft)" : "var(--bg-panel)",
+                borderRadius: "var(--r-md)",
+                textAlign: "left",
+                transition: "all var(--dur-fast) var(--ease)",
+              }}
+            >
+              <div style={{ display: "flex", alignItems: "center", gap: 8, marginBottom: 4 }}>
+                <span style={{ fontSize: 18, color: selected ? "var(--accent)" : "var(--text-dim)" }}>{s.glyph}</span>
+                <span style={{ fontWeight: 600, fontSize: 14, color: selected ? "var(--accent)" : "var(--text)" }}>{s.title}</span>
+              </div>
+              <div style={{ fontSize: 11, color: "var(--text-dim)", lineHeight: 1.4 }}>{s.description}</div>
+            </button>
+          );
+        })}
+      </div>
+    </div>
+  );
+}
diff --git a/frontend/src/components/screens/Settings.tsx b/frontend/src/components/screens/Settings.tsx
new file mode 100644
index 00000000..0a0496b4
--- /dev/null
+++ b/frontend/src/components/screens/Settings.tsx
@@ -0,0 +1,777 @@
+"use client";
+import React from "react";
+import { TopBar } from "../TopBar";
+import { Icon } from "../Icon";
+import { Avatar } from "../Avatar";
+import { CustomSelect } from "../CustomSelect";
+import { ProfileView } from "../ProfileView";
+import { useToast } from "../ToastProvider";
+import { useUser } from "@/context/UserContext";
+import {
+  fetchSettings,
+  updateSettings,
+  deleteAccount,
+  updateProfile,
+  checkUsername,
+  fetchPublicProfile,
+  uploadAvatar,
+  fetchCosmetics,
+  fetchCosmeticsCatalog,
+  equipCosmetic,
+  type CatalogCosmetic,
+} from "@/lib/api";
+import type { UserSettings, UserProfile, UserCosmetic, CosmeticType, EquippedCosmetics } from "@/lib/types";
+
+type Tab = "profile" | "cosmetics" | "preferences" | "notifications" | "data" | "danger";
+
+function Toggle({ on, onChange }: { on: boolean; onChange: (v: boolean) => void }) {
+  return (
+    <div
+      onClick={() => onChange(!on)}
+      style={{
+        width: 36,
+        height: 20,
+        borderRadius: "var(--r-full)",
+        background: on ? "var(--accent)" : "var(--bg-soft)",
+        position: "relative",
+        cursor: "pointer",
+        transition: "all var(--dur) var(--ease)",
+      }}
+    >
+      <div
+        style={{
+          position: "absolute",
+          top: 2,
+          left: on ? 18 : 2,
+          width: 16,
+          height: 16,
+          borderRadius: "50%",
+          background: "#fff",
+          boxShadow: "var(--shadow-sm)",
+          transition: "all var(--dur) var(--ease)",
+        }}
+      />
+    </div>
+  );
+}
+
+type UsernameState = { status: "idle" | "checking" | "available" | "taken" | "invalid"; message?: string };
+
+export function Settings() {
+  const toast = useToast();
+  const { userId, userName, avatarUrl, userReady, signOut, refreshProfile } = useUser();
+  const [tab, setTab] = React.useState<Tab>("profile");
+  const [settings, setSettings] = React.useState<UserSettings | null>(null);
+  const [saving, setSaving] = React.useState(false);
+  const [previewOpen, setPreviewOpen] = React.useState(false);
+  const [preview, setPreview] = React.useState<UserProfile | null>(null);
+  const [usernameDraft, setUsernameDraft] = React.useState<string>("");
+  const [usernameState, setUsernameState] = React.useState<UsernameState>({ status: "idle" });
+  const usernameTimer = React.useRef<ReturnType<typeof setTimeout> | null>(null);
+
+  React.useEffect(() => {
+    if (!userReady || !userId) return;
+    fetchSettings(userId)
+      .then(s => { setSettings(s); setUsernameDraft(s.username || ""); })
+      .catch((e) => console.error("settings load", e));
+  }, [userReady, userId]);
+
+  const patch = async (updates: Partial<UserSettings>) => {
+    if (!userId || !settings) return;
+    const next = { ...settings, ...updates };
+    setSettings(next);
+    setSaving(true);
+    try {
+      await updateSettings(userId, updates);
+    } catch (err) {
+      console.error("settings save", err);
+    } finally {
+      setSaving(false);
+    }
+  };
+
+  const avatarFileRef = React.useRef<HTMLInputElement | null>(null);
+  const [uploadingAvatar, setUploadingAvatar] = React.useState(false);
+
+  const handleAvatarFile = async (file: File | null) => {
+    if (!file || !userId) return;
+    if (!file.type.startsWith("image/")) {
+      toast.error("Pick an image file (PNG or JPG).");
+      if (avatarFileRef.current) avatarFileRef.current.value = "";
+      return;
+    }
+    if (file.size > 5 * 1024 * 1024) {
+      toast.error(`That file is ${(file.size / 1024 / 1024).toFixed(1)} MB — max is 5 MB.`);
+      if (avatarFileRef.current) avatarFileRef.current.value = "";
+      return;
+    }
+    setUploadingAvatar(true);
+    try {
+      await uploadAvatar(userId, file);
+      await refreshProfile();
+      toast.success("Avatar updated");
+    } catch (err) {
+      toast.error(`Upload failed: ${String(err)}`);
+    } finally {
+      setUploadingAvatar(false);
+      if (avatarFileRef.current) avatarFileRef.current.value = "";
+    }
+  };
+
+  const patchProfile = async (updates: { username?: string; display_name?: string; bio?: string; location?: string; website?: string }) => {
+    if (!userId || !settings) return;
+    setSaving(true);
+    try {
+      await updateProfile(userId, updates);
+      setSettings(prev => prev ? { ...prev, ...updates } : prev);
+    } catch (err) {
+      toast.error(`Couldn't save: ${String(err)}`);
+    } finally {
+      setSaving(false);
+    }
+  };
+
+  React.useEffect(() => {
+    if (usernameTimer.current) clearTimeout(usernameTimer.current);
+    const next = usernameDraft.trim().toLowerCase();
+    if (!next || next === (settings?.username || "")) {
+      setUsernameState({ status: "idle" });
+      return;
+    }
+    setUsernameState({ status: "checking" });
+    usernameTimer.current = setTimeout(async () => {
+      try {
+        const r = await checkUsername(next, userId || undefined);
+        if (r.available) setUsernameState({ status: "available", message: "Available" });
+        else if (r.reason === "invalid") setUsernameState({ status: "invalid", message: "3–24 chars, lowercase letters, digits, or _" });
+        else setUsernameState({ status: "taken", message: "Already taken" });
+      } catch {
+        setUsernameState({ status: "idle" });
+      }
+    }, 400);
+    return () => { if (usernameTimer.current) clearTimeout(usernameTimer.current); };
+  }, [usernameDraft, settings?.username, userId]);
+
+  const openPreview = async () => {
+    if (!userId) return;
+    try {
+      const p = await fetchPublicProfile(userId);
+      setPreview(p);
+      setPreviewOpen(true);
+    } catch (err) {
+      toast.error(`Couldn't load preview: ${String(err)}`);
+    }
+  };
+
+  const handleDelete = async () => {
+    if (!userId) return;
+    const conf = window.prompt('Type "DELETE" to confirm account deletion.');
+    if (conf !== "DELETE") return;
+    try {
+      await deleteAccount(userId, conf);
+      await signOut();
+      window.location.href = "/auth";
+    } catch (err) {
+      alert(String(err));
+    }
+  };
+
+  const tabs: Tab[] = ["profile", "preferences", "notifications", "data", "danger"];
+
+  return (
+    <div>
+      <TopBar
+        breadcrumb="Home / Settings"
+        title="Settings"
+        subtitle="Profile, preferences, and account"
+        actions={
+          <>
+            {saving && <span className="chip chip--accent">saving…</span>}
+            <button className="btn btn--sm" onClick={openPreview} disabled={!userId}>
+              <Icon name="search" size={12} /> Preview profile
+            </button>
+          </>
+        }
+      />
+      <div style={{ display: "flex", height: "calc(100vh - 112px)" }}>
+        <div
+          style={{
+            width: 200,
+            borderRight: "1px solid var(--border)",
+            padding: "18px 12px",
+            background: "var(--bg-subtle)",
+          }}
+        >
+          {tabs.map((t) => (
+            <button
+              key={t}
+              onClick={() => setTab(t)}
+              style={{
+                display: "block",
+                width: "100%",
+                textAlign: "left",
+                padding: "8px 12px",
+                fontSize: 13,
+                background: tab === t ? "var(--accent-soft)" : "transparent",
+                color: tab === t ? "var(--accent)" : "var(--text-dim)",
+                borderRadius: "var(--r-sm)",
+                marginBottom: 2,
+                fontWeight: tab === t ? 600 : 400,
+                textTransform: "capitalize",
+              }}
+            >
+              {t}
+            </button>
+          ))}
+        </div>
+        <div style={{ flex: 1, padding: "24px 32px", overflowY: "auto" }}>
+          {tab === "profile" && settings && (
+            <div style={{ maxWidth: 640 }}>
+              <div className="h-serif" style={{ fontSize: 22, marginBottom: 20 }}>Profile</div>
+              <div
+                className="card"
+                style={{ padding: "var(--pad-lg)", display: "flex", gap: 20, alignItems: "center", marginBottom: 16 }}
+              >
+                <Avatar name={userName || "?"} size={72} img={avatarUrl || undefined} />
+                <div style={{ flex: 1 }}>
+                  <div style={{ fontSize: 18, fontWeight: 600, fontFamily: "var(--font-display)" }}>
+                    {userName}
+                  </div>
+                  <div style={{ fontSize: 12, color: "var(--text-muted)", marginTop: 2 }}>PNG or JPG, up to 5 MB.</div>
+                </div>
+                <input
+                  ref={avatarFileRef}
+                  type="file"
+                  accept="image/*"
+                  style={{ display: "none" }}
+                  onChange={e => handleAvatarFile(e.target.files?.[0] ?? null)}
+                />
+                <button className="btn btn--sm" onClick={() => avatarFileRef.current?.click()} disabled={uploadingAvatar}>
+                  <Icon name="pencil" size={12} /> {uploadingAvatar ? "Uploading…" : "Change avatar"}
+                </button>
+              </div>
+              <div style={{ display: "grid", gridTemplateColumns: "180px 1fr", gap: 16, padding: "12px 0", borderBottom: "1px solid var(--border)", alignItems: "center" }}>
+                <div className="label-micro">Username</div>
+                <div>
+                  <div style={{ position: "relative" }}>
+                    <span style={{ position: "absolute", left: 10, top: 9, fontSize: 13, color: "var(--text-muted)" }}>@</span>
+                    <input
+                      value={usernameDraft}
+                      onChange={e => setUsernameDraft(e.target.value)}
+                      onBlur={async () => {
+                        const v = usernameDraft.trim().toLowerCase();
+                        if (v && v !== (settings.username || "") && usernameState.status === "available") {
+                          await patchProfile({ username: v });
+                        } else if (!v && settings.username) {
+                          setUsernameDraft(settings.username || "");
+                        }
+                      }}
+                      placeholder="your-handle"
+                      style={{
+                        padding: "8px 12px 8px 26px",
+                        background: "var(--bg-input)",
+                        border: `1px solid ${usernameState.status === "taken" || usernameState.status === "invalid" ? "var(--err)" : "var(--border)"}`,
+                        borderRadius: "var(--r-sm)",
+                        fontSize: 13,
+                        width: "100%",
+                      }}
+                    />
+                  </div>
+                  {usernameState.message && (
+                    <div style={{
+                      fontSize: 11,
+                      marginTop: 4,
+                      color: usernameState.status === "available" ? "var(--accent)"
+                        : (usernameState.status === "checking" ? "var(--text-muted)" : "var(--err)"),
+                    }}>
+                      {usernameState.status === "checking" ? "Checking…" : usernameState.message}
+                    </div>
+                  )}
+                </div>
+              </div>
+
+              {(
+                [
+                  ["Display name", "display_name"],
+                  ["Bio", "bio"],
+                  ["Location", "location"],
+                  ["Website", "website"],
+                ] as const
+              ).map(([label, key]) => (
+                <div
+                  key={key}
+                  style={{
+                    display: "grid",
+                    gridTemplateColumns: "180px 1fr",
+                    gap: 16,
+                    padding: "12px 0",
+                    borderBottom: "1px solid var(--border)",
+                    alignItems: "center",
+                  }}
+                >
+                  <div className="label-micro">{label}</div>
+                  <input
+                    defaultValue={settings[key] ?? ""}
+                    onBlur={(e) => {
+                      const v = e.target.value.trim();
+                      if (v !== (settings[key] ?? "")) {
+                        patchProfile({ [key]: v || undefined });
+                      }
+                    }}
+                    style={{
+                      padding: "8px 12px",
+                      background: "var(--bg-input)",
+                      border: "1px solid var(--border)",
+                      borderRadius: "var(--r-sm)",
+                      fontSize: 13,
+                    }}
+                  />
+                </div>
+              ))}
+            </div>
+          )}
+
+          {tab === "cosmetics" && userId && (
+            <CosmeticsManager userId={userId} />
+          )}
+
+          {tab === "preferences" && settings && (
+            <div style={{ maxWidth: 640 }}>
+              <div className="h-serif" style={{ fontSize: 22, marginBottom: 20 }}>Preferences</div>
+              {(
+                [
+                  ["Theme", "theme", ["light", "dark"]],
+                  ["Font size", "font_size", ["small", "medium", "large"]],
+                  ["Profile visibility", "profile_visibility", ["public", "school", "private"]],
+                ] as const
+              ).map(([label, key, options]) => (
+                <div
+                  key={key}
+                  style={{
+                    display: "flex",
+                    justifyContent: "space-between",
+                    alignItems: "center",
+                    padding: "16px 0",
+                    borderBottom: "1px solid var(--border)",
+                    gap: 20,
+                  }}
+                >
+                  <div style={{ fontSize: 13, fontWeight: 500 }}>{label}</div>
+                  <div style={{ minWidth: 180 }}>
+                    <CustomSelect
+                      size="sm"
+                      value={(settings[key] as string) ?? options[0]}
+                      onChange={(v) => patch({ [key]: v } as Partial<UserSettings>)}
+                      options={options.map(o => ({ value: o, label: o[0].toUpperCase() + o.slice(1) }))}
+                    />
+                  </div>
+                </div>
+              ))}
+            </div>
+          )}
+
+          {tab === "notifications" && settings && (
+            <div style={{ maxWidth: 640 }}>
+              <div className="h-serif" style={{ fontSize: 22, marginBottom: 20 }}>Notifications</div>
+              {(
+                [
+                  ["Email", "notification_email"],
+                  ["Push", "notification_push"],
+                  ["In-app", "notification_in_app"],
+                  ["Activity status visible", "activity_status_visible"],
+                ] as const
+              ).map(([label, key]) => (
+                <div
+                  key={key}
+                  style={{
+                    display: "flex",
+                    justifyContent: "space-between",
+                    alignItems: "center",
+                    padding: "14px 0",
+                    borderBottom: "1px solid var(--border)",
+                  }}
+                >
+                  <div style={{ fontSize: 13 }}>{label}</div>
+                  <Toggle on={Boolean(settings[key])} onChange={(v) => patch({ [key]: v } as Partial<UserSettings>)} />
+                </div>
+              ))}
+            </div>
+          )}
+
+          {tab === "data" && (
+            <div style={{ maxWidth: 640 }}>
+              <div className="h-serif" style={{ fontSize: 22, marginBottom: 20 }}>Your Data</div>
+              <div className="card" style={{ padding: "var(--pad-lg)" }}>
+                <div style={{ fontWeight: 600, marginBottom: 4 }}>Export your data</div>
+                <div style={{ fontSize: 12, color: "var(--text-dim)", marginBottom: 12 }}>
+                  Download a JSON bundle of your sessions, notes, and knowledge graph.
+                </div>
+                <button
+                  className="btn btn--sm"
+                  onClick={async () => {
+                    if (!userId) return;
+                    try {
+                      const res = await fetch(
+                        `${process.env.NEXT_PUBLIC_API_URL}/api/profile/${userId}/export?user_id=${encodeURIComponent(userId)}`,
+                        { method: "POST" },
+                      );
+                      const data = await res.json();
+                      const blob = new Blob([JSON.stringify(data, null, 2)], { type: "application/json" });
+                      const url = URL.createObjectURL(blob);
+                      const a = document.createElement("a");
+                      a.href = url;
+                      a.download = `sapling-export.json`;
+                      a.click();
+                      URL.revokeObjectURL(url);
+                    } catch (err) {
+                      alert(String(err));
+                    }
+                  }}
+                >
+                  Export
+                </button>
+              </div>
+            </div>
+          )}
+
+          {tab === "danger" && (
+            <div style={{ maxWidth: 640 }}>
+              <div className="h-serif" style={{ fontSize: 22, marginBottom: 20, color: "var(--err)" }}>
+                Danger Zone
+              </div>
+              <div className="card" style={{ padding: "var(--pad-lg)", borderColor: "var(--err)" }}>
+                <div style={{ fontWeight: 600, marginBottom: 4 }}>Delete account</div>
+                <div style={{ fontSize: 12, color: "var(--text-dim)", marginBottom: 12 }}>
+                  Permanently delete your account and all data. This cannot be undone.
+                </div>
+                <button className="btn btn--sm btn--danger" onClick={handleDelete}>Delete my account</button>
+              </div>
+            </div>
+          )}
+        </div>
+      </div>
+
+      {previewOpen && preview && (
+        <PreviewModal profile={preview} onClose={() => setPreviewOpen(false)} />
+      )}
+    </div>
+  );
+}
+
+const COSMETIC_TAB_LABELS: Record<CosmeticType, string> = {
+  avatar_frame: "Frames",
+  banner: "Banners",
+  name_color: "Name colors",
+  title: "Titles",
+};
+
+type CosmeticView = "owned" | "catalog";
+
+function CosmeticsManager({ userId }: { userId: string }) {
+  const toast = useToast();
+  const { userName, avatarUrl, refreshProfile } = useUser();
+  const [subTab, setSubTab] = React.useState<CosmeticType>("avatar_frame");
+  const [view, setView] = React.useState<CosmeticView>("owned");
+  const [owned, setOwned] = React.useState<Record<CosmeticType, UserCosmetic[]>>({
+    avatar_frame: [], banner: [], name_color: [], title: [],
+  });
+  const [catalog, setCatalog] = React.useState<Record<CosmeticType, CatalogCosmetic[]>>({
+    avatar_frame: [], banner: [], name_color: [], title: [],
+  });
+  const [equipped, setEquipped] = React.useState<EquippedCosmetics>({});
+  const [busy, setBusy] = React.useState(false);
+
+  const load = React.useCallback(async () => {
+    try {
+      const [r, c] = await Promise.all([
+        fetchCosmetics(userId),
+        fetchCosmeticsCatalog(userId),
+      ]);
+      setOwned(r.cosmetics);
+      setEquipped(r.equipped as EquippedCosmetics);
+      setCatalog(c.catalog);
+    } catch (err) {
+      console.error("cosmetics load", err);
+    }
+  }, [userId]);
+
+  React.useEffect(() => { load(); }, [load]);
+
+  const equippedId = equipped[subTab]?.id ?? null;
+
+  const equip = async (cosmeticId: string | null) => {
+    setBusy(true);
+    try {
+      await equipCosmetic(userId, subTab, cosmeticId);
+      await load();
+      await refreshProfile();
+      toast.success(cosmeticId ? "Equipped" : "Unequipped");
+    } catch (err) {
+      toast.error(`Couldn't update: ${String(err)}`);
+    } finally {
+      setBusy(false);
+    }
+  };
+
+  const ownedList = owned[subTab] || [];
+  const catalogList = catalog[subTab] || [];
+  const lockedCount = catalogList.filter(c => !c.owned).length;
+
+  return (
+    <div style={{ maxWidth: 720 }}>
+      <div className="h-serif" style={{ fontSize: 22, marginBottom: 12 }}>Cosmetics</div>
+      <div style={{ display: "flex", justifyContent: "space-between", alignItems: "center", borderBottom: "1px solid var(--border)", marginBottom: 16 }}>
+        <div style={{ display: "flex", gap: 4 }}>
+          {(Object.keys(COSMETIC_TAB_LABELS) as CosmeticType[]).map(t => (
+            <button
+              key={t}
+              onClick={() => setSubTab(t)}
+              style={{
+                padding: "8px 14px", fontSize: 13,
+                fontWeight: subTab === t ? 600 : 400,
+                color: subTab === t ? "var(--text)" : "var(--text-dim)",
+                borderBottom: subTab === t ? "2px solid var(--accent)" : "2px solid transparent",
+              }}
+            >
+              {COSMETIC_TAB_LABELS[t]}
+            </button>
+          ))}
+        </div>
+        <div style={{ display: "flex", gap: 4, padding: "4px 0" }}>
+          {(["owned", "catalog"] as const).map(v => (
+            <button
+              key={v}
+              onClick={() => setView(v)}
+              style={{
+                padding: "4px 10px", fontSize: 11, borderRadius: "var(--r-full)",
+                background: view === v ? "var(--accent-soft)" : "transparent",
+                color: view === v ? "var(--accent)" : "var(--text-dim)",
+                border: `1px solid ${view === v ? "var(--accent-border)" : "var(--border)"}`,
+                textTransform: "capitalize",
+              }}
+            >
+              {v === "catalog" ? `Catalog · ${catalogList.length}` : `Owned · ${ownedList.length}`}
+            </button>
+          ))}
+        </div>
+      </div>
+
+      {view === "owned" ? (
+        ownedList.length === 0 ? (
+          <div className="card" style={{ padding: 28, textAlign: "center", color: "var(--text-muted)" }}>
+            No {COSMETIC_TAB_LABELS[subTab].toLowerCase()} unlocked yet.
+            {catalogList.length > 0 && (
+              <div style={{ marginTop: 8 }}>
+                <button className="btn btn--sm" onClick={() => setView("catalog")}>
+                  Browse catalog ({catalogList.length})
+                </button>
+              </div>
+            )}
+          </div>
+        ) : (
+          <div style={{ display: "grid", gridTemplateColumns: "repeat(auto-fill, minmax(180px, 1fr))", gap: 12 }}>
+            {ownedList.map(uc => {
+              const c = uc.cosmetic;
+              const isEquipped = equippedId === c.id;
+              return (
+                <CosmeticCard
+                  key={c.id}
+                  cosmetic={c}
+                  userName={userName}
+                  avatarUrl={avatarUrl}
+                  isEquipped={isEquipped}
+                  locked={false}
+                  disabled={busy}
+                  onClick={() => equip(isEquipped ? null : c.id)}
+                />
+              );
+            })}
+          </div>
+        )
+      ) : (
+        <>
+          {catalogList.length === 0 ? (
+            <div className="card" style={{ padding: 28, textAlign: "center", color: "var(--text-muted)" }}>
+              Nothing in the catalog yet.
+            </div>
+          ) : (
+            <div style={{ display: "grid", gridTemplateColumns: "repeat(auto-fill, minmax(180px, 1fr))", gap: 12 }}>
+              {catalogList.map(c => {
+                const isEquipped = equippedId === c.id;
+                return (
+                  <CosmeticCard
+                    key={c.id}
+                    cosmetic={c}
+                    userName={userName}
+                    avatarUrl={avatarUrl}
+                    isEquipped={isEquipped}
+                    locked={!c.owned}
+                    unlockSource={c.unlock_source}
+                    disabled={busy}
+                    onClick={c.owned ? () => equip(isEquipped ? null : c.id) : undefined}
+                  />
+                );
+              })}
+            </div>
+          )}
+          {lockedCount > 0 && (
+            <div style={{ fontSize: 11, color: "var(--text-muted)", marginTop: 12, textAlign: "center" }}>
+              {lockedCount} locked · earn achievements or unlock via the ways shown on each card.
+            </div>
+          )}
+        </>
+      )}
+    </div>
+  );
+}
+
+function CosmeticCard({
+  cosmetic, userName, avatarUrl, isEquipped, locked, unlockSource, disabled, onClick,
+}: {
+  cosmetic: UserCosmetic["cosmetic"];
+  userName: string;
+  avatarUrl: string;
+  isEquipped: boolean;
+  locked: boolean;
+  unlockSource?: string | null;
+  disabled: boolean;
+  onClick?: () => void;
+}) {
+  return (
+    <div
+      className="card"
+      style={{
+        padding: 12,
+        display: "flex", flexDirection: "column", alignItems: "center", gap: 8,
+        borderTop: `3px solid var(--rarity-${cosmetic.rarity}, var(--border))`,
+        outline: isEquipped ? "2px solid var(--accent)" : "none",
+        outlineOffset: -1,
+        opacity: locked ? 0.6 : 1,
+        position: "relative",
+      }}
+    >
+      {locked && (
+        <span
+          className="chip"
+          style={{ position: "absolute", top: 8, right: 8, fontSize: 9, textTransform: "uppercase" }}
+          title={unlockSource || "Locked"}
+        >
+          🔒 locked
+        </span>
+      )}
+      <CosmeticPreview cosmetic={cosmetic} userName={userName} avatarUrl={avatarUrl} />
+      <div style={{ fontSize: 12, fontWeight: 600, textAlign: "center" }}>{cosmetic.name}</div>
+      <div style={{ fontSize: 10, color: "var(--text-muted)", textTransform: "uppercase", letterSpacing: "0.08em" }}>
+        {cosmetic.rarity}
+      </div>
+      {locked ? (
+        <div style={{ fontSize: 10, color: "var(--text-muted)", textAlign: "center", minHeight: 14 }}>
+          {unlockSource ? `Unlock: ${unlockSource}` : "Locked"}
+        </div>
+      ) : (
+        <button
+          className={`btn btn--sm ${isEquipped ? "" : "btn--primary"}`}
+          onClick={onClick}
+          disabled={disabled || !onClick}
+          style={{ width: "100%" }}
+        >
+          {isEquipped ? "Unequip" : "Equip"}
+        </button>
+      )}
+    </div>
+  );
+}
+
+function CosmeticPreview({
+  cosmetic, userName, avatarUrl,
+}: {
+  cosmetic: UserCosmetic["cosmetic"];
+  userName: string;
+  avatarUrl: string;
+}) {
+  if (cosmetic.type === "avatar_frame") {
+    return (
+      <div style={{ position: "relative", width: 64, height: 64 }}>
+        <Avatar name={userName || "?"} size={52} img={avatarUrl || undefined} />
+        {cosmetic.asset_url && (
+          <img
+            src={cosmetic.asset_url}
+            alt=""
+            style={{ position: "absolute", inset: 0, width: "100%", height: "100%", pointerEvents: "none", objectFit: "contain" }}
+          />
+        )}
+      </div>
+    );
+  }
+  if (cosmetic.type === "banner" && cosmetic.asset_url) {
+    return (
+      <div style={{ width: "100%", height: 48, borderRadius: "var(--r-sm)", overflow: "hidden", border: "1px solid var(--border)" }}>
+        <img src={cosmetic.asset_url} alt="" style={{ width: "100%", height: "100%", objectFit: "cover" }} />
+      </div>
+    );
+  }
+  if (cosmetic.type === "name_color") {
+    const css = cosmetic.css_value || "var(--text)";
+    const isGradient = /gradient\(/i.test(css);
+    const style: React.CSSProperties = isGradient
+      ? { backgroundImage: css, WebkitBackgroundClip: "text", backgroundClip: "text", color: "transparent" }
+      : { color: css };
+    return <div className="h-serif" style={{ fontSize: 18, fontWeight: 600, ...style }}>{userName || "Preview"}</div>;
+  }
+  if (cosmetic.type === "title") {
+    return (
+      <span className="chip" style={{ fontSize: 11, textTransform: "uppercase", letterSpacing: "0.1em" }}>
+        {cosmetic.css_value || cosmetic.name}
+      </span>
+    );
+  }
+  return null;
+}
+
+function PreviewModal({ profile, onClose }: { profile: UserProfile; onClose: () => void }) {
+  React.useEffect(() => {
+    const prev = document.body.style.overflow;
+    document.body.style.overflow = "hidden";
+    const onKey = (e: KeyboardEvent) => { if (e.key === "Escape") onClose(); };
+    window.addEventListener("keydown", onKey);
+    return () => {
+      document.body.style.overflow = prev;
+      window.removeEventListener("keydown", onKey);
+    };
+  }, [onClose]);
+
+  return (
+    <div
+      onClick={onClose}
+      style={{
+        position: "fixed", inset: 0, zIndex: 120,
+        background: "rgba(19,38,16,0.45)",
+        display: "flex", alignItems: "center", justifyContent: "center",
+        padding: 24,
+      }}
+    >
+      <div
+        onClick={e => e.stopPropagation()}
+        style={{
+          background: "var(--bg)", borderRadius: "var(--r-lg)",
+          border: "1px solid var(--border)",
+          maxWidth: 920, width: "100%", maxHeight: "88vh", overflow: "auto",
+        }}
+      >
+        <div style={{
+          display: "flex", justifyContent: "space-between", alignItems: "center",
+          padding: "14px 20px", borderBottom: "1px solid var(--border)",
+          position: "sticky", top: 0, background: "var(--bg)", zIndex: 1,
+        }}>
+          <div className="label-micro">Profile preview</div>
+          <button className="btn btn--sm btn--ghost" onClick={onClose} aria-label="Close">
+            <Icon name="x" size={12} /> Close
+          </button>
+        </div>
+        <div style={{ padding: 20 }}>
+          <ProfileView profile={profile} embedded />
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/frontend/src/components/screens/Social.tsx b/frontend/src/components/screens/Social.tsx
new file mode 100644
index 00000000..5db3cbb4
--- /dev/null
+++ b/frontend/src/components/screens/Social.tsx
@@ -0,0 +1,1063 @@
+"use client";
+import React from "react";
+import Link from "next/link";
+import { useSearchParams } from "next/navigation";
+import { Icon } from "../Icon";
+import { Avatar } from "../Avatar";
+import { CustomSelect } from "../CustomSelect";
+import { useToast } from "../ToastProvider";
+import { useConfirm } from "@/lib/useConfirm";
+import { useUser } from "@/context/UserContext";
+import { IS_LOCAL_MODE } from "@/lib/api";
+import {
+  getUserRooms,
+  createRoom,
+  joinRoom,
+  getRoomMessages,
+  sendRoomMessage,
+  toggleRoomReaction,
+  editRoomMessage,
+  deleteRoomMessage,
+  leaveRoom,
+  kickMember,
+  getRoomOverview,
+  getRoomActivity,
+  findStudyMatches,
+  getStudents,
+  type StudentRow,
+} from "@/lib/api";
+import type { RoomMessageRow, RoomOverviewData } from "@/lib/types";
+
+type Tab = "overview" | "chat" | "match" | "activity" | "directory";
+type Room = { id: string; name: string; invite_code: string; member_count: number; created_by?: string };
+
+const EMOJI_50 = [
+  "👍","🎉","❤️","🔥","🙌","💯","😂","😊","🤔","😮",
+  "😢","🙏","👀","💡","✅","⚠️","🚀","🌱","📚","🧠",
+  "⭐","✨","👏","💪","🎯","💬","☕","🍀","🌟","⚡",
+  "🤝","✏️","📝","🧪","🔬","🎓","📊","🧩","🌈","🌻",
+  "🥳","😎","🤷","🤯","🫡","🙈","🔖","📌","💭","💫",
+];
+
+function supabaseClient() {
+  if (IS_LOCAL_MODE) return null;
+  if (typeof window === "undefined") return null;
+  try {
+    // Lazy so local mode doesn't blow up.
+    // eslint-disable-next-line @typescript-eslint/no-require-imports
+    const { getSupabase } = require("@/lib/supabase");
+    return getSupabase();
+  } catch {
+    return null;
+  }
+}
+
+function CreateJoinBar({ onDone }: { onDone: () => void }) {
+  const { userId } = useUser();
+  const toast = useToast();
+  const [mode, setMode] = React.useState<"idle" | "create" | "join">("idle");
+  const [value, setValue] = React.useState("");
+
+  const submit = async () => {
+    if (!value.trim() || !userId) return;
+    try {
+      if (mode === "create") await createRoom(userId, value.trim());
+      else if (mode === "join") await joinRoom(userId, value.trim());
+      toast.success(mode === "create" ? "Room created" : "Joined room");
+      setMode("idle");
+      setValue("");
+      onDone();
+    } catch (err) {
+      toast.error(String(err));
+    }
+  };
+
+  if (mode === "idle") {
+    return (
+      <div style={{ display: "flex", gap: 6, marginTop: 10 }}>
+        <button className="btn btn--sm btn--primary" style={{ flex: 1 }} onClick={() => setMode("create")}>
+          <Icon name="plus" size={12} /> Create
+        </button>
+        <button className="btn btn--sm" style={{ flex: 1 }} onClick={() => setMode("join")}>Join</button>
+      </div>
+    );
+  }
+
+  return (
+    <div style={{ display: "flex", gap: 6, marginTop: 10 }}>
+      <input
+        autoFocus
+        value={value}
+        onChange={(e) => setValue(e.target.value)}
+        onKeyDown={(e) => { if (e.key === "Enter") submit(); if (e.key === "Escape") setMode("idle"); }}
+        placeholder={mode === "create" ? "Room name" : "Invite code"}
+        style={{
+          flex: 1, padding: "6px 10px",
+          border: "1px solid var(--border)", borderRadius: "var(--r-sm)",
+          fontSize: 12, background: "var(--bg-panel)",
+        }}
+      />
+      <button className="btn btn--sm btn--primary" onClick={submit}>Go</button>
+    </div>
+  );
+}
+
+function RoomChat({ roomId, members }: { roomId: string; members: { user_id: string; name: string }[] }) {
+  const { userId, userName } = useUser();
+  const toast = useToast();
+  const [messages, setMessages] = React.useState<RoomMessageRow[]>([]);
+  const [input, setInput] = React.useState("");
+  const [replyTo, setReplyTo] = React.useState<RoomMessageRow | null>(null);
+  const [editing, setEditing] = React.useState<string | null>(null);
+  const [editValue, setEditValue] = React.useState("");
+  const [picker, setPicker] = React.useState<string | null>(null);
+  const [menu, setMenu] = React.useState<string | null>(null);
+  const [typingUsers, setTypingUsers] = React.useState<Set<string>>(new Set());
+  const [mentionState, setMentionState] = React.useState<{ query: string; index: number } | null>(null);
+  const [hasMore, setHasMore] = React.useState(false);
+  const [loadingEarlier, setLoadingEarlier] = React.useState(false);
+  const scrollRef = React.useRef<HTMLDivElement>(null);
+  const inputRef = React.useRef<HTMLTextAreaElement>(null);
+  const fileRef = React.useRef<HTMLInputElement>(null);
+  const typingChannelRef = React.useRef<any>(null);
+
+  const load = React.useCallback(async () => {
+    try {
+      const res = await getRoomMessages(roomId, { limit: 50 });
+      setMessages(res.messages || []);
+      setHasMore(Boolean(res.has_more));
+    } catch (err) {
+      console.error("messages load failed", err);
+    }
+  }, [roomId]);
+
+  React.useEffect(() => { load(); }, [load]);
+
+  // Realtime subscriptions.
+  React.useEffect(() => {
+    const supa = supabaseClient();
+    if (!supa) return;
+
+    const channel = supa
+      .channel(`room:${roomId}`)
+      .on("postgres_changes",
+        { event: "INSERT", schema: "public", table: "room_messages", filter: `room_id=eq.${roomId}` },
+        (payload: any) => {
+          const row = payload.new as RoomMessageRow;
+          setMessages(prev => {
+            const withoutTmp = prev.filter(m => !m.id.startsWith("tmp_") || m.text !== row.text || m.user_id !== row.user_id);
+            if (withoutTmp.some(m => m.id === row.id)) return withoutTmp;
+            return [...withoutTmp, { ...row, reactions: [], reply_to: null }];
+          });
+        })
+      .on("postgres_changes",
+        { event: "UPDATE", schema: "public", table: "room_messages", filter: `room_id=eq.${roomId}` },
+        (payload: any) => {
+          const row = payload.new as RoomMessageRow;
+          setMessages(prev => prev.map(m => m.id === row.id ? { ...m, ...row } : m));
+        })
+      .on("postgres_changes",
+        { event: "INSERT", schema: "public", table: "room_reactions" },
+        () => { void load(); })
+      .on("postgres_changes",
+        { event: "DELETE", schema: "public", table: "room_reactions" },
+        () => { void load(); })
+      .subscribe();
+
+    return () => { supa.removeChannel(channel); };
+  }, [roomId, load]);
+
+  // Presence / typing channel.
+  React.useEffect(() => {
+    const supa = supabaseClient();
+    if (!supa || !userId) return;
+    const ch = supa.channel(`presence:${roomId}`, { config: { presence: { key: userId } } });
+    ch
+      .on("presence", { event: "sync" }, () => {
+        const state = ch.presenceState();
+        const typers = new Set<string>();
+        Object.entries(state).forEach(([uid, arr]: [string, any]) => {
+          if (uid === userId) return;
+          const p = arr?.[0];
+          if (p?.typing && Date.now() - (p.last || 0) < 3000) typers.add(p.name || uid);
+        });
+        setTypingUsers(typers);
+      })
+      .subscribe(async (status: string) => {
+        if (status === "SUBSCRIBED") {
+          await ch.track({ name: userName || "Anonymous", typing: false, last: Date.now() });
+        }
+      });
+    typingChannelRef.current = ch;
+    return () => {
+      ch.unsubscribe();
+      typingChannelRef.current = null;
+    };
+  }, [roomId, userId, userName]);
+
+  React.useEffect(() => {
+    scrollRef.current?.scrollTo({ top: scrollRef.current.scrollHeight, behavior: "smooth" });
+  }, [messages.length]);
+
+  const announceTyping = React.useRef(
+    debounce((channel: any, name: string) => {
+      channel?.track({ name, typing: false, last: Date.now() });
+    }, 2500),
+  );
+
+  const onInputChange = (v: string) => {
+    setInput(v);
+    const ch = typingChannelRef.current;
+    if (ch) {
+      ch.track({ name: userName || "Anonymous", typing: true, last: Date.now() });
+      announceTyping.current(ch, userName || "Anonymous");
+    }
+    // Mention detection
+    const match = v.match(/@([\w-]*)$/);
+    if (match) setMentionState({ query: match[1].toLowerCase(), index: 0 });
+    else setMentionState(null);
+  };
+
+  const filteredMentions = React.useMemo(() => {
+    if (!mentionState) return [];
+    const q = mentionState.query;
+    return members.filter(m => m.name.toLowerCase().includes(q)).slice(0, 6);
+  }, [mentionState, members]);
+
+  const applyMention = (name: string) => {
+    setInput(prev => prev.replace(/@([\w-]*)$/, `@${name.replace(/\s+/g, "")} `));
+    setMentionState(null);
+    inputRef.current?.focus();
+  };
+
+  const send = async () => {
+    const text = input.trim();
+    if (!text || !userId) return;
+    const tmpId = `tmp_${Date.now()}_${Math.random()}`;
+    const tmp: RoomMessageRow = {
+      id: tmpId,
+      user_id: userId,
+      user_name: userName || "Me",
+      text,
+      image_url: null,
+      created_at: new Date().toISOString(),
+      reply_to_id: replyTo?.id || null,
+      is_deleted: false,
+      edited_at: null,
+      reply_to: replyTo ? { id: replyTo.id, user_name: replyTo.user_name, text: replyTo.text } : null,
+      reactions: [],
+    };
+    setMessages(prev => [...prev, tmp]);
+    setInput("");
+    const r = replyTo;
+    setReplyTo(null);
+    try {
+      await sendRoomMessage(roomId, userId, userName || "Me", text, undefined, r?.id);
+    } catch (err) {
+      setMessages(prev => prev.filter(m => m.id !== tmpId));
+      toast.error(`Send failed: ${String(err)}`);
+    }
+  };
+
+  const handleEditSave = async (id: string) => {
+    const text = editValue.trim();
+    if (!text || !userId) return;
+    try {
+      await editRoomMessage(roomId, id, userId, text);
+      setMessages(prev => prev.map(m => m.id === id ? { ...m, text, edited_at: new Date().toISOString() } : m));
+      toast.success("Edited");
+      setEditing(null);
+      setEditValue("");
+    } catch (err) {
+      toast.error(`Edit failed: ${String(err)}`);
+    }
+  };
+
+  const handleDelete = async (m: RoomMessageRow) => {
+    if (!userId) return;
+    try {
+      await deleteRoomMessage(roomId, m.id, userId);
+      setMessages(prev => prev.map(x => x.id === m.id ? { ...x, is_deleted: true, text: null } : x));
+    } catch (err) {
+      toast.error(`Delete failed: ${String(err)}`);
+    }
+  };
+
+  const handleReaction = async (messageId: string, emoji: string) => {
+    if (!userId) return;
+    try {
+      await toggleRoomReaction(roomId, messageId, userId, emoji);
+      void load();
+    } catch (err) {
+      toast.error(`Reaction failed: ${String(err)}`);
+    }
+    setPicker(null);
+  };
+
+  const handleImage = async (file: File) => {
+    const supa = supabaseClient();
+    if (!supa || !userId) {
+      toast.error("Image uploads require Supabase storage.");
+      return;
+    }
+    try {
+      const path = `${roomId}/${userId}-${Date.now()}-${file.name}`;
+      const up = await supa.storage.from("chat-images").upload(path, file);
+      if (up.error) throw up.error;
+      const pub = supa.storage.from("chat-images").getPublicUrl(path);
+      const url: string = pub.data.publicUrl;
+      await sendRoomMessage(roomId, userId, userName || "Me", "", url);
+      toast.success("Image sent");
+    } catch (err) {
+      toast.error(`Upload failed: ${String(err)}`);
+    }
+  };
+
+  const loadEarlier = async () => {
+    if (loadingEarlier || !hasMore || messages.length === 0) return;
+    setLoadingEarlier(true);
+    const scrollEl = scrollRef.current;
+    const prevHeight = scrollEl?.scrollHeight ?? 0;
+    try {
+      const oldest = messages[0];
+      const res = await getRoomMessages(roomId, { before: oldest.created_at, limit: 50 });
+      const existing = new Set(messages.map(m => m.id));
+      const older = (res.messages || []).filter(m => !existing.has(m.id));
+      setMessages(prev => [...older, ...prev]);
+      setHasMore(Boolean(res.has_more));
+      requestAnimationFrame(() => {
+        if (scrollEl) scrollEl.scrollTop = scrollEl.scrollHeight - prevHeight;
+      });
+    } catch (err) {
+      toast.error(`Couldn't load earlier messages: ${String(err)}`);
+    } finally {
+      setLoadingEarlier(false);
+    }
+  };
+
+  const renderText = (text: string | null) => {
+    if (!text) return null;
+    // Escape HTML, then highlight @Mentions against member names.
+    const safe = text.replace(/[&<>"]/g, c => ({ "&": "&amp;", "<": "&lt;", ">": "&gt;", '"': "&quot;" }[c] || c));
+    const memberSet = new Set(members.map(m => m.name.replace(/\s+/g, "")));
+    const out = safe.replace(/@([\w-]+)/g, (full, name) => {
+      if (memberSet.has(name)) return `<span style="color:var(--accent);font-weight:600">${full}</span>`;
+      return full;
+    });
+    return <span dangerouslySetInnerHTML={{ __html: out }} />;
+  };
+
+  return (
+    <>
+      <div style={{ padding: "6px 20px 0", fontSize: 11, color: "var(--text-muted)", minHeight: 18 }}>
+        {typingUsers.size > 0 && `${Array.from(typingUsers).join(", ")} typing…`}
+      </div>
+      <div
+        ref={scrollRef}
+        style={{ flex: 1, overflowY: "auto", padding: "12px 24px", display: "flex", flexDirection: "column", gap: 14 }}
+      >
+        {hasMore && (
+          <div style={{ textAlign: "center" }}>
+            <button className="btn btn--ghost btn--sm" onClick={loadEarlier} disabled={loadingEarlier}>
+              {loadingEarlier ? "Loading…" : "Load earlier messages"}
+            </button>
+          </div>
+        )}
+        {messages.length === 0 && (
+          <div style={{ textAlign: "center", color: "var(--text-muted)", fontSize: 12 }}>No messages yet — say hi.</div>
+        )}
+        {messages.map((m) => {
+          const self = m.user_id === userId;
+          const isMenuOpen = menu === m.id;
+          const isEditing = editing === m.id;
+          return (
+            <div key={m.id} style={{ display: "flex", gap: 10, alignSelf: self ? "flex-end" : "flex-start", maxWidth: "72%", position: "relative" }} className="fade-in">
+              {!self && <Avatar name={m.user_name} size={32} />}
+              <div style={{ position: "relative" }}>
+                {!self && <div style={{ fontSize: 11, color: "var(--text-dim)", fontWeight: 600, marginBottom: 2 }}>{m.user_name}</div>}
+                {m.reply_to && (
+                  <div style={{ fontSize: 11, color: "var(--text-muted)", borderLeft: "2px solid var(--accent)", paddingLeft: 6, marginBottom: 4 }}>
+                    ↪ <strong>{m.reply_to.user_name}</strong>: {m.reply_to.text?.slice(0, 60) || "(deleted)"}
+                  </div>
+                )}
+                {m.is_deleted ? (
+                  <div style={{ padding: "8px 12px", borderRadius: "var(--r-md)", background: "var(--bg-subtle)", color: "var(--text-muted)", fontStyle: "italic", fontSize: 13 }}>
+                    Message deleted
+                  </div>
+                ) : isEditing ? (
+                  <div style={{ display: "flex", gap: 6 }}>
+                    <input
+                      autoFocus
+                      value={editValue}
+                      onChange={e => setEditValue(e.target.value)}
+                      onKeyDown={e => {
+                        if (e.key === "Enter") handleEditSave(m.id);
+                        if (e.key === "Escape") { setEditing(null); setEditValue(""); }
+                      }}
+                      style={{
+                        padding: "6px 10px", border: "1px solid var(--border)",
+                        borderRadius: "var(--r-sm)", fontSize: 13, background: "var(--bg-panel)",
+                      }}
+                    />
+                    <button className="btn btn--sm btn--primary" onClick={() => handleEditSave(m.id)}>Save</button>
+                    <button className="btn btn--sm btn--ghost" onClick={() => { setEditing(null); setEditValue(""); }}>
+                      <Icon name="x" size={11} />
+                    </button>
+                  </div>
+                ) : (
+                  <div
+                    onClick={() => setMenu(v => v === m.id ? null : m.id)}
+                    style={{
+                      padding: "8px 12px", borderRadius: "var(--r-md)",
+                      background: self ? "var(--accent)" : "var(--bg-panel)",
+                      color: self ? "var(--accent-fg)" : "var(--text)",
+                      border: self ? "none" : "1px solid var(--border)",
+                      fontSize: 13.5, whiteSpace: "pre-wrap", cursor: "pointer",
+                    }}
+                  >
+                    {m.image_url && (
+                      <img src={m.image_url} alt="attachment" style={{ maxWidth: 260, borderRadius: "var(--r-sm)", marginBottom: m.text ? 6 : 0 }} />
+                    )}
+                    {renderText(m.text)}
+                    {m.edited_at && <span style={{ fontSize: 10, opacity: 0.6, marginLeft: 6 }}>(edited)</span>}
+                  </div>
+                )}
+                {m.reactions.length > 0 && (
+                  <div style={{ display: "flex", gap: 4, marginTop: 4, flexWrap: "wrap" }}>
+                    {m.reactions.map((r) => (
+                      <button
+                        key={r.emoji}
+                        onClick={() => handleReaction(m.id, r.emoji)}
+                        style={{
+                          fontSize: 11, padding: "2px 8px",
+                          background: r.user_ids.includes(userId) ? "var(--accent-soft)" : "var(--bg-panel)",
+                          color: r.user_ids.includes(userId) ? "var(--accent)" : "var(--text)",
+                          border: "1px solid var(--border)", borderRadius: "var(--r-full)",
+                        }}
+                      >
+                        {r.emoji} {r.user_ids.length}
+                      </button>
+                    ))}
+                  </div>
+                )}
+                {isMenuOpen && !m.is_deleted && (
+                  <div style={{ position: "absolute", top: -32, right: 0, display: "flex", gap: 4, background: "var(--bg-panel)", border: "1px solid var(--border-strong)", borderRadius: "var(--r-full)", padding: 4, boxShadow: "var(--shadow-md)" }}>
+                    <button className="btn btn--ghost btn--sm" title="React" onClick={(e) => { e.stopPropagation(); setPicker(m.id); }}>
+                      😊
+                    </button>
+                    <button className="btn btn--ghost btn--sm" title="Reply" onClick={(e) => { e.stopPropagation(); setReplyTo(m); setMenu(null); inputRef.current?.focus(); }}>
+                      ↪
+                    </button>
+                    {self && (
+                      <>
+                        <button className="btn btn--ghost btn--sm" title="Edit" onClick={(e) => { e.stopPropagation(); setEditing(m.id); setEditValue(m.text || ""); setMenu(null); }}>
+                          <Icon name="pencil" size={11} />
+                        </button>
+                        <button className="btn btn--ghost btn--sm" title="Delete" onClick={(e) => { e.stopPropagation(); handleDelete(m); setMenu(null); }}>
+                          <Icon name="x" size={11} />
+                        </button>
+                      </>
+                    )}
+                  </div>
+                )}
+                {picker === m.id && (
+                  <div style={{ position: "absolute", top: 20, right: 0, zIndex: 20, background: "var(--bg-panel)", border: "1px solid var(--border-strong)", borderRadius: "var(--r-md)", padding: 10, boxShadow: "var(--shadow-lg)", display: "grid", gridTemplateColumns: "repeat(10, 1fr)", gap: 4, width: 340 }}>
+                    {EMOJI_50.map((e) => (
+                      <button key={e} onClick={() => handleReaction(m.id, e)} style={{ fontSize: 16, padding: 4, borderRadius: 4 }}>{e}</button>
+                    ))}
+                  </div>
+                )}
+              </div>
+            </div>
+          );
+        })}
+      </div>
+
+      {replyTo && (
+        <div style={{ padding: "6px 20px", borderTop: "1px solid var(--border)", background: "var(--bg-subtle)", fontSize: 11, display: "flex", justifyContent: "space-between", alignItems: "center" }}>
+          <div style={{ color: "var(--text-dim)" }}>
+            Replying to <strong>{replyTo.user_name}</strong>: {replyTo.text?.slice(0, 80) || "(attachment)"}
+          </div>
+          <button className="btn btn--ghost btn--sm" onClick={() => setReplyTo(null)}>
+            <Icon name="x" size={11} />
+          </button>
+        </div>
+      )}
+
+      <div style={{ position: "relative", padding: "12px 20px", borderTop: "1px solid var(--border)", background: "var(--bg-panel)" }}>
+        {mentionState && filteredMentions.length > 0 && (
+          <div style={{ position: "absolute", left: 20, bottom: 70, background: "var(--bg-panel)", border: "1px solid var(--border-strong)", borderRadius: "var(--r-md)", boxShadow: "var(--shadow-md)", overflow: "hidden", minWidth: 200, zIndex: 10 }}>
+            {filteredMentions.map((m, i) => (
+              <button
+                key={m.user_id}
+                onClick={() => applyMention(m.name)}
+                style={{
+                  display: "block", width: "100%", textAlign: "left",
+                  padding: "6px 10px", fontSize: 12,
+                  background: i === (mentionState?.index || 0) ? "var(--bg-subtle)" : "transparent",
+                }}
+              >
+                @{m.name.replace(/\s+/g, "")}
+              </button>
+            ))}
+          </div>
+        )}
+        <div style={{ display: "flex", gap: 8, alignItems: "center", background: "var(--bg-subtle)", borderRadius: "var(--r-full)", padding: "6px 14px", border: "1px solid var(--border)" }}>
+          <textarea
+            ref={inputRef}
+            value={input}
+            rows={1}
+            onChange={(e) => onInputChange(e.target.value)}
+            onKeyDown={(e) => {
+              if (mentionState && filteredMentions.length > 0) {
+                if (e.key === "ArrowDown") { e.preventDefault(); setMentionState(s => s && ({ ...s, index: Math.min(filteredMentions.length - 1, s.index + 1) })); return; }
+                if (e.key === "ArrowUp") { e.preventDefault(); setMentionState(s => s && ({ ...s, index: Math.max(0, s.index - 1) })); return; }
+                if (e.key === "Tab" || e.key === "Enter") {
+                  e.preventDefault();
+                  applyMention(filteredMentions[mentionState.index || 0].name);
+                  return;
+                }
+                if (e.key === "Escape") { setMentionState(null); return; }
+              }
+              if (e.key === "Enter" && !e.shiftKey) { e.preventDefault(); send(); }
+            }}
+            placeholder="Message the room… (@ to mention)"
+            style={{
+              flex: 1, border: 0, background: "transparent", outline: "none",
+              fontSize: 14, padding: "6px 0", resize: "none", fontFamily: "inherit", color: "inherit",
+            }}
+          />
+          <input
+            ref={fileRef}
+            type="file"
+            accept="image/*"
+            hidden
+            onChange={e => {
+              const f = e.target.files?.[0];
+              if (f) handleImage(f);
+              e.target.value = "";
+            }}
+          />
+          <button className="btn btn--ghost btn--sm" onClick={() => fileRef.current?.click()} title="Attach image">
+            <Icon name="doc" size={13} />
+          </button>
+          <button className="btn btn--primary btn--sm" onClick={send} disabled={!input.trim()}>
+            <Icon name="send" size={13} />
+          </button>
+        </div>
+      </div>
+    </>
+  );
+}
+
+function debounce<T extends (...args: any[]) => void>(fn: T, ms: number): T {
+  let t: ReturnType<typeof setTimeout> | null = null;
+  return ((...args: any[]) => {
+    if (t) clearTimeout(t);
+    t = setTimeout(() => fn(...args), ms);
+  }) as T;
+}
+
+function RoomOverview({ roomId, onChange }: { roomId: string; onChange: () => void }) {
+  const { userId } = useUser();
+  const toast = useToast();
+  const search = useSearchParams();
+  const suggestedId = search.get("suggest");
+  const [data, setData] = React.useState<RoomOverviewData | null>(null);
+  React.useEffect(() => {
+    getRoomOverview(roomId).then(setData).catch(console.error);
+  }, [roomId]);
+
+  const refresh = () => getRoomOverview(roomId).then(setData).catch(console.error);
+  const isLeader = data?.room?.created_by === userId;
+
+  const comparison = React.useMemo(() => {
+    if (!data || !suggestedId || suggestedId === userId) return null;
+    const me = data.members.find(m => m.user_id === userId);
+    const partner = data.members.find(m => m.user_id === suggestedId);
+    if (!me || !partner) return null;
+    const myByName = new Map<string, number>();
+    for (const n of me.graph.nodes || []) {
+      myByName.set((n.concept_name || "").trim().toLowerCase(), n.mastery_score || 0);
+    }
+    const entries = (partner.graph.nodes || [])
+      .filter(n => !n.is_subject_root)
+      .map(n => {
+        const key = (n.concept_name || "").trim().toLowerCase();
+        return {
+          name: n.concept_name,
+          partner_mastery: n.mastery_score || 0,
+          my_mastery: myByName.get(key) ?? 0,
+          delta: (n.mastery_score || 0) - (myByName.get(key) ?? 0),
+        };
+      })
+      .filter(e => e.partner_mastery > 0.1)
+      .sort((a, b) => b.delta - a.delta);
+    return { partner, entries };
+  }, [data, suggestedId, userId]);
+
+  const leave = useConfirm(async () => {
+    try {
+      await leaveRoom(roomId, userId);
+      toast.success("Left the room");
+      onChange();
+    } catch (err) {
+      toast.error(`Leave failed: ${String(err)}`);
+    }
+  });
+
+  if (!data) return <div style={{ flex: 1, padding: 32, color: "var(--text-muted)" }}>Loading…</div>;
+  return (
+    <div style={{ flex: 1, overflowY: "auto", padding: "24px 32px" }}>
+      <div className="card" style={{ padding: "var(--pad-lg)", marginBottom: 20 }}>
+        <div className="label-micro">AI room summary</div>
+        <div style={{ fontSize: 14, lineHeight: 1.6, marginTop: 8, color: "var(--text-dim)" }}>
+          {data.ai_summary || "No summary yet."}
+        </div>
+      </div>
+
+      {comparison && (
+        <div className="card" style={{ padding: "var(--pad-lg)", marginBottom: 20 }}>
+          <div style={{ display: "flex", alignItems: "center", justifyContent: "space-between", marginBottom: 10 }}>
+            <div className="label-micro">Comparison with {comparison.partner.name}</div>
+            <span className="chip chip--accent">Top concepts where they have the edge</span>
+          </div>
+          {comparison.entries.length === 0 ? (
+            <div style={{ fontSize: 12, color: "var(--text-muted)" }}>No comparable concepts yet.</div>
+          ) : (
+            <div style={{ display: "flex", flexDirection: "column", gap: 8 }}>
+              {comparison.entries.slice(0, 8).map(e => (
+                <div key={e.name} style={{ display: "grid", gridTemplateColumns: "1fr 2fr 2fr", gap: 10, alignItems: "center" }}>
+                  <div style={{ fontSize: 12, fontWeight: 500, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }}>{e.name}</div>
+                  <MasteryBar label="You" value={e.my_mastery} color="var(--accent)" />
+                  <MasteryBar label={comparison.partner.name} value={e.partner_mastery} color="#8a7bc4" dashed />
+                </div>
+              ))}
+            </div>
+          )}
+        </div>
+      )}
+      <div className="card" style={{ padding: "var(--pad-lg)" }}>
+        <div style={{ display: "flex", justifyContent: "space-between", alignItems: "center", marginBottom: 10 }}>
+          <div className="label-micro">Members</div>
+          <button
+            className={`btn btn--sm ${leave.armed ? "btn--danger" : ""}`}
+            onClick={leave.trigger}
+            style={leave.armed ? { background: "var(--err-soft)", color: "var(--err)" } : undefined}
+          >
+            {leave.armed ? "Click again to leave" : <><Icon name="logout" size={11} /> Leave room</>}
+          </button>
+        </div>
+        {data.members.map((m, i) => (
+          <MemberRow
+            key={m.user_id}
+            member={m}
+            isLeader={data.room.created_by === m.user_id}
+            canKick={isLeader && m.user_id !== userId}
+            onKick={async () => {
+              try {
+                await kickMember(roomId, m.user_id, userId);
+                toast.success(`Removed ${m.name}`);
+                refresh();
+              } catch (err) {
+                toast.error(`Kick failed: ${String(err)}`);
+              }
+            }}
+            last={i === data.members.length - 1}
+          />
+        ))}
+      </div>
+    </div>
+  );
+}
+
+function MasteryBar({ label, value, color, dashed }: { label: string; value: number; color: string; dashed?: boolean }) {
+  const pct = Math.max(0, Math.min(100, Math.round(value * 100)));
+  return (
+    <div>
+      <div style={{ display: "flex", justifyContent: "space-between", fontSize: 10, color: "var(--text-muted)", marginBottom: 3 }}>
+        <span style={{ overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }}>{label}</span>
+        <span className="mono">{pct}%</span>
+      </div>
+      <div style={{
+        height: 6, background: "var(--bg-soft)", borderRadius: "var(--r-full)", overflow: "hidden",
+        outline: dashed ? `1px dashed ${color}` : "none", outlineOffset: 1,
+      }}>
+        <div style={{ width: `${pct}%`, height: "100%", background: color, transition: "width var(--dur) var(--ease)" }} />
+      </div>
+    </div>
+  );
+}
+
+function MemberRow({
+  member, isLeader, canKick, onKick, last,
+}: {
+  member: { user_id: string; name: string };
+  isLeader: boolean;
+  canKick: boolean;
+  onKick: () => void | Promise<void>;
+  last: boolean;
+}) {
+  const kick = useConfirm(onKick);
+  return (
+    <div style={{
+      display: "flex", alignItems: "center", gap: 10,
+      padding: "10px 0", borderBottom: last ? "none" : "1px solid var(--border)",
+    }}>
+      <Avatar name={member.name} size={30} />
+      <div style={{ flex: 1 }}>
+        <div style={{ fontSize: 13, fontWeight: 500 }}>{member.name}</div>
+      </div>
+      {isLeader && <span className="chip chip--accent">Leader</span>}
+      <Link
+        href={`/profile/${encodeURIComponent(member.user_id)}`}
+        className="btn btn--sm btn--ghost"
+        title="View profile"
+        style={{ textDecoration: "none" }}
+      >
+        <Icon name="search" size={11} /> Profile
+      </Link>
+      {canKick && (
+        <button
+          className={`btn btn--sm ${kick.armed ? "btn--danger" : "btn--ghost"}`}
+          onClick={kick.trigger}
+          style={kick.armed ? { background: "var(--err-soft)", color: "var(--err)" } : undefined}
+        >
+          {kick.armed ? "Click again" : "Kick"}
+        </button>
+      )}
+    </div>
+  );
+}
+
+function StudyMatch({ roomId }: { roomId: string }) {
+  const { userId } = useUser();
+  const toast = useToast();
+  const [matches, setMatches] = React.useState<any[]>([]);
+  const [loading, setLoading] = React.useState(false);
+  const [popupShown, setPopupShown] = React.useState(false);
+
+  const run = async () => {
+    if (!userId) return;
+    setLoading(true);
+    try {
+      const res = await findStudyMatches(roomId, userId);
+      setMatches(res.matches || []);
+      const top = (res.matches || [])[0];
+      if (!popupShown && top) {
+        setPopupShown(true);
+        toast.success(`Best match: ${top.partner?.name} at ${Math.round((top.compatibility_score || 0) * 100)}%`);
+      }
+    } catch (err) {
+      toast.error(`Matching failed: ${String(err)}`);
+    } finally {
+      setLoading(false);
+    }
+  };
+  return (
+    <div style={{ flex: 1, overflowY: "auto", padding: 32 }}>
+      <div style={{ maxWidth: 800, margin: "0 auto" }}>
+        <div className="card" style={{ padding: "var(--pad-xl)", textAlign: "center", background: "linear-gradient(135deg, var(--accent-soft), var(--bg-panel))" }}>
+          <Icon name="sparkle" size={28} />
+          <div className="h-serif" style={{ fontSize: 24, margin: "12px 0 6px", fontWeight: 500 }}>Find your study match</div>
+          <div style={{ color: "var(--text-dim)", marginBottom: 20 }}>
+            We&apos;ll pair you with members whose knowledge complements yours.
+          </div>
+          <button className="btn btn--primary" onClick={run} disabled={loading}>
+            {loading ? "Finding…" : "Find matches"}
+          </button>
+        </div>
+        {matches.length > 0 && (
+          <>
+            <div className="label-micro" style={{ margin: "24px 0 12px" }}>Suggested partners</div>
+            <div style={{ display: "grid", gridTemplateColumns: "1fr 1fr", gap: 12 }}>
+              {matches.map((m, i) => {
+                const partnerId = m.partner?.id || m.partner?.user_id;
+                const inner = (
+                  <>
+                    <Avatar name={m.partner?.name || "?"} size={48} />
+                    <div style={{ flex: 1 }}>
+                      <div style={{ display: "flex", justifyContent: "space-between", alignItems: "baseline" }}>
+                        <div style={{ fontWeight: 600 }}>{m.partner?.name}</div>
+                        <span className="mono" style={{ color: "var(--accent)", fontSize: 15 }}>
+                          {Math.round((m.compatibility_score || 0) * 100)}%
+                        </span>
+                      </div>
+                      <div style={{ fontSize: 12, color: "var(--text-dim)", marginTop: 4, lineHeight: 1.5 }}>{m.summary}</div>
+                    </div>
+                  </>
+                );
+                return partnerId ? (
+                  <Link
+                    key={partnerId}
+                    href={`/profile/${encodeURIComponent(partnerId)}`}
+                    className="card"
+                    style={{ padding: "var(--pad-lg)", display: "flex", gap: 14, textDecoration: "none", color: "inherit" }}
+                  >
+                    {inner}
+                  </Link>
+                ) : (
+                  <div key={i} className="card" style={{ padding: "var(--pad-lg)", display: "flex", gap: 14 }}>
+                    {inner}
+                  </div>
+                );
+              })}
+            </div>
+          </>
+        )}
+      </div>
+    </div>
+  );
+}
+
+function RoomActivity({ roomId }: { roomId: string }) {
+  const [activities, setActivities] = React.useState<any[]>([]);
+  React.useEffect(() => {
+    getRoomActivity(roomId).then((r) => setActivities(r.activities || [])).catch(console.error);
+  }, [roomId]);
+  return (
+    <div style={{ flex: 1, overflowY: "auto", padding: "24px 32px" }}>
+      {activities.length === 0 && <div style={{ color: "var(--text-muted)", fontSize: 13 }}>No activity yet.</div>}
+      {activities.map((a) => (
+        <div key={a.id} style={{ display: "flex", gap: 12, padding: "14px 0", borderBottom: "1px solid var(--border)" }}>
+          <Avatar name={a.user_name} size={36} />
+          <div style={{ flex: 1 }}>
+            <div style={{ fontSize: 13 }}>
+              <strong>{a.user_name}</strong> {a.activity_type}{" "}
+              <span style={{ color: "var(--accent)", fontWeight: 600 }}>{a.concept_name}</span>
+            </div>
+            <div style={{ fontSize: 11, color: "var(--text-muted)", marginTop: 2 }}>
+              {new Date(a.created_at).toLocaleString()}
+            </div>
+          </div>
+        </div>
+      ))}
+    </div>
+  );
+}
+
+function SchoolDirectory() {
+  const { userId } = useUser();
+  const [students, setStudents] = React.useState<StudentRow[]>([]);
+  const [loading, setLoading] = React.useState(true);
+  const [q, setQ] = React.useState("");
+
+  React.useEffect(() => {
+    getStudents().then(r => setStudents(r.students || [])).catch(console.error).finally(() => setLoading(false));
+  }, []);
+
+  const filtered = React.useMemo(() => {
+    const t = q.trim().toLowerCase();
+    if (!t) return students;
+    return students.filter(s =>
+      s.name.toLowerCase().includes(t) ||
+      s.courses.some(c => c.toLowerCase().includes(t)) ||
+      s.top_concepts.some(c => c.toLowerCase().includes(t))
+    );
+  }, [q, students]);
+
+  return (
+    <div style={{ flex: 1, overflowY: "auto", padding: "24px 32px" }}>
+      <div style={{ maxWidth: 980, margin: "0 auto" }}>
+        <div style={{ display: "flex", justifyContent: "space-between", alignItems: "center", marginBottom: 16 }}>
+          <div>
+            <div className="label-micro">Directory</div>
+            <div className="h-serif" style={{ fontSize: 22 }}>Students at your school</div>
+          </div>
+          <input
+            value={q}
+            onChange={e => setQ(e.target.value)}
+            placeholder="Search by name, course, concept"
+            style={{
+              padding: "6px 12px", fontSize: 12, minWidth: 260,
+              border: "1px solid var(--border)", borderRadius: "var(--r-full)",
+              background: "var(--bg-panel)",
+            }}
+          />
+        </div>
+        {loading ? (
+          <div style={{ color: "var(--text-muted)", fontSize: 13 }}>Loading directory…</div>
+        ) : (
+          <div style={{ display: "grid", gridTemplateColumns: "repeat(auto-fill, minmax(280px, 1fr))", gap: 14 }}>
+            {filtered.map(s => (
+              <Link
+                key={s.user_id}
+                href={`/profile/${encodeURIComponent(s.user_id)}`}
+                className="card"
+                style={{ padding: "var(--pad-lg)", display: "flex", gap: 12, textDecoration: "none", color: "inherit" }}
+              >
+                <Avatar name={s.name} size={44} />
+                <div style={{ flex: 1, minWidth: 0 }}>
+                  <div style={{ display: "flex", alignItems: "center", gap: 6 }}>
+                    <strong>{s.name}</strong>
+                    {s.user_id === userId && <span className="chip chip--accent">You</span>}
+                  </div>
+                  {s.courses.length > 0 && (
+                    <div style={{ fontSize: 11, color: "var(--text-dim)", marginTop: 4 }}>
+                      {s.courses.slice(0, 3).join(" · ")}
+                    </div>
+                  )}
+                  {s.top_concepts.length > 0 && (
+                    <div style={{ display: "flex", flexWrap: "wrap", gap: 4, marginTop: 8 }}>
+                      {s.top_concepts.slice(0, 3).map(c => (
+                        <span key={c} className="chip chip--accent">{c}</span>
+                      ))}
+                    </div>
+                  )}
+                  <div style={{ fontSize: 10, color: "var(--text-muted)", marginTop: 6 }}>
+                    {s.stats.mastered}/{s.stats.total} concepts · {s.streak}d streak
+                  </div>
+                </div>
+              </Link>
+            ))}
+            {filtered.length === 0 && (
+              <div style={{ color: "var(--text-muted)", fontSize: 13 }}>No matches.</div>
+            )}
+          </div>
+        )}
+      </div>
+    </div>
+  );
+}
+
+export function Social() {
+  const search = useSearchParams();
+  const { userId, userReady } = useUser();
+  const [rooms, setRooms] = React.useState<Room[]>([]);
+  const [activeId, setActiveId] = React.useState<string | null>(null);
+  const [tab, setTab] = React.useState<Tab>("chat");
+  const [overview, setOverview] = React.useState<RoomOverviewData | null>(null);
+
+  const suggest = search.get("suggest");
+  React.useEffect(() => { if (suggest) setTab("overview"); }, [suggest]);
+
+  const load = React.useCallback(async () => {
+    if (!userId) return;
+    try {
+      const res = await getUserRooms(userId);
+      const list = (res.rooms || []) as Room[];
+      setRooms(list);
+      setActiveId(prev => prev || list[0]?.id || null);
+    } catch (err) {
+      console.error("rooms load failed", err);
+    }
+  }, [userId]);
+
+  React.useEffect(() => { if (userReady && userId) load(); }, [userReady, userId, load]);
+
+  React.useEffect(() => {
+    if (!activeId) { setOverview(null); return; }
+    getRoomOverview(activeId).then(setOverview).catch(console.error);
+  }, [activeId]);
+
+  const active = rooms.find((r) => r.id === activeId);
+  const members = (overview?.members || []).map(m => ({ user_id: m.user_id, name: m.name }));
+
+  return (
+    <div style={{ display: "flex", height: "100vh" }}>
+      <aside style={{
+        width: 260, borderRight: "1px solid var(--border)", background: "var(--bg-subtle)",
+        display: "flex", flexDirection: "column",
+      }}>
+        <div style={{ padding: "18px 16px", borderBottom: "1px solid var(--border)" }}>
+          <div className="h-serif" style={{ fontSize: 18, fontWeight: 500 }}>Study Rooms</div>
+          <CreateJoinBar onDone={load} />
+          <button
+            className="btn btn--sm"
+            style={{ marginTop: 8, width: "100%" }}
+            onClick={() => setTab("directory")}
+          >
+            <Icon name="users" size={12} /> Browse directory
+          </button>
+        </div>
+        <div style={{ flex: 1, overflowY: "auto", padding: 8 }}>
+          {rooms.length === 0 && (
+            <div style={{ padding: 12, color: "var(--text-muted)", fontSize: 12 }}>
+              No rooms yet — create or join one.
+            </div>
+          )}
+          {rooms.map((r) => (
+            <button
+              key={r.id}
+              onClick={() => { setActiveId(r.id); setTab("chat"); }}
+              style={{
+                width: "100%", padding: "10px 12px",
+                borderRadius: "var(--r-md)", textAlign: "left",
+                background: activeId === r.id && tab !== "directory" ? "var(--bg-panel)" : "transparent",
+                border: activeId === r.id && tab !== "directory" ? "1px solid var(--border)" : "1px solid transparent",
+                marginBottom: 4, display: "flex", flexDirection: "column", gap: 2,
+              }}
+            >
+              <div style={{ fontSize: 13, fontWeight: 600 }}>{r.name}</div>
+              <div style={{ fontSize: 11, color: "var(--text-muted)" }}>{r.member_count} members</div>
+            </button>
+          ))}
+        </div>
+      </aside>
+
+      <div style={{ flex: 1, display: "flex", flexDirection: "column", minWidth: 0 }}>
+        {tab === "directory" ? <SchoolDirectory /> : active ? (
+          <>
+            <div style={{ padding: "18px 24px", borderBottom: "1px solid var(--border)", display: "flex", justifyContent: "space-between", alignItems: "center" }}>
+              <div>
+                <div className="h-serif" style={{ fontSize: 22, fontWeight: 500 }}>{active.name}</div>
+                <div style={{ fontSize: 11, color: "var(--text-muted)", display: "flex", alignItems: "center", gap: 8, marginTop: 2 }}>
+                  <CopyChip code={active.invite_code} />
+                  <span>{active.member_count} members</span>
+                </div>
+              </div>
+              <div style={{ display: "flex", gap: 6 }}>
+                {(["overview", "chat", "match", "activity"] as Tab[]).map((t) => (
+                  <button
+                    key={t}
+                    onClick={() => setTab(t)}
+                    style={{
+                      padding: "6px 14px", fontSize: 12, fontWeight: 500,
+                      borderRadius: "var(--r-sm)",
+                      background: tab === t ? "var(--accent-soft)" : "transparent",
+                      color: tab === t ? "var(--accent)" : "var(--text-dim)",
+                      textTransform: "capitalize",
+                    }}
+                  >
+                    {t === "match" ? "Study match" : t}
+                  </button>
+                ))}
+              </div>
+            </div>
+            {tab === "chat" && <RoomChat roomId={active.id} members={members} />}
+            {tab === "overview" && <RoomOverview roomId={active.id} onChange={load} />}
+            {tab === "match" && <StudyMatch roomId={active.id} />}
+            {tab === "activity" && <RoomActivity roomId={active.id} />}
+          </>
+        ) : (
+          <div style={{ flex: 1, display: "grid", placeItems: "center", color: "var(--text-muted)" }}>
+            Select or create a room to begin.
+          </div>
+        )}
+      </div>
+    </div>
+  );
+}
+
+function CopyChip({ code }: { code: string }) {
+  const toast = useToast();
+  const [copied, setCopied] = React.useState(false);
+  const copy = async () => {
+    try {
+      await navigator.clipboard.writeText(code);
+      setCopied(true);
+      toast.success("Invite code copied");
+      setTimeout(() => setCopied(false), 2000);
+    } catch {
+      toast.error("Copy failed");
+    }
+  };
+  return (
+    <button className="chip" onClick={copy} title="Copy invite code">
+      {copied ? "Copied!" : code}
+    </button>
+  );
+}
+
+// CustomSelect import kept in case future branches use it
+void CustomSelect;
diff --git a/frontend/src/components/screens/Study.tsx b/frontend/src/components/screens/Study.tsx
new file mode 100644
index 00000000..0dc92ead
--- /dev/null
+++ b/frontend/src/components/screens/Study.tsx
@@ -0,0 +1,617 @@
+"use client";
+import React from "react";
+import { TopBar } from "../TopBar";
+import { Icon } from "../Icon";
+import { Pill } from "../Pill";
+import { CustomSelect } from "../CustomSelect";
+import { MarkdownChat } from "../MarkdownChat";
+import { useToast } from "../ToastProvider";
+import { useIsMobile } from "@/lib/useIsMobile";
+import { useUser } from "@/context/UserContext";
+import {
+  getCourses,
+  getStudyGuideExams,
+  getStudyGuide,
+  regenerateStudyGuide,
+  getCachedStudyGuides,
+  getFlashcards,
+  generateFlashcards,
+  rateFlashcard,
+  type EnrolledCourse,
+  type StudyGuideContent,
+  type StudyGuideExam,
+  type StudyGuideCacheEntry,
+} from "@/lib/api";
+
+type Mode = "guide" | "cards";
+
+type RawCard = {
+  id: string;
+  topic?: string;
+  front: string;
+  back: string;
+};
+
+const ratingOptions: { n: number; label: string; color: string; emoji: string; hint: string }[] = [
+  { n: 1, label: "forgot", color: "var(--err)", emoji: "🙈", hint: "1" },
+  { n: 2, label: "hard", color: "var(--warn)", emoji: "🤔", hint: "2" },
+  { n: 3, label: "good", color: "var(--accent)", emoji: "✨", hint: "3" },
+];
+
+export function Study() {
+  const isMobile = useIsMobile();
+  const { userId, userReady } = useUser();
+  const [mode, setMode] = React.useState<Mode>("guide");
+  const [courses, setCourses] = React.useState<EnrolledCourse[]>([]);
+
+  React.useEffect(() => {
+    if (!userReady || !userId) return;
+    getCourses(userId)
+      .then(r => setCourses(r.courses || []))
+      .catch(err => console.error("study courses load failed", err));
+  }, [userReady, userId]);
+
+  const actions = (
+    <div style={{ display: "flex", border: "1px solid var(--border)", borderRadius: "var(--r-sm)", overflow: "hidden" }}>
+      {([["guide", "Study Guide"], ["cards", "Flashcards"]] as const).map(([v, label]) => (
+        <button
+          key={v}
+          onClick={() => setMode(v)}
+          style={{
+            padding: "6px 14px", fontSize: 12, fontWeight: 600,
+            background: mode === v ? "var(--accent-soft)" : "transparent",
+            color: mode === v ? "var(--accent)" : "var(--text-dim)",
+          }}
+        >
+          {label}
+        </button>
+      ))}
+    </div>
+  );
+
+  return (
+    <div style={{ display: "flex", flexDirection: "column", minHeight: "100vh" }}>
+      <TopBar
+        breadcrumb="Home / Study"
+        title="Study"
+        subtitle={mode === "guide" ? "Exam-ready guides from your course material" : "Spaced review with ratings and a 3D flip"}
+        actions={actions}
+      />
+      {mode === "guide" ? (
+        <GuideMode courses={courses} isMobile={isMobile} />
+      ) : (
+        <FlashcardsMode courses={courses} isMobile={isMobile} />
+      )}
+    </div>
+  );
+}
+
+// ── Study Guide mode ─────────────────────────────────────────────────────────
+
+function GuideMode({ courses, isMobile }: { courses: EnrolledCourse[]; isMobile: boolean }) {
+  const toast = useToast();
+  const { userId } = useUser();
+  const [courseId, setCourseId] = React.useState<string>("");
+  const [examId, setExamId] = React.useState<string>("");
+  const [exams, setExams] = React.useState<StudyGuideExam[]>([]);
+  const [guide, setGuide] = React.useState<StudyGuideContent | null>(null);
+  const [generatedAt, setGeneratedAt] = React.useState<string>("");
+  const [cached, setCached] = React.useState<boolean>(false);
+  const [loadingExams, setLoadingExams] = React.useState(false);
+  const [loadingGuide, setLoadingGuide] = React.useState(false);
+  const [regenerating, setRegenerating] = React.useState(false);
+  const [recent, setRecent] = React.useState<StudyGuideCacheEntry[]>([]);
+
+  const loadRecent = React.useCallback(async () => {
+    if (!userId) return;
+    try {
+      const r = await getCachedStudyGuides(userId);
+      setRecent(r.guides || []);
+    } catch (err) {
+      console.error("recent guides failed", err);
+    }
+  }, [userId]);
+
+  React.useEffect(() => { loadRecent(); }, [loadRecent]);
+
+  React.useEffect(() => {
+    setExamId("");
+    setExams([]);
+    setGuide(null);
+    if (!courseId || !userId) return;
+    setLoadingExams(true);
+    getStudyGuideExams(userId, courseId)
+      .then(r => setExams(r.exams || []))
+      .catch(err => toast.error(`Couldn't load exams: ${String(err)}`))
+      .finally(() => setLoadingExams(false));
+  }, [courseId, userId, toast]);
+
+  const loadGuide = React.useCallback(async (cid: string, eid: string) => {
+    if (!userId) return;
+    setLoadingGuide(true);
+    try {
+      const r = await getStudyGuide(userId, cid, eid);
+      setGuide(r.guide);
+      setGeneratedAt(r.generated_at);
+      setCached(r.cached);
+      if (!r.cached) loadRecent();
+    } catch (err) {
+      toast.error(`Couldn't load guide: ${String(err)}`);
+    } finally {
+      setLoadingGuide(false);
+    }
+  }, [userId, toast, loadRecent]);
+
+  React.useEffect(() => {
+    if (courseId && examId) loadGuide(courseId, examId);
+  }, [courseId, examId, loadGuide]);
+
+  const openRecent = (entry: StudyGuideCacheEntry) => {
+    setCourseId(entry.course_id);
+    setExamId(entry.exam_id);
+  };
+
+  const regenerate = async () => {
+    if (!userId || !courseId || !examId) return;
+    setRegenerating(true);
+    try {
+      const r = await regenerateStudyGuide(userId, courseId, examId);
+      setGuide(r.guide);
+      setGeneratedAt(r.generated_at);
+      setCached(false);
+      await loadRecent();
+      toast.success("Study guide regenerated.");
+    } catch (err) {
+      toast.error(`Regenerate failed: ${String(err)}`);
+    } finally {
+      setRegenerating(false);
+    }
+  };
+
+  return (
+    <div style={{ display: "flex", flex: 1, minHeight: 0 }}>
+      {!isMobile && (
+        <aside style={{
+          width: 260, borderRight: "1px solid var(--border)", background: "var(--bg-subtle)",
+          padding: 16, overflowY: "auto", flexShrink: 0,
+        }}>
+          <div className="label-micro" style={{ marginBottom: 10 }}>Recent guides</div>
+          {recent.length === 0 && (
+            <div style={{ fontSize: 12, color: "var(--text-muted)" }}>No generated guides yet.</div>
+          )}
+          {recent.slice(0, 20).map(r => (
+            <button
+              key={r.id}
+              onClick={() => openRecent(r)}
+              style={{
+                width: "100%", textAlign: "left", padding: "10px 12px",
+                borderRadius: "var(--r-sm)", marginBottom: 6,
+                background: r.course_id === courseId && r.exam_id === examId ? "var(--bg-panel)" : "transparent",
+                border: r.course_id === courseId && r.exam_id === examId ? "1px solid var(--border)" : "1px solid transparent",
+              }}
+            >
+              <div style={{ fontSize: 12, fontWeight: 600, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }}>
+                {r.exam_title || "Untitled exam"}
+              </div>
+              <div style={{ fontSize: 10, color: "var(--text-muted)", marginTop: 2 }}>
+                {r.course_name} · {new Date(r.generated_at).toLocaleDateString()}
+              </div>
+            </button>
+          ))}
+        </aside>
+      )}
+
+      <div style={{ flex: 1, overflowY: "auto", padding: "24px 32px" }}>
+        <div style={{ display: "flex", gap: 10, flexWrap: "wrap", marginBottom: 20 }}>
+          <div style={{ minWidth: 220 }}>
+            <div className="label-micro" style={{ marginBottom: 4 }}>Course</div>
+            <CustomSelect
+              value={courseId}
+              onChange={v => setCourseId(v)}
+              placeholder="Pick a course…"
+              options={courses.map(c => ({
+                value: c.course_id,
+                label: c.course_code || c.course_name,
+                description: c.course_code ? c.course_name : undefined,
+              }))}
+            />
+          </div>
+          <div style={{ minWidth: 260 }}>
+            <div className="label-micro" style={{ marginBottom: 4 }}>Exam</div>
+            <CustomSelect
+              value={examId}
+              onChange={v => setExamId(v)}
+              placeholder={loadingExams ? "Loading…" : (courseId ? "Pick an exam…" : "Select a course first")}
+              disabled={!courseId || loadingExams}
+              options={exams.map(e => ({
+                value: e.id,
+                label: e.title,
+                description: e.due_date ? `Due ${e.due_date}` : undefined,
+              }))}
+            />
+          </div>
+          {guide && (
+            <div style={{ marginLeft: "auto", alignSelf: "flex-end" }}>
+              <button
+                className="btn btn--sm"
+                onClick={regenerate}
+                disabled={regenerating || loadingGuide}
+              >
+                <Icon name="sparkle" size={12} /> {regenerating ? "Regenerating…" : "Regenerate"}
+              </button>
+            </div>
+          )}
+        </div>
+
+        {!courseId && (
+          <EmptyHint
+            title="Pick a course to get started"
+            body="Your generated study guides live here — grouped by exam and built from the documents in your library."
+          />
+        )}
+        {courseId && !examId && !loadingExams && exams.length === 0 && (
+          <EmptyHint
+            title="No exams found for this course"
+            body="Import a syllabus on the Calendar page, or add an assignment with type = Exam."
+          />
+        )}
+        {courseId && !examId && exams.length > 0 && (
+          <EmptyHint title="Choose an exam" body="The guide will be generated from your course material the first time." />
+        )}
+
+        {(loadingGuide || regenerating) && (
+          <div className="card" style={{ padding: 40, textAlign: "center", color: "var(--text-muted)" }}>
+            Building your guide…
+          </div>
+        )}
+
+        {!loadingGuide && guide && (
+          <div style={{ display: "flex", flexDirection: "column", gap: 16 }}>
+            <div className="card" style={{ padding: "var(--pad-lg)" }}>
+              <div style={{ display: "flex", alignItems: "center", justifyContent: "space-between", gap: 8, flexWrap: "wrap" }}>
+                <div className="h-serif" style={{ fontSize: 22, fontWeight: 500 }}>{guide.exam}</div>
+                <div style={{ display: "flex", gap: 6, alignItems: "center" }}>
+                  {guide.due_date && <span className="chip">Due {guide.due_date}</span>}
+                  <span className="chip" style={{ opacity: 0.7 }}>
+                    {cached ? "Cached" : "Fresh"} · {generatedAt ? new Date(generatedAt).toLocaleString() : ""}
+                  </span>
+                </div>
+              </div>
+              {guide.overview && (
+                <div style={{ marginTop: 10, fontSize: 13, color: "var(--text-dim)", lineHeight: 1.55 }}>
+                  <MarkdownChat>{guide.overview}</MarkdownChat>
+                </div>
+              )}
+            </div>
+
+            {(guide.topics || []).map((t, i) => (
+              <div key={`${t.name}-${i}`} className="card" style={{ padding: "var(--pad-lg)" }}>
+                <div style={{ display: "flex", alignItems: "baseline", gap: 10 }}>
+                  <span className="label-micro">Topic {i + 1}</span>
+                  <div className="h-serif" style={{ fontSize: 18, fontWeight: 500 }}>{t.name}</div>
+                </div>
+                {t.importance && (
+                  <div style={{ marginTop: 8, fontSize: 12, color: "var(--text-muted)", fontStyle: "italic" }}>
+                    <MarkdownChat>{t.importance}</MarkdownChat>
+                  </div>
+                )}
+                {(t.concepts || []).length > 0 && (
+                  <ul style={{ margin: "10px 0 0 18px", padding: 0 }}>
+                    {(t.concepts || []).map((c, j) => (
+                      <li key={j} style={{ fontSize: 13, color: "var(--text)", marginBottom: 4, lineHeight: 1.5 }}>
+                        <MarkdownChat>{c}</MarkdownChat>
+                      </li>
+                    ))}
+                  </ul>
+                )}
+              </div>
+            ))}
+          </div>
+        )}
+      </div>
+    </div>
+  );
+}
+
+// ── Flashcards mode ──────────────────────────────────────────────────────────
+
+function FlashcardsMode({ courses, isMobile }: { courses: EnrolledCourse[]; isMobile: boolean }) {
+  const toast = useToast();
+  const { userId } = useUser();
+  const [cards, setCards] = React.useState<RawCard[]>([]);
+  const [courseId, setCourseId] = React.useState<string>("all");
+  const [topicFilter, setTopicFilter] = React.useState<string>("all");
+  const [idx, setIdx] = React.useState(0);
+  const [flipped, setFlipped] = React.useState(false);
+  const [loading, setLoading] = React.useState(false);
+  const [generating, setGenerating] = React.useState(false);
+  const [docsUsed, setDocsUsed] = React.useState<number | null>(null);
+
+  const load = React.useCallback(async () => {
+    if (!userId) return;
+    setLoading(true);
+    try {
+      const res = await getFlashcards(userId);
+      setCards(res.flashcards || []);
+      setIdx(0);
+      setFlipped(false);
+    } catch (err) {
+      console.error("flashcards load failed", err);
+    } finally {
+      setLoading(false);
+    }
+  }, [userId]);
+
+  React.useEffect(() => { load(); }, [load]);
+
+  const topics = React.useMemo(() => {
+    const set = new Set<string>();
+    for (const c of cards) { if (c.topic) set.add(c.topic); }
+    return Array.from(set).sort();
+  }, [cards]);
+
+  const filtered = React.useMemo(() => {
+    let out = cards;
+    if (courseId !== "all") {
+      const course = courses.find(c => c.course_id === courseId);
+      const courseName = course?.course_name;
+      if (courseName) out = out.filter(c => (c.topic || "").toLowerCase().includes(courseName.toLowerCase()));
+    }
+    if (topicFilter !== "all") out = out.filter(c => c.topic === topicFilter);
+    return out;
+  }, [cards, courseId, topicFilter, courses]);
+
+  React.useEffect(() => {
+    if (idx >= filtered.length) setIdx(0);
+    setFlipped(false);
+  }, [filtered.length, idx]);
+
+  const card = filtered[idx];
+
+  const rate = React.useCallback(async (r: number) => {
+    if (!card) return;
+    try {
+      await rateFlashcard(userId, card.id, r);
+    } catch (err) {
+      console.error("rate failed", err);
+    }
+    setFlipped(false);
+    setIdx(i => (filtered.length === 0 ? 0 : (i + 1) % filtered.length));
+  }, [card, userId, filtered.length]);
+
+  // Keyboard: Space flips; 1/2/3 rate when flipped.
+  React.useEffect(() => {
+    const onKey = (e: KeyboardEvent) => {
+      const target = e.target as HTMLElement | null;
+      if (target && ["INPUT", "TEXTAREA", "SELECT"].includes(target.tagName)) return;
+      if (e.code === "Space") { e.preventDefault(); setFlipped(f => !f); return; }
+      if (!flipped || !card) return;
+      if (e.key === "1") rate(1);
+      else if (e.key === "2") rate(2);
+      else if (e.key === "3") rate(3);
+    };
+    window.addEventListener("keydown", onKey);
+    return () => window.removeEventListener("keydown", onKey);
+  }, [flipped, rate, card]);
+
+  const generate = async () => {
+    if (!userId) return;
+    const course = courses.find(c => c.course_id === courseId);
+    const topic = course ? course.course_name : (topicFilter !== "all" ? topicFilter : "");
+    if (!topic) {
+      toast.warn("Pick a course or topic before generating.");
+      return;
+    }
+    setGenerating(true);
+    setDocsUsed(null);
+    try {
+      const r = await generateFlashcards(userId, topic, 5);
+      setDocsUsed(r.context_used?.documents_found ?? 0);
+      await load();
+      toast.success(`Added ${r.flashcards.length} new card${r.flashcards.length === 1 ? "" : "s"}.`);
+    } catch (err) {
+      toast.error(`Generate failed: ${String(err)}`);
+    } finally {
+      setGenerating(false);
+    }
+  };
+
+  return (
+    <div style={{ display: "flex", flex: 1, minHeight: 0 }}>
+      {!isMobile && (
+        <aside style={{
+          width: 220, borderRight: "1px solid var(--border)", background: "var(--bg-subtle)",
+          padding: 16, overflowY: "auto", flexShrink: 0,
+        }}>
+          <div className="label-micro" style={{ marginBottom: 10 }}>Course</div>
+          <CourseFilterRow
+            label="All courses"
+            active={courseId === "all"}
+            onClick={() => { setCourseId("all"); setTopicFilter("all"); }}
+          />
+          {courses.map(c => (
+            <CourseFilterRow
+              key={c.course_id}
+              label={c.course_code || c.course_name}
+              subLabel={c.course_code ? c.course_name : undefined}
+              color={c.color || undefined}
+              active={courseId === c.course_id}
+              onClick={() => { setCourseId(c.course_id); setTopicFilter("all"); }}
+            />
+          ))}
+        </aside>
+      )}
+
+      <div style={{ flex: 1, display: "flex", flexDirection: "column", minWidth: 0 }}>
+        <div style={{ padding: "14px 32px", display: "flex", alignItems: "center", gap: 8, borderBottom: "1px solid var(--border)", flexWrap: "wrap" }}>
+          <Pill active={topicFilter === "all"} onClick={() => setTopicFilter("all")}>All topics</Pill>
+          {topics.map(t => (
+            <Pill key={t} active={topicFilter === t} onClick={() => setTopicFilter(t)}>{t}</Pill>
+          ))}
+          <div style={{ flex: 1 }} />
+          {docsUsed !== null && (
+            <span className="chip chip--accent" title="Library documents used as context for generation">
+              Generated using {docsUsed} library doc{docsUsed === 1 ? "" : "s"}
+            </span>
+          )}
+          <button
+            className="btn btn--sm btn--primary"
+            onClick={generate}
+            disabled={generating || !userId}
+          >
+            <Icon name="sparkle" size={12} /> {generating ? "Generating…" : "Generate cards"}
+          </button>
+        </div>
+
+        <div style={{ flex: 1, padding: "40px 32px", display: "flex", flexDirection: "column", alignItems: "center", gap: 22, overflowY: "auto" }}>
+          {filtered.length === 0 && !loading && (
+            <div style={{ textAlign: "center", color: "var(--text-muted)", padding: "40px 0" }}>
+              <div className="h-serif" style={{ fontSize: 20 }}>No cards here yet</div>
+              <div style={{ fontSize: 13, marginTop: 6 }}>
+                {courseId === "all"
+                  ? "Pick a course and generate cards from your library material."
+                  : "Generate cards for this course to start reviewing."}
+              </div>
+            </div>
+          )}
+
+          {filtered.length > 0 && card && (
+            <>
+              <div style={{ width: "100%", maxWidth: 620 }}>
+                <div style={{ display: "flex", justifyContent: "space-between", fontSize: 11, color: "var(--text-muted)", marginBottom: 8 }}>
+                  <span>Card {idx + 1} of {filtered.length}</span>
+                  <span className="mono">{card.topic || ""}</span>
+                </div>
+                <div style={{ height: 6, background: "var(--bg-soft)", borderRadius: "var(--r-full)", overflow: "hidden" }}>
+                  <div style={{
+                    width: `${((idx + 1) / filtered.length) * 100}%`,
+                    height: "100%", background: "var(--accent)", transition: "width var(--dur) var(--ease)",
+                  }} />
+                </div>
+              </div>
+
+              <FlipCard flipped={flipped} onFlip={() => setFlipped(f => !f)} front={card.front} back={card.back} />
+
+              <div style={{ display: "flex", gap: 10, flexWrap: "wrap", justifyContent: "center" }}>
+                {ratingOptions.map(r => (
+                  <button
+                    key={r.n}
+                    onClick={() => rate(r.n)}
+                    disabled={!flipped}
+                    title={`${r.label} (press ${r.hint})`}
+                    style={{
+                      padding: "10px 20px", borderRadius: "var(--r-md)",
+                      border: `1.5px solid ${r.color}`,
+                      background: "transparent", color: r.color,
+                      fontWeight: 600, fontSize: 13, textTransform: "capitalize",
+                      display: "flex", alignItems: "center", gap: 8,
+                      opacity: flipped ? 1 : 0.4, cursor: flipped ? "pointer" : "not-allowed",
+                    }}
+                  >
+                    <span style={{ fontSize: 16 }}>{r.emoji}</span>
+                    {r.label}
+                    <span className="mono" style={{
+                      fontSize: 10, padding: "1px 5px", borderRadius: "var(--r-xs)",
+                      background: `${r.color}22`,
+                    }}>{r.hint}</span>
+                  </button>
+                ))}
+              </div>
+
+              <div style={{ fontSize: 11, color: "var(--text-muted)" }}>
+                Space to flip · 1 / 2 / 3 to rate
+              </div>
+            </>
+          )}
+        </div>
+      </div>
+    </div>
+  );
+}
+
+function FlipCard({ flipped, onFlip, front, back }: { flipped: boolean; onFlip: () => void; front: string; back: string }) {
+  return (
+    <div
+      onClick={onFlip}
+      style={{
+        width: "100%", maxWidth: 620, minHeight: 320,
+        perspective: 1400, cursor: "pointer",
+      }}
+    >
+      <div
+        style={{
+          position: "relative", width: "100%", minHeight: 320,
+          transformStyle: "preserve-3d",
+          transition: "transform 500ms cubic-bezier(.2,.85,.35,1)",
+          transform: flipped ? "rotateY(180deg)" : "rotateY(0deg)",
+        }}
+      >
+        <Face label="Question" text={front} />
+        <Face label="Answer" text={back} back />
+      </div>
+    </div>
+  );
+}
+
+function Face({ label, text, back = false }: { label: string; text: string; back?: boolean }) {
+  return (
+    <div
+      style={{
+        position: back ? "absolute" : "relative",
+        inset: back ? 0 : undefined,
+        width: "100%", minHeight: 320,
+        background: "var(--bg-panel)", border: "1px solid var(--border)",
+        borderRadius: "var(--r-xl)", padding: 36,
+        boxShadow: "var(--shadow-md)",
+        display: "flex", flexDirection: "column", justifyContent: "center",
+        backfaceVisibility: "hidden",
+        transform: back ? "rotateY(180deg)" : undefined,
+      }}
+    >
+      <div className="label-micro" style={{ marginBottom: 14 }}>{label}</div>
+      <div className="h-serif" style={{ fontSize: back ? 20 : 24, lineHeight: 1.35, fontWeight: 500 }}>
+        <MarkdownChat>{text}</MarkdownChat>
+      </div>
+      {!back && (
+        <div style={{ fontSize: 11, color: "var(--text-muted)", marginTop: 18 }}>Click or press Space to reveal</div>
+      )}
+    </div>
+  );
+}
+
+function CourseFilterRow({
+  label, subLabel, color, active, onClick,
+}: {
+  label: string; subLabel?: string; color?: string; active: boolean; onClick: () => void;
+}) {
+  return (
+    <button
+      onClick={onClick}
+      style={{
+        width: "100%", display: "flex", alignItems: "center", gap: 8,
+        padding: "8px 10px", borderRadius: "var(--r-sm)", marginBottom: 4,
+        background: active ? "var(--bg-panel)" : "transparent",
+        border: active ? "1px solid var(--border)" : "1px solid transparent",
+        textAlign: "left",
+      }}
+    >
+      <span style={{
+        width: 8, height: 8, borderRadius: "50%",
+        background: color || "var(--text-muted)",
+      }} />
+      <div style={{ flex: 1, minWidth: 0 }}>
+        <div style={{ fontSize: 12, fontWeight: active ? 600 : 500, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }}>{label}</div>
+        {subLabel && <div style={{ fontSize: 10, color: "var(--text-muted)" }}>{subLabel}</div>}
+      </div>
+    </button>
+  );
+}
+
+function EmptyHint({ title, body }: { title: string; body: string }) {
+  return (
+    <div className="card" style={{ padding: "32px 28px", textAlign: "center", color: "var(--text-muted)" }}>
+      <div className="h-serif" style={{ fontSize: 18, color: "var(--text)", marginBottom: 6 }}>{title}</div>
+      <div style={{ fontSize: 13 }}>{body}</div>
+    </div>
+  );
+}
diff --git a/frontend/src/components/screens/Tree.tsx b/frontend/src/components/screens/Tree.tsx
new file mode 100644
index 00000000..82436f56
--- /dev/null
+++ b/frontend/src/components/screens/Tree.tsx
@@ -0,0 +1,393 @@
+"use client";
+import React from "react";
+import { useRouter, useSearchParams } from "next/navigation";
+import { TopBar } from "../TopBar";
+import { Icon } from "../Icon";
+import { Pill } from "../Pill";
+import { KnowledgeGraph } from "../KnowledgeGraph";
+import { useUser } from "@/context/UserContext";
+import { useIsMobile } from "@/lib/useIsMobile";
+import { getGraph, getCourses, getSessions, type EnrolledCourse, type Session } from "@/lib/api";
+import type { GraphNode as ApiNode, GraphEdge as ApiEdge } from "@/lib/types";
+import type { GraphNode, GraphEdge } from "@/lib/data";
+
+type Tier = "all" | "mastered" | "learning" | "struggling" | "unexplored";
+
+const TIER_META: Record<Exclude<Tier, "all">, { label: string; color: string }> = {
+  mastered: { label: "Mastered", color: "#4a7d5c" },
+  learning: { label: "Learning", color: "#c89b5e" },
+  struggling: { label: "Struggling", color: "#b25855" },
+  unexplored: { label: "Unexplored", color: "#9a9a9a" },
+};
+
+function apiToGraphNode(n: ApiNode, courses: EnrolledCourse[]): GraphNode {
+  const course = courses.find((c) => c.course_name === n.subject);
+  return {
+    id: n.id,
+    name: n.concept_name,
+    subject: n.subject,
+    color: n.course_color || course?.color || "var(--c-sage)",
+    is_subject_root: n.is_subject_root,
+    mastery_tier: n.mastery_tier === "subject_root" ? "mastered" : n.mastery_tier,
+    mastery_score: n.mastery_score,
+    course_id: n.course_id || course?.course_id || "",
+    last_studied_at: n.last_studied_at || undefined,
+  };
+}
+
+export function Tree() {
+  const router = useRouter();
+  const search = useSearchParams();
+  const { userId, userReady } = useUser();
+  const isMobile = useIsMobile();
+  const suggest = search.get("suggest");
+
+  const [courseFilter, setCourseFilter] = React.useState<string>("all");
+  const [tier, setTier] = React.useState<Tier>("all");
+  const [query, setQuery] = React.useState("");
+  const [selected, setSelected] = React.useState<GraphNode | null>(null);
+  const [fullscreen, setFullscreen] = React.useState(false);
+
+  const [size, setSize] = React.useState({ w: 900, h: 600 });
+  const ref = React.useRef<HTMLDivElement>(null);
+
+  const [nodes, setNodes] = React.useState<GraphNode[]>([]);
+  const [edges, setEdges] = React.useState<GraphEdge[]>([]);
+  const [courses, setCourses] = React.useState<EnrolledCourse[]>([]);
+  const [sessions, setSessions] = React.useState<Session[]>([]);
+
+  React.useEffect(() => {
+    const ro = new ResizeObserver((e) => setSize({ w: e[0].contentRect.width, h: e[0].contentRect.height }));
+    if (ref.current) ro.observe(ref.current);
+    return () => ro.disconnect();
+  }, [fullscreen]);
+
+  React.useEffect(() => {
+    if (!userReady || !userId) return;
+    let cancelled = false;
+    (async () => {
+      try {
+        const [graphRes, coursesRes, sessionsRes] = await Promise.all([
+          getGraph(userId),
+          getCourses(userId),
+          getSessions(userId, 50).catch(() => ({ sessions: [] })),
+        ]);
+        if (cancelled) return;
+        const cs = coursesRes.courses || [];
+        setCourses(cs);
+        setNodes((graphRes.nodes || []).map((n: ApiNode) => apiToGraphNode(n, cs)));
+        setEdges(
+          (graphRes.edges || []).map((e: ApiEdge) => ({
+            source: e.source as string,
+            target: e.target as string,
+            strength: e.strength,
+          })),
+        );
+        setSessions(sessionsRes.sessions || []);
+      } catch (err) {
+        console.error("tree load failed", err);
+      }
+    })();
+    return () => { cancelled = true; };
+  }, [userReady, userId]);
+
+  // Auto-select node matching ?suggest= once data loads.
+  React.useEffect(() => {
+    if (!suggest || !nodes.length) return;
+    const target = nodes.find(n => n.name.toLowerCase() === suggest.toLowerCase());
+    if (target) setSelected(target);
+  }, [suggest, nodes]);
+
+  React.useEffect(() => {
+    if (!fullscreen) return;
+    const h = (e: KeyboardEvent) => { if (e.key === "Escape") setFullscreen(false); };
+    document.addEventListener("keydown", h);
+    document.body.style.overflow = "hidden";
+    return () => {
+      document.removeEventListener("keydown", h);
+      document.body.style.overflow = "";
+    };
+  }, [fullscreen]);
+
+  const filteredNodes = React.useMemo(() => {
+    const q = query.trim().toLowerCase();
+    return nodes.filter(n => {
+      if (courseFilter !== "all" && n.course_id !== courseFilter) return false;
+      if (tier !== "all" && !n.is_subject_root && n.mastery_tier !== tier) return false;
+      if (q && !n.name.toLowerCase().includes(q) && !n.subject.toLowerCase().includes(q)) return false;
+      return true;
+    });
+  }, [nodes, courseFilter, tier, query]);
+
+  const filteredEdges = React.useMemo(() => {
+    const ids = new Set(filteredNodes.map(n => n.id));
+    return edges.filter(e => ids.has(typeof e.source === "string" ? e.source : "") && ids.has(typeof e.target === "string" ? e.target : ""));
+  }, [edges, filteredNodes]);
+
+  const conceptCount = filteredNodes.filter(n => !n.is_subject_root).length;
+
+  const sessionsForSelected = React.useMemo(() => {
+    if (!selected) return [];
+    const name = selected.name.toLowerCase();
+    return sessions.filter(s => (s.topic || "").toLowerCase() === name);
+  }, [selected, sessions]);
+
+  const suggestId = React.useMemo(() => {
+    if (!suggest) return undefined;
+    const n = nodes.find(x => x.name.toLowerCase() === suggest.toLowerCase());
+    return n?.id;
+  }, [suggest, nodes]);
+
+  const onLearn = (n: GraphNode) => router.push(
+    `/learn?topic=${encodeURIComponent(n.name)}&mode=socratic${n.course_id ? `&course_id=${encodeURIComponent(n.course_id)}` : ""}`,
+  );
+  const onQuiz = (n: GraphNode) => router.push(
+    `/learn?topic=${encodeURIComponent(n.name)}&mode=quiz${n.course_id ? `&course_id=${encodeURIComponent(n.course_id)}` : ""}`,
+  );
+
+  const detailPanel = selected && (
+    <>
+      <button className="btn btn--ghost btn--sm" onClick={() => setSelected(null)} aria-label="Close detail panel">
+        <Icon name="x" size={12} />
+      </button>
+      <div style={{ display: "flex", alignItems: "center", gap: 8, marginTop: 8 }}>
+        <span style={{ width: 10, height: 10, borderRadius: "50%", background: selected.color }} />
+        <span className="label-micro">{selected.subject}</span>
+      </div>
+      <h2 className="h-serif" style={{ fontSize: 24, margin: "6px 0 12px", fontWeight: 500 }}>
+        {selected.name}
+      </h2>
+      <div style={{ display: "grid", gridTemplateColumns: "1fr 1fr", gap: 10, marginBottom: 16 }}>
+        <div className="card" style={{ padding: 12 }}>
+          <div className="label-micro">Mastery</div>
+          <div className="mono" style={{ fontSize: 22, color: selected.color }}>
+            {Math.round((selected.mastery_score || 0) * 100)}%
+          </div>
+        </div>
+        <div className="card" style={{ padding: 12 }}>
+          <div className="label-micro">Tier</div>
+          <div style={{ fontSize: 14, fontWeight: 500, marginTop: 4, textTransform: "capitalize" }}>
+            {selected.mastery_tier}
+          </div>
+        </div>
+      </div>
+      <div style={{ marginBottom: 12 }}>
+        <div className="label-micro" style={{ marginBottom: 6 }}>Last studied</div>
+        <div style={{ fontSize: 13 }}>
+          {selected.last_studied_at ? new Date(selected.last_studied_at).toLocaleString() : "never"}
+        </div>
+      </div>
+      <button className="btn btn--primary" style={{ width: "100%" }} onClick={() => onLearn(selected)}>
+        <Icon name="brain" size={14} /> Learn this
+      </button>
+      <button className="btn" style={{ width: "100%", marginTop: 8 }} onClick={() => onQuiz(selected)}>
+        <Icon name="bolt" size={14} /> Quick quiz
+      </button>
+      {sessionsForSelected.length > 0 && (
+        <div style={{ marginTop: 18 }}>
+          <div className="label-micro" style={{ marginBottom: 8 }}>Sessions for this concept</div>
+          {sessionsForSelected.slice(0, 4).map(s => (
+            <button
+              key={s.id}
+              onClick={() => router.push(`/learn?session=${s.id}`)}
+              style={{
+                display: "flex", justifyContent: "space-between", alignItems: "center",
+                width: "100%", padding: "8px 10px",
+                background: "var(--bg-panel)", border: "1px solid var(--border)",
+                borderRadius: "var(--r-sm)", marginBottom: 6, textAlign: "left",
+              }}
+            >
+              <div style={{ fontSize: 12, minWidth: 0, overflow: "hidden" }}>
+                <div style={{ fontWeight: 500, textTransform: "capitalize" }}>{s.mode}</div>
+                <div style={{ fontSize: 10, color: "var(--text-muted)" }}>
+                  {s.message_count} msgs · {new Date(s.started_at).toLocaleDateString()}
+                </div>
+              </div>
+              <Icon name="chev" size={12} />
+            </button>
+          ))}
+        </div>
+      )}
+    </>
+  );
+
+  return (
+    <div>
+      <TopBar
+        breadcrumb="Home / Tree"
+        title="Your Knowledge Tree"
+        subtitle="The living map of what you've learned, organized by course."
+        actions={
+          <button className="btn btn--sm" onClick={() => setFullscreen(true)}>
+            <Icon name="max" size={13} /> Fullscreen
+          </button>
+        }
+      />
+
+      <div
+        style={{
+          padding: "14px 32px",
+          display: "flex",
+          gap: 10,
+          borderBottom: "1px solid var(--border)",
+          flexWrap: "wrap",
+          alignItems: "center",
+        }}
+      >
+        <div style={{ position: "relative", flex: "0 1 260px" }}>
+          <Icon name="search" size={13} />
+          <input
+            value={query}
+            onChange={e => setQuery(e.target.value)}
+            placeholder="Search concepts…"
+            style={{
+              width: "100%", padding: "5px 10px 5px 28px", fontSize: 12,
+              border: "1px solid var(--border)", borderRadius: "var(--r-full)",
+              background: "var(--bg-panel)",
+            }}
+          />
+          <span style={{ position: "absolute", left: 10, top: "50%", transform: "translateY(-50%)", color: "var(--text-muted)", pointerEvents: "none" }}>
+            <Icon name="search" size={12} />
+          </span>
+        </div>
+        <div style={{ display: "flex", gap: 6, flexWrap: "wrap" }}>
+          <Pill active={tier === "all"} onClick={() => setTier("all")}>All</Pill>
+          {(Object.keys(TIER_META) as Array<Exclude<Tier, "all">>).map(t => (
+            <Pill key={t} active={tier === t} onClick={() => setTier(t)} color={TIER_META[t].color}>
+              {TIER_META[t].label}
+            </Pill>
+          ))}
+        </div>
+        <div style={{ flex: 1 }} />
+        <div className="mono" style={{ fontSize: 11, color: "var(--text-muted)" }}>
+          {conceptCount} node{conceptCount === 1 ? "" : "s"}
+        </div>
+      </div>
+
+      <div
+        style={{
+          padding: "12px 32px 0",
+          display: "flex",
+          gap: 8,
+          borderBottom: "1px solid var(--border)",
+          flexWrap: "wrap",
+          paddingBottom: 12,
+        }}
+      >
+        <Pill active={courseFilter === "all"} onClick={() => setCourseFilter("all")}>All courses</Pill>
+        {courses.map((c) => (
+          <Pill
+            key={c.course_id}
+            active={courseFilter === c.course_id}
+            onClick={() => setCourseFilter(c.course_id)}
+            color={c.color || undefined}
+          >
+            <span style={{
+              width: 8, height: 8, borderRadius: "50%",
+              background: courseFilter === c.course_id ? "#fff" : c.color || "var(--accent)",
+              display: "inline-block",
+            }} />
+            {c.course_code || c.course_name}
+          </Pill>
+        ))}
+      </div>
+
+      <div style={{ display: "flex", height: "calc(100vh - 240px)" }}>
+        <div ref={ref} style={{ flex: 1, minWidth: 0, position: "relative" }}>
+          <KnowledgeGraph
+            nodes={filteredNodes}
+            edges={filteredEdges}
+            width={size.w}
+            height={size.h}
+            highlightId={suggestId || selected?.id}
+            masteryTierFill
+            onNodeClick={(n) => setSelected(n)}
+          />
+        </div>
+        {selected && !isMobile && (
+          <aside
+            style={{
+              width: 320,
+              borderLeft: "1px solid var(--border)",
+              padding: 20,
+              background: "var(--bg-subtle)",
+              overflowY: "auto",
+            }}
+          >
+            {detailPanel}
+          </aside>
+        )}
+      </div>
+
+      {selected && isMobile && (
+        <div
+          onClick={() => setSelected(null)}
+          style={{
+            position: "fixed", inset: 0, zIndex: 90, background: "rgba(19,38,16,0.35)",
+            display: "flex", flexDirection: "column", justifyContent: "flex-end",
+          }}
+        >
+          <div
+            onClick={e => e.stopPropagation()}
+            className="slide-up"
+            style={{
+              background: "var(--bg-panel)", borderTopLeftRadius: "var(--r-lg)", borderTopRightRadius: "var(--r-lg)",
+              padding: 20, maxHeight: "80vh", overflowY: "auto",
+            }}
+          >
+            {detailPanel}
+          </div>
+        </div>
+      )}
+
+      {fullscreen && (
+        <div style={{ position: "fixed", inset: 0, zIndex: 150, background: "var(--bg)", display: "flex", flexDirection: "column" }}>
+          <div style={{ display: "flex", justifyContent: "space-between", alignItems: "center", padding: "14px 20px", borderBottom: "1px solid var(--border)" }}>
+            <div>
+              <div className="label-micro">Knowledge tree — fullscreen</div>
+              <div className="h-serif" style={{ fontSize: 18 }}>Press Esc to exit</div>
+            </div>
+            <button className="btn btn--ghost btn--sm" onClick={() => setFullscreen(false)}>
+              <Icon name="x" size={14} />
+            </button>
+          </div>
+          <FullscreenGraph
+            nodes={filteredNodes}
+            edges={filteredEdges}
+            highlightId={suggestId || selected?.id}
+            onNodeClick={(n) => { setSelected(n); setFullscreen(false); }}
+          />
+        </div>
+      )}
+    </div>
+  );
+}
+
+function FullscreenGraph({
+  nodes, edges, highlightId, onNodeClick,
+}: {
+  nodes: GraphNode[]; edges: GraphEdge[];
+  highlightId?: string;
+  onNodeClick: (n: GraphNode) => void;
+}) {
+  const [size, setSize] = React.useState({ w: 1200, h: 700 });
+  const ref = React.useRef<HTMLDivElement>(null);
+  React.useEffect(() => {
+    const ro = new ResizeObserver(e => setSize({ w: e[0].contentRect.width, h: e[0].contentRect.height }));
+    if (ref.current) ro.observe(ref.current);
+    return () => ro.disconnect();
+  }, []);
+  return (
+    <div ref={ref} style={{ flex: 1, position: "relative" }}>
+      <KnowledgeGraph
+        nodes={nodes}
+        edges={edges}
+        width={size.w}
+        height={size.h}
+        masteryTierFill
+        highlightId={highlightId}
+        onNodeClick={onNodeClick}
+      />
+    </div>
+  );
+}
diff --git a/frontend/src/context/UserContext.tsx b/frontend/src/context/UserContext.tsx
index aa816570..20301363 100644
--- a/frontend/src/context/UserContext.tsx
+++ b/frontend/src/context/UserContext.tsx
@@ -15,8 +15,6 @@ interface UserContextValue {
   userName: string;
   avatarUrl: string;
   users: UserOption[];
-  /** True once localStorage has been read — gates all data fetches so they
-   *  never fire with the hardcoded default user before we know the real one. */
   userReady: boolean;
   isAuthenticated: boolean;
   isApproved: boolean;
@@ -57,18 +55,14 @@ export function UserProvider({ children }: { children: React.ReactNode }) {
   const [users, setUsers] = useState<UserOption[]>([]);
   const [isAuthenticated, setIsAuthenticated] = useState(false);
   const [isApproved, setIsApproved] = useState(false);
-  // Becomes true after localStorage is read — prevents pages from fetching
-  // data with the hardcoded default before the real saved user is known.
   const [userReady, setUserReady] = useState(false);
 
-  // Profile/role state
   const [username, setUsername] = useState<string | null>(null);
   const [roles, setRoles] = useState<UserRole[]>([]);
   const [equippedCosmetics, setEquippedCosmetics] = useState<EquippedCosmetics>({});
   const [featuredRole, setFeaturedRole] = useState<Role | null>(null);
   const [isAdmin, setIsAdmin] = useState(false);
 
-  // Restore last selected user from localStorage (or use local dev user)
   useEffect(() => {
     if (IS_LOCAL_MODE) {
       setUserId(LOCAL_USER.id);
@@ -93,7 +87,6 @@ export function UserProvider({ children }: { children: React.ReactNode }) {
     setUserReady(true);
   }, []);
 
-  // Fetch user list from backend and reconcile the current user's name
   useEffect(() => {
     if (IS_LOCAL_MODE) return;
     fetch(`${process.env.NEXT_PUBLIC_API_URL}/api/users`)
@@ -101,8 +94,6 @@ export function UserProvider({ children }: { children: React.ReactNode }) {
       .then((data: { users: UserOption[] }) => {
         const list = data.users ?? [];
         setUsers(list);
-        // Always sync userName from the live backend list for the current userId
-        // so the greeting never shows a stale or hardcoded default name
         setUserId(prev => {
           const match = list.find(u => u.id === prev);
           if (match) setUserName(match.name);
@@ -112,7 +103,6 @@ export function UserProvider({ children }: { children: React.ReactNode }) {
       .catch(() => {});
   }, []);
 
-  // Fetch extended auth/me data (roles, cosmetics, etc.) when userId is ready
   const fetchProfileData = useCallback(async (uid: string) => {
     if (!uid || IS_LOCAL_MODE) return;
     try {
@@ -129,14 +119,10 @@ export function UserProvider({ children }: { children: React.ReactNode }) {
   }, []);
 
   useEffect(() => {
-    if (userReady && userId) {
-      fetchProfileData(userId);
-    }
+    if (userReady && userId) fetchProfileData(userId);
   }, [userReady, userId, fetchProfileData]);
 
-  const refreshProfile = useCallback(async () => {
-    await fetchProfileData(userId);
-  }, [userId, fetchProfileData]);
+  const refreshProfile = useCallback(async () => { await fetchProfileData(userId); }, [userId, fetchProfileData]);
 
   const setActiveUser = (id: string, name: string, avatar?: string) => {
     setUserId(id);
@@ -163,6 +149,9 @@ export function UserProvider({ children }: { children: React.ReactNode }) {
       setFeaturedRole(null);
       setIsAdmin(false);
       localStorage.removeItem('sapling_user');
+      if (typeof window !== 'undefined') {
+        sessionStorage.removeItem('sapling_onboarding_pending');
+      }
     }
   };
 
@@ -176,13 +165,7 @@ export function UserProvider({ children }: { children: React.ReactNode }) {
      username, roles, equippedCosmetics, featuredRole, isAdmin, refreshProfile]
   );
 
-  return (
-    <UserContext.Provider value={value}>
-      {children}
-    </UserContext.Provider>
-  );
+  return <UserContext.Provider value={value}>{children}</UserContext.Provider>;
 }
 
-export function useUser() {
-  return useContext(UserContext);
-}
+export function useUser() { return useContext(UserContext); }
diff --git a/frontend/src/lib/api.ts b/frontend/src/lib/api.ts
index 9b9e0ba0..3a1586aa 100644
--- a/frontend/src/lib/api.ts
+++ b/frontend/src/lib/api.ts
@@ -1,7 +1,7 @@
 import type {
   RoomMessageRow, RoomOverviewData,
   UserProfile, UserSettings, UserRole, UserAchievement, Achievement,
-  UserCosmetic, CosmeticType,
+  UserCosmetic, CosmeticType, Role, Cosmetic, RarityTier, AchievementCategory,
 } from '@/lib/types';
 
 import { handleLocalRequest } from '@/lib/localData';
@@ -24,13 +24,11 @@ async function fetchJSON<T>(path: string, options?: RequestInit): Promise<T> {
   return res.json();
 }
 
-// ── Users ─────────────────────────────────────────────────────────────────────
-
+// Users
 export const getUsers = () =>
   fetchJSON<{ users: { id: string; name: string; room_id: string | null }[] }>('/api/users');
 
-// ── Graph ─────────────────────────────────────────────────────────────────────
-
+// Graph
 export const getGraph = (userId: string) =>
   fetchJSON<{ nodes: any[]; edges: any[]; stats: any }>(`/api/graph/${userId}`);
 
@@ -59,28 +57,19 @@ export const addCourse = (userId: string, courseId: string, color?: string, nick
     body: JSON.stringify({ course_id: courseId, ...(color ? { color } : {}), ...(nickname ? { nickname } : {}) }),
   });
 
-export const updateCourseColor = (userId: string, courseId: string, color: string) =>
-  fetchJSON<{ updated: boolean }>(
-    `/api/graph/${userId}/courses/${encodeURIComponent(courseId)}/color`,
-    { method: 'PATCH', body: JSON.stringify({ color }) }
-  );
-
 export const deleteCourse = (userId: string, courseId: string) =>
   fetchJSON<{ deleted: boolean }>(
     `/api/graph/${userId}/courses/${encodeURIComponent(courseId)}`,
     { method: 'DELETE' }
   );
 
-// ── Learn ─────────────────────────────────────────────────────────────────────
-
-export interface StartSessionRequest {
-  user_id: string;
-  topic: string;
-  mode: string;
-  use_shared_context?: boolean;
-  course_id?: string;
-}
+export const updateCourseColor = (userId: string, courseId: string, color: string) =>
+  fetchJSON<{ updated: boolean }>(
+    `/api/graph/${userId}/courses/${encodeURIComponent(courseId)}/color`,
+    { method: 'PATCH', body: JSON.stringify({ color }) }
+  );
 
+// Learn
 export const startSession = (userId: string, topic: string, mode: string, courseId?: string, useSharedContext = true) =>
   fetchJSON<{ session_id: string; initial_message: string; graph_state: any }>('/api/learn/start-session', {
     method: 'POST',
@@ -93,18 +82,38 @@ export const sendChat = (sessionId: string, userId: string, message: string, mod
     body: JSON.stringify({ session_id: sessionId, user_id: userId, message, mode, use_shared_context: useSharedContext }),
   });
 
-export const sendAction = (sessionId: string, userId: string, actionType: string, mode: string, useSharedContext = true) =>
-  fetchJSON<{ reply: string; graph_update: any }>('/api/learn/action', {
-    method: 'POST',
-    body: JSON.stringify({ session_id: sessionId, user_id: userId, action_type: actionType, mode, use_shared_context: useSharedContext }),
-  });
+export interface SessionSummaryData {
+  concepts_covered: string[];
+  mastery_changes: { concept: string; before: number; after: number }[];
+  new_connections: { source: string; target: string }[];
+  time_spent_minutes: number;
+  recommended_next: string[];
+}
 
 export const endSession = (sessionId: string, userId: string) =>
-  fetchJSON<{ summary: any }>('/api/learn/end-session', {
+  fetchJSON<{ summary: SessionSummaryData }>('/api/learn/end-session', {
     method: 'POST',
     body: JSON.stringify({ session_id: sessionId, user_id: userId }),
   });
 
+export const learnAction = (
+  sessionId: string,
+  userId: string,
+  actionType: 'hint' | 'confused' | 'skip',
+  mode: string,
+  useSharedContext = true,
+) =>
+  fetchJSON<{ reply: string; graph_update: any }>('/api/learn/action', {
+    method: 'POST',
+    body: JSON.stringify({
+      session_id: sessionId,
+      user_id: userId,
+      action_type: actionType,
+      mode,
+      use_shared_context: useSharedContext,
+    }),
+  });
+
 export interface Session {
   id: string;
   topic: string;
@@ -137,8 +146,7 @@ export const resumeSession = (sessionId: string) =>
     messages: { id: string; role: string; content: string; created_at: string }[];
   }>(`/api/learn/sessions/${sessionId}/resume`);
 
-// ── Quiz ──────────────────────────────────────────────────────────────────────
-
+// Quiz
 export const generateQuiz = (userId: string, conceptNodeId: string, numQuestions: number, difficulty: string, useSharedContext = true) =>
   fetchJSON<{ quiz_id: string; questions: any[] }>('/api/quiz/generate', {
     method: 'POST',
@@ -151,38 +159,7 @@ export const submitQuiz = (quizId: string, answers: any[]) =>
     body: JSON.stringify({ quiz_id: quizId, answers }),
   });
 
-// ── Calendar ──────────────────────────────────────────────────────────────────
-
-export const extractSyllabus = (formData: FormData, userId?: string): Promise<any> => {
-  if (IS_LOCAL_MODE) return Promise.resolve({ assignments: [] });
-  if (userId) formData.set('user_id', userId);
-  return fetch(`${API_URL}/api/calendar/extract`, {
-    method: 'POST',
-    body: formData,
-  }).then(async r => {
-    let data: Record<string, unknown> = {};
-    try {
-      data = (await r.json()) as Record<string, unknown>;
-    } catch {
-      throw new Error(`Could not read server response (HTTP ${r.status}).`);
-    }
-    if (!r.ok) {
-      const detail = data.detail;
-      let msg = '';
-      if (typeof detail === 'string') msg = detail;
-      else if (Array.isArray(detail)) {
-        msg = detail
-          .map((d: unknown) => (typeof d === 'object' && d && 'msg' in d ? String((d as { msg: string }).msg) : ''))
-          .filter(Boolean)
-          .join('; ');
-      }
-      if (!msg && typeof data.error === 'string') msg = data.error;
-      throw new Error(msg || `Request failed (HTTP ${r.status}).`);
-    }
-    return data;
-  });
-};
-
+// Calendar
 export interface Assignment {
   id: string;
   user_id: string;
@@ -202,51 +179,51 @@ export const getUpcomingAssignments = (userId: string) =>
 export const getAllAssignments = (userId: string) =>
   fetchJSON<{ assignments: Assignment[] }>(`/api/calendar/all/${userId}`);
 
-export interface SaveAssignmentItem {
-  title: string;
-  course_id: string;
-  due_date: string;
-  assignment_type?: string;
-  notes?: string;
-}
+export const extractSyllabus = (formData: FormData, userId?: string): Promise<any> => {
+  if (IS_LOCAL_MODE) return Promise.resolve({ assignments: [] });
+  if (userId) formData.set('user_id', userId);
+  return fetch(`${API_URL}/api/calendar/extract`, { method: 'POST', body: formData })
+    .then(async r => { const data = await r.json(); if (!r.ok) throw new Error(String(data?.detail || `HTTP ${r.status}`)); return data; });
+};
 
-export const saveAssignments = (userId: string, assignments: SaveAssignmentItem[]) =>
+export const saveAssignments = (userId: string, assignments: Array<{ title: string; course_id?: string; due_date: string; assignment_type?: string | null; notes?: string | null }>) =>
   fetchJSON<{ saved_count: number }>('/api/calendar/save', {
     method: 'POST',
     body: JSON.stringify({ user_id: userId, assignments }),
   });
 
-export const getCalendarAuthUrl = (userId: string) =>
-  fetchJSON<{ url: string }>(`/api/calendar/auth-url?user_id=${encodeURIComponent(userId)}`);
+export const updateAssignment = (
+  assignmentId: string,
+  userId: string,
+  patch: Partial<Pick<Assignment, 'title' | 'course_id' | 'due_date' | 'assignment_type' | 'notes'>>,
+) =>
+  fetchJSON<{ updated: boolean }>(`/api/calendar/assignments/${encodeURIComponent(assignmentId)}`, {
+    method: 'PATCH',
+    body: JSON.stringify({ user_id: userId, ...patch }),
+  });
+
+export const deleteAssignment = (assignmentId: string, userId: string) =>
+  fetchJSON<{ deleted: boolean }>(
+    `/api/calendar/assignments/${encodeURIComponent(assignmentId)}?user_id=${encodeURIComponent(userId)}`,
+    { method: 'DELETE' },
+  );
 
 export const getCalendarStatus = (userId: string) =>
   fetchJSON<{ connected: boolean; expires_at?: string }>(`/api/calendar/status/${userId}`);
-export const checkCalendarStatus = getCalendarStatus;
 
-export const syncToGoogleCalendar = (userId: string) =>
+export const disconnectCalendar = (userId: string) =>
+  fetchJSON<{ disconnected: boolean }>(`/api/calendar/disconnect/${userId}`, { method: 'DELETE' });
+
+export const syncCalendar = (userId: string) =>
   fetchJSON<{ synced_count: number }>('/api/calendar/sync', {
     method: 'POST',
     body: JSON.stringify({ user_id: userId }),
   });
 
-export const exportToGoogleCalendar = (userId: string, assignmentIds: string[]) =>
-  fetchJSON<{ exported_count: number; skipped_count: number }>('/api/calendar/export', {
-    method: 'POST',
-    body: JSON.stringify({ user_id: userId, assignment_ids: assignmentIds }),
-  });
-
-export const importGoogleEvents = (userId: string, daysAhead = 30) =>
-  fetchJSON<{ events: any[]; count: number }>(
-    `/api/calendar/import/${userId}?days_ahead=${daysAhead}`
-  );
-
-export const disconnectGoogleCalendar = (userId: string) =>
-  fetchJSON<{ disconnected: boolean }>(`/api/calendar/disconnect/${userId}`, {
-    method: 'DELETE',
-  });
-
-// ── Social ────────────────────────────────────────────────────────────────────
+export const calendarAuthUrl = (userId: string) =>
+  `${API_URL}/api/calendar/auth-url?user_id=${encodeURIComponent(userId)}`;
 
+// Social
 export const createRoom = (userId: string, roomName: string) =>
   fetchJSON<{ room_id: string; invite_code: string }>('/api/social/rooms/create', {
     method: 'POST',
@@ -274,28 +251,15 @@ export const findStudyMatches = (roomId: string, userId: string) =>
     body: JSON.stringify({ user_id: userId }),
   });
 
-export const findSchoolMatches = (userId: string) =>
-  fetchJSON<{ matches: any[] }>('/api/social/school-match', {
-    method: 'POST',
-    body: JSON.stringify({ user_id: userId }),
-  });
-
-export const getSchoolStudents = () =>
-  fetchJSON<{ students: any[] }>('/api/social/students');
-
-export const leaveRoom = (roomId: string, userId: string) =>
-  fetchJSON<{ left: boolean }>(`/api/social/rooms/${roomId}/leave`, {
-    method: 'POST',
-    body: JSON.stringify({ user_id: userId }),
-  });
-
-export const kickMember = (roomId: string, memberId: string, requesterId: string) =>
-  fetchJSON<{ kicked: boolean }>(`/api/social/rooms/${roomId}/members/${encodeURIComponent(memberId)}?requester_id=${encodeURIComponent(requesterId)}`, {
-    method: 'DELETE',
-  });
-
-export const getRoomMessages = (roomId: string) =>
-  fetchJSON<{ messages: RoomMessageRow[] }>(`/api/social/rooms/${roomId}/messages`);
+export const getRoomMessages = (roomId: string, opts?: { before?: string; limit?: number }) => {
+  const params = new URLSearchParams();
+  if (opts?.before) params.set('before', opts.before);
+  if (opts?.limit) params.set('limit', String(opts.limit));
+  const qs = params.toString();
+  return fetchJSON<{ messages: RoomMessageRow[]; has_more?: boolean }>(
+    `/api/social/rooms/${roomId}/messages${qs ? `?${qs}` : ''}`,
+  );
+};
 
 export const sendRoomMessage = (roomId: string, userId: string, userName: string, text: string, imageUrl?: string, replyToId?: string) =>
   fetchJSON<{ message: any }>(`/api/social/rooms/${roomId}/messages`, {
@@ -303,9 +267,10 @@ export const sendRoomMessage = (roomId: string, userId: string, userName: string
     body: JSON.stringify({ user_id: userId, user_name: userName, text: text || null, image_url: imageUrl || null, reply_to_id: replyToId || null }),
   });
 
-export const deleteRoomMessage = (roomId: string, messageId: string, userId: string) =>
-  fetchJSON<{ deleted: boolean }>(`/api/social/rooms/${roomId}/messages/${encodeURIComponent(messageId)}?user_id=${encodeURIComponent(userId)}`, {
-    method: 'DELETE',
+export const toggleRoomReaction = (roomId: string, messageId: string, userId: string, emoji: string) =>
+  fetchJSON<{ added: boolean }>(`/api/social/rooms/${roomId}/messages/${encodeURIComponent(messageId)}/reactions`, {
+    method: 'POST',
+    body: JSON.stringify({ user_id: userId, emoji }),
   });
 
 export const editRoomMessage = (roomId: string, messageId: string, userId: string, text: string) =>
@@ -314,40 +279,70 @@ export const editRoomMessage = (roomId: string, messageId: string, userId: strin
     body: JSON.stringify({ user_id: userId, text }),
   });
 
-export const toggleRoomReaction = (roomId: string, messageId: string, userId: string, emoji: string) =>
-  fetchJSON<{ added: boolean }>(`/api/social/rooms/${roomId}/messages/${encodeURIComponent(messageId)}/reactions`, {
+export const deleteRoomMessage = (roomId: string, messageId: string, userId: string) =>
+  fetchJSON<{ deleted: boolean }>(`/api/social/rooms/${roomId}/messages/${encodeURIComponent(messageId)}?user_id=${encodeURIComponent(userId)}`, {
+    method: 'DELETE',
+  });
+
+export const leaveRoom = (roomId: string, userId: string) =>
+  fetchJSON<{ left: boolean }>(`/api/social/rooms/${roomId}/leave`, {
     method: 'POST',
-    body: JSON.stringify({ user_id: userId, emoji }),
+    body: JSON.stringify({ user_id: userId }),
   });
 
-// ── Documents ─────────────────────────────────────────────────────────────────
+export const kickMember = (roomId: string, memberId: string, requesterId: string) =>
+  fetchJSON<{ kicked: boolean }>(
+    `/api/social/rooms/${roomId}/members/${encodeURIComponent(memberId)}?requester_id=${encodeURIComponent(requesterId)}`,
+    { method: 'DELETE' },
+  );
+
+export interface StudentRow {
+  user_id: string;
+  name: string;
+  streak: number;
+  courses: string[];
+  stats: { mastered: number; learning: number; struggling: number; unexplored: number; total: number };
+  top_concepts: string[];
+}
+
+export const getStudents = () =>
+  fetchJSON<{ students: StudentRow[] }>(`/api/social/students`);
 
+export const schoolMatch = (userId: string) =>
+  fetchJSON<{ matches: any[] }>('/api/social/school-match', {
+    method: 'POST',
+    body: JSON.stringify({ user_id: userId }),
+  });
+
+// Documents
 export const getDocuments = (userId: string) =>
   fetchJSON<{ documents: any[] }>(`/api/documents/user/${userId}`);
 
 export const deleteDocument = (documentId: string, userId?: string) =>
   fetchJSON<{ deleted: boolean }>(`/api/documents/doc/${documentId}${userId ? `?user_id=${encodeURIComponent(userId)}` : ''}`, { method: 'DELETE' });
 
-export const updateDocument = (documentId: string, data: { category?: string; user_id?: string }) =>
-  fetchJSON<any>(`/api/documents/doc/${documentId}`, {
-    method: 'PATCH',
-    body: JSON.stringify(data),
-  });
-
-export const uploadDocument = (formData: FormData, init?: RequestInit): Promise<any> => {
+export const uploadDocument = (formData: FormData, signal?: AbortSignal): Promise<any> => {
   if (IS_LOCAL_MODE) return Promise.resolve({ id: 'local-doc', status: 'processed' });
-  return fetch(`${API_URL}/api/documents/upload`, { method: 'POST', body: formData, ...init }).then(async r => {
-    if (!r.ok) { const e = await r.text(); throw new Error(e || `HTTP ${r.status}`); }
-    return r.json();
-  });
+  return fetch(`${API_URL}/api/documents/upload`, { method: 'POST', body: formData, signal })
+    .then(async r => { if (!r.ok) { const e = await r.text(); throw new Error(e || `HTTP ${r.status}`); } return r.json(); });
 };
 
-// ── Flashcards ────────────────────────────────────────────────────────────────
+export const updateDocumentCategory = (documentId: string, userId: string, category: string) =>
+  fetchJSON<{ id: string; category: string }>(`/api/documents/doc/${documentId}`, {
+    method: 'PATCH',
+    body: JSON.stringify({ user_id: userId, category }),
+  });
+
+// Flashcards
+export interface GenerateFlashcardsResponse {
+  flashcards: any[];
+  context_used?: { documents_found: number; weak_concepts_found: number };
+}
 
-export const generateFlashcards = (userId: string, topic: string, count = 5, sessionId?: string) =>
-  fetchJSON<{ flashcards: any[]; context_used?: { documents_found: number; weak_concepts_found: number } }>('/api/flashcards/generate', {
+export const generateFlashcards = (userId: string, topic: string, count = 5) =>
+  fetchJSON<GenerateFlashcardsResponse>('/api/flashcards/generate', {
     method: 'POST',
-    body: JSON.stringify({ user_id: userId, topic, count, ...(sessionId ? { session_id: sessionId } : {}) }),
+    body: JSON.stringify({ user_id: userId, topic, count }),
   });
 
 export const getFlashcards = (userId: string, topic?: string) =>
@@ -361,13 +356,60 @@ export const rateFlashcard = (userId: string, cardId: string, rating: number) =>
     body: JSON.stringify({ user_id: userId, card_id: cardId, rating }),
   });
 
-export const deleteFlashcard = (userId: string, cardId: string) =>
-  fetchJSON<{ ok: boolean }>(`/api/flashcards/${cardId}?user_id=${encodeURIComponent(userId)}`, {
-    method: 'DELETE',
-  });
+// Study Guide
+export interface StudyGuideTopic {
+  name: string;
+  importance: string;
+  concepts: string[];
+}
+
+export interface StudyGuideContent {
+  exam: string;
+  due_date: string;
+  overview: string;
+  topics: StudyGuideTopic[];
+}
+
+export interface StudyGuideExam {
+  id: string;
+  title: string;
+  due_date: string;
+  assignment_type?: string | null;
+}
 
-// ── Feedback ──────────────────────────────────────────────────────────────────
+export interface StudyGuideCacheEntry {
+  id: string;
+  course_id: string;
+  exam_id: string;
+  course_name: string;
+  exam_title: string;
+  overview: string;
+  generated_at: string;
+}
 
+export const getStudyGuideExams = (userId: string, courseId: string) =>
+  fetchJSON<{ exams: StudyGuideExam[] }>(
+    `/api/study-guide/${encodeURIComponent(userId)}/exams?course_id=${encodeURIComponent(courseId)}`,
+  );
+
+export const getStudyGuide = (userId: string, courseId: string, examId: string) =>
+  fetchJSON<{ guide: StudyGuideContent; generated_at: string; cached: boolean }>(
+    `/api/study-guide/${encodeURIComponent(userId)}/guide?course_id=${encodeURIComponent(courseId)}&exam_id=${encodeURIComponent(examId)}`,
+  );
+
+export const regenerateStudyGuide = (userId: string, courseId: string, examId: string) =>
+  fetchJSON<{ success: boolean; guide: StudyGuideContent; generated_at: string }>(
+    '/api/study-guide/regenerate',
+    {
+      method: 'POST',
+      body: JSON.stringify({ user_id: userId, course_id: courseId, exam_id: examId }),
+    },
+  );
+
+export const getCachedStudyGuides = (userId: string) =>
+  fetchJSON<{ guides: StudyGuideCacheEntry[] }>(`/api/study-guide/${encodeURIComponent(userId)}/cached`);
+
+// Feedback
 export const submitFeedback = (data: {
   user_id: string; type: 'global' | 'session'; rating: number;
   selected_options: string[]; comment?: string; session_id?: string; topic?: string;
@@ -377,61 +419,56 @@ export const submitIssueReport = (data: {
   user_id: string; topic: string; description: string; screenshot_urls: string[];
 }) => fetchJSON<{ ok: boolean }>('/api/issue-reports', { method: 'POST', body: JSON.stringify(data) });
 
-// ── Careers ───────────────────────────────────────────────────────────────────
-
-export const submitJobApplication = async (data: {
-  position: string;
-  full_name: string;
-  email: string;
-  phone: string;
-  linkedin_url: string;
-  portfolio_link?: string;
-  resume?: File | null;
-}): Promise<{ ok: boolean; id: string | null }> => {
-  if (IS_LOCAL_MODE) return { ok: true, id: null };
-  const formData = new FormData();
-  formData.append('position', data.position);
-  formData.append('full_name', data.full_name);
-  formData.append('email', data.email);
-  formData.append('phone', data.phone);
-  formData.append('linkedin_url', data.linkedin_url);
-  if (data.portfolio_link) formData.append('portfolio_link', data.portfolio_link);
-  if (data.resume) formData.append('resume', data.resume);
-
-  const res = await fetch(`${API_URL}/api/careers/apply`, { method: 'POST', body: formData });
-  if (!res.ok) {
-    const err = await res.text();
-    throw new Error(err || `HTTP ${res.status}`);
-  }
-  return res.json();
-};
+// Onboarding
+export interface OnboardingCourse {
+  id: string;
+  course_code: string;
+  course_name: string;
+}
+
+export const onboardingCoursesSearch = (q: string) =>
+  fetchJSON<{ courses: OnboardingCourse[] }>(
+    `/api/onboarding/courses${q ? `?q=${encodeURIComponent(q)}` : ''}`,
+  );
 
-// ── Profile ───────────────────────────────────────────────────────────────────
+export interface OnboardingProfilePayload {
+  user_id: string;
+  first_name: string;
+  last_name: string;
+  year: string;
+  majors: string[];
+  minors: string[];
+  course_ids: string[];
+  learning_style: 'visual' | 'reading' | 'auditory' | 'hands-on' | 'mixed';
+}
 
+export const submitOnboardingProfile = (payload: OnboardingProfilePayload) =>
+  fetchJSON<{ user_id: string; courses_linked: string[] }>('/api/onboarding/profile', {
+    method: 'POST',
+    body: JSON.stringify(payload),
+  });
+
+// Profile
 export const fetchPublicProfile = (userId: string) =>
   fetchJSON<UserProfile>(`/api/profile/${userId}`);
 
+export const checkUsername = (username: string, userId?: string) =>
+  fetchJSON<{ available: boolean; reason?: 'taken' | 'invalid' | 'self' }>(
+    `/api/profile/username/check?username=${encodeURIComponent(username)}${userId ? `&user_id=${encodeURIComponent(userId)}` : ''}`,
+  );
+
+export const setFeaturedAchievements = (userId: string, achievementIds: string[]) =>
+  fetchJSON<{ updated: boolean }>(`/api/profile/${userId}/featured-achievements?user_id=${encodeURIComponent(userId)}`, {
+    method: 'POST',
+    body: JSON.stringify({ achievement_ids: achievementIds }),
+  });
+
 export const updateProfile = (userId: string, data: Partial<UserProfile>) =>
   fetchJSON<{ updated: boolean }>(`/api/profile/${userId}`, {
     method: 'PATCH',
     body: JSON.stringify(data),
   });
 
-export const uploadAvatar = async (userId: string, file: File): Promise<{ avatar_url: string }> => {
-  if (IS_LOCAL_MODE) return { avatar_url: '' };
-  const formData = new FormData();
-  formData.append('file', file);
-  const res = await fetch(`${API_URL}/api/profile/${userId}/avatar?user_id=${encodeURIComponent(userId)}`, {
-    method: 'POST',
-    body: formData,
-  });
-  if (!res.ok) {
-    const err = await res.text();
-    throw new Error(err || `HTTP ${res.status}`);
-  }
-  return res.json();
-};
-
 export const fetchSettings = (userId: string) =>
   fetchJSON<UserSettings>(`/api/profile/${userId}/settings?user_id=${encodeURIComponent(userId)}`);
 
@@ -447,18 +484,6 @@ export const equipCosmetic = (userId: string, slot: CosmeticType, cosmeticId: st
     body: JSON.stringify({ slot, cosmetic_id: cosmeticId }),
   });
 
-export const setFeaturedRole = (userId: string, roleId: string | null) =>
-  fetchJSON<{ updated: boolean }>(`/api/profile/${userId}/featured-role?user_id=${encodeURIComponent(userId)}`, {
-    method: 'POST',
-    body: JSON.stringify({ role_id: roleId }),
-  });
-
-export const setFeaturedAchievements = (userId: string, ids: string[]) =>
-  fetchJSON<{ updated: boolean }>(`/api/profile/${userId}/featured-achievements?user_id=${encodeURIComponent(userId)}`, {
-    method: 'POST',
-    body: JSON.stringify({ achievement_ids: ids }),
-  });
-
 export const fetchAchievements = (userId: string) =>
   fetchJSON<{ earned: UserAchievement[]; available: Achievement[] }>(`/api/profile/${userId}/achievements`);
 
@@ -467,6 +492,16 @@ export const fetchCosmetics = (userId: string) =>
     `/api/profile/${userId}/cosmetics?user_id=${encodeURIComponent(userId)}`
   );
 
+export interface CatalogCosmetic extends Cosmetic {
+  unlock_source?: string | null;
+  owned: boolean;
+}
+
+export const fetchCosmeticsCatalog = (userId: string) =>
+  fetchJSON<{ catalog: Record<CosmeticType, CatalogCosmetic[]> }>(
+    `/api/profile/${userId}/cosmetics/catalog?user_id=${encodeURIComponent(userId)}`
+  );
+
 export const fetchRoles = (userId: string) =>
   fetchJSON<{ roles: UserRole[] }>(`/api/profile/${userId}/roles`);
 
@@ -476,18 +511,12 @@ export const deleteAccount = (userId: string, confirmation: string) =>
     body: JSON.stringify({ confirmation }),
   });
 
-export const exportData = (userId: string) =>
-  fetchJSON<any>(`/api/profile/${userId}/export?user_id=${encodeURIComponent(userId)}`, {
-    method: 'POST',
-  });
-
-// ── Admin ─────────────────────────────────────────────────────────────────────
+// Admin
+export const adminFetchUsers = () =>
+  fetchJSON<{ users: any[] }>('/api/admin/users');
 
-export const adminCreateRole = (data: any) =>
-  fetchJSON<{ role: any }>('/api/admin/roles', {
-    method: 'POST',
-    body: JSON.stringify(data),
-  });
+export const adminApproveUser = (userId: string) =>
+  fetchJSON<{ approved: boolean }>(`/api/admin/users/${userId}/approve`, { method: 'PATCH' });
 
 export const adminAssignRole = (userId: string, roleId: string, grantedBy?: string) =>
   fetchJSON<{ assigned: boolean }>('/api/admin/roles/assign', {
@@ -501,28 +530,61 @@ export const adminRevokeRole = (userId: string, roleId: string) =>
     body: JSON.stringify({ user_id: userId, role_id: roleId }),
   });
 
-export const adminCreateAchievement = (data: any) =>
-  fetchJSON<{ achievement: any }>('/api/admin/achievements', {
+export const adminListRoles = () =>
+  fetchJSON<{ roles: Role[] }>('/api/admin/roles');
+
+export const adminCreateRole = (payload: {
+  name: string; slug: string; color: string; icon?: string | null;
+  description?: string | null; is_staff_assigned?: boolean;
+  is_earnable?: boolean; display_priority?: number;
+}) =>
+  fetchJSON<{ role: Role }>('/api/admin/roles', {
     method: 'POST',
-    body: JSON.stringify(data),
+    body: JSON.stringify(payload),
   });
 
-export const adminGrantAchievement = (userId: string, achievementId: string) =>
-  fetchJSON<{ granted: boolean }>('/api/admin/achievements/grant', {
+export const adminDeleteRole = (roleId: string) =>
+  fetchJSON<{ deleted: boolean }>(`/api/admin/roles/${encodeURIComponent(roleId)}`, { method: 'DELETE' });
+
+export const adminListAchievements = () =>
+  fetchJSON<{ achievements: Achievement[] }>('/api/admin/achievements');
+
+export const adminCreateAchievement = (payload: {
+  name: string; slug: string; description?: string | null; icon?: string | null;
+  category: AchievementCategory; rarity: RarityTier; is_secret?: boolean;
+}) =>
+  fetchJSON<{ achievement: Achievement }>('/api/admin/achievements', {
     method: 'POST',
-    body: JSON.stringify({ user_id: userId, achievement_id: achievementId }),
+    body: JSON.stringify(payload),
   });
 
-export const adminCreateCosmetic = (data: any) =>
-  fetchJSON<{ cosmetic: any }>('/api/admin/cosmetics', {
+export const adminDeleteAchievement = (achievementId: string) =>
+  fetchJSON<{ deleted: boolean }>(`/api/admin/achievements/${encodeURIComponent(achievementId)}`, { method: 'DELETE' });
+
+export const adminListCosmetics = () =>
+  fetchJSON<{ cosmetics: Cosmetic[] }>('/api/admin/cosmetics');
+
+export const adminCreateCosmetic = (payload: {
+  type: CosmeticType; name: string; slug: string;
+  asset_url?: string | null; css_value?: string | null;
+  rarity: RarityTier; unlock_source?: string | null;
+}) =>
+  fetchJSON<{ cosmetic: Cosmetic }>('/api/admin/cosmetics', {
     method: 'POST',
-    body: JSON.stringify(data),
+    body: JSON.stringify(payload),
   });
 
-export const adminFetchUsers = () =>
-  fetchJSON<{ users: any[] }>('/api/admin/users');
+export const adminDeleteCosmetic = (cosmeticId: string) =>
+  fetchJSON<{ deleted: boolean }>(`/api/admin/cosmetics/${encodeURIComponent(cosmeticId)}`, { method: 'DELETE' });
 
-export const adminApproveUser = (userId: string) =>
-  fetchJSON<{ approved: boolean }>(`/api/admin/users/${userId}/approve`, {
-    method: 'PATCH',
+export const uploadAvatar = (userId: string, file: File): Promise<{ avatar_url: string }> => {
+  if (IS_LOCAL_MODE) return Promise.resolve({ avatar_url: URL.createObjectURL(file) });
+  const fd = new FormData();
+  fd.append('file', file);
+  return fetch(`${API_URL}/api/profile/${encodeURIComponent(userId)}/avatar?user_id=${encodeURIComponent(userId)}`, {
+    method: 'POST', body: fd,
+  }).then(async r => {
+    if (!r.ok) throw new Error(await r.text() || `HTTP ${r.status}`);
+    return r.json();
   });
+};
diff --git a/frontend/src/lib/data.ts b/frontend/src/lib/data.ts
new file mode 100644
index 00000000..495014e5
--- /dev/null
+++ b/frontend/src/lib/data.ts
@@ -0,0 +1,222 @@
+export type Course = {
+  id: string;
+  course_code: string;
+  name: string;
+  color: string;
+};
+
+export type GraphNode = {
+  id: string;
+  name: string;
+  subject: string;
+  color: string;
+  is_subject_root?: boolean;
+  mastery_tier: "mastered" | "learning" | "struggling" | "unexplored";
+  mastery_score: number;
+  course_id: string;
+  last_studied_at?: string;
+};
+
+export type GraphEdge = {
+  source: string;
+  target: string;
+  strength: number;
+};
+
+export type Assignment = {
+  id: string;
+  title: string;
+  course_name: string;
+  due_date: string;
+  type: "homework" | "exam" | "reading" | "project" | "quiz";
+  notes?: string;
+};
+
+export type Session = {
+  id: string;
+  topic: string;
+  mode: "socratic" | "expository" | "teachback" | "quiz";
+  course: string;
+  started_at: string;
+  messages: number;
+};
+
+export type Document = {
+  id: string;
+  name: string;
+  category: "lecture_notes" | "syllabus" | "reading" | "slides" | "study_guide" | "assignment";
+  course: string;
+  created: string;
+  summary: string;
+  takeaways: string[];
+};
+
+export type Room = {
+  id: string;
+  name: string;
+  invite_code: string;
+  members: number;
+  unread: number;
+  lastMsg: string;
+};
+
+export type Flashcard = {
+  id: string;
+  topic: string;
+  q: string;
+  a: string;
+  times_reviewed: number;
+  last_rating?: "forgot" | "hard" | "good" | "easy";
+};
+
+export type Achievement = {
+  id: string;
+  name: string;
+  description: string;
+  category: "milestone" | "activity" | "social" | "special";
+  rarity: "common" | "uncommon" | "rare" | "epic" | "legendary";
+  icon: string;
+  earnedAt?: string;
+  progress?: number;
+  isSecret?: boolean;
+};
+
+const COURSES: Course[] = [
+  { id: "c1", course_code: "CS 131", name: "Algorithms", color: "#4e873c" },
+  { id: "c2", course_code: "MATH 242", name: "Linear Algebra", color: "#3e6f8a" },
+  { id: "c3", course_code: "PHIL 150", name: "Philosophy of Mind", color: "#7b4b99" },
+  { id: "c4", course_code: "BIO 108", name: "Molecular Biology", color: "#b4562c" },
+];
+
+const tiers: GraphNode["mastery_tier"][] = ["mastered", "learning", "struggling", "unexplored"];
+
+const concepts: [string, string[]][] = [
+  ["Algorithms", ["Dynamic Programming", "Greedy Algorithms", "Graph Traversal", "Divide & Conquer", "Hashing", "Big-O Analysis", "Sorting Networks", "NP-Completeness", "Amortized Analysis", "Union-Find"]],
+  ["Linear Algebra", ["Eigenvalues", "Vector Spaces", "Determinants", "Linear Maps", "Orthogonality", "SVD", "Matrix Factorization", "Rank & Nullity"]],
+  ["Philosophy of Mind", ["Qualia", "Functionalism", "Mind-Body Problem", "Intentionality", "Consciousness", "Identity Theory"]],
+  ["Molecular Biology", ["Transcription", "DNA Replication", "Protein Folding", "mRNA Splicing", "CRISPR", "Lipid Bilayers", "Ribosomes"]],
+];
+
+// Deterministic PRNG so SSR/CSR match
+function seeded(seed: number) {
+  let s = seed;
+  return () => {
+    s = (s * 9301 + 49297) % 233280;
+    return s / 233280;
+  };
+}
+
+function buildGraph() {
+  const rand = seeded(42);
+  const nodes: GraphNode[] = [];
+  COURSES.forEach((c) => {
+    nodes.push({
+      id: c.id + "_root",
+      name: c.name,
+      subject: c.name,
+      color: c.color,
+      is_subject_root: true,
+      mastery_tier: "mastered",
+      mastery_score: 1,
+      course_id: c.id,
+    });
+  });
+  concepts.forEach(([sub, list]) => {
+    const course = COURSES.find((c) => c.name === sub)!;
+    list.forEach((n, i) => {
+      const tier = tiers[Math.floor(rand() * 4)];
+      const score =
+        tier === "mastered"
+          ? 0.85 + rand() * 0.15
+          : tier === "learning"
+            ? 0.45 + rand() * 0.3
+            : tier === "struggling"
+              ? 0.15 + rand() * 0.25
+              : rand() * 0.1;
+      nodes.push({
+        id: `${course.id}_${i}`,
+        name: n,
+        subject: sub,
+        color: course.color,
+        mastery_tier: tier,
+        mastery_score: score,
+        course_id: course.id,
+        last_studied_at: ["today", "yesterday", "3d ago", "1w ago", "never"][Math.floor(rand() * 5)],
+      });
+    });
+  });
+  const edges: GraphEdge[] = [];
+  COURSES.forEach((c) => {
+    const kids = nodes.filter((n) => n.subject === c.name && !n.is_subject_root);
+    kids.forEach((k) => edges.push({ source: c.id + "_root", target: k.id, strength: 0.8 }));
+    for (let i = 0; i < kids.length - 1; i++) {
+      if (rand() > 0.5) edges.push({ source: kids[i].id, target: kids[i + 1].id, strength: 0.4 + rand() * 0.4 });
+    }
+  });
+  return { nodes, edges };
+}
+
+const { nodes, edges } = buildGraph();
+
+const assignments: Assignment[] = [
+  { id: "a1", title: "Problem Set 6: DP", course_name: "Algorithms", due_date: "2026-04-21", type: "homework", notes: "Ch. 15" },
+  { id: "a2", title: "Midterm II", course_name: "Linear Algebra", due_date: "2026-04-24", type: "exam", notes: "SVD emphasis" },
+  { id: "a3", title: "Reading Response", course_name: "Philosophy of Mind", due_date: "2026-04-22", type: "reading", notes: "Dennett ch.3" },
+  { id: "a4", title: "Lab Report 4", course_name: "Molecular Biology", due_date: "2026-04-28", type: "project", notes: "CRISPR screen" },
+  { id: "a5", title: "Quiz: Graph Algos", course_name: "Algorithms", due_date: "2026-04-20", type: "quiz" },
+];
+
+const sessions: Session[] = [
+  { id: "s1", topic: "Dynamic Programming", mode: "socratic", course: "Algorithms", started_at: "2h ago", messages: 14 },
+  { id: "s2", topic: "SVD", mode: "expository", course: "Linear Algebra", started_at: "yesterday", messages: 22 },
+  { id: "s3", topic: "Qualia", mode: "teachback", course: "Philosophy of Mind", started_at: "3d ago", messages: 9 },
+];
+
+const documents: Document[] = [
+  { id: "d1", name: "CS131-Lecture-12-DP.pdf", category: "lecture_notes", course: "Algorithms", created: "3d ago", summary: "Introduction to dynamic programming: memoization, bottom-up table construction, optimal substructure.", takeaways: ["Memoization vs tabulation", "Knapsack variants", "LCS via DP table"] },
+  { id: "d2", name: "Syllabus-Spring.pdf", category: "syllabus", course: "Linear Algebra", created: "2w ago", summary: "Course overview: linear maps, eigenvalue decomposition, SVD.", takeaways: ["2 midterms + final", "Weekly problem sets"] },
+  { id: "d3", name: "Chapter-3-Consciousness.pdf", category: "reading", course: "Philosophy of Mind", created: "5d ago", summary: "Dennett on heterophenomenology.", takeaways: ["First-person vs third-person", "Zombie thought experiment"] },
+  { id: "d4", name: "CRISPR-slides.pptx", category: "slides", course: "Molecular Biology", created: "1w ago", summary: "CRISPR-Cas9 mechanism and applications.", takeaways: ["Guide RNA targeting", "HDR vs NHEJ"] },
+  { id: "d5", name: "pset5-solutions.pdf", category: "study_guide", course: "Algorithms", created: "1w ago", summary: "Worked solutions for pset 5 covering greedy algorithms.", takeaways: ["Exchange argument", "Matroid structure"] },
+  { id: "d6", name: "HW3.pdf", category: "assignment", course: "Linear Algebra", created: "2d ago", summary: "Vector space problems.", takeaways: [] },
+];
+
+const rooms: Room[] = [
+  { id: "r1", name: "CS131 Study Crew", invite_code: "LEAF-42X", members: 6, unread: 3, lastMsg: "Alice is typing…" },
+  { id: "r2", name: "Linear Algebra pals", invite_code: "SAGE-9KQ", members: 4, unread: 0, lastMsg: "eigen stuff" },
+  { id: "r3", name: "Bio Thursday", invite_code: "ROOT-7PT", members: 11, unread: 12, lastMsg: "midterm prep?" },
+];
+
+const flashcards: Flashcard[] = [
+  { id: "f1", topic: "Dynamic Programming", q: "Define optimal substructure.", a: "A problem has optimal substructure when an optimal solution to it contains optimal solutions to subproblems.", times_reviewed: 4, last_rating: "easy" },
+  { id: "f2", topic: "Algorithms", q: "What is the time complexity of Kruskal's algorithm?", a: "O(E log E) using a disjoint-set data structure for cycle detection.", times_reviewed: 2, last_rating: "hard" },
+  { id: "f3", topic: "SVD", q: "What does the SVD decompose a matrix into?", a: "A = UΣVᵀ — orthogonal U, diagonal Σ (singular values), orthogonal Vᵀ.", times_reviewed: 1, last_rating: "forgot" },
+  { id: "f4", topic: "Qualia", q: "What is a quale?", a: "A subjective, qualitative property of conscious experience (the \"what it is like\" aspect).", times_reviewed: 3, last_rating: "easy" },
+  { id: "f5", topic: "CRISPR", q: "What enzyme cuts DNA in CRISPR-Cas9?", a: "Cas9 endonuclease, guided by the sgRNA to the target site.", times_reviewed: 2 },
+];
+
+const achievements = {
+  earned: [
+    { id: "ach1", name: "First Steps", description: "Complete your first Learn session", category: "milestone" as const, rarity: "common" as const, icon: "🌱", earnedAt: "2 weeks ago" },
+    { id: "ach2", name: "Night Owl", description: "Study after midnight 5 times", category: "activity" as const, rarity: "uncommon" as const, icon: "🦉", earnedAt: "1 week ago" },
+    { id: "ach3", name: "Top Scholar", description: "Reach 90% mastery in a course", category: "milestone" as const, rarity: "rare" as const, icon: "📘", earnedAt: "3 days ago" },
+    { id: "ach4", name: "Helpful Peer", description: "Send 50 messages in a study room", category: "social" as const, rarity: "uncommon" as const, icon: "🤝", earnedAt: "5 days ago" },
+  ] as Achievement[],
+  available: [
+    { id: "ach5", name: "Unshakable", description: "30-day study streak", category: "activity" as const, rarity: "epic" as const, icon: "🔥", progress: 0.4 },
+    { id: "ach6", name: "Secret Achievement", description: "Keep exploring to discover this", category: "special" as const, rarity: "legendary" as const, icon: "?", isSecret: true },
+    { id: "ach7", name: "Polymath", description: "Master concepts in 4 different subjects", category: "milestone" as const, rarity: "rare" as const, icon: "🎓", progress: 0.75 },
+  ] as Achievement[],
+};
+
+export const MOCK = {
+  COURSES,
+  nodes,
+  edges,
+  assignments,
+  sessions,
+  documents,
+  rooms,
+  flashcards,
+  achievements,
+};
diff --git a/frontend/src/lib/graphUtils.ts b/frontend/src/lib/graphUtils.ts
deleted file mode 100644
index c74e195c..00000000
--- a/frontend/src/lib/graphUtils.ts
+++ /dev/null
@@ -1,185 +0,0 @@
-import { GraphNode, GraphEdge } from './types';
-
-// ── Course colour palette ─────────────────────────────────────────────────────
-// Each unique subject/course name is deterministically hashed to one of these
-// matte flat colours. Used for graph nodes AND calendar assignment chips.
-
-export interface CourseColor {
-  fill:   string; // solid node / dot colour
-  bg:     string; // light tinted background
-  text:   string; // readable foreground text
-  border: string; // subtle border
-}
-
-const COURSE_COLOR_PALETTE: CourseColor[] = [
-  { fill: '#6366f1', bg: 'rgba(99,102,241,0.12)',  text: '#4338ca', border: 'rgba(99,102,241,0.3)'  }, // indigo
-  { fill: '#0d9488', bg: 'rgba(13,148,136,0.12)',  text: '#0f766e', border: 'rgba(13,148,136,0.3)'  }, // teal
-  { fill: '#d97706', bg: 'rgba(217,119,6,0.12)',   text: '#b45309', border: 'rgba(217,119,6,0.3)'   }, // amber
-  { fill: '#dc2626', bg: 'rgba(220,38,38,0.12)',   text: '#b91c1c', border: 'rgba(220,38,38,0.3)'   }, // red
-  { fill: '#7c3aed', bg: 'rgba(124,58,237,0.12)',  text: '#6d28d9', border: 'rgba(124,58,237,0.3)'  }, // violet
-  { fill: '#0891b2', bg: 'rgba(8,145,178,0.12)',   text: '#0e7490', border: 'rgba(8,145,178,0.3)'   }, // cyan
-  { fill: '#65a30d', bg: 'rgba(101,163,13,0.12)',  text: '#4d7c0f', border: 'rgba(101,163,13,0.3)'  }, // lime
-  { fill: '#db2777', bg: 'rgba(219,39,119,0.12)',  text: '#be185d', border: 'rgba(219,39,119,0.3)'  }, // pink
-  { fill: '#ea580c', bg: 'rgba(234,88,12,0.12)',   text: '#c2410c', border: 'rgba(234,88,12,0.3)'   }, // orange
-  { fill: '#059669', bg: 'rgba(5,150,105,0.12)',   text: '#047857', border: 'rgba(5,150,105,0.3)'   }, // emerald
-  { fill: '#2563eb', bg: 'rgba(37,99,235,0.12)',   text: '#1d4ed8', border: 'rgba(37,99,235,0.3)'   }, // blue
-  { fill: '#9333ea', bg: 'rgba(147,51,234,0.12)',  text: '#7e22ce', border: 'rgba(147,51,234,0.3)'  }, // purple
-];
-
-function hashString(s: string): number {
-  let h = 5381;
-  for (let i = 0; i < s.length; i++) h = ((h << 5) + h) ^ s.charCodeAt(i);
-  return Math.abs(h);
-}
-
-function hexToRgb(hex: string): [number, number, number] | null {
-  const clean = hex.replace('#', '');
-  if (clean.length !== 6) return null;
-  const r = parseInt(clean.slice(0, 2), 16);
-  const g = parseInt(clean.slice(2, 4), 16);
-  const b = parseInt(clean.slice(4, 6), 16);
-  if (isNaN(r) || isNaN(g) || isNaN(b)) return null;
-  return [r, g, b];
-}
-
-/** Build a CourseColor from any valid 6-digit hex string. */
-export function hexToCourseColor(hex: string): CourseColor {
-  const rgb = hexToRgb(hex);
-  if (!rgb) return COURSE_COLOR_PALETTE[0];
-  const [r, g, b] = rgb;
-  return {
-    fill: hex,
-    bg: `rgba(${r},${g},${b},0.12)`,
-    text: hex,
-    border: `rgba(${r},${g},${b},0.3)`,
-  };
-}
-
-/** Deterministically maps any subject/course name to a matte colour entry.
- *  Pass overrideHex to use a user-chosen colour instead of the hash default. */
-export function getCourseColor(subject: string, overrideHex?: string | null): CourseColor {
-  if (overrideHex && /^#[0-9a-fA-F]{6}$/.test(overrideHex)) {
-    return hexToCourseColor(overrideHex);
-  }
-  const key = (subject ?? '').toLowerCase().trim();
-  if (!key) return COURSE_COLOR_PALETTE[0];
-  return COURSE_COLOR_PALETTE[hashString(key) % COURSE_COLOR_PALETTE.length];
-}
-
-/** The 12 preset fill colours exposed so the colour picker can list them. */
-export const PRESET_COURSE_COLORS = COURSE_COLOR_PALETTE.map(c => c.fill);
-
-/** Colour picker swatches — matte palette in rainbow order (ROYGBIV). */
-export const RAINBOW_COLORS = [
-  '#dc2626', // red
-  '#ea580c', // orange
-  '#d97706', // amber
-  '#65a30d', // lime
-  '#0d9488', // teal
-  '#2563eb', // blue
-  '#6366f1', // indigo
-  '#7c3aed', // violet
-];
-
-// ── Mastery colours (still used in detail panels / tooltips) ─────────────────
-// Forest green / light theme palette
-export const MASTERY_COLORS: Record<string, string> = {
-  mastered:     '#16a34a', // forest green
-  learning:     '#d97706', // amber
-  struggling:   '#dc2626', // red
-  unexplored:   '#6b7280', // gray
-  subject_root: '#7c3aed', // purple — hub nodes
-};
-
-// Lighter centre colour for the radial gradient inside each node
-export const MASTERY_HIGHLIGHT_COLORS: Record<string, string> = {
-  mastered:     '#86efac',
-  learning:     '#fde68a',
-  struggling:   '#fca5a5',
-  unexplored:   '#e2e8f0',
-  subject_root: '#ddd6fe',
-};
-
-export function getMasteryColor(tier: string): string {
-  return MASTERY_COLORS[tier] ?? '#475569';
-}
-
-export function getMasteryHighlightColor(tier: string): string {
-  return MASTERY_HIGHLIGHT_COLORS[tier] ?? '#94a3b8';
-}
-
-export function getMasteryLabel(score: number): string {
-  return `${Math.round(score * 100)}%`;
-}
-
-export function getNodeRadius(mastery_score: number): number {
-  return 7 + mastery_score * 7; // 7–14 px
-}
-
-/** Drop edges that cross subject boundaries so each course cluster stays separate.
- *  Subject-root hub edges (subject_root__*) are always kept. */
-export function filterCrossSubjectEdges(nodes: GraphNode[], edges: GraphEdge[]): GraphEdge[] {
-  const nodeSubjectMap = new Map(nodes.map(n => [n.id, n.subject]));
-  return edges.filter(e => {
-    const srcId = e.source as string;
-    const tgtId = e.target as string;
-    if (srcId.startsWith('subject_root__') || tgtId.startsWith('subject_root__')) return true;
-    const srcSubj = nodeSubjectMap.get(srcId);
-    const tgtSubj = nodeSubjectMap.get(tgtId);
-    return !srcSubj || !tgtSubj || srcSubj === tgtSubj;
-  });
-}
-
-export function computeGraphDiff(
-  prevNodes: GraphNode[],
-  nextNodes: GraphNode[],
-  prevEdges: GraphEdge[],
-  nextEdges: GraphEdge[]
-): { newNodeIds: Set<string>; updatedNodeIds: Set<string>; newEdgeIds: Set<string> } {
-  const prevNodeMap = new Map(prevNodes.map(n => [n.id, n]));
-  const prevEdgeIds = new Set(prevEdges.map(e => e.id));
-
-  const newNodeIds = new Set<string>();
-  const updatedNodeIds = new Set<string>();
-
-  for (const n of nextNodes) {
-    const prev = prevNodeMap.get(n.id);
-    if (!prev) {
-      newNodeIds.add(n.id);
-    } else if (prev.mastery_tier !== n.mastery_tier) {
-      updatedNodeIds.add(n.id);
-    }
-  }
-
-  const newEdgeIds = new Set<string>();
-  for (const e of nextEdges) {
-    if (!prevEdgeIds.has(e.id)) {
-      newEdgeIds.add(e.id);
-    }
-  }
-
-  return { newNodeIds, updatedNodeIds, newEdgeIds };
-}
-
-export function formatRelativeTime(isoDate: string | null): string {
-  if (!isoDate) return 'Never';
-  const diff = Date.now() - new Date(isoDate).getTime();
-  const mins = Math.floor(diff / 60000);
-  if (mins < 1) return 'Just now';
-  if (mins < 60) return `${mins}m ago`;
-  const hrs = Math.floor(mins / 60);
-  if (hrs < 24) return `${hrs}h ago`;
-  return `${Math.floor(hrs / 24)}d ago`;
-}
-
-export function formatDueDate(dateStr: string): string {
-  const d = new Date(dateStr + 'T00:00:00');
-  return d.toLocaleDateString('en-US', { month: 'short', day: 'numeric' });
-}
-
-export function daysUntil(dateStr: string): number {
-  const d = new Date(dateStr + 'T00:00:00');
-  const today = new Date();
-  today.setHours(0, 0, 0, 0);
-  return Math.ceil((d.getTime() - today.getTime()) / 86400000);
-}
diff --git a/frontend/src/lib/localData.ts b/frontend/src/lib/localData.ts
index fd8f4b0d..020fccd1 100644
--- a/frontend/src/lib/localData.ts
+++ b/frontend/src/lib/localData.ts
@@ -1,12 +1,9 @@
 /**
  * Local mode mock data — returned by api.ts when NEXT_PUBLIC_LOCAL_MODE=true.
- * Allows the frontend to run without the backend.
  */
-
 import type {
-  GraphNode, GraphEdge, GraphStats, Recommendation, Assignment,
-  UserProfile, UserSettings, UserRole, UserAchievement, Achievement,
-  UserCosmetic, Document,
+  GraphNode, GraphEdge, GraphStats, Assignment,
+  UserProfile, UserSettings, UserAchievement, Achievement, Document,
 } from '@/lib/types';
 
 export const LOCAL_USER = {
@@ -15,8 +12,6 @@ export const LOCAL_USER = {
   avatar: '',
 };
 
-// ── Graph ────────────────────────────────────────────────────────────────────
-
 const COURSES = [
   { name: 'Calculus II', color: '#2563eb' },
   { name: 'Intro to Psychology', color: '#9333ea' },
@@ -49,27 +44,15 @@ function makeNodes(): GraphNode[] {
   for (const course of COURSES) {
     const rootId = `subject_root__${course.name}`;
     nodes.push({
-      id: rootId,
-      concept_name: course.name,
-      mastery_score: 0,
-      mastery_tier: 'subject_root',
-      times_studied: 0,
-      last_studied_at: null,
-      subject: course.name,
-      is_subject_root: true,
+      id: rootId, concept_name: course.name, mastery_score: 0, mastery_tier: 'subject_root',
+      times_studied: 0, last_studied_at: null, subject: course.name, is_subject_root: true,
       course_color: course.color,
     });
-
     for (const c of concepts[course.name] ?? []) {
       nodes.push({
-        id: `node-${slugify(c.name)}`,
-        concept_name: c.name,
-        mastery_score: c.mastery,
-        mastery_tier: c.tier,
-        times_studied: Math.floor(c.mastery * 10),
-        last_studied_at: c.studied,
-        subject: course.name,
-        course_color: course.color,
+        id: `node-${slugify(c.name)}`, concept_name: c.name, mastery_score: c.mastery,
+        mastery_tier: c.tier, times_studied: Math.floor(c.mastery * 10),
+        last_studied_at: c.studied, subject: course.name, course_color: course.color,
       });
     }
   }
@@ -107,14 +90,12 @@ const LOCAL_STATS: GraphStats = {
   streak: 4,
 };
 
-const LOCAL_RECOMMENDATIONS: Recommendation[] = [
+const LOCAL_RECOMMENDATIONS = [
   { concept_name: 'Polar Coordinates', reason: 'Low mastery — review recommended' },
-  { concept_name: 'Memory & Encoding', reason: 'Hasn\'t been studied recently' },
+  { concept_name: 'Memory & Encoding', reason: "Hasn't been studied recently" },
   { concept_name: 'Graph Algorithms', reason: 'Prerequisite for Dynamic Programming' },
 ];
 
-// ── Assignments ──────────────────────────────────────────────────────────────
-
 const LOCAL_ASSIGNMENTS: Assignment[] = [
   { id: 'a1', title: 'Problem Set 7 — Series', course_name: 'Calculus II', course_id: 'c1', due_date: daysFromNow(2), assignment_type: 'homework' },
   { id: 'a2', title: 'Midterm Exam', course_name: 'Intro to Psychology', course_id: 'c2', due_date: daysFromNow(5), assignment_type: 'exam' },
@@ -123,80 +104,45 @@ const LOCAL_ASSIGNMENTS: Assignment[] = [
   { id: 'a5', title: 'Integration Quiz', course_name: 'Calculus II', course_id: 'c1', due_date: daysFromNow(7), assignment_type: 'quiz' },
 ];
 
-// ── Courses ──────────────────────────────────────────────────────────────────
-
 const LOCAL_COURSES = COURSES.map((c, i) => ({
-  enrollment_id: `enr-${i}`,
-  course_id: `c${i + 1}`,
-  course_code: '',
-  course_name: c.name,
-  school: 'Local University',
-  department: '',
-  color: c.color,
-  nickname: null,
+  enrollment_id: `enr-${i}`, course_id: `c${i + 1}`, course_code: '',
+  course_name: c.name, school: 'Local University', department: '',
+  color: c.color, nickname: null,
   node_count: LOCAL_NODES.filter(n => n.subject === c.name && !n.is_subject_root).length,
   enrolled_at: daysAgo(30),
 }));
 
-// ── Documents ────────────────────────────────────────────────────────────────
-
 const LOCAL_DOCUMENTS: Document[] = [
-  { id: 'd1', user_id: LOCAL_USER.id, course_id: 'c1', file_name: 'Calc2_Syllabus.pdf', category: 'syllabus', summary: 'Course syllabus for Calculus II covering integration, series, and polar coordinates.', key_takeaways: ['Integration techniques', 'Series convergence tests'], flashcards: null, created_at: daysAgo(20), processed_at: daysAgo(20) },
-  { id: 'd2', user_id: LOCAL_USER.id, course_id: 'c3', file_name: 'Trees_Lecture.pdf', category: 'lecture_notes', summary: 'Lecture notes on binary trees and traversals.', key_takeaways: ['Inorder traversal', 'Tree balancing'], flashcards: null, created_at: daysAgo(5), processed_at: daysAgo(5) },
+  { id: 'd1', user_id: LOCAL_USER.id, course_id: 'c1', file_name: 'Calc2_Syllabus.pdf', category: 'syllabus', summary: 'Syllabus for Calculus II.', key_takeaways: ['Integration techniques', 'Series convergence tests'], flashcards: null, created_at: daysAgo(20), processed_at: daysAgo(20) },
+  { id: 'd2', user_id: LOCAL_USER.id, course_id: 'c3', file_name: 'Trees_Lecture.pdf', category: 'lecture_notes', summary: 'Binary trees and traversals.', key_takeaways: ['Inorder traversal', 'Tree balancing'], flashcards: null, created_at: daysAgo(5), processed_at: daysAgo(5) },
 ];
 
-// ── Flashcards ───────────────────────────────────────────────────────────────
-
 const LOCAL_FLASHCARDS = [
   { id: 'f1', user_id: LOCAL_USER.id, topic: 'Integration by Parts', front: 'What is the formula for integration by parts?', back: '\\int u\\,dv = uv - \\int v\\,du', rating: 4, created_at: daysAgo(3) },
   { id: 'f2', user_id: LOCAL_USER.id, topic: 'Binary Trees', front: 'What is the time complexity of search in a balanced BST?', back: 'O(log n)', rating: 5, created_at: daysAgo(2) },
   { id: 'f3', user_id: LOCAL_USER.id, topic: 'Classical Conditioning', front: 'Who is known for classical conditioning experiments?', back: 'Ivan Pavlov', rating: 3, created_at: daysAgo(1) },
 ];
 
-// ── Profile / Settings / Achievements ────────────────────────────────────────
-
 const LOCAL_PROFILE: UserProfile = {
-  id: LOCAL_USER.id,
-  name: LOCAL_USER.name,
-  username: 'localdev',
-  bio: 'A local development user for testing.',
-  location: 'localhost',
-  website: null,
-  avatar_url: null,
-  created_at: daysAgo(60),
-  year: 'Junior',
-  majors: ['Computer Science'],
-  minors: ['Mathematics'],
-  school: 'Local University',
-  roles: [],
-  featured_achievements: [],
-  equipped_cosmetics: {},
+  id: LOCAL_USER.id, name: LOCAL_USER.name, username: 'localdev',
+  bio: 'A local development user.', location: 'localhost', website: null,
+  avatar_url: null, created_at: daysAgo(60), year: 'Junior',
+  majors: ['Computer Science'], minors: ['Mathematics'], school: 'Local University',
+  roles: [], featured_achievements: [], equipped_cosmetics: {},
   stats: { streak_count: 4, session_count: 12, documents_count: 2, achievements_count: 1 },
 };
 
 const LOCAL_SETTINGS: UserSettings = {
-  display_name: LOCAL_USER.name,
-  username: 'localdev',
-  bio: 'A local development user for testing.',
-  location: 'localhost',
-  website: null,
-  notification_email: true,
-  notification_push: false,
-  notification_in_app: true,
-  theme: 'light',
-  font_size: 'medium',
-  accent_color: '#1a5c2a',
-  profile_visibility: 'public',
-  activity_status_visible: true,
+  display_name: LOCAL_USER.name, username: 'localdev',
+  bio: 'A local development user.', location: 'localhost', website: null,
+  notification_email: true, notification_push: false, notification_in_app: true,
+  theme: 'light', font_size: 'medium', accent_color: '#1a5c2a',
+  profile_visibility: 'public', activity_status_visible: true,
 };
 
 const LOCAL_ACHIEVEMENTS: { earned: UserAchievement[]; available: Achievement[] } = {
   earned: [
-    {
-      achievement: { id: 'ach1', name: 'First Steps', slug: 'first-steps', description: 'Complete your first study session', icon: null, category: 'milestone', rarity: 'common', is_secret: false },
-      earned_at: daysAgo(30),
-      is_featured: false,
-    },
+    { achievement: { id: 'ach1', name: 'First Steps', slug: 'first-steps', description: 'Complete your first study session', icon: null, category: 'milestone', rarity: 'common', is_secret: false }, earned_at: daysAgo(30), is_featured: false },
   ],
   available: [
     { id: 'ach2', name: 'Bookworm', slug: 'bookworm', description: 'Upload 10 documents', icon: null, category: 'activity', rarity: 'uncommon', is_secret: false },
@@ -204,133 +150,125 @@ const LOCAL_ACHIEVEMENTS: { earned: UserAchievement[]; available: Achievement[]
   ],
 };
 
-// ── Sessions ─────────────────────────────────────────────────────────────────
-
 const LOCAL_SESSIONS = [
   { id: 's1', topic: 'Integration by Parts', mode: 'socratic', course_id: 'c1', started_at: daysAgo(0), ended_at: null, message_count: 4, is_active: true },
   { id: 's2', topic: 'Binary Trees', mode: 'expository', course_id: 'c3', started_at: daysAgo(1), ended_at: daysAgo(1), message_count: 8, is_active: false },
 ];
 
-// ── Social ───────────────────────────────────────────────────────────────────
-
-const LOCAL_ROOMS = [
-  { id: 'r1', name: 'CS Study Group', invite_code: 'ABC123', member_count: 3 },
-];
-
-// ── Route handler ────────────────────────────────────────────────────────────
+const LOCAL_ROOMS = [{ id: 'r1', name: 'CS Study Group', invite_code: 'ABC123', member_count: 3 }];
 
 export function handleLocalRequest(path: string, options?: RequestInit): unknown {
-  // Strip query params for matching
   const route = path.split('?')[0];
 
-  // Graph
-  if (route.match(/^\/api\/graph\/[^/]+$/))
-    return { nodes: LOCAL_NODES, edges: LOCAL_EDGES, stats: LOCAL_STATS };
-  if (route.match(/^\/api\/graph\/[^/]+\/recommendations$/))
-    return { recommendations: LOCAL_RECOMMENDATIONS };
-  if (route.match(/^\/api\/graph\/[^/]+\/courses$/) && (!options?.method || options.method === 'GET'))
-    return { courses: LOCAL_COURSES };
-  if (route.match(/^\/api\/graph\/[^/]+\/courses$/) && options?.method === 'POST')
-    return { course_id: 'c-new', already_existed: false };
-  if (route.match(/^\/api\/graph\/[^/]+\/courses\/[^/]+\/color$/) && options?.method === 'PATCH')
-    return { updated: true };
-  if (route.match(/^\/api\/graph\/[^/]+\/courses\/[^/]+$/) && options?.method === 'DELETE')
-    return { deleted: true };
-
-  // Calendar / Assignments
-  if (route.match(/^\/api\/calendar\/upcoming\//))
-    return { assignments: LOCAL_ASSIGNMENTS };
-  if (route.match(/^\/api\/calendar\/all\//))
-    return { assignments: LOCAL_ASSIGNMENTS };
-  if (route.match(/^\/api\/calendar\/status\//))
-    return { connected: false };
-  if (route.match(/^\/api\/calendar\/save$/) && options?.method === 'POST')
-    return { saved_count: 0 };
-
-  // Documents
-  if (route.match(/^\/api\/documents\/user\//))
-    return { documents: LOCAL_DOCUMENTS };
-  if (route.match(/^\/api\/documents\/doc\//) && options?.method === 'DELETE')
-    return { deleted: true };
-
-  // Flashcards
-  if (route.match(/^\/api\/flashcards\/user\//))
-    return { flashcards: LOCAL_FLASHCARDS };
-  if (route.match(/^\/api\/flashcards\/generate$/) && options?.method === 'POST')
-    return { flashcards: LOCAL_FLASHCARDS.slice(0, 2) };
-  if (route.match(/^\/api\/flashcards\/rate$/) && options?.method === 'POST')
-    return { ok: true };
-
-  // Learn / Sessions
-  if (route.match(/^\/api\/learn\/sessions\/[^/]+$/) && (!options?.method || options.method === 'GET'))
-    return { sessions: LOCAL_SESSIONS };
-  if (route.match(/^\/api\/learn\/start-session$/) && options?.method === 'POST')
-    return { session_id: 'local-session', initial_message: 'Welcome! What would you like to study today? (Local mode — AI chat is unavailable)', graph_state: {} };
-  if (route.match(/^\/api\/learn\/chat$/) && options?.method === 'POST')
-    return { reply: 'Local mode is active — AI chat is unavailable. Connect to the backend to use this feature.', graph_update: { new_nodes: [], updated_nodes: [], new_edges: [], recommended_next: [] }, mastery_changes: [] };
-  if (route.match(/^\/api\/learn\/end-session$/) && options?.method === 'POST')
-    return { summary: { concepts_covered: [], mastery_changes: [], new_connections: [], time_spent_minutes: 0, recommended_next: [] } };
-
-  // Social
-  if (route.match(/^\/api\/social\/rooms\/[^/]+$/) && (!options?.method || options.method === 'GET'))
-    return { rooms: LOCAL_ROOMS };
-  if (route.match(/^\/api\/social\/students$/))
-    return { students: [] };
-  if (route.match(/^\/api\/social\/school-match$/) && options?.method === 'POST')
-    return { matches: [] };
-
-  // Profile
-  if (route.match(/^\/api\/profile\/[^/]+\/settings/) && options?.method === 'PATCH')
-    return LOCAL_SETTINGS;
-  if (route.match(/^\/api\/profile\/[^/]+\/settings/))
-    return LOCAL_SETTINGS;
-  if (route.match(/^\/api\/profile\/[^/]+\/achievements$/))
-    return LOCAL_ACHIEVEMENTS;
-  if (route.match(/^\/api\/profile\/[^/]+\/cosmetics/))
-    return { cosmetics: { avatar_frame: [], banner: [], name_color: [], title: [] }, equipped: {} };
-  if (route.match(/^\/api\/profile\/[^/]+\/roles$/))
-    return { roles: [] };
-  if (route.match(/^\/api\/profile\/[^/]+\/export/) && options?.method === 'POST')
-    return { profile: LOCAL_PROFILE, settings: LOCAL_SETTINGS };
-  if (route.match(/^\/api\/profile\/[^/]+\/equip/) && options?.method === 'POST')
-    return { equipped: true };
-  if (route.match(/^\/api\/profile\/[^/]+\/featured/) && options?.method === 'POST')
-    return { updated: true };
-  if (route.match(/^\/api\/profile\/[^/]+$/) && options?.method === 'PATCH')
-    return { updated: true };
-  if (route.match(/^\/api\/profile\/[^/]+$/))
-    return LOCAL_PROFILE;
-
-  // Auth
-  if (route.match(/^\/api\/auth\/me$/))
-    return { id: LOCAL_USER.id, name: LOCAL_USER.name, is_approved: true, is_admin: true, username: 'localdev', roles: [], equipped_cosmetics: {} };
-  if (route.match(/^\/api\/users$/))
-    return { users: [{ id: LOCAL_USER.id, name: LOCAL_USER.name, room_id: null }] };
-
-  // Feedback / issues
-  if (route.match(/^\/api\/feedback$/) && options?.method === 'POST')
-    return { ok: true };
-  if (route.match(/^\/api\/issue-reports$/) && options?.method === 'POST')
-    return { ok: true };
-
-  // Quiz
-  if (route.match(/^\/api\/quiz\/generate$/) && options?.method === 'POST')
-    return {
-      quiz_id: 'local-quiz',
-      questions: [
-        { id: 1, question: 'Sample question (local mode)', options: [{ label: 'A', text: 'Answer A', correct: true }, { label: 'B', text: 'Answer B', correct: false }], explanation: 'Local mode placeholder', concept_tested: 'Sample', difficulty: 'medium' },
+  if (route.match(/^\/api\/graph\/[^/]+$/)) return { nodes: LOCAL_NODES, edges: LOCAL_EDGES, stats: LOCAL_STATS };
+  if (route.match(/^\/api\/graph\/[^/]+\/recommendations$/)) return { recommendations: LOCAL_RECOMMENDATIONS };
+  if (route.match(/^\/api\/graph\/[^/]+\/courses$/) && (!options?.method || options.method === 'GET')) return { courses: LOCAL_COURSES };
+  if (route.match(/^\/api\/graph\/[^/]+\/courses$/) && options?.method === 'POST') return { course_id: 'c-new', already_existed: false };
+  if (route.match(/^\/api\/graph\/[^/]+\/courses\/[^/]+\/color$/)) return { updated: true };
+  if (route.match(/^\/api\/graph\/[^/]+\/courses\/[^/]+$/) && options?.method === 'DELETE') return { deleted: true };
+
+  if (route.match(/^\/api\/calendar\/upcoming\//)) return { assignments: LOCAL_ASSIGNMENTS };
+  if (route.match(/^\/api\/calendar\/all\//)) return { assignments: LOCAL_ASSIGNMENTS };
+  if (route.match(/^\/api\/calendar\/status\//)) return { connected: false };
+  if (route.match(/^\/api\/calendar\/save$/) && options?.method === 'POST') return { saved_count: 0 };
+  if (route.match(/^\/api\/calendar\/assignments\/[^/]+$/) && options?.method === 'PATCH') return { updated: true };
+  if (route.match(/^\/api\/calendar\/assignments\/[^/]+$/) && options?.method === 'DELETE') return { deleted: true };
+
+  if (route.match(/^\/api\/documents\/user\//)) return { documents: LOCAL_DOCUMENTS };
+  if (route.match(/^\/api\/documents\/doc\//) && options?.method === 'DELETE') return { deleted: true };
+
+  if (route.match(/^\/api\/flashcards\/user\//)) return { flashcards: LOCAL_FLASHCARDS };
+  if (route.match(/^\/api\/flashcards\/generate$/) && options?.method === 'POST') return {
+    flashcards: LOCAL_FLASHCARDS.slice(0, 2),
+    context_used: { documents_found: LOCAL_DOCUMENTS.length, weak_concepts_found: 0 },
+  };
+  if (route.match(/^\/api\/flashcards\/rate$/)) return { ok: true };
+
+  if (route.match(/^\/api\/study-guide\/[^/]+\/cached$/)) return { guides: [] };
+  if (route.match(/^\/api\/study-guide\/[^/]+\/exams$/)) return {
+    exams: LOCAL_ASSIGNMENTS.filter(a => a.assignment_type === 'exam' || a.assignment_type === 'quiz'),
+  };
+  if (route.match(/^\/api\/study-guide\/[^/]+\/guide$/)) return {
+    guide: {
+      exam: 'Midterm Exam',
+      due_date: daysFromNow(5),
+      overview: 'Local mode — connect the backend to generate a real study guide.',
+      topics: [
+        { name: 'Sample topic', importance: 'Placeholder importance line.', concepts: ['Concept one', 'Concept two'] },
       ],
-    };
-  if (route.match(/^\/api\/quiz\/submit$/) && options?.method === 'POST')
-    return { score: 1, total: 1, mastery_before: 0.5, mastery_after: 0.6, results: [] };
+    },
+    generated_at: new Date().toISOString(),
+    cached: true,
+  };
+  if (route.match(/^\/api\/study-guide\/regenerate$/) && options?.method === 'POST') return {
+    success: true,
+    guide: {
+      exam: 'Midterm Exam',
+      due_date: daysFromNow(5),
+      overview: 'Regenerated placeholder guide (local mode).',
+      topics: [
+        { name: 'Refreshed topic', importance: 'Placeholder importance.', concepts: ['New concept A', 'New concept B'] },
+      ],
+    },
+    generated_at: new Date().toISOString(),
+  };
+
+  if (route.match(/^\/api\/learn\/sessions\/[^/]+$/)) return { sessions: LOCAL_SESSIONS };
+  if (route.match(/^\/api\/learn\/start-session$/) && options?.method === 'POST') return { session_id: 'local-session', initial_message: "Welcome! Local mode is active — AI chat is stubbed.", graph_state: {} };
+  if (route.match(/^\/api\/learn\/chat$/) && options?.method === 'POST') return { reply: 'Local mode is active — AI chat is unavailable. Connect to the backend to use this feature.', graph_update: { new_nodes: [], updated_nodes: [], new_edges: [], recommended_next: [] }, mastery_changes: [] };
+  if (route.match(/^\/api\/learn\/end-session$/) && options?.method === 'POST') return { summary: { concepts_covered: [], mastery_changes: [], new_connections: [], time_spent_minutes: 0, recommended_next: [] } };
+
+  if (route.match(/^\/api\/social\/rooms\/[^/]+$/)) return { rooms: LOCAL_ROOMS };
+  if (route.match(/^\/api\/social\/students$/)) return { students: [] };
+  if (route.match(/^\/api\/social\/school-match$/) && options?.method === 'POST') return { matches: [] };
+
+  if (route.match(/^\/api\/profile\/username\/check/)) return { available: true };
+  if (route.match(/^\/api\/profile\/[^/]+\/featured-achievements/)) return { updated: true };
+  if (route.match(/^\/api\/profile\/[^/]+\/settings/)) return LOCAL_SETTINGS;
+  if (route.match(/^\/api\/profile\/[^/]+\/achievements$/)) return LOCAL_ACHIEVEMENTS;
+  if (route.match(/^\/api\/profile\/[^/]+\/cosmetics\/catalog/)) return { catalog: { avatar_frame: [], banner: [], name_color: [], title: [] } };
+  if (route.match(/^\/api\/profile\/[^/]+\/cosmetics/)) return { cosmetics: { avatar_frame: [], banner: [], name_color: [], title: [] }, equipped: {} };
+  if (route.match(/^\/api\/profile\/[^/]+\/roles$/)) return { roles: [] };
+  if (route.match(/^\/api\/profile\/[^/]+\/export/) && options?.method === 'POST') return { profile: LOCAL_PROFILE, settings: LOCAL_SETTINGS };
+  if (route.match(/^\/api\/profile\/[^/]+\/equip/)) return { equipped: true };
+  if (route.match(/^\/api\/profile\/[^/]+\/featured/)) return { updated: true };
+  if (route.match(/^\/api\/profile\/[^/]+$/) && options?.method === 'PATCH') return { updated: true };
+  if (route.match(/^\/api\/profile\/[^/]+$/)) return LOCAL_PROFILE;
+
+  if (route.match(/^\/api\/admin\/roles$/) && (!options?.method || options.method === 'GET')) return { roles: [] };
+  if (route.match(/^\/api\/admin\/roles$/) && options?.method === 'POST') return { role: { id: 'role-local', name: 'Local Role', slug: 'local', color: '#888', icon: null, description: null, is_staff_assigned: true, is_earnable: false, display_priority: 0 } };
+  if (route.match(/^\/api\/admin\/roles\/[^/]+$/) && options?.method === 'DELETE') return { deleted: true };
+  if (route.match(/^\/api\/admin\/achievements$/) && (!options?.method || options.method === 'GET')) return { achievements: [] };
+  if (route.match(/^\/api\/admin\/achievements$/) && options?.method === 'POST') return { achievement: { id: 'ach-local', name: 'Local', slug: 'local', description: null, icon: null, category: 'milestone', rarity: 'common', is_secret: false } };
+  if (route.match(/^\/api\/admin\/achievements\/[^/]+$/) && options?.method === 'DELETE') return { deleted: true };
+  if (route.match(/^\/api\/admin\/cosmetics$/) && (!options?.method || options.method === 'GET')) return { cosmetics: [] };
+  if (route.match(/^\/api\/admin\/cosmetics$/) && options?.method === 'POST') return { cosmetic: { id: 'cos-local', type: 'avatar_frame', name: 'Local', slug: 'local', rarity: 'common' } };
+  if (route.match(/^\/api\/admin\/cosmetics\/[^/]+$/) && options?.method === 'DELETE') return { deleted: true };
+
+  if (route.match(/^\/api\/auth\/me$/)) return { id: LOCAL_USER.id, name: LOCAL_USER.name, is_approved: true, is_admin: true, username: 'localdev', roles: [], equipped_cosmetics: {}, onboarding_completed: true };
+  if (route.match(/^\/api\/users$/)) return { users: [{ id: LOCAL_USER.id, name: LOCAL_USER.name, room_id: null }] };
+
+  if (route.match(/^\/api\/feedback$/)) return { ok: true };
+  if (route.match(/^\/api\/issue-reports$/)) return { ok: true };
+
+  if (route.match(/^\/api\/onboarding\/courses$/)) return {
+    courses: [
+      { id: 'c1', course_code: 'MATH 242', course_name: 'Linear Algebra' },
+      { id: 'c2', course_code: 'CS 131', course_name: 'Algorithms' },
+      { id: 'c3', course_code: 'BIO 108', course_name: 'Molecular Biology' },
+      { id: 'c4', course_code: 'PHIL 150', course_name: 'Intro to Philosophy' },
+      { id: 'c5', course_code: 'ECON 101', course_name: 'Microeconomics' },
+    ],
+  };
+  if (route.match(/^\/api\/onboarding\/profile$/) && options?.method === 'POST') return { user_id: LOCAL_USER.id, courses_linked: [] };
+
+  if (route.match(/^\/api\/quiz\/generate$/) && options?.method === 'POST') return { quiz_id: 'local-quiz', questions: [{ id: 1, question: 'Sample question (local mode)', options: [{ label: 'A', text: 'Answer A', correct: true }, { label: 'B', text: 'Answer B', correct: false }], explanation: 'Local mode placeholder', concept_tested: 'Sample', difficulty: 'medium' }] };
+  if (route.match(/^\/api\/quiz\/submit$/)) return { score: 1, total: 1, mastery_before: 0.5, mastery_after: 0.6, results: [] };
 
-  // Fallback — return empty object so the app doesn't crash
   console.warn(`[local-mode] Unhandled route: ${options?.method ?? 'GET'} ${path}`);
   return {};
 }
 
-// ── Helpers ──────────────────────────────────────────────────────────────────
-
 function slugify(s: string) {
   return s.toLowerCase().replace(/[^a-z0-9]+/g, '-');
 }
diff --git a/frontend/src/lib/sessionToken.ts b/frontend/src/lib/sessionToken.ts
index 5129ea8d..8be83661 100644
--- a/frontend/src/lib/sessionToken.ts
+++ b/frontend/src/lib/sessionToken.ts
@@ -1,4 +1,4 @@
-export const SESSION_MAX_AGE = 2592000; // 30 days in seconds
+export const SESSION_MAX_AGE = 2592000; // 30 days
 
 function getSecret(): string {
   const secret = process.env.SESSION_SECRET;
diff --git a/frontend/src/lib/sidebar.tsx b/frontend/src/lib/sidebar.tsx
new file mode 100644
index 00000000..3d32a0cd
--- /dev/null
+++ b/frontend/src/lib/sidebar.tsx
@@ -0,0 +1,43 @@
+"use client";
+import React from "react";
+
+export type SidebarLayout = "full" | "rail";
+
+type Ctx = {
+  layout: SidebarLayout;
+  toggleLayout: () => void;
+};
+
+const SidebarContext = React.createContext<Ctx | null>(null);
+
+export function SidebarProvider({ children }: { children: React.ReactNode }) {
+  const [layout, setLayout] = React.useState<SidebarLayout>("full");
+  const [hydrated, setHydrated] = React.useState(false);
+
+  React.useEffect(() => {
+    try {
+      const v = localStorage.getItem("sapling-sidebar");
+      if (v === "full" || v === "rail") setLayout(v);
+    } catch {}
+    setHydrated(true);
+  }, []);
+
+  React.useEffect(() => {
+    if (!hydrated) return;
+    try {
+      localStorage.setItem("sapling-sidebar", layout);
+    } catch {}
+  }, [layout, hydrated]);
+
+  const toggleLayout = React.useCallback(() => {
+    setLayout((l) => (l === "full" ? "rail" : "full"));
+  }, []);
+
+  return <SidebarContext.Provider value={{ layout, toggleLayout }}>{children}</SidebarContext.Provider>;
+}
+
+export function useSidebar(): Ctx {
+  const ctx = React.useContext(SidebarContext);
+  if (!ctx) throw new Error("useSidebar must be used within SidebarProvider");
+  return ctx;
+}
diff --git a/frontend/src/lib/supabase.ts b/frontend/src/lib/supabase.ts
index 3e776b45..ecc22e2c 100644
--- a/frontend/src/lib/supabase.ts
+++ b/frontend/src/lib/supabase.ts
@@ -11,13 +11,11 @@ function createBrowserClient(): SupabaseClient {
   return createClient(url, key);
 }
 
-/** Lazily creates the client so `next build` can prerender without Supabase env vars. */
 export function getSupabase(): SupabaseClient {
   if (!client) client = createBrowserClient();
   return client;
 }
 
-/** Proxy defers creation until first use (client-side only in practice). */
 export const supabase: SupabaseClient = new Proxy({} as SupabaseClient, {
   get(_target, prop, receiver) {
     const c = getSupabase();
diff --git a/frontend/src/lib/types.ts b/frontend/src/lib/types.ts
index 3d48ba23..dad39acc 100644
--- a/frontend/src/lib/types.ts
+++ b/frontend/src/lib/types.ts
@@ -87,20 +87,11 @@ export interface QuizResult {
   explanation: string;
 }
 
-export interface QuizContext {
-  weak_areas: string[];
-  common_mistakes: string[];
-  questions_seen_summary: string;
-  recommended_difficulty: string;
-  notes: string;
-}
-
 export interface Assignment {
   id: string;
   title: string;
   course_name?: string;
   course_code?: string;
-  /** Canonical course FK when known (required for save API). */
   course_id?: string;
   due_date: string;
   assignment_type?: string;
@@ -108,14 +99,6 @@ export interface Assignment {
   google_event_id?: string | null;
 }
 
-export interface StudyBlockSuggestion {
-  topic: string;
-  suggested_date: string;
-  duration_minutes: number;
-  reason: string;
-  related_assignment_id: string;
-}
-
 export interface Room {
   id: string;
   name: string;
@@ -130,7 +113,6 @@ export interface RoomMember {
   graph: KnowledgeGraph & { stats?: GraphStats };
 }
 
-/** Response from GET /api/social/rooms/:id/overview */
 export interface RoomOverviewData {
   room: { id: string; name: string; invite_code: string; created_by: string };
   members: RoomMember[];
@@ -151,29 +133,6 @@ export interface RoomMessageRow {
   reactions: { emoji: string; user_ids: string[] }[];
 }
 
-export interface StudyMatch {
-  partner: { id: string; name: string };
-  you_can_teach: { concept: string; your_mastery: number; their_mastery: number }[];
-  they_can_teach: { concept: string; their_mastery: number; your_mastery: number }[];
-  shared_struggles: { concept: string; your_mastery: number; their_mastery: number }[];
-  compatibility_score: number;
-  summary: string;
-}
-
-export interface RoomActivity {
-  id: string;
-  user_name: string;
-  activity_type: string;
-  concept_name: string | null;
-  detail: string;
-  created_at: string;
-}
-
-export interface Recommendation {
-  concept_name: string;
-  reason: string;
-}
-
 export interface Document {
   id: string;
   user_id: string;
@@ -187,8 +146,6 @@ export interface Document {
   processed_at: string | null;
 }
 
-// ── Profile, Roles, Achievements, Cosmetics ─────────────────────────────────
-
 export type RarityTier = 'common' | 'uncommon' | 'rare' | 'epic' | 'legendary';
 export type CosmeticType = 'avatar_frame' | 'banner' | 'name_color' | 'title';
 export type AchievementCategory = 'activity' | 'social' | 'milestone' | 'special';
@@ -210,6 +167,11 @@ export interface UserRole {
   granted_at: string;
 }
 
+export interface AchievementProgress {
+  current: number;
+  target: number;
+}
+
 export interface Achievement {
   id: string;
   name: string;
@@ -219,6 +181,7 @@ export interface Achievement {
   category: AchievementCategory;
   rarity: RarityTier;
   is_secret: boolean;
+  progress?: AchievementProgress | null;
 }
 
 export interface UserAchievement {
@@ -227,13 +190,6 @@ export interface UserAchievement {
   is_featured: boolean;
 }
 
-export interface AchievementTrigger {
-  id: string;
-  achievement_id: string;
-  trigger_type: string;
-  trigger_threshold: number;
-}
-
 export interface Cosmetic {
   id: string;
   type: CosmeticType;
@@ -257,6 +213,13 @@ export interface EquippedCosmetics {
   featured_role?: Role;
 }
 
+export interface UserStats {
+  streak_count: number;
+  session_count: number;
+  documents_count: number;
+  achievements_count: number;
+}
+
 export interface UserProfile {
   id: string;
   name: string;
@@ -276,13 +239,6 @@ export interface UserProfile {
   stats: UserStats;
 }
 
-export interface UserStats {
-  streak_count: number;
-  session_count: number;
-  documents_count: number;
-  achievements_count: number;
-}
-
 export interface UserSettings {
   display_name: string | null;
   username: string | null;
diff --git a/frontend/src/lib/useBodyScrollLock.ts b/frontend/src/lib/useBodyScrollLock.ts
new file mode 100644
index 00000000..5639e8ff
--- /dev/null
+++ b/frontend/src/lib/useBodyScrollLock.ts
@@ -0,0 +1,10 @@
+import { useEffect } from "react";
+
+export function useBodyScrollLock(active: boolean) {
+  useEffect(() => {
+    if (!active || typeof document === "undefined") return;
+    const prev = document.body.style.overflow;
+    document.body.style.overflow = "hidden";
+    return () => { document.body.style.overflow = prev; };
+  }, [active]);
+}
diff --git a/frontend/src/lib/useConfirm.ts b/frontend/src/lib/useConfirm.ts
new file mode 100644
index 00000000..e9d538b0
--- /dev/null
+++ b/frontend/src/lib/useConfirm.ts
@@ -0,0 +1,38 @@
+"use client";
+
+import { useCallback, useEffect, useRef, useState } from "react";
+
+export interface ConfirmHandle {
+  armed: boolean;
+  trigger: () => void;
+  reset: () => void;
+}
+
+export function useConfirm(onConfirm: () => void, timeoutMs: number = 3000): ConfirmHandle {
+  const [armed, setArmed] = useState(false);
+  const timer = useRef<ReturnType<typeof setTimeout> | null>(null);
+
+  const reset = useCallback(() => {
+    setArmed(false);
+    if (timer.current) {
+      clearTimeout(timer.current);
+      timer.current = null;
+    }
+  }, []);
+
+  const trigger = useCallback(() => {
+    if (armed) {
+      reset();
+      onConfirm();
+      return;
+    }
+    setArmed(true);
+    timer.current = setTimeout(() => setArmed(false), timeoutMs);
+  }, [armed, onConfirm, reset, timeoutMs]);
+
+  useEffect(() => () => {
+    if (timer.current) clearTimeout(timer.current);
+  }, []);
+
+  return { armed, trigger, reset };
+}
diff --git a/frontend/src/lib/useIsMobile.ts b/frontend/src/lib/useIsMobile.ts
new file mode 100644
index 00000000..5b53103c
--- /dev/null
+++ b/frontend/src/lib/useIsMobile.ts
@@ -0,0 +1,20 @@
+"use client";
+
+import { useEffect, useState } from "react";
+
+export const MOBILE_BREAKPOINT = 768;
+
+export function useIsMobile(breakpoint: number = MOBILE_BREAKPOINT): boolean {
+  const [isMobile, setIsMobile] = useState(false);
+
+  useEffect(() => {
+    if (typeof window === "undefined") return;
+    const mql = window.matchMedia(`(max-width: ${breakpoint - 1}px)`);
+    const update = () => setIsMobile(mql.matches);
+    update();
+    mql.addEventListener("change", update);
+    return () => mql.removeEventListener("change", update);
+  }, [breakpoint]);
+
+  return isMobile;
+}
diff --git a/frontend/src/middleware.ts b/frontend/src/middleware.ts
index d89ae5aa..0a4efe77 100644
--- a/frontend/src/middleware.ts
+++ b/frontend/src/middleware.ts
@@ -4,7 +4,7 @@ import { verifySession } from '@/lib/sessionToken'
 
 const PROTECTED = [
   '/dashboard', '/learn', '/study', '/tree',
-  '/flashcards', '/library', '/calendar', '/social',
+  '/library', '/calendar', '/social',
   '/settings', '/achievements', '/admin'
 ]
 
@@ -18,72 +18,27 @@ function googleAuthRedirect() {
 function redirectToGoogleOrSignin(request: NextRequest) {
   const g = googleAuthRedirect()
   if (g) return NextResponse.redirect(g)
-  const u = new URL('/signin', request.url)
+  const u = new URL('/auth', request.url)
   u.searchParams.set('error', 'google_not_configured')
   return NextResponse.redirect(u)
 }
 
-async function redirectIfSignedIn(request: NextRequest): Promise<NextResponse | null> {
-  const token = request.cookies.get('sapling_session')?.value
-  if (!token) return null
-  const session = await verifySession(token)
-  if (!session) return null
-  if (!API_URL) return null
-  try {
-    const controller = new AbortController()
-    const timeout = setTimeout(() => controller.abort(), 3000)
-    let res: Response
-    try {
-      res = await fetch(
-        `${API_URL}/api/auth/me?user_id=${encodeURIComponent(session.userId)}`,
-        { signal: controller.signal },
-      )
-    } finally {
-      clearTimeout(timeout)
-    }
-    if (!res.ok) return null
-    const data = await res.json()
-    const dest = data.is_approved === true ? '/dashboard' : '/pending'
-    return NextResponse.redirect(new URL(dest, request.url))
-  } catch {
-    return null
-  }
-}
-
 export async function middleware(request: NextRequest) {
   if (process.env.NEXT_PUBLIC_LOCAL_MODE === 'true') {
     return NextResponse.next()
   }
 
   const { pathname } = request.nextUrl
-
-  if (pathname === '/signin' || pathname === '/signin/') {
-    const redirect = await redirectIfSignedIn(request)
-    if (redirect) return redirect
-    const hasError = request.nextUrl.searchParams.get('error')
-    if (hasError) {
-      return NextResponse.next()
-    }
-    return redirectToGoogleOrSignin(request)
-  }
-
   const isProtected = PROTECTED.some(p => pathname.startsWith(p))
   if (!isProtected) return NextResponse.next()
 
   const token = request.cookies.get('sapling_session')?.value
-  if (!token) {
-    return redirectToGoogleOrSignin(request)
-  }
+  if (!token) return redirectToGoogleOrSignin(request)
 
   const session = await verifySession(token)
-  if (!session) {
-    return redirectToGoogleOrSignin(request)
-  }
+  if (!session) return redirectToGoogleOrSignin(request)
 
-  // Re-check approval live so revocation takes effect immediately.
-  if (!API_URL) {
-    return redirectToGoogleOrSignin(request)
-  }
+  if (!API_URL) return redirectToGoogleOrSignin(request)
   try {
     const controller = new AbortController()
     const timeout = setTimeout(() => controller.abort(), 3000)
@@ -96,13 +51,9 @@ export async function middleware(request: NextRequest) {
     } finally {
       clearTimeout(timeout)
     }
-    if (!res.ok) {
-      return redirectToGoogleOrSignin(request)
-    }
+    if (!res.ok) return redirectToGoogleOrSignin(request)
     const data = await res.json()
-    if (data.is_approved !== true) {
-      return NextResponse.redirect(new URL('/pending', request.url))
-    }
+    if (data.is_approved !== true) return NextResponse.redirect(new URL('/pending', request.url))
   } catch {
     return redirectToGoogleOrSignin(request)
   }
@@ -112,9 +63,8 @@ export async function middleware(request: NextRequest) {
 
 export const config = {
   matcher: [
-    '/signin',
     '/dashboard/:path*', '/learn/:path*', '/study/:path*',
-    '/tree/:path*', '/flashcards/:path*', '/library/:path*',
+    '/tree/:path*', '/library/:path*',
     '/calendar/:path*', '/social/:path*',
     '/settings/:path*', '/achievements/:path*',
     '/admin/:path*'
diff --git a/frontend/tsconfig.json b/frontend/tsconfig.json
index cf9c65d3..b575f7da 100644
--- a/frontend/tsconfig.json
+++ b/frontend/tsconfig.json
@@ -1,7 +1,11 @@
 {
   "compilerOptions": {
     "target": "ES2017",
-    "lib": ["dom", "dom.iterable", "esnext"],
+    "lib": [
+      "dom",
+      "dom.iterable",
+      "esnext"
+    ],
     "allowJs": true,
     "skipLibCheck": true,
     "strict": true,
@@ -19,7 +23,9 @@
       }
     ],
     "paths": {
-      "@/*": ["./src/*"]
+      "@/*": [
+        "./src/*"
+      ]
     }
   },
   "include": [
@@ -27,8 +33,9 @@
     "**/*.ts",
     "**/*.tsx",
     ".next/types/**/*.ts",
-    ".next/dev/types/**/*.ts",
-    "**/*.mts"
+    ".next/dev/types/**/*.ts"
   ],
-  "exclude": ["node_modules"]
+  "exclude": [
+    "node_modules"
+  ]
 }

From 1e1d69b99412f38ddb15b50a00a8ecfebd89f71b Mon Sep 17 00:00:00 2001
From: Jose Cruz <josecruz@crc-dot1x-nat-10-239-237-110.bu.edu>
Date: Sun, 19 Apr 2026 14:42:43 -0400
Subject: [PATCH 03/52] docs: frontend audit + rebuild plan, align CLAUDE.md

- docs/frontend-audit/ captures the pre-revamp surface area: routes,
  components, state, API surface, auth, realtime, integrations, and
  per-feature notes, plus a rebuild checklist and a gap plan that
  drove the revamp roadmap.
- CLAUDE.md: the Jest harness and src/__tests__ were removed on this
  branch, so the "npm test" instruction was misleading. Swap it for
  `npx tsc --noEmit` + manual smoke testing until a new harness is
  reintroduced.
---
 CLAUDE.md                                     |  16 +-
 docs/frontend-audit/00-overview.md            | 218 +++++++++++
 docs/frontend-audit/01-routes.md              | 132 +++++++
 docs/frontend-audit/02-components.md          | 239 ++++++++++++
 docs/frontend-audit/03-state.md               | 194 ++++++++++
 docs/frontend-audit/04-api-surface.md         | 287 ++++++++++++++
 .../frontend-audit/05-auth-and-permissions.md | 133 +++++++
 docs/frontend-audit/06-realtime.md            | 107 ++++++
 docs/frontend-audit/07-integrations.md        | 139 +++++++
 .../frontend-audit/08-interaction-patterns.md | 284 ++++++++++++++
 docs/frontend-audit/99-rebuild-checklist.md   | 312 ++++++++++++++++
 docs/frontend-audit/QUESTIONS.md              | 110 ++++++
 docs/frontend-audit/REVAMP-GAP-PLAN.md        | 318 ++++++++++++++++
 docs/frontend-audit/features/achievements.md  | 109 ++++++
 docs/frontend-audit/features/admin.md         | 115 ++++++
 docs/frontend-audit/features/auth.md          | 233 ++++++++++++
 docs/frontend-audit/features/calendar.md      | 156 ++++++++
 docs/frontend-audit/features/dashboard.md     | 248 +++++++++++++
 .../features/feedback-and-reports.md          | 143 +++++++
 docs/frontend-audit/features/flashcards.md    |  76 ++++
 .../features/knowledge-graph.md               | 166 +++++++++
 docs/frontend-audit/features/learn.md         | 350 ++++++++++++++++++
 docs/frontend-audit/features/library.md       | 153 ++++++++
 docs/frontend-audit/features/onboarding.md    | 251 +++++++++++++
 .../features/profile-and-cosmetics.md         | 174 +++++++++
 docs/frontend-audit/features/settings.md      | 155 ++++++++
 docs/frontend-audit/features/social.md        | 228 ++++++++++++
 docs/frontend-audit/features/study.md         | 166 +++++++++
 docs/frontend-audit/features/tree.md          | 104 ++++++
 docs/frontend-audit/zz-dead-code.md           | 110 ++++++
 30 files changed, 5420 insertions(+), 6 deletions(-)
 create mode 100644 docs/frontend-audit/00-overview.md
 create mode 100644 docs/frontend-audit/01-routes.md
 create mode 100644 docs/frontend-audit/02-components.md
 create mode 100644 docs/frontend-audit/03-state.md
 create mode 100644 docs/frontend-audit/04-api-surface.md
 create mode 100644 docs/frontend-audit/05-auth-and-permissions.md
 create mode 100644 docs/frontend-audit/06-realtime.md
 create mode 100644 docs/frontend-audit/07-integrations.md
 create mode 100644 docs/frontend-audit/08-interaction-patterns.md
 create mode 100644 docs/frontend-audit/99-rebuild-checklist.md
 create mode 100644 docs/frontend-audit/QUESTIONS.md
 create mode 100644 docs/frontend-audit/REVAMP-GAP-PLAN.md
 create mode 100644 docs/frontend-audit/features/achievements.md
 create mode 100644 docs/frontend-audit/features/admin.md
 create mode 100644 docs/frontend-audit/features/auth.md
 create mode 100644 docs/frontend-audit/features/calendar.md
 create mode 100644 docs/frontend-audit/features/dashboard.md
 create mode 100644 docs/frontend-audit/features/feedback-and-reports.md
 create mode 100644 docs/frontend-audit/features/flashcards.md
 create mode 100644 docs/frontend-audit/features/knowledge-graph.md
 create mode 100644 docs/frontend-audit/features/learn.md
 create mode 100644 docs/frontend-audit/features/library.md
 create mode 100644 docs/frontend-audit/features/onboarding.md
 create mode 100644 docs/frontend-audit/features/profile-and-cosmetics.md
 create mode 100644 docs/frontend-audit/features/settings.md
 create mode 100644 docs/frontend-audit/features/social.md
 create mode 100644 docs/frontend-audit/features/study.md
 create mode 100644 docs/frontend-audit/features/tree.md
 create mode 100644 docs/frontend-audit/zz-dead-code.md

diff --git a/CLAUDE.md b/CLAUDE.md
index 295e1673..ffdf1a41 100644
--- a/CLAUDE.md
+++ b/CLAUDE.md
@@ -259,12 +259,6 @@ Env files required: `backend/.env` (copy from `backend/.env.example`) and `front
 
 Always run tests after any significant edit and fix failures before moving on.
 
-**Frontend**
-```bash
-cd frontend
-npm test -- --watchAll=false
-```
-
 **Backend**
 ```bash
 cd backend
@@ -272,6 +266,16 @@ source venv/bin/activate
 python -m pytest tests/ -q
 ```
 
+**Frontend** — no automated test suite on this branch. Jest, its config, and the
+previous `src/__tests__/*` files were removed during the revamp. Until a new
+harness (Jest or Vitest) is reintroduced, verify frontend changes with:
+
+```bash
+cd frontend
+npx tsc --noEmit    # type safety
+npm run dev         # manual smoke test in the browser
+```
+
 Keep tests in sync with the code they cover:
 - If you rename or remove a function, update any test that imports it
 - If you change how a feature works (not just its interface), update the tests that cover it
diff --git a/docs/frontend-audit/00-overview.md b/docs/frontend-audit/00-overview.md
new file mode 100644
index 00000000..fe014ee8
--- /dev/null
+++ b/docs/frontend-audit/00-overview.md
@@ -0,0 +1,218 @@
+# Sapling Frontend Audit — 00 · Overview
+
+> **Purpose of this audit.** Produce an exhaustive, structured inventory of the existing Sapling frontend so the product can be rebuilt end-to-end without reading the original source. This document is Phase 1: stack, conventions, build/run, and the explicit exclusion boundary. Phases 2–5 build on this foundation.
+
+---
+
+## 1. Stack & framework
+
+Source-of-truth: `frontend/package.json`, `frontend/next.config.ts`, `frontend/tsconfig.json`.
+
+| Concern | Choice |
+| --- | --- |
+| Framework | **Next.js 16.1.6** (App Router, React Server Components capable) |
+| React | **19.2.3** |
+| Language | **TypeScript 5** (strict — see `tsconfig.json`) |
+| Build modes | Default `output: "standalone"` with `/api/*` rewrites to `BACKEND_URL`; optional `STATIC_EXPORT=true` emits `output: "export"` with unoptimized images (`next.config.ts:3-19`) |
+| Experimental | `reactCompiler: true` (React Compiler on; `babel-plugin-react-compiler@1.0.0` installed) |
+| Styling | **Tailwind CSS v4** via `@tailwindcss/postcss` (`postcss.config.mjs`) + CSS custom properties in `src/app/globals.css` |
+| Fonts | `next/font/google` — Spectral, DM Sans, Inter, Playfair Display, JetBrains Mono wired as CSS variables on `<html>` in `src/app/layout.tsx:12-55` |
+| Icons | `lucide-react` 0.577.0 |
+| Animation | `framer-motion` 12.38.0 |
+| Math rendering | `katex` + `react-markdown` + `remark-math` + `rehype-katex` |
+| Data viz | `d3` 7.9.0 (knowledge graph) |
+| Auth / realtime / storage SDK | `@supabase/supabase-js` 2.99.3 (browser client for Realtime only — see §5) |
+| Testing | `jest` 30 + `jest-environment-jsdom` + `@testing-library/react` + `@testing-library/user-event` |
+
+**No state-management library.** No Redux, no Zustand, no React Query, no SWR. State is React Context (one provider: `UserContext`) plus per-page `useState`/`useEffect`/`useRef`. Data is fetched through typed wrappers in `src/lib/api.ts`; caching is ad hoc.
+
+**No i18n library.** All copy is hard-coded English. There is no `next-intl`, `next-i18next`, or locale switch in the UI. Assume en-US only for now (flagged in `QUESTIONS.md`).
+
+**No feature-flag library.** The only runtime gate observed so far is `NEXT_PUBLIC_LOCAL_MODE=true`, which short-circuits `middleware.ts` to allow all routes (`src/middleware.ts:54-56`). Full flag audit deferred to Phase 4.
+
+---
+
+## 2. Folder conventions
+
+All frontend code lives under `frontend/src/`. Path alias `@/*` → `frontend/src/*` (see `tsconfig.json`).
+
+```
+frontend/src/
+├── app/                 # Next.js App Router — every route is a folder with page.tsx
+│   ├── layout.tsx       # Root layout: providers, Navbar, global modals, toasts
+│   ├── page.tsx         # Landing / marketing (OUT OF SCOPE)
+│   ├── error.tsx        # Root error boundary page
+│   ├── globals.css      # Tailwind base + CSS custom properties (theme tokens)
+│   ├── icon.svg         # Next.js metadata icon
+│   ├── api/             # Next.js route handlers (server)
+│   │   └── auth/session/route.ts   # POST/DELETE session cookie bridge
+│   └── <feature>/page.tsx          # One folder per top-level route
+├── components/          # Flat directory of reusable + page-level components
+├── context/
+│   └── UserContext.tsx  # Auth + profile context (the one global store)
+├── lib/
+│   ├── api.ts           # Typed fetch helpers for every backend endpoint
+│   ├── supabase.ts      # Browser Supabase client singleton (Realtime only)
+│   ├── sessionToken.ts  # HMAC session-token helpers (shared with middleware)
+│   ├── avatarUtils.ts
+│   ├── graphUtils.ts
+│   └── types.ts         # Shared TS types (API shapes, user roles, etc.)
+├── middleware.ts        # Auth + approval guard for PROTECTED routes
+├── __mocks__/           # Jest mocks for ESM-only packages and CSS imports
+└── __tests__/           # Jest suites (component + unit)
+```
+
+Conventions worth noting before the deep-dive phases:
+
+- **Flat `components/` directory.** No `ui/`, `features/`, or `shared/` sub-folders. Components span presentational (`Avatar`, `RoleBadge`) through page-level orchestrators (`ChatPanel`, `RoomChat`, `OnboardingFlow`). A rebuild can impose structure.
+- **`'use client'` everywhere by default.** Every page under `app/` that has been spot-checked is a client component. The App Router's Server Component story is not exercised; only `app/api/auth/session/route.ts` is server-only.
+- **No co-location.** Tests live under `src/__tests__/`, not alongside components. Styles are Tailwind utility classes on JSX; there are no `*.module.css` files.
+- **`lib/api.ts` is the only HTTP surface.** Pages call typed functions from `lib/api.ts`; they do not `fetch` directly. (Exceptions exist for Supabase Realtime in `RoomChat.tsx` — to be catalogued in Phase 3.)
+- **No `hooks/` directory.** Custom hooks, if any, are inlined in the component that uses them. To be confirmed in Phase 4.
+
+---
+
+## 3. Build, run, test
+
+From `frontend/package.json:5-12`:
+
+| Script | Command | Notes |
+| --- | --- | --- |
+| Dev | `npm run dev` → `next dev` | Listens on `http://localhost:3000`. Expects backend on `http://localhost:5000` (default for `BACKEND_URL`/`NEXT_PUBLIC_API_URL`). |
+| Build | `npm run build` → `next build` | Standalone by default; set `STATIC_EXPORT=true` for a static export build. |
+| Start | `npm run start` → `next start` | Runs the standalone build. |
+| Lint | `npm run lint` → `eslint` | Config: `eslint.config.mjs`, extends `eslint-config-next`. |
+| Test | `npm test` → `jest` | Always run with `--watchAll=false` in CI per `CLAUDE.md`. |
+| Test (watch) | `npm run test:watch` → `jest --watch` |  |
+
+**Docker.** `frontend/Dockerfile` + root `docker-compose.yml` orchestrate frontend + backend. Not audited here; flagged in `QUESTIONS.md` in case Dockerfile contains build-time env surprises.
+
+**Environment variables referenced by the frontend so far:**
+
+| Var | Purpose | File |
+| --- | --- | --- |
+| `NEXT_PUBLIC_API_URL` | Base URL of the FastAPI backend (used in `lib/api.ts` and `middleware.ts`). | `src/middleware.ts:11`, many |
+| `BACKEND_URL` | Used only at build time by `next.config.ts` to rewrite `/api/*`. | `next.config.ts:4` |
+| `NEXT_PUBLIC_LOCAL_MODE` | If `'true'`, `middleware.ts` bypasses auth for every route. | `src/middleware.ts:54` |
+| `STATIC_EXPORT` | Build-time toggle for `next export`-style output. | `next.config.ts:3` |
+| `NEXT_PUBLIC_SUPABASE_URL` / `NEXT_PUBLIC_SUPABASE_ANON_KEY` | Browser Supabase client (Realtime chat subscription). | `src/lib/supabase.ts` (to confirm in Phase 4) |
+| `SAPLING_SESSION_SECRET` (or equivalent) | HMAC secret used by `lib/sessionToken.ts` and middleware. | `src/lib/sessionToken.ts` (to confirm) |
+
+A full env-var inventory is deferred to Phase 4 (`05-auth-and-permissions.md` and `07-integrations.md`).
+
+---
+
+## 4. Global app shell
+
+Every route is wrapped by `src/app/layout.tsx:53-68`:
+
+```
+<html> (font CSS variables)
+└─ <body>
+   └─ <UserProvider>                                 # auth + profile context
+      └─ <Navbar />                                  # top nav, auth-aware
+      └─ <main>
+         └─ <ErrorBoundary>                          # React error boundary
+            └─ <ToastProvider>                       # toast notification context
+               └─ {children}                         # the current route
+      └─ <Suspense><FeedbackFlow /></Suspense>       # global "report feedback" flow
+      └─ <Suspense><SessionFeedbackGlobal /></Suspense> # post-session feedback prompt
+```
+
+Implications for Phase 3/4:
+- `UserContext`, `ToastProvider`, and `ErrorBoundary` wrap **all** routes — including landing. So in-scope pages can safely assume `useUser()`, `useToast()` (or equivalent), and error-boundary coverage are always available.
+- `FeedbackFlow` and `SessionFeedbackGlobal` are mounted globally — they are not page-scoped, they listen for route changes / events and present flows on top of any page.
+- `Navbar` is rendered on every page but adapts itself to "public" vs "authed" modes (see §5 below).
+
+---
+
+## 5. Auth, approval, and route guards (summary — full doc in Phase 4)
+
+From `src/middleware.ts`:
+
+- **Protected route matchers** (middleware runs on these paths):
+  `/signin`, `/dashboard/**`, `/learn/**`, `/study/**`, `/tree/**`, `/flashcards/**`, `/library/**`, `/calendar/**`, `/social/**`, `/settings/**`, `/achievements/**`, `/admin/**` (`src/middleware.ts:113-122`).
+- **`/signin` behavior:** if already signed-in-and-approved → redirect `/dashboard`; signed-in-and-unapproved → `/pending`; otherwise redirect to `${API_URL}/api/auth/google` unless an `?error=` param is present (then render the signin page). (`src/middleware.ts:60-68`)
+- **Other PROTECTED routes:** require a valid `sapling_session` cookie (HMAC verified in `verifySession`) **and** a live backend check to `GET /api/auth/me` that returns `is_approved: true`. Unapproved → `/pending`; missing/invalid/expired token → Google OAuth (`src/middleware.ts:70-108`).
+- **Local-mode bypass:** `NEXT_PUBLIC_LOCAL_MODE=true` disables the entire middleware (`src/middleware.ts:54-56`).
+- **Navbar public-mode paths** (what Navbar treats as unauthenticated/marketing): `/`, `/signin/callback`, `/about`, `/terms`, `/privacy`, and any `/careers/*` (`src/components/Navbar.tsx:75-76`).
+
+Observations:
+- `/profile/**`, `/pending`, `/signin/callback`, and `/api/auth/session` are **not** in the middleware matcher. They are reachable without a session token at the middleware layer, but may gate themselves in client code (to confirm in Phase 3).
+- The middleware calls `/api/auth/me` on *every* protected navigation so approval revocation takes effect immediately (comment on `src/middleware.ts:83`).
+
+---
+
+## 6. Exclusion boundary (hard rules for Phases 2–5)
+
+The user's hard exclusion: **do not analyze, open, or document landing / marketing / pre-auth public pages.** The following files and routes are OUT OF SCOPE and will not be opened or documented, except where a marketing file *hosts* an in-scope flow (see "edge cases" below).
+
+### 6.1 Out of scope — landing / marketing
+
+| Path | File | Reason |
+| --- | --- | --- |
+| `/` | `src/app/page.tsx` | Landing page (`LandingPage` component, animated hero, `HowItWorks` section). |
+| `/about` | `src/app/about/page.tsx` | Marketing "About" page. |
+| `/privacy` | `src/app/privacy/page.tsx` | Privacy policy — pure marketing copy. |
+| `/terms` | `src/app/terms/page.tsx` | Terms of service — pure marketing copy. |
+| `/careers` | `src/app/careers/page.tsx` | Public careers listing page. |
+| `/careers/[slug]` | `src/app/careers/[slug]/page.tsx` | Public job detail page. |
+| `/careers/[slug]` form | `src/app/careers/[slug]/ApplyForm.tsx` | Job application form — public/recruitment, not authenticated-app surface. |
+| `/careers/*` data | `src/app/careers/jobs.ts` | Static job list used only by the careers pages. |
+| n/a | `src/components/HowItWorks.tsx` | Used only by `app/page.tsx` (verified via grep). |
+
+Rationale and verification:
+- Navbar's `publicPaths` array explicitly lists `/`, `/about`, `/terms`, `/privacy`, and `/careers/*` as public/marketing (`src/components/Navbar.tsx:75-76`).
+- `HowItWorks` has exactly one import, in `app/page.tsx:8` (verified with grep).
+- `ApplyForm` and `jobs.ts` are only reachable from `/careers/**`.
+
+### 6.2 In scope — auth, app, admin
+
+Everything else under `src/app/`:
+
+- `/signin` and `/signin/callback` (auth flows gate the authenticated app).
+- `/api/auth/session/route.ts` (server route that completes the auth handshake).
+- `/pending` (approval holding page).
+- `/dashboard`, `/learn`, `/study`, `/tree`, `/flashcards`, `/library`, `/calendar`, `/social`, `/settings`, `/achievements`, `/admin`.
+- `/profile` (public user profile — part of the authenticated social surface).
+
+Every component imported by in-scope routes. Every file under `src/lib/`, `src/context/`, `src/middleware.ts`.
+
+### 6.3 Edge cases flagged for the user
+
+These are handled explicitly in `QUESTIONS.md` so we don't silently drift into or out of the marketing area:
+
+1. **`OnboardingFlow` mounted inside `app/page.tsx`.** The landing page hosts the `<OnboardingFlow />` component for authenticated-but-not-onboarded users (`src/app/page.tsx:7`, used at line referenced in later audit). The onboarding component itself is **in scope** (it gates the authenticated app); the surrounding landing-page scaffolding is not. The audit will document `OnboardingFlow` as a standalone feature and treat the landing page only as its host.
+2. **`SpaceBackground.tsx` appears to be unused.** A case-insensitive grep across `src/` finds only its own definition (`src/components/SpaceBackground.tsx:3`). Candidate for `zz-dead-code.md`; will confirm in Phase 4 before declaring dead.
+3. **`/profile` is not in the middleware matcher** but displays authenticated social-app data. Treating it as in-scope.
+4. **`/pending` is not in the middleware matcher** but is only meaningful after sign-in. In scope.
+5. **`/signin/callback` is listed as a Navbar public path** but is strictly the OAuth landing handler. In scope (auth flow).
+
+### 6.4 Components of uncertain scope (to resolve in Phase 3 by checking import graph)
+
+None known to be landing-only besides `HowItWorks`. `SchoolDirectory`, `SpaceBackground`, and `OnboardingFlow` were spot-checked:
+- `SchoolDirectory` is imported by `/social/page.tsx` → in scope.
+- `OnboardingFlow` is imported by `/` (landing) but represents post-signin onboarding → in scope, treated independently of its host.
+- `SpaceBackground` has no importers → dead-code candidate.
+
+All other components in `src/components/` will be catalogued in Phase 4 (`02-components.md`) with their importers to make any additional dead code explicit.
+
+---
+
+## 7. What Phase 1 did NOT do
+
+To keep the exclusion boundary sanity-checkable before going deep, Phase 1 deliberately skipped:
+
+- Reading any page under `src/app/` other than `page.tsx` (and that only enough to confirm the landing identity and the `OnboardingFlow` mount).
+- Reading any component file other than `Navbar.tsx` (only the `publicPaths` lines), `layout.tsx` (full), and the import headers of `page.tsx`.
+- Enumerating the contents of `src/lib/api.ts` — every endpoint will be catalogued in `04-api-surface.md` during Phase 4.
+- Cataloguing Tailwind theme tokens from `globals.css` — deferred to `02-components.md` (design tokens section) in Phase 4.
+- Reviewing any test under `src/__tests__/`. Tests will be consulted in later phases only where they clarify behavior that code alone does not.
+
+These are intentional gaps, not oversights. If the exclusion boundary above is accepted, Phase 2 opens by enumerating every in-scope `app/` route file in one pass.
+
+---
+
+## 8. Stop point
+
+Per the task brief: **stop here so the user can sanity-check the exclusion boundary before Phase 2.** Once the boundary is confirmed (and any additions/removals landed in `QUESTIONS.md` or this doc), Phase 2 will produce `01-routes.md`.
diff --git a/docs/frontend-audit/01-routes.md b/docs/frontend-audit/01-routes.md
new file mode 100644
index 00000000..2115cedc
--- /dev/null
+++ b/docs/frontend-audit/01-routes.md
@@ -0,0 +1,132 @@
+# Sapling Frontend Audit — 01 · Route Inventory
+
+> **Scope.** Every in-scope route in the Next.js App Router tree, its component, its auth/guard behavior, the query-params it reads, which layout wraps it, and what it is for. Out-of-scope marketing routes are listed at the bottom with one line each, for completeness only. Per-feature flows (what happens when you click around inside a route) are deferred to Phase 3.
+
+---
+
+## 1. Layout tree — every in-scope route uses the root layout only
+
+- `frontend/src/app/layout.tsx` is the **only** layout in the entire App Router tree — verified by glob (`app/**/layout.tsx` returns exactly one file). No nested layouts, no route groups, no parallel routes (`@*`), no intercepting routes (`(.)`), no `loading.tsx`, and no `not-found.tsx`.
+- Root layout wraps every route with: `<UserProvider>` → `<Navbar />` → `<main><ErrorBoundary><ToastProvider>{children}` → `<FeedbackFlow />` (Suspense) + `<SessionFeedbackGlobal />` (Suspense). (`src/app/layout.tsx:53-68`)
+- `frontend/src/app/error.tsx` is the root error boundary page (`'use client'`, renders a "Something went wrong" card with a `reset()` button). Triggered automatically by Next on any uncaught render error in a page below the root.
+- Navbar hides itself on "public" paths (`/`, `/signin/callback`, `/about`, `/terms`, `/privacy`, and anything starting with `/careers`). See `Navbar.tsx:75-84`. All in-scope pages therefore show the Navbar **except** `/signin/callback` (intentionally — it's the OAuth spinner screen).
+
+Implication for the rebuild: every in-scope page can assume `useUser()`, `useToast()`, `ErrorBoundary`, and the global `FeedbackFlow`/`SessionFeedbackGlobal` are already mounted.
+
+---
+
+## 2. Middleware guard behavior (summary from Phase 1)
+
+Declared in `src/middleware.ts`:
+
+- **Matcher** (`src/middleware.ts:113-122`): `/signin`, `/dashboard/:path*`, `/learn/:path*`, `/study/:path*`, `/tree/:path*`, `/flashcards/:path*`, `/library/:path*`, `/calendar/:path*`, `/social/:path*`, `/settings/:path*`, `/achievements/:path*`, `/admin/:path*`.
+- **`/signin`** (`src/middleware.ts:60-68`): if signed-in-and-approved → redirect `/dashboard`; if signed-in-and-unapproved → redirect `/pending`; else if `?error=` is in URL, render the page; else redirect to `${NEXT_PUBLIC_API_URL}/api/auth/google`.
+- **Every other matched route** (`src/middleware.ts:70-108`): require valid HMAC `sapling_session` cookie **and** live `GET /api/auth/me` returning `is_approved: true`. Unapproved → `/pending`. Missing/invalid/expired/backend-down → Google OAuth.
+- **Bypass**: `NEXT_PUBLIC_LOCAL_MODE=true` → middleware is a no-op (`src/middleware.ts:54-56`).
+
+Not in the middleware matcher (and therefore not guarded by Next middleware): `/`, `/about`, `/privacy`, `/terms`, `/careers/**`, `/signin/callback`, `/pending`, `/api/*` (Next route handler). Any gating on those pages happens client-side (or in the Route Handler for `/api/auth/session`).
+
+---
+
+## 3. In-scope route table
+
+Legend: **Auth** — `middleware` = guarded by `middleware.ts`; `client` = additional client-side redirect; `none` = no guard. **Deep links** = query-params the page reacts to.
+
+| Path | Component file(s) | Auth | Entry points (who navigates here) | Deep links | Purpose |
+|---|---|---|---|---|---|
+| `/error.tsx` (root error boundary) | `src/app/error.tsx` (`GlobalError`) | n/a | Auto — fires on uncaught render errors | n/a | Full-viewport "Something went wrong" with `reset()` button. |
+| `/signin` | `src/app/signin/page.tsx` (`SignInPage` → `Suspense` → `SignInInner`) | `middleware` (redirect-heavy; see §2) | `Navbar → Sign out` → `router.push('/')` → middleware redirect; `/pending` "Sign out" → `router.replace('/signin')`; direct bookmark | `?error=<not_approved\|invalid_domain\|google_not_configured\|signin_failed\|...>` | Google sign-in landing. If `?error=` present, shows error copy + "Try again with Google" button that hard-redirects to `${API}/api/auth/google`. On mount, if `localStorage.sapling_user.id` exists, POSTs to `/api/auth/session` to re-establish the cookie (200 → `/dashboard`, 403 → `/pending`). Suspense wrapper is required because `useSearchParams` needs it in app router. |
+| `/signin/callback` | `src/app/signin/callback/page.tsx` (`CallbackPage` → `Suspense` → `CallbackInner`) | none (middleware does not match `/signin/callback`) | Backend OAuth redirect from `/api/auth/google/callback` | `?user_id`, `?name`, `?avatar`, `?is_approved=true\|false`, `?auth_token`, `?error=not_approved` | OAuth return handler. Validates the required params, calls `setActiveUser` + `confirmApproved` on UserContext, POSTs to `/api/auth/session` with `{userId, authToken}`, then chooses destination: if `sessionStorage.sapling_onboarding_pending` is set → `/`; else hits `/api/auth/me` and routes to `/dashboard` if `onboarding_completed`, otherwise sets `sessionStorage.sapling_onboarding_pending='true'` and goes to `/`. Errors → `/signin?error=...`. Renders only a "Signing you in..." spinner. |
+| `/api/auth/session` (route handler) | `src/app/api/auth/session/route.ts` | Server route — `SESSION_SECRET` guards the fast-path | Client fetch from `/signin`, `/signin/callback`, `UserContext.signOut()` | n/a | Next.js Route Handler (server). **POST**: accepts `{userId, authToken?}`; if `authToken` present, HMAC-verifies it locally (no backend round-trip); otherwise falls back to calling backend `/api/auth/me` to verify `is_approved`. On success, signs an HMAC session with `signSession()` and sets `sapling_session` as HTTP-only `sameSite=lax` cookie for `SESSION_MAX_AGE`. Returns 400/401/403/500/502 on various failure modes. **DELETE**: clears `sapling_session` (max-age 0). Uses Web Crypto (`crypto.subtle`) for HMAC verification, not Node's `crypto`. |
+| `/pending` | `src/app/pending/page.tsx` (`PendingPage`) | none (middleware doesn't match; unapproved users are redirected *to* here by middleware) | Middleware redirect from any protected route when `is_approved !== true`; `/signin` client-side POST returning 403 | none | Dead-simple waitlist screen with the Sapling wordmark, a "You're on the waitlist" heading, a single paragraph of explanatory copy, and a "Sign out" button that calls `useUser().signOut()` then `router.replace('/signin')`. Uses CSS custom properties `--bg-base`, `--brand-text1/2` (dark theme tokens). |
+| `/dashboard` | `src/app/dashboard/page.tsx` (`DashboardInner` wrapped by `Suspense` via `DashboardInner` import — actually exports default — see note) | `middleware` (requires approved session) | Middleware redirect after sign-in; Navbar "Dashboard"; logo-to-home link | `?suggest=<concept>` (from Navbar "What should I learn next?") | Main landing page post-signin. Greeting with typewriter animation, random quote, weekly activity strip (Mon–Sun derived from `node.last_studied_at`), main **KnowledgeGraph** panel with fullscreen toggle, **Courses** side panel (list + search/add/delete + inline color picker), **Stats** summary (mastered/learning/struggling/unexplored), upcoming assignments strip, top-3 recommendations. Mobile: collapsible sidebar with `courses`/`stats` tabs. Fetches `getGraph`, `getRecommendations`, `getUpcomingAssignments`, `getCourses` in parallel. |
+| `/learn` | `src/app/learn/page.tsx` (`LearnInner` wrapped in `Suspense`) | `middleware` | Navbar "Learn"; `?suggest=` from Navbar; from `/social` RoomOverview "open in learn"; from Dashboard recommendations | `?topic=<string>`, `?mode=socratic\|expository\|teachback\|quiz`, `?suggest=<concept>`, `?testFeedback=session` | AI tutoring session. Left side: **KnowledgeGraph** with suggestion highlighting; Right side: **ChatPanel** or **QuizPanel** or **SessionSummary**; above: **ModeSelector** + course `CustomSelect` + `SharedContextToggle` + `AIDisclaimerChip`. Mobile: toggles between `chat`/`graph` views. Persists shared-context toggle in `localStorage.sapling_shared_ctx`. Tracks session-end count in `localStorage.sapling_session_end_count` and triggers `SessionFeedbackFlow` every 5th end. Calls `startSession`, `sendChat`, `sendAction`, `endSession`, `switchMode`, `resumeSession`, `deleteSession`, `getSessions`, `getGraph`, `getCourses`. |
+| `/study` | `src/app/study/page.tsx` → `src/app/study/StudyClient.tsx` (+ `src/app/study/FlashcardsPanel.tsx`) | `middleware` | Navbar "Study"; Calendar (if linked) | none (mode toggled via in-page state: `'study-guide'` / `'flashcards'`) | Exam study hub. Uses raw `fetch` (not `lib/api.ts`) against `/api/study-guide/...` and `/api/flashcards/...`. Two modes — **Study Guide** (selection → loading → rendered guide; course + exam pickers; cached guides list with open/regenerate; overview + topic cards each listing concepts) and **Flashcards** (delegates to `FlashcardsPanel`). Mobile layout is vertical. |
+| `/tree` | `src/app/tree/page.tsx` (`TreePageInner` wrapped in `Suspense`) | `middleware` | Navbar "Tree"; `?suggest=` from Navbar | `?suggest=<concept>` | Full-viewport **KnowledgeGraph**. Side panel with filter chips (`all`/`mastered`/`learning`/`struggling`/`unexplored`) and a text search. Selecting a node opens a detail card with mastery meta and last-studied time. Edges across different subjects are hidden (only same-subject edges + subject roots shown). |
+| `/flashcards` | `src/app/flashcards/page.tsx` (`FlashcardsPage`) | `middleware` | **No in-app link from any page** (orphaned — see §4). Direct URL only. | none | Flashcard deck browser + AI flashcard generator + study mode. Tabs `cards`/`generate` on mobile. Flashcards filtered by `topic`. Study mode: flip animation, spaced-repetition-style rating (`rateFlashcard`). Calls `generateFlashcards`, `getFlashcards`, `rateFlashcard`, `deleteFlashcard`, `getCourses`. |
+| `/library` | `src/app/library/page.tsx` (`LibraryPage`) | `middleware` | Navbar "Library"; possible from `/calendar` upload flow | none | Document library. Course-pill sidebar + category chips (`syllabus`/`lecture_notes`/`slides`/`reading`/`assignment`/`study_guide`/`other`). Grid of doc cards; clicking one opens a right-side detail panel showing summary, reveal-on-click card list, and delete confirmation. Upload CTA opens `DocumentUploadModal`. Calls `getCourses`, `getDocuments`, `deleteDocument`. |
+| `/calendar` | `src/app/calendar/page.tsx` (wrapped in `Suspense`) | `middleware` | Navbar "Calendar"; Google Calendar OAuth return | `?connected=true` (set after Google OAuth callback) | Assignment calendar — **month/week/day** views, per-type color coding (`exam`/`project`/`homework`/`quiz`/`reading`/`other`). Google Calendar integration: connect, sync-to-Google, import-from-Google, disconnect. Upload modal triggers syllabus re-processing (assignments re-pulled 1.5s after close to catch insert race). Calls `getAllAssignments`, `getCalendarStatus`, `syncToGoogleCalendar`, `importGoogleEvents`, `disconnectGoogleCalendar`, `getCourses`. |
+| `/social` | `src/app/social/page.tsx` (`SocialPageInner` wrapped in `Suspense`) | `middleware` | Navbar "Social"; `?suggest=` from Navbar | `?suggest=<concept>` | Study-rooms hub. Left sidebar: `RoomList`. Main area: either `SchoolDirectory` (when "school view" is active) or a tabbed room panel with **Overview** (`RoomOverview`), **Chat** (`RoomChat` — Supabase Realtime subscription), **Study Match** (`StudyMatch`), **Activity** (inline activity feed). A "Members" button toggles a `RoomMembers` panel. If `?suggest` present, auto-focuses Overview and the matching node. Accepting a suggestion routes to `/learn?topic=<>&mode=quiz`. |
+| `/settings` | `src/app/settings/page.tsx` (`SettingsPage`) | `middleware` | User-menu (Navbar) "Settings" | none | Settings page with left sidebar grouped into **Identity** (Profile, Account), **Preferences** (Notifications, Appearance, Privacy), **Personalization** (Cosmetics), **Manage** (Danger Zone). Profile form with live username availability check (debounced). Cosmetics editor (`CosmeticsManager`). Featured achievements picker (`AchievementShowcase`). Avatar upload (`uploadAvatar`). Danger Zone: `exportData`, `deleteAccount`. Hosts a **Profile Preview modal** that fetches `fetchPublicProfile` + `fetchAchievements` to show how your public profile looks. |
+| `/achievements` | `src/app/achievements/page.tsx` (`AchievementsPage`) | `middleware` | **No in-app link from any page** (orphaned — see §4). Direct URL only. | none | Full achievements gallery with category pill filters (`all`/`activity`/`social`/`milestone`/`special`). Cards via `AchievementCard`, expandable per-achievement. Fetches `fetchAchievements(userId)` → `{ earned, available }`. |
+| `/admin` | `src/app/admin/page.tsx` (`AdminPage`) | `middleware` + client-side `isAdmin` check — non-admins are `router.push('/dashboard')` on mount and the page returns `null` | User-menu (Navbar) "Admin" — only rendered when `isAdmin` | none | Admin panel with four tabs: **Users** (list + approve), **Roles** (create role with name/slug/color; assign/revoke elsewhere), **Achievements** (create achievement with name/slug/category/rarity; grant-to-user form with user-id + achievement-id inputs), **Cosmetics** (create cosmetic with type/name/slug/rarity). Calls `adminFetchUsers`, `adminApproveUser`, `adminAssignRole`, `adminRevokeRole`, `adminCreateRole`, `adminCreateAchievement`, `adminGrantAchievement`, `adminCreateCosmetic`. Shows toasts for success/error via `useToast`. |
+
+### 3.1 Query-param deep-link cheatsheet
+
+One-page reference so the rebuild can keep the same URL contracts.
+
+| URL | Used by |
+|---|---|
+| `/signin?error=not_approved` | Callback when backend returns `is_approved=false`; also from `/signin/callback` on missing fields |
+| `/signin?error=invalid_domain` | Backend OAuth reject for non-school email |
+| `/signin?error=google_not_configured` | Middleware when `NEXT_PUBLIC_API_URL` is missing |
+| `/signin?error=signin_failed` | Callback when required params (`user_id`/`name`) are missing |
+| `/signin/callback?user_id&name&avatar&is_approved&auth_token` | Backend OAuth success redirect |
+| `/dashboard?suggest=<concept>` | Navbar "What should I learn next?" when user is on `/dashboard` |
+| `/learn?topic=<string>` | Set as starting topic for a new session |
+| `/learn?mode=<socratic\|expository\|teachback\|quiz>` | Set initial tutoring mode; `quiz` auto-enables `quizMode` |
+| `/learn?suggest=<concept>` | Navbar recommendation routing |
+| `/learn?testFeedback=session` | Dev/QA trigger to force the session feedback modal to open |
+| `/tree?suggest=<concept>` | Navbar recommendation routing |
+| `/social?suggest=<concept>` | Navbar recommendation routing; auto-focuses the matching concept in the current user's Room graph |
+| `/calendar?connected=true` | Google Calendar OAuth success return — sets `googleConnected = true` and renders the "connected" state |
+
+### 3.2 Persistence keys referenced by routes
+
+| Storage | Key | Set by | Read by | Purpose |
+|---|---|---|---|---|
+| Cookie (HTTP-only) | `sapling_session` | `/api/auth/session` POST | `middleware.ts` (+ `lib/sessionToken.ts`) | HMAC session token; `SESSION_MAX_AGE` |
+| `localStorage` | `sapling_user` | `UserContext` on sign-in | `/signin` to auto-exchange | Cached user `{id, name, avatar}` for post-logout/pre-login hand-off |
+| `localStorage` | `sapling_shared_ctx` | `/learn` toggle | `/learn` initial state | Remember "shared course context" toggle |
+| `localStorage` | `sapling_session_end_count` | `/learn` on session end | `/learn` + `SessionFeedbackGlobal` | Every 5th increment triggers session feedback modal |
+| `sessionStorage` | `sapling_onboarding_pending` | `/signin/callback` when `onboarding_completed=false` | `/signin/callback` on subsequent mount; also cleared by `OnboardingFlow` on completion (verify in Phase 3) | Keeps user on `/` (the landing-hosted `OnboardingFlow`) until they finish onboarding |
+
+Additional keys may exist inside feature components (ChatPanel, DisclaimerModal, etc.) — those will be caught in Phase 4 (`03-state.md`).
+
+---
+
+## 4. Orphaned routes — reachable only by direct URL
+
+A ripgrep of the entire `src/` tree for `"/flashcards"` and `"/achievements"` returns only `src/middleware.ts` mentions. No `<Link>`, `router.push`, or hard-coded anchor in any component points at them.
+
+- **`/flashcards`** — the page exists and is functional, but the Navbar does not include it in the `LINKS` array (`Navbar.tsx:11-19` lists Dashboard, Learn, Study, Library, Calendar, Social, Tree). The only in-app flashcard surface wired into the nav is `FlashcardsPanel` embedded inside `/study` — which is the same flashcards feature, duplicated.
+- **`/achievements`** — the page exists but is not linked anywhere. `/settings` shows a featured-achievements showcase but does not link to the full gallery.
+
+This is a potential product-decision question for the rebuild (flagged in `QUESTIONS.md` Q9/Q10): is `/flashcards` intentionally hidden because `/study > Flashcards` replaces it, and is `/achievements` meant to be reached only through an eventual profile link (the missing `/profile` route — see §6)?
+
+---
+
+## 5. Out-of-scope routes (for completeness only, not opened)
+
+The audit will not document these. Listed so the rebuild knows which URLs existed and can reproduce them as marketing pages if desired.
+
+| Path | File | Category |
+|---|---|---|
+| `/` | `src/app/page.tsx` | Landing / hero / HowItWorks — **also hosts `<OnboardingFlow />` for authenticated-but-not-onboarded users (the onboarding component is in-scope, the landing shell is not).** |
+| `/about` | `src/app/about/page.tsx` | Marketing |
+| `/privacy` | `src/app/privacy/page.tsx` | Marketing |
+| `/terms` | `src/app/terms/page.tsx` | Marketing |
+| `/careers` | `src/app/careers/page.tsx` | Marketing (job board) |
+| `/careers/[slug]` | `src/app/careers/[slug]/page.tsx` + `ApplyForm.tsx` + `jobs.ts` | Marketing (dynamic route; uses static `jobs.ts` list) |
+
+---
+
+## 6. Notable gaps vs. the repo CLAUDE.md
+
+The root `CLAUDE.md` mentions the following which are **stale** — noted here so the rebuild doesn't chase ghosts. None of these change the route inventory, but they change expectations set by the README-style docs.
+
+- **`/profile/page.tsx`** is documented in `CLAUDE.md` but **does not exist** in `src/app/`. No `profile/` directory exists. Verified by `ls` and Glob. Public-profile data (`fetchPublicProfile`) is only rendered inside `/settings` as a preview modal. Components named `ProfileBanner` and `AvatarFrame` exist but `ProfileBanner` is not imported anywhere in `src/` — candidate for `zz-dead-code.md` in Phase 4 (also noted in `QUESTIONS.md` Q10).
+- **`UploadZone.tsx` vs `DocumentUploadModal.tsx`.** CLAUDE.md mentions `UploadZone.tsx` as the upload component; the routes actually import `DocumentUploadModal.tsx`. Both files exist; importer analysis for `UploadZone` is deferred to Phase 4.
+
+These observations are additive to the ones in `QUESTIONS.md`.
+
+---
+
+## 7. What Phase 2 did NOT do
+
+- Did not document what each page *does* beyond a one-paragraph purpose line — flow-by-flow walk-throughs live in Phase 3.
+- Did not enumerate the components imported by each page — that's Phase 4's `02-components.md` job, where the component library gets its own inventory with prop surfaces and importer lists.
+- Did not open any marketing file.
+- Did not resolve Q1–Q10 in `QUESTIONS.md`.
+
+Proceeding to Phase 3 unless you want boundary tweaks first.
diff --git a/docs/frontend-audit/02-components.md b/docs/frontend-audit/02-components.md
new file mode 100644
index 00000000..a6e41478
--- /dev/null
+++ b/docs/frontend-audit/02-components.md
@@ -0,0 +1,239 @@
+# Sapling Frontend Audit — 02 · Component Library Inventory
+
+> Every in-scope component under `src/components/` plus the notable inline ones. For each: purpose, importers, props, variants, and a note on what in feature docs covers it in detail.
+
+Out-of-scope components (not catalogued): `HowItWorks.tsx` (landing-only).
+
+---
+
+## 1. Summary table
+
+| Component | File | Importers (in-scope) | Key props | Deep-dive doc |
+|---|---|---|---|---|
+| `Avatar` | `Avatar.tsx` | `AvatarFrame`, `RoomChat`, `RoomMembers`, various inline | `userId, name, size?=32, avatarUrl?, className?` | `features/profile-and-cosmetics.md` |
+| `AvatarFrame` | `AvatarFrame.tsx` | `Navbar`, `Settings`, `CosmeticsManager` | `frameUrl?, frameSlug?(unused), userId, name, size?, avatarUrl?` | `features/profile-and-cosmetics.md` |
+| `NameColorRenderer` | `NameColorRenderer.tsx` | `Settings`, `CosmeticsManager` | `name, cssValue?` | `features/profile-and-cosmetics.md` |
+| `TitleFlair` | `TitleFlair.tsx` | `Settings`, `CosmeticsManager` | `title, rarity` | `features/profile-and-cosmetics.md` |
+| `RoleBadge` | `RoleBadge.tsx` | `Admin`, `Settings` | `role, size?='sm'|'md'` | `features/profile-and-cosmetics.md` |
+| `AchievementCard` | `AchievementCard.tsx` | `Achievements`, `AchievementShowcase` | `achievement, earned, earnedAt?, progress?, isSecret?, compact?, onPress?` | `features/achievements.md` |
+| `AchievementShowcase` | `AchievementShowcase.tsx` | `Settings` (profile preview) | `achievements, isOwnProfile, onEditShowcase?` | `features/achievements.md` |
+| `AchievementUnlockToast` | `AchievementUnlockToast.tsx` | **no importers (dead)** | `achievement:{name, icon, rarity}` | `features/achievements.md` |
+| `AIDisclaimerChip` | `AIDisclaimerChip.tsx` | `/learn`, `/flashcards` | — (manages its own modal) | `features/learn.md` |
+| `AssignmentTable` | `AssignmentTable.tsx` | `/calendar` | `assignments, onChange, selectedIds?, onToggleSelect?` | `features/calendar.md` |
+| `ChatPanel` | `ChatPanel.tsx` | `/learn` | `messages, onSend, onAction, onEndSession, loading, mode, prefillInput?` | `features/learn.md` |
+| `CosmeticsManager` | `CosmeticsManager.tsx` | `/settings` | `userId` | `features/settings.md` |
+| `CustomSelect` | `CustomSelect.tsx` | `/learn`, `/study`, `DocumentUploadModal`, `/calendar`, `QuizPanel`, `/admin` (not used), elsewhere | `value, onChange, options, placeholder?, style?, compact?, openUpward?, onDelete?` | See §3 below |
+| `DisclaimerModal` | `DisclaimerModal.tsx` | `AIDisclaimerChip` | `onClose` | `features/learn.md` |
+| `DocumentUploadModal` | `DocumentUploadModal.tsx` | `/library`, `/calendar` | `open, onClose, userId, courses, onCoursesChanged, onDocConfirmed?, initialCourseId?, title?, subtitle?` | `features/library.md` |
+| `ErrorBoundary` | `ErrorBoundary.tsx` | root layout | `children, fallback?` | See §4 below |
+| `FeedbackFlow` | `FeedbackFlow.tsx` | root layout | — | `features/feedback-and-reports.md` |
+| `KnowledgeGraph` | `KnowledgeGraph.tsx` | `/dashboard`, `/learn`, `/tree`, `RoomOverview` | `nodes, edges, width, height, animate?, highlightId?, interactive?, onNodeClick?, comparison?, courseColorMap?` | `features/knowledge-graph.md` |
+| `ModeSelector` | `ModeSelector.tsx` | `/learn` | `mode, onChange, showQuiz?, quizActive?, onToggleQuiz?` | `features/learn.md` |
+| `Navbar` | `Navbar.tsx` | root layout | — (reads `UserContext` + `usePathname`) | See §5 below |
+| `OnboardingFlow` | `OnboardingFlow.tsx` | landing page (`/`) (treated in scope — onboarding is in scope) | `visible, onClose, onFinish, activeStep, completed, setActiveStep, setCompleted` | `features/onboarding.md` |
+| `ProfileBanner` | `ProfileBanner.tsx` | **no importers (dead)** | `bannerUrl?` | `features/profile-and-cosmetics.md` |
+| `QuizPanel` | `QuizPanel.tsx` | `/learn` | `nodes, userId, selectedCourse?, onLearnConcept?, preselectedNodeId?, useSharedContext?` | `features/learn.md` |
+| `ReportIssueFlow` | `ReportIssueFlow.tsx` | `Navbar` | `visible, onDismiss` | `features/feedback-and-reports.md` |
+| `RoomChat` | `RoomChat.tsx` | `/social` | `roomId, userId, members` | `features/social.md` |
+| `RoomList` | `RoomList.tsx` | `/social` | `rooms, activeRoomId, userId, onSelectRoom, onRoomsChange, schoolActive?, onSchoolClick?` | `features/social.md` |
+| `RoomMembers` | `RoomMembers.tsx` | `/social` | `roomId, roomName, leaderId, members, currentUserId, onLeave, onMembersChange` | `features/social.md` |
+| `RoomOverview` | `RoomOverview.tsx` | `/social` | `room, members, aiSummary, myUserId, suggestNodeId?, suggestConcept?, onSuggestDismiss?, onSuggestAccept?` | `features/social.md` |
+| `SchoolDirectory` | `SchoolDirectory.tsx` | `/social` | `currentUserId` | `features/social.md` |
+| `SessionFeedbackFlow` | `SessionFeedbackFlow.tsx` | `/learn`, `SessionFeedbackGlobal` | `visible, topic?, sessionId?, onDismiss` | `features/learn.md` / `features/feedback-and-reports.md` |
+| `SessionFeedbackGlobal` | `SessionFeedbackGlobal.tsx` | root layout | — | `features/feedback-and-reports.md` |
+| `SessionSummary` | `SessionSummary.tsx` | `/learn` | `summary, onDashboard, onNewSession` | `features/learn.md` |
+| `SharedContextToggle` | `SharedContextToggle.tsx` | `/learn` | `enabled, onToggle` | `features/learn.md` |
+| `SpaceBackground` | `SpaceBackground.tsx` | **no importers (dead)** | — | see `zz-dead-code.md` |
+| `StudyMatch` | `StudyMatch.tsx` | `/social` | `matches, onFindMatches, loading, userId` | `features/social.md` |
+| `ToastProvider` / `useToast()` | `ToastProvider.tsx` | root layout + every consumer | `showToast(content, {duration?})` | See §6 below |
+| `UploadZone` | `UploadZone.tsx` | **no importers (dead)** | `onFile, loading?, filename?` | see `zz-dead-code.md` |
+| Inline study components: `StudyClient`, `FlashcardsPanel` | under `src/app/study/` | `/study` | various | `features/study.md` |
+
+Plus the landing-page component `HowItWorks.tsx` — **out of scope**.
+
+---
+
+## 2. Variants & visual grammar (inferred)
+
+Recurring presentational patterns across components:
+
+- **Pill buttons** (small, rounded-full, muted-bg default → accent-dim + accent-border when active). Used for: filter categories, nav tabs, mode selectors, emoji ratings, assignment-type chips.
+- **Glass cards** (`background: #ffffff; border: 1px solid rgba(107,114,128,0.15); border-radius: 10px`). Shared across Dashboard, Calendar, Library panels. Codified as a `GLASS` const in multiple pages — candidate for a shared `<Card>` component in the rebuild.
+- **Slide-in panels** (`.panel-in` + `.panel-in-1/2/3` animation classes in `globals.css`). The class names suggest a staged entrance animation per page.
+- **Bottom-right feedback cards** (`@keyframes sfSlideUp/Down`). Shared between `FeedbackFlow` and `SessionFeedbackFlow`. Same visual language.
+- **Modal overlays**: `rgba(0,0,0,0.4–0.45)` backdrop with click-to-close; content card with `boxShadow: 0 20px 60px rgba(0,0,0,0.15)`. Used by `SessionSummary`, courses modal in Dashboard, `DocumentUploadModal`, `StudyMatch` best-match popup, `DisclaimerModal`.
+- **Flip card** (`transform: rotateY(180deg)`, `transform-style: preserve-3d`). Used by both `/flashcards` and `FlashcardsPanel` — duplicated code.
+- **Typewriter** effect. Used by `/dashboard` greeting.
+
+---
+
+## 3. `CustomSelect` — the universal dropdown
+
+Used everywhere a native `<select>` would otherwise appear. Key implementation details:
+
+- **Portal-rendered dropdown** (`createPortal(..., document.body)`) so it escapes overflow-hidden parents.
+- **`z-index: 2147483647`** — max signed int, for layering above every modal.
+- **Trigger rect tracking**: `getBoundingClientRect()` on open; `scroll` listener (capturing) updates the rect while the dropdown is open.
+- **`openUpward`** prop for use near the bottom of a panel (e.g., exam picker inside `/study`).
+- **`onDelete`** prop for per-item delete (used by `/learn` Resume Session dropdown).
+- **Closes on outside click** (document-level `mousedown` listener).
+
+Preserve this component or its contract when rebuilding — many features assume its portal behavior, the `openUpward` affordance, and the optional `onDelete`.
+
+---
+
+## 4. `ErrorBoundary`
+
+Classic React class-component error boundary.
+
+- `getDerivedStateFromError` captures the error + flips `hasError`.
+- Default fallback: "Something went wrong" card with `reset()` button.
+- Custom `fallback` prop supported.
+- Wrapped around every route in the root layout (`app/layout.tsx:60`).
+- `app/error.tsx` is a separate Next.js App Router error page (distinct from this component). Both exist and do similar things — `error.tsx` handles full-page render errors; `ErrorBoundary` handles children errors.
+
+---
+
+## 5. `Navbar`
+
+Not catalogued in a feature doc in Phase 3; documenting here for completeness.
+
+### 5.1 Public/private mode
+
+- `publicPaths = ['/', '/signin/callback', '/about', '/terms', '/privacy']` + any path starting with `/careers`.
+- If on a public path → `return null` (nav hidden).
+- If not public and user is not authenticated (after `userReady`) → `router.push('/')`. The nav never shows to unauthenticated visitors of protected pages because middleware would already have bounced them; this is a belt-and-braces.
+
+### 5.2 Primary links
+
+`LINKS = [{Dashboard, Learn, Study, Library, Calendar, Social, Tree}]`. That's it — 7 top-level destinations. Notable omissions: `/flashcards` and `/achievements` (both orphaned, see QUESTIONS Q9).
+
+### 5.3 User menu (right side)
+
+- Avatar + name button → opens a menu with:
+  - "Signed in as **{userName}**" header.
+  - **Settings** link (`/settings`).
+  - **Admin** link — only rendered when `useUser().isAdmin`.
+  - Sign out button → `signOut()` + `router.push('/')`.
+- Escape key closes the menu.
+
+### 5.4 Mobile
+
+- Hamburger button replaces the inline links on narrow screens.
+- Tapping opens the same link list as a dropdown below the hamburger.
+- "What should I learn next?" call-to-action is appended below the links on mobile.
+
+### 5.5 "What should I learn next?" action
+
+- `getRecommendations(userId)` → take top recommendation → `router.push('${currentPath}?suggest=<encoded_concept_name>')`.
+- Special case: on `/calendar`, routes to `/learn?suggest=` instead (because `/calendar` doesn't render a graph).
+- Other pages all respond to `?suggest=` with a popup or highlighted node (`/dashboard`, `/learn`, `/tree`, `/social`).
+
+### 5.6 Report issue
+
+- Navbar contains an entry that opens `<ReportIssueFlow visible=... />` — see `features/feedback-and-reports.md` §2.4.
+
+---
+
+## 6. `ToastProvider`
+
+Context-based toast system mounted in the root layout.
+
+- `useToast()` exposes `showToast(content, {duration?=5000})`.
+- Toasts render in a fixed position (top: 60px, right: 16px) via `createPortal`.
+- Each toast: card with content + `×` dismiss button. Auto-removed after `duration` via `setTimeout`.
+- Content can be ReactNode (so feature code can pass rich content, e.g. `<AchievementUnlockToast achievement={...} />` — though that's not actually wired yet).
+- Toast IDs are a monotonic counter kept in a ref.
+
+Consumers: every mutation in `/admin`, `/settings`, `/dashboard` course modal, `/calendar` (sparse), and more. Consistent pattern: catch API error → `showToast(e.message)`.
+
+---
+
+## 7. `lib/` utilities
+
+Not components per se, but cross-cutting primitives every feature depends on.
+
+### 7.1 `lib/api.ts` (528 lines)
+
+Every HTTP endpoint used by the frontend is in here except:
+- Supabase Realtime / Storage calls in `RoomChat.tsx` and `ReportIssueFlow.tsx`.
+- Raw `fetch` in `StudyClient.tsx` (study-guide endpoints — anomaly, flag).
+- Raw `fetch` in `/signin/callback` for `/api/auth/me` (could be routed through `lib/api.ts`).
+
+Fetches go through `fetchJSON<T>`, which short-circuits to `handleLocalRequest` when `NEXT_PUBLIC_LOCAL_MODE=true`. In normal mode, it prepends `NEXT_PUBLIC_API_URL` to the path.
+
+The full endpoint inventory is in `04-api-surface.md`.
+
+### 7.2 `lib/avatarUtils.ts`
+
+Two pure functions:
+- `getInitials(name)` — first char of each word, up to 2 chars, uppercase.
+- `getAvatarColor(userId)` — deterministic hash → one of 6 brand colors (`#1a5c2a, #2563eb, #7c3aed, #dc2626, #d97706, #0891b2`).
+
+### 7.3 `lib/graphUtils.ts`
+
+Course + mastery palette + formatting helpers:
+- `COURSE_COLOR_PALETTE` (12 colors: indigo/teal/amber/red/violet/cyan/lime/pink/orange/emerald/blue/purple).
+- `hashString(s)` — djb2-style non-crypto hash.
+- `getCourseColor(subject, overrideHex?)` — hashed palette lookup with optional explicit hex override.
+- `hexToCourseColor(hex)` — build a `CourseColor` from any 6-digit hex.
+- `PRESET_COURSE_COLORS` (exported palette) + `RAINBOW_COLORS` (8-color rainbow).
+- `MASTERY_COLORS` / `MASTERY_HIGHLIGHT_COLORS` — per-tier palette.
+- `getMasteryColor(tier)`, `getMasteryHighlightColor(tier)`, `getMasteryLabel(score)` → "N%".
+- `getNodeRadius(score)` → `7 + score*7` (7–14 px).
+- `filterCrossSubjectEdges(nodes, edges)` — reused by Dashboard, Tree, Learn (each also has a local copy inline — refactor opportunity).
+- `computeGraphDiff(prev, next)` — not currently used (refactor remnant).
+- `formatRelativeTime(iso|null)`, `formatDueDate(dateStr)`, `daysUntil(dateStr)`.
+
+### 7.4 `lib/supabase.ts`
+
+Lazy-initialized `SupabaseClient` exported as a `Proxy` so `next build` can prerender without the env vars. Only used by `RoomChat.tsx` (Realtime + presence) and `ReportIssueFlow.tsx` (Storage uploads).
+
+Env vars required at runtime: `NEXT_PUBLIC_SUPABASE_URL`, `NEXT_PUBLIC_SUPABASE_ANON_KEY`.
+
+### 7.5 `lib/sessionToken.ts`
+
+HMAC-SHA-256 session token helpers using Web Crypto. Covered in detail in `features/auth.md` and `05-auth-and-permissions.md`.
+
+### 7.6 `lib/types.ts`
+
+Shared TypeScript types: `GraphNode`, `GraphEdge`, `GraphStats`, `ChatMessage`, `TeachingMode`, `Assignment`, `Room`, `RoomMember`, `RoomMessageRow`, `StudyMatch`, `UserProfile`, `UserSettings`, `UserRole`, `UserAchievement`, `Achievement`, `UserCosmetic`, `CosmeticType`, `RarityTier`, `AchievementCategory`, `Role`, `EquippedCosmetics`, `SessionSummary`, `Recommendation`, `QuizQuestion`, `QuizResult`, `Document`.
+
+---
+
+## 8. Design tokens (inferred; full audit in a future pass)
+
+Referenced as CSS custom properties (defined in `globals.css`, not audited in full):
+
+**Colors**:
+- `--accent` (brand forest green `#1a5c2a`-ish), `--accent-border`, `--accent-dim`, `--accent-active`, `--accent-glow`.
+- `--text`, `--text-primary`, `--text-secondary`, `--text-muted`, `--text-dim`, `--text-placeholder`.
+- `--bg`, `--bg-panel`, `--bg-subtle`, `--bg-input`, `--bg-topbar`, `--bg-base`.
+- `--border`, `--border-mid`, `--border-light`.
+- `--brand-success`, `--brand-progress`, `--brand-struggle`, `--brand-text1`, `--brand-text2`.
+- `--rarity-common/uncommon/rare/epic/legendary` + `-bg` variants.
+
+**Radii**: `--radius-sm`, `--radius-md`, `--radius-lg`, `--radius-full`.
+
+**Shadows**: `--shadow-sm`, `--shadow-md`.
+
+**Durations**: `--dur-fast`, `--dur-base`.
+
+**Easings**: `--ease-out`, `--ease-in-out`.
+
+**Fonts**: `--font-dm-sans`, `--font-spectral`, `--font-inter`, `--font-playfair`, `--font-jetbrains` (all via `next/font/google`).
+
+This list is *inferred* from usage; a complete audit requires reading `globals.css` (deferred to future Phase 4 pass).
+
+---
+
+## 9. Patterns ripe for consolidation
+
+Repeated patterns across multiple components — targets for a shared UI kit in the rebuild:
+
+- **Inline `isMobile` hook** with `matchMedia('(max-width: 768px)')` + `addEventListener('change')`. Redefined verbatim in `/dashboard`, `/learn`, `/tree`, `/library`, `/calendar`, `/flashcards`, `/study/StudyClient`, `/social`, `FlashcardsPanel`, `RoomOverview`. Extract to `hooks/useMedia` or `hooks/useIsMobile`.
+- **Glass-card object** (`const GLASS = { background: '#fff', border: ..., borderRadius: '10px' }`). Multiple pages declare this. Extract a `<Card>` component.
+- **Course typeahead** (`fetch /api/onboarding/courses?q=` debounced 200ms). Duplicated in `/dashboard` and `OnboardingFlow`.
+- **`filterCrossSubjectEdges`** — helper exists in `lib/graphUtils.ts` but pages re-implement it inline. Use the helper.
+- **Two-step confirm button** — delete course, leave room, kick member, delete message all implement this independently.
+- **Flashcards generator + deck + study mode** — duplicated in `/flashcards/page.tsx` and `FlashcardsPanel.tsx`.
diff --git a/docs/frontend-audit/03-state.md b/docs/frontend-audit/03-state.md
new file mode 100644
index 00000000..b2fb397d
--- /dev/null
+++ b/docs/frontend-audit/03-state.md
@@ -0,0 +1,194 @@
+# Sapling Frontend Audit — 03 · State Architecture
+
+> How state is organized today. **One context provider** (`UserContext`), **zero** state libraries, heavy reliance on per-page `useState`. Caching is ad-hoc; there is no query cache.
+
+---
+
+## 1. Global state
+
+### 1.1 `UserContext` (`src/context/UserContext.tsx`)
+
+The only React context provider in the app (apart from the in-component `ToastContext` — see §2).
+
+Exposes:
+
+```ts
+{
+  userId, userName, avatarUrl, users,
+  userReady, isAuthenticated, isApproved,
+  username, roles, equippedCosmetics, featuredRole, isAdmin,
+  setActiveUser(id, name, avatar?), confirmApproved(), signOut(), refreshProfile()
+}
+```
+
+Lifecycle and semantics covered in `features/auth.md` §4.
+
+Key invariants:
+- `userReady = true` only after the localStorage read completes → every feature page gates `useEffect` data fetches on `if (userReady && userId)`.
+- `isApproved` is set once by `confirmApproved()` from `/signin/callback`; middleware is the authority for revocation on subsequent navigations.
+- `fetchProfileData(userId)` (`UserContext.tsx:115-129`) runs on each change of `userId`/`userReady` and populates roles/cosmetics/isAdmin from `/api/auth/me`.
+
+### 1.2 `ToastProvider` (`src/components/ToastProvider.tsx`)
+
+Second context, wrapping `{children}` in the root layout. Exposes:
+
+```ts
+useToast() → { showToast(content, { duration?=5000 }) }
+```
+
+Every mutation in the app should `showToast(e.message)` on catch — consistency is enforced by convention, not types.
+
+---
+
+## 2. Per-page state
+
+No feature uses Redux/Zustand/Jotai/XState. Per-page patterns:
+
+- `useState` + `useEffect` for every feature store.
+- `useRef` for non-render state (animation counters, timeouts, DOM references, observation subjects).
+- `useMemo` for derived slices (filtered nodes, week info, memberships).
+- `useCallback` only where identity stability matters (KnowledgeGraph `onNodeClick`, rare).
+
+No feature shares state with another page via context. Cross-page data (e.g., graph nodes) is refetched on every navigation.
+
+This is fine for the current scale but:
+- Refetches add flicker/latency on every route change.
+- Mutations on one page don't propagate to another (e.g., adding a course on `/dashboard` doesn't update `/library`'s course list unless the user reloads or that effect happens to rerun).
+
+The rebuild should introduce a query cache (React Query / SWR) or at least a feature-scoped context where cross-route consistency matters (courses, achievements, cosmetics).
+
+---
+
+## 3. Persistence (client-side)
+
+### 3.1 Cookies
+
+| Key | Written by | Read by | Lifetime | Purpose |
+|---|---|---|---|---|
+| `sapling_session` | `POST /api/auth/session` (Next route handler) | `middleware.ts` (via `verifySession`) | 30 days (HTTP-only, `sameSite=lax`) | HMAC session token |
+
+### 3.2 `localStorage`
+
+| Key | Written by | Read by | Purpose |
+|---|---|---|---|
+| `sapling_user` | `UserContext.setActiveUser` | `UserContext` mount, `/signin` re-exchange | Cached `{id, name, avatar}` for fast first paint |
+| `sapling_shared_ctx` | `/learn` toggle | `/learn` initial state | Remember "Class Intel" (shared course context) preference |
+| `sapling_session_end_count` | `/learn` on session end | `/learn` + `SessionFeedbackGlobal` | Every-5-sessions feedback counter |
+| `sapling_learn_had_session` | `/learn` once `messages.length > 0 && sessionId` | `SessionFeedbackGlobal` | Gate navigate-away feedback to users who actually held a session |
+| `sapling_session_feedback_nav_last_shown` | `SessionFeedbackGlobal` on trigger | `SessionFeedbackGlobal` | 3-day cooldown timestamp |
+| `sapling_feedback_last_shown` | `FeedbackFlow` on dismiss/submit | `FeedbackFlow` on mount | 3-day cooldown for passive feedback |
+| `sapling_disclaimer_ack` | `AIDisclaimerChip` on close | `AIDisclaimerChip` mount | First-view disclaimer acknowledgement |
+
+### 3.3 `sessionStorage`
+
+| Key | Written by | Read by | Purpose |
+|---|---|---|---|
+| `sapling_onboarding_pending` | `OnboardingFlow.handleGoogleSignIn`, `/signin/callback` when `onboarding_completed=false` | Landing page on mount, `/signin/callback` on subsequent mount | Bridge Google OAuth redirect → resume onboarding |
+
+### 3.4 URL state
+
+Covered in `01-routes.md §3.1`. Summary of long-lived deep-link parameters:
+- `/dashboard?suggest=<concept>`
+- `/learn?topic&mode&suggest&testFeedback`
+- `/tree?suggest`
+- `/social?suggest`
+- `/calendar?connected=true`
+- `/signin?error=...`
+- `/signin/callback?user_id&name&avatar&is_approved&auth_token`
+
+### 3.5 Refs (non-render state)
+
+A few patterns worth preserving:
+
+- **`nodeClickPayloadRef` in `/learn`**: keeps `KnowledgeGraph.onNodeClick` identity stable so the D3 simulation doesn't reseed on every mode/course change.
+- **`feedbackDueRef` / `pendingNavRef` in `/learn`**: holds the "open feedback after session ends" intent and a deferred navigation target.
+- **`prevPathname` in `SessionFeedbackGlobal`**: detects `/learn → elsewhere` transitions.
+- **Various animation-timeline refs** in `/`/OnboardingFlow for storing `setTimeout` ids and RAF-driven animation state.
+
+---
+
+## 4. Data flow patterns
+
+### 4.1 Initial-load pattern (read-heavy pages)
+
+1. `if (!userReady || !userId) return;`
+2. `Promise.all([...])` to fetch everything a page needs.
+3. Populate state, clear loading flag.
+4. On error: single `fetchError` string, render an error card with a "Retry" that forces `window.location.reload()`.
+
+Repeated verbatim in `/dashboard`, `/social`, `/settings`, `/learn`, `/library`, `/calendar`, `/tree`, `/achievements`, `/study`.
+
+Rebuild: a `useQuery`-style hook would make this one line, plus proper caching / dedup / refetch-on-focus.
+
+### 4.2 Mutation pattern
+
+- Disable button (`setSaving(true)`).
+- Call `libApiFn(...)`.
+- On success: mutate local state to match; `showToast('Saved')`.
+- On error: `showToast(e.message || 'Failed to ...')`.
+- Finally: `setSaving(false)`.
+
+Mostly no optimism. Exceptions: `RoomChat` (chat messages + reactions) and `/learn` chat (appends user message first, then awaits reply).
+
+### 4.3 Realtime pattern (chat only)
+
+- Subscribe to Supabase Realtime on mount.
+- `postgres_changes` INSERT/UPDATE → patch local `messages` state.
+- Own INSERTs filtered via `user_id === userId` to avoid echo.
+- Clean up via `supabase.removeChannel(ch)` on unmount.
+
+Only `RoomChat.tsx` uses this. Everything else is request/response.
+
+### 4.4 Polling
+
+**No polling anywhere.** `/pending` doesn't poll for approval. `/calendar` doesn't re-check Google Calendar status after disconnect. `/social` doesn't reload room overview. The user has to navigate away and back.
+
+The rebuild should consider:
+- Polling on `/pending` to auto-redirect when approved.
+- Periodic refresh or focus-based invalidation on `/social` room overviews.
+
+---
+
+## 5. Caching
+
+None to speak of.
+
+- No HTTP caching headers respected (most endpoints don't send `Cache-Control`).
+- No `React.cache`, no SWR, no React Query.
+- The only caching that exists: Supabase Realtime subscriptions keep state live once subscribed.
+
+Navigating from `/dashboard` to `/learn` and back refetches the graph twice.
+
+---
+
+## 6. React Compiler
+
+`next.config.ts:20` → `reactCompiler: true`, with `babel-plugin-react-compiler@1.0.0` installed.
+
+Implications:
+- Manual `useMemo`/`useCallback` usages are mostly redundant in the compiled output.
+- But load-bearing ref patterns (e.g., `nodeClickPayloadRef`) are still needed because the compiler does not rewrite ref semantics.
+
+Rebuild can probably cut many `useMemo`/`useCallback` usages; keep the ref patterns for D3 interop.
+
+---
+
+## 7. Patterns to preserve
+
+- `userReady` gating.
+- Cookie-based auth (HTTP-only).
+- localStorage as a write-through cache for `sapling_user` (fast first paint).
+- `sessionStorage` for the one-shot onboarding-pending handoff.
+- `?suggest=` query-param contract across four pages.
+- The "mutate local state after success" pattern when response shape is known.
+- Root-layout-mounted context providers (`UserProvider`, `ToastProvider`).
+- `ErrorBoundary` wrapping the main area + `app/error.tsx` for framework-level errors.
+
+## 8. Patterns to rework
+
+- Introduce a query library (React Query / SWR) to stop refetching everything on navigation.
+- Split `UserContext` into smaller slices (identity / cosmetics / roles) so cosmetic changes don't invalidate everything.
+- Polling on `/pending`.
+- Consistent error surfacing — replace silent `console.error` catches with `showToast`.
+- A single "feedback cooldown" state rather than 4 localStorage keys.
+- Consolidate inline `useIsMobile` definitions into one hook.
diff --git a/docs/frontend-audit/04-api-surface.md b/docs/frontend-audit/04-api-surface.md
new file mode 100644
index 00000000..f5649bfd
--- /dev/null
+++ b/docs/frontend-audit/04-api-surface.md
@@ -0,0 +1,287 @@
+# Sapling Frontend Audit — 04 · API Surface
+
+> Every backend endpoint consumed by the frontend. All HTTP through `lib/api.ts` unless noted. Base URL: `process.env.NEXT_PUBLIC_API_URL` (dev default `http://localhost:5000`). Realtime + Storage calls bypass `lib/api.ts` and use the Supabase client directly.
+
+---
+
+## 1. Authoring rules
+
+`lib/api.ts` has one internal helper:
+
+```ts
+async function fetchJSON<T>(path, options?): Promise<T> {
+  if (IS_LOCAL_MODE) return handleLocalRequest(path, options) as T;
+  const res = await fetch(`${API_URL}${path}`, {
+    headers: { 'Content-Type': 'application/json', ...options?.headers },
+    ...options,
+  });
+  if (!res.ok) throw new Error((await res.text()) || `HTTP ${res.status}`);
+  return res.json();
+}
+```
+
+Conventions:
+- JSON bodies use snake_case (matches FastAPI Pydantic).
+- The session cookie is sent automatically (same-origin — `/api/*` rewrites to `BACKEND_URL` via `next.config.ts`).
+- Error shape: plain text fallback, or FastAPI's `{detail: string | ValidationError[]}`. A few call sites (`addCourse`, `beginSession`) parse `JSON.parse(err.message).detail` defensively.
+- Local mode (`NEXT_PUBLIC_LOCAL_MODE=true`) routes everything to `handleLocalRequest` in `lib/localData.ts`.
+
+---
+
+## 2. Endpoint inventory
+
+### 2.1 Auth
+
+| Method | Path | Caller | Purpose |
+|---|---|---|---|
+| GET | `/api/auth/google` | `signin/page.tsx:95`, `OnboardingFlow:208`, middleware fallbacks | Start OAuth (hard redirect, not fetch) |
+| GET | `/api/auth/google/callback` | Backend only (redirect target) | Receives Google auth code, redirects to `/signin/callback?...` |
+| GET | `/api/auth/me?user_id=` | `UserContext.fetchProfileData`, `middleware.ts` (2x), `/api/auth/session` fallback, `/signin/callback`, `/signin` | Session validity + `is_approved` + `onboarding_completed` + roles/cosmetics |
+| GET | `/api/users` | `UserContext` | List users (for `userName` reconciliation) |
+
+**Next.js route handler** (local):
+| Method | Path | Caller | Purpose |
+|---|---|---|---|
+| POST | `/api/auth/session` | `/signin` (localStorage re-exchange), `/signin/callback` | Verify `authToken` (fast path, HMAC) or `userId` (slow path, backend round-trip); issue `sapling_session` cookie |
+| DELETE | `/api/auth/session` | `UserContext.signOut` | Clear `sapling_session` cookie |
+
+### 2.2 Graph / Courses
+
+| Method | Path | Caller | Purpose |
+|---|---|---|---|
+| GET | `/api/graph/:userId` | `/dashboard`, `/learn`, `/tree`, `/study-guide` flow (indirectly) | `{nodes, edges, stats}` |
+| GET | `/api/graph/:userId/recommendations` | `/dashboard`, `Navbar` "What should I learn next?" | `{recommendations}` |
+| GET | `/api/graph/:userId/courses` | `/dashboard`, `/learn`, `/library`, `/calendar`, `FlashcardsPanel`, `/flashcards`, `/tree`, `DocumentUploadModal` | `{courses: EnrolledCourse[]}` |
+| POST | `/api/graph/:userId/courses` | `/dashboard`, `DocumentUploadModal` | Add course `{course_id, color?, nickname?}` → `{course_id, already_existed, error?}` |
+| PATCH | `/api/graph/:userId/courses/:courseId/color` | `/dashboard` (color picker) | `{color}` |
+| DELETE | `/api/graph/:userId/courses/:courseId` | `/dashboard` (manage courses) | Remove course |
+
+### 2.3 Learn (chat tutoring)
+
+| Method | Path | Caller | Purpose |
+|---|---|---|---|
+| POST | `/api/learn/start-session` | `/learn.beginSession` | `{session_id, initial_message, graph_state}` |
+| POST | `/api/learn/chat` | `/learn.handleSend` | `{reply, graph_update, mastery_changes}` |
+| POST | `/api/learn/action` | `/learn.handleAction` (hint/confused/skip) | `{reply, graph_update}` |
+| POST | `/api/learn/mode-switch` | `/learn.handleModeChange` | `{reply}` |
+| POST | `/api/learn/end-session` | `/learn.handleEndSession` | `{summary}` |
+| GET | `/api/learn/sessions/:userId?limit=` | `/learn` mount | `{sessions}` |
+| GET | `/api/learn/sessions/:id/resume` | `/learn.handleResumeSession` | `{session, messages}` |
+| DELETE | `/api/learn/sessions/:id?user_id=` | `/learn.handleDeleteSession` | Remove session |
+
+**Streaming note**: CLAUDE.md describes this as SSE but the frontend uses regular `fetch` → `.json()`. See QUESTIONS Q16.
+
+### 2.4 Quiz
+
+| Method | Path | Caller | Purpose |
+|---|---|---|---|
+| POST | `/api/quiz/generate` | `QuizPanel.startQuiz` | `{quiz_id, questions}` |
+| POST | `/api/quiz/submit` | `QuizPanel.finishQuiz` | `{score, total, mastery_before, mastery_after, results}` |
+
+### 2.5 Calendar / Assignments
+
+| Method | Path | Caller | Purpose |
+|---|---|---|---|
+| GET | `/api/calendar/upcoming/:userId` | `/dashboard` | Top N upcoming assignments |
+| GET | `/api/calendar/all/:userId` | `/calendar` | All assignments |
+| POST | `/api/calendar/save` | `AssignmentTable` commit (via `saveAssignments`) | Bulk save edits |
+| POST | `/api/calendar/extract` | `extractSyllabus` (raw fetch, not fetchJSON — multipart) | **Used directly?** — confirm; library uploads go through `/api/documents/upload` |
+| GET | `/api/calendar/auth-url?user_id=` | Connect flow | `{url}` for Google OAuth |
+| GET | `/api/calendar/status/:userId` | `/calendar` mount | `{connected, expires_at?}` |
+| POST | `/api/calendar/sync` | `/calendar.handleSync` | `{synced_count}` export assignments to Google |
+| POST | `/api/calendar/export` | (defined — `exportToGoogleCalendar`, potentially used by Multi-select sync) | `{exported_count, skipped_count}` |
+| GET | `/api/calendar/import/:userId?days_ahead=` | `/calendar.handleImportGoogle` | `{events, count}` |
+| DELETE | `/api/calendar/disconnect/:userId` | `/calendar.handleDisconnectGoogle` | `{disconnected}` |
+
+### 2.6 Documents / Library
+
+| Method | Path | Caller | Purpose |
+|---|---|---|---|
+| GET | `/api/documents/user/:userId` | `/library` mount | `{documents}` |
+| DELETE | `/api/documents/doc/:id?user_id=` | `/library.handleDelete`, `DocumentUploadModal.handleReanalyze` | Remove document |
+| PATCH | `/api/documents/doc/:id` | `DocumentUploadModal.handleConfirm` (category override) | `{category, user_id}` |
+| POST | `/api/documents/upload` | `DocumentUploadModal` (multipart, raw fetch with AbortController 4min) | Upload PDF/DOCX/PPTX |
+
+### 2.7 Flashcards
+
+| Method | Path | Caller | Purpose |
+|---|---|---|---|
+| POST | `/api/flashcards/generate` | `/flashcards`, `FlashcardsPanel` | `{flashcards, context_used?}` |
+| GET | `/api/flashcards/user/:userId?topic=` | Both flashcard surfaces | `{flashcards}` |
+| POST | `/api/flashcards/rate` | Both | `{ok}` |
+| DELETE | `/api/flashcards/:id?user_id=` | Both | `{ok}` |
+
+### 2.8 Study Guide (`/study` — raw fetch, not via `lib/api.ts`)
+
+| Method | Path | Caller | Purpose |
+|---|---|---|---|
+| GET | `/api/study-guide/:userId/courses` | `/study` | `{courses}` |
+| GET | `/api/study-guide/:userId/exams?course_id=` | `/study` | `{exams}` |
+| GET | `/api/study-guide/:userId/guide?course_id=&exam_id=` | `/study` | `{guide, generated_at}` |
+| GET | `/api/study-guide/:userId/cached` | `/study` | `{guides}` |
+| POST | `/api/study-guide/regenerate` | `/study.handleRegenerate` | `{guide, generated_at}` |
+
+### 2.9 Onboarding
+
+| Method | Path | Caller | Purpose |
+|---|---|---|---|
+| GET | `/api/onboarding/courses?q=` | `OnboardingFlow` step 4, `/dashboard` course typeahead | `{courses}` |
+| POST | `/api/onboarding/profile` | landing-page `handleOnboardingComplete` | `{user_id, first_name, last_name, year, majors, minors, course_ids, learning_style}` |
+
+### 2.10 Social / Rooms
+
+| Method | Path | Caller | Purpose |
+|---|---|---|---|
+| POST | `/api/social/rooms/create` | `RoomList.handleCreate` | `{room_id, invite_code}` |
+| POST | `/api/social/rooms/join` | `RoomList.handleJoin` | `{room}` |
+| GET | `/api/social/rooms/:userId` | `/social` mount | `{rooms}` |
+| GET | `/api/social/rooms/:roomId/overview` | `/social` (on room switch) | Room data incl. members + AI summary + graph |
+| GET | `/api/social/rooms/:roomId/activity` | `/social` (activity tab) | `{activities}` |
+| POST | `/api/social/rooms/:roomId/match` | `StudyMatch.handleFindMatches` | `{matches}` |
+| POST | `/api/social/school-match` | (defined — not wired) | `{matches}` |
+| GET | `/api/social/students` | `SchoolDirectory` | `{students}` |
+| POST | `/api/social/rooms/:roomId/leave` | `RoomMembers.handleLeave` | `{left}` |
+| DELETE | `/api/social/rooms/:roomId/members/:memberId?requester_id=` | `RoomMembers.handleKick` | `{kicked}` |
+| GET | `/api/social/rooms/:roomId/messages` | `RoomChat` mount | Full message history |
+| POST | `/api/social/rooms/:roomId/messages` | `RoomChat.sendMessage` | `{message}` |
+| DELETE | `/api/social/rooms/:roomId/messages/:messageId?user_id=` | `RoomChat.handleDeleteMessage` | `{deleted}` (soft-delete) |
+| PATCH | `/api/social/rooms/:roomId/messages/:messageId` | `RoomChat.handleStartEdit → sendMessage` | Edit `{user_id, text}` |
+| POST | `/api/social/rooms/:roomId/messages/:messageId/reactions` | `RoomChat.handleToggleReaction` | Toggle reaction `{user_id, emoji}` → `{added}` |
+
+Plus **Supabase Realtime** (direct, not HTTP):
+- `postgres_changes` on `room_messages` (INSERT + UPDATE).
+- `postgres_changes` on `room_reactions` (INSERT + DELETE).
+- Presence channel `presence:room:<roomId>` for typing indicators.
+
+### 2.11 Profile / Settings / Cosmetics
+
+| Method | Path | Caller | Purpose |
+|---|---|---|---|
+| GET | `/api/profile/:userId` | `/settings` profile preview | `UserProfile` |
+| PATCH | `/api/profile/:userId` | `/settings.saveProfile`, `/settings.checkUsername` (unintentionally) | Update profile fields |
+| POST | `/api/profile/:userId/avatar?user_id=` | `/settings.handleAvatarUpload` (multipart) | `{avatar_url}` |
+| GET | `/api/profile/:userId/settings?user_id=` | `/settings` mount | `UserSettings` |
+| PATCH | `/api/profile/:userId/settings?user_id=` | `/settings.saveSettings` | Partial update |
+| POST | `/api/profile/:userId/equip?user_id=` | `CosmeticsManager.handleEquip` | `{slot, cosmetic_id | null}` → `{equipped}` |
+| POST | `/api/profile/:userId/featured-role?user_id=` | Settings role picker (if wired) | `{role_id | null}` |
+| POST | `/api/profile/:userId/featured-achievements?user_id=` | Settings showcase editor | `{achievement_ids}` |
+| GET | `/api/profile/:userId/achievements` | `/achievements`, settings preview | `{earned, available}` |
+| GET | `/api/profile/:userId/cosmetics?user_id=` | `CosmeticsManager` mount | `{cosmetics, equipped}` |
+| GET | `/api/profile/:userId/roles` | (defined — `fetchRoles`; not currently wired) | `{roles}` |
+| DELETE | `/api/profile/:userId/account?user_id=` | `/settings.handleDeleteAccount` | `{deleted}` with body `{confirmation: 'DELETE'}` |
+| POST | `/api/profile/:userId/export?user_id=` | `/settings.handleExport` | User data dump (JSON) |
+
+### 2.12 Admin
+
+All require admin auth (server-enforced via `services/auth_guard.py`).
+
+| Method | Path | Caller | Purpose |
+|---|---|---|---|
+| GET | `/api/admin/users` | `/admin` Users tab | `{users}` |
+| PATCH | `/api/admin/users/:id/approve` | `/admin.handleApprove` | `{approved}` |
+| POST | `/api/admin/roles` | `/admin.handleCreateRole` | Create role |
+| POST | `/api/admin/roles/assign` | (defined — no UI) | Assign role to user |
+| DELETE | `/api/admin/roles/revoke` | (defined — no UI) | Revoke role |
+| POST | `/api/admin/achievements` | `/admin.handleCreateAchievement` | Create achievement |
+| POST | `/api/admin/achievements/grant` | `/admin.handleGrantAchievement` | Grant to user |
+| POST | `/api/admin/cosmetics` | `/admin.handleCreateCosmetic` | Create cosmetic |
+
+### 2.13 Feedback / Issue reports
+
+| Method | Path | Caller | Purpose |
+|---|---|---|---|
+| POST | `/api/feedback` | `FeedbackFlow` + `SessionFeedbackFlow` | `{user_id, type, rating, selected_options, comment?, session_id?, topic?}` |
+| POST | `/api/issue-reports` | `ReportIssueFlow` | `{user_id, topic, description, screenshot_urls}` |
+
+### 2.14 Careers (out of scope)
+
+Listed for completeness only; these are part of the marketing `/careers` flow:
+- `POST /api/careers/apply` (multipart with optional resume PDF)
+- Static data: `src/app/careers/jobs.ts`
+
+---
+
+## 3. Supabase direct calls
+
+Bypass `lib/api.ts`. Require `NEXT_PUBLIC_SUPABASE_URL` + `NEXT_PUBLIC_SUPABASE_ANON_KEY` (lazy-initialized client in `lib/supabase.ts`).
+
+### 3.1 Realtime (chat) — `RoomChat.tsx`
+
+```ts
+supabase.channel(`room_messages:${roomId}`)
+  .on('postgres_changes', { event:'INSERT', table:'room_messages', filter:`room_id=eq.${roomId}` }, handler)
+  .on('postgres_changes', { event:'UPDATE', table:'room_messages', filter:`room_id=eq.${roomId}` }, handler)
+  .on('postgres_changes', { event:'INSERT', table:'room_reactions' }, handler)  // no filter — listens to all rooms' reactions
+  .on('postgres_changes', { event:'DELETE', table:'room_reactions' }, handler)
+  .subscribe();
+
+supabase.channel(`presence:room:${roomId}`, { config: { presence: { key: userId } } })
+  .on('presence', { event: 'sync' }, handler)
+  .subscribe();
+```
+
+**Observation**: the reactions subscription is **not filtered by room**. Every client gets every reaction event for every room. The handler filters in-memory by matching `message_id`. Fine at small scale, noisy if the app grows.
+
+### 3.2 Storage (issue screenshots) — `ReportIssueFlow.tsx`
+
+```ts
+supabase.storage.from('issues-media-files').upload(`${userId}/${ts}_${rand}.${ext}`, file);
+supabase.storage.from('issues-media-files').getPublicUrl(path);
+```
+
+Bucket name: `issues-media-files`. Uses anon key — bucket must allow authenticated uploads (or anon uploads, depending on bucket RLS).
+
+---
+
+## 4. Direct fetch (not via `lib/api.ts`)
+
+Code that uses `fetch` directly instead of `lib/api.ts`:
+
+| Caller | Endpoint | Why |
+|---|---|---|
+| `/signin/callback` | `${API_URL}/api/auth/me?user_id=` | Mid-callback before UserContext is ready |
+| `middleware.ts` | `${API_URL}/api/auth/me?user_id=` | Edge runtime — can't import app code |
+| `/api/auth/session` route handler | `${API_URL}/api/auth/me?user_id=` | Edge runtime |
+| `UserContext.fetchProfileData` | `${API_URL}/api/auth/me?user_id=` | Legacy — could migrate to `lib/api.ts` |
+| `UserContext` mount effect | `${API_URL}/api/users` | Legacy — could migrate |
+| `/dashboard` course typeahead | `${API_URL}/api/onboarding/courses?q=` | Legacy — could migrate |
+| `OnboardingFlow` step 4 | `${API_URL}/api/onboarding/courses?q=` | Component-local, could migrate |
+| `/study/StudyClient` | `/api/study-guide/*` | Anomaly — this whole feature skips `lib/api.ts` |
+| `RoomChat` / `ReportIssueFlow` | Supabase (not HTTP) | Correct — different transport |
+
+Rebuild: route *everything* through a single HTTP layer (with local-mode support) unless a different transport is required.
+
+---
+
+## 5. Notable backend-return shapes
+
+(Not exhaustive — cherry-picked for rebuild awareness.)
+
+- `EnrolledCourse` (`lib/api.ts:40-51`): `{enrollment_id, course_id, course_code, course_name, school, department, color: string|null, nickname: string|null, node_count, enrolled_at}`.
+- `Session` (`lib/api.ts:108-117`): `{id, topic, mode, course_id, started_at, ended_at, message_count, is_active}`.
+- `UploadedDoc` (`DocumentUploadModal.tsx:23-32`): `{id, course_id, file_name, category, summary, key_takeaways, flashcards, created_at}`.
+- `RoomMessageRow` (backend shape used by `RoomChat.dbRowToMessage`): `{id, user_id, user_name, text, image_url, created_at, reactions: [{emoji, user_ids}], reply_to_id, reply_to: {id, user_name, text} | null, is_deleted, edited_at}`.
+- `Assignment` (`lib/api.ts:186-197`): `{id, user_id, title, due_date, assignment_type?, notes?, google_event_id?, course_id?, course_code?, course_name?}`.
+
+Full types live in `src/lib/types.ts`.
+
+---
+
+## 6. Local mode (`NEXT_PUBLIC_LOCAL_MODE=true`)
+
+`lib/api.ts:13-14` routes `fetchJSON` through `handleLocalRequest(path, options)` in `lib/localData.ts`. `localData.ts` pattern-matches URL paths and returns canned data (see `lib/localData.ts:255-305` for the matcher). Works for:
+- graph + recommendations + courses
+- calendar assignments
+- flashcards CRUD
+- profile/settings/cosmetics/achievements/roles
+- rooms / matches / messages (partial)
+- documents (partial)
+
+**Does not** work for:
+- Study-guide endpoints (StudyClient uses raw fetch).
+- Supabase Realtime (subscriptions will silently never fire).
+- Supabase Storage uploads.
+
+Rebuild should either:
+- Replace `localData.ts` with an MSW-based mock server (covers all endpoints uniformly), or
+- Keep `localData.ts` but extend it with study-guide stubs and a Realtime mock.
diff --git a/docs/frontend-audit/05-auth-and-permissions.md b/docs/frontend-audit/05-auth-and-permissions.md
new file mode 100644
index 00000000..26cce33c
--- /dev/null
+++ b/docs/frontend-audit/05-auth-and-permissions.md
@@ -0,0 +1,133 @@
+# Sapling Frontend Audit — 05 · Auth & Permissions
+
+> Frontend-side auth gating, session mechanics, and role/approval visibility. Full flow documentation in `features/auth.md`.
+
+---
+
+## 1. Two-layer guard
+
+### 1.1 Middleware (`src/middleware.ts`)
+
+Runs on every request to a matched path (before any page code):
+
+- Matches: `/signin`, `/dashboard/**`, `/learn/**`, `/study/**`, `/tree/**`, `/flashcards/**`, `/library/**`, `/calendar/**`, `/social/**`, `/settings/**`, `/achievements/**`, `/admin/**`.
+- Bypass: `process.env.NEXT_PUBLIC_LOCAL_MODE === 'true'`.
+
+Behavior per matched request:
+1. **`/signin`**: if already signed in + approved → redirect `/dashboard`; if signed in + unapproved → `/pending`; if `?error=` present → render; otherwise redirect to `${NEXT_PUBLIC_API_URL}/api/auth/google`.
+2. **Protected routes**: require valid HMAC `sapling_session` cookie **plus** live `GET /api/auth/me` returning `is_approved: true`. Unapproved → `/pending`; invalid/missing/timeout → Google OAuth redirect.
+
+3-second `AbortController` timeout on the live `/api/auth/me` call. Timeout → fall back to Google OAuth redirect (fail-closed).
+
+### 1.2 Client gating
+
+- `UserContext.userReady` gates every per-user fetch in every page (`if (!userReady || !userId) return`).
+- `UserContext.isAdmin` gates the Navbar "Admin" link (`Navbar.tsx:374`) and the `/admin` page's body (`admin/page.tsx:46-58` — redirects non-admins to `/dashboard`).
+- No other role-based UI gating exists yet. `UserContext.roles` is populated from `/api/auth/me` but is only surfaced as `RoleBadge` decorations (Admin users table, profile preview).
+
+---
+
+## 2. Session cookie
+
+| Field | Value |
+|---|---|
+| Name | `sapling_session` |
+| HTTP-only | ✅ |
+| SameSite | `lax` |
+| Secure flag | not explicitly set — relies on `next start` running behind a TLS-terminating proxy in production. **Verify this.** |
+| Max-Age | 30 days (`SESSION_MAX_AGE = 2_592_000`) |
+| Signing | HMAC-SHA-256 via Web Crypto (`lib/sessionToken.ts`) |
+| Payload | `{userId, exp}` base64url-encoded, then signed |
+
+Secret: `SESSION_SECRET` env var. Must be ≥32 bytes (enforced in `lib/sessionToken.ts:5-8`). Shared with the backend so `/api/auth/session` can fast-path-verify tokens the backend issues.
+
+---
+
+## 3. Role model
+
+From `UserContext`:
+
+- `roles: UserRole[]` — all roles assigned to this user. Shape: `{id, name, color, icon?, description?}` plus an outer wrapper (`UserRole`) with assignment metadata (`granted_by`, `granted_at`).
+- `isAdmin: boolean` — comes directly from `/api/auth/me.is_admin`.
+- `featuredRole: Role | null` — the user's picked role to feature on their profile; comes from `equipped_cosmetics.featured_role`.
+
+Admin privileges: UI only checks `isAdmin`. The four admin-tab endpoints (`/api/admin/**`) all require backend-enforced admin auth — see `backend/services/auth_guard.py`. The frontend does not know which individual admin actions a user can perform; it assumes admin = all admin actions. A multi-tier role system (moderator can approve users but not create roles, etc.) isn't currently expressed in the UI.
+
+---
+
+## 4. Approval gate
+
+- All new users created with `is_approved = false` (backend default).
+- Unapproved users can:
+  - Sign in (cookie gets issued).
+  - Visit `/pending`, `/signin/callback`, and any marketing page.
+  - Visit `/profile` (doesn't exist), `/api/auth/session` (Next route handler).
+- Unapproved users cannot reach any middleware-matched route — middleware redirects to `/pending`.
+- Admins approve via `/admin` Users tab.
+- No "you are now approved" notification surface. User must refresh/retry after an admin approves.
+
+---
+
+## 5. Environment variables referenced
+
+| Var | Used by | Purpose |
+|---|---|---|
+| `NEXT_PUBLIC_API_URL` | middleware, UserContext, `lib/api.ts`, session route handler, landing page | Backend base URL |
+| `BACKEND_URL` | `next.config.ts` only (rewrites `/api/*`) | Build-time rewrite target |
+| `SESSION_SECRET` | `lib/sessionToken.ts`, `/api/auth/session` route | HMAC secret |
+| `NEXT_PUBLIC_LOCAL_MODE` | middleware, UserContext, `lib/api.ts` | Offline dev bypass |
+| `NEXT_PUBLIC_SUPABASE_URL` | `lib/supabase.ts` | Supabase project URL |
+| `NEXT_PUBLIC_SUPABASE_ANON_KEY` | `lib/supabase.ts` | Supabase anon key |
+| `STATIC_EXPORT` | `next.config.ts` only | Build-time toggle |
+
+`NEXT_PUBLIC_*` vars are exposed to the browser; keep secrets out of them.
+
+---
+
+## 6. Where auth-derived state shows up in the UI
+
+| Surface | Visibility rule |
+|---|---|
+| Navbar entire nav | Hidden on `publicPaths` + `/careers/*`. Redirect to `/` if `userReady && !isAuthenticated && !isPublic`. |
+| Navbar "Admin" link in user menu | `isAdmin === true` |
+| `/admin` page body | `isAdmin === true`; else `router.push('/dashboard')` |
+| `RoleBadge` on `/admin` Users tab | Always rendered when roles array is populated |
+| `RoleBadge` on profile preview | `featuredRole?` + additional roles if present |
+| Session-dependent data fetches | `userReady && userId` |
+
+---
+
+## 7. Signed-out reachable paths
+
+| Path | Notes |
+|---|---|
+| `/` | Landing (out of scope) |
+| `/about`, `/privacy`, `/terms`, `/careers/**` | Marketing |
+| `/signin` | Only renders UI when `?error=` is present; otherwise middleware redirects to OAuth |
+| `/signin/callback` | OAuth return handler — validates params and sets cookie |
+| `/pending` | Reachable but only useful to authenticated-but-unapproved users. A signed-out visitor sees it but "Sign out" does nothing productive. |
+| `/profile` | Route does not exist. If reintroduced, decide on visibility. |
+
+---
+
+## 8. Known weak points (fix in rebuild)
+
+- **Cookie `Secure` flag not explicitly set.** Confirm deployment does TLS termination; if not, set `secure: true` in the cookie options.
+- **`/pending` is unguarded by middleware.** Unauthed visitors can see the waitlist UI. Not a vuln but bad UX. Consider redirecting unauth visitors to `/signin`.
+- **Approval polling does not exist.** Users sit on `/pending` with no auto-refresh.
+- **Username "availability check" via `PATCH /api/profile/:userId`** (see `features/settings.md`): in addition to being non-idiomatic, if a typed candidate username is valid it *sets* the user's username. Fix by splitting.
+- **Session expiry is 30 days with no refresh.** On day 31, user gets silently bounced to Google OAuth on next protected navigation. Consider refreshing on every backend call or implementing a sliding window.
+- **`signOut()` doesn't clear `sessionStorage.sapling_onboarding_pending`** (QUESTIONS Q11). Shared-browser hazard.
+- **No CSRF considerations.** Relies on `sameSite=lax`. POST/DELETE to `/api/auth/session` requires the cookie; cross-site POST from third-party sites would fail due to SameSite. Explicit CSRF tokens are not used. Acceptable for `sameSite=lax` but a rebuild that adds `sameSite=none` would need to add CSRF.
+
+---
+
+## 9. Things to preserve
+
+- The two-layer guard (middleware + client context + backend re-enforcement).
+- 3-second timeout on every middleware network call.
+- HMAC cookie signed and verified by the same `SESSION_SECRET` on frontend and backend.
+- Fast-path `authToken` verification in `/api/auth/session` (skips backend round-trip).
+- Local-mode bypass for offline dev.
+- `isAdmin` gating in both Navbar and `/admin`.
+- Approval revocation is live — middleware re-checks on every protected navigation.
diff --git a/docs/frontend-audit/06-realtime.md b/docs/frontend-audit/06-realtime.md
new file mode 100644
index 00000000..4725a6e8
--- /dev/null
+++ b/docs/frontend-audit/06-realtime.md
@@ -0,0 +1,107 @@
+# Sapling Frontend Audit — 06 · Realtime & Async
+
+> Realtime subscriptions, polling, background refreshes, and any other non-request/response async behavior in the frontend.
+
+---
+
+## 1. What the frontend uses
+
+Supabase Realtime is the only **push** channel. Everything else is request/response with no polling.
+
+### 1.1 Supabase Realtime — chat (`RoomChat.tsx`)
+
+Channel: `supabase.channel('room_messages:' + roomId)`.
+
+Subscriptions:
+- `postgres_changes` **INSERT** on `room_messages` with filter `room_id=eq.<roomId>`. Appends new messages. Own messages are suppressed in the handler (`if (row.user_id === userId) return`) because the optimistic UI added them already.
+- `postgres_changes` **UPDATE** on `room_messages` with same filter. Applies edits and soft-deletes (`is_deleted=true`).
+- `postgres_changes` **INSERT** on `room_reactions` (**no filter** — listens to all rooms). Handler matches `message_id` to the current message list and appends the reaction.
+- `postgres_changes` **DELETE** on `room_reactions` (**no filter**). Same matching logic.
+
+**Note on the missing filter**: `room_reactions` subscriptions are not scoped to the current room. Every connected client receives every reaction event across every room. Handlers no-op on non-matching `message_id`. At scale this is wasteful — should add `filter: room_id=eq.<roomId>` in the rebuild (requires the reaction row to have `room_id`, or use a different table/scheme).
+
+Cleanup on unmount: `supabase.removeChannel(channel)`.
+
+### 1.2 Supabase Realtime — presence (`RoomChat.tsx`)
+
+Channel: `supabase.channel('presence:room:' + roomId, { config: { presence: { key: userId } } })`.
+
+Behavior:
+- `broadcastTyping(true)` → `channel.track({userId, userName, typing: true})`.
+- On input idle (3-second timeout) → `broadcastTyping(false)`.
+- `presence` → `{event: 'sync'}` handler reads `channel.presenceState()` and filters to other users with `typing: true`.
+
+Cleanup: `supabase.removeChannel(ch)` on roomId/userId change (not just unmount — `[roomId, userId]` deps in `useEffect`).
+
+### 1.3 Supabase Storage — `ReportIssueFlow.tsx`
+
+Not realtime, but a direct-browser-to-storage write. Uploads to `issues-media-files` bucket via the anon key:
+
+```ts
+supabase.storage.from('issues-media-files').upload(path, file);
+supabase.storage.from('issues-media-files').getPublicUrl(path);
+```
+
+Bucket permissions must allow anon writes (or the user must be authenticated through Supabase — but the app doesn't use Supabase auth, only the anon key). **Verify bucket RLS policy**.
+
+---
+
+## 2. What the frontend does NOT use
+
+No WebSocket connections other than Supabase Realtime's. No SSE consumers (despite CLAUDE.md calling `/api/learn/chat` streaming — see QUESTIONS Q16). No server-sent push notifications. No service worker. No background sync.
+
+No polling anywhere. Notable places where polling would be a natural fit:
+- `/pending` does not poll for approval status (see `features/auth.md` §2.4).
+- `/calendar` does not re-check Google Calendar status after the user disconnects (`googleConnected` is set purely by client-side state).
+- `/social` room overviews don't refresh when another user joins/leaves (outside of what Realtime pushes for chat).
+
+---
+
+## 3. Async patterns per feature
+
+| Feature | Async mechanism |
+|---|---|
+| Auth | Request/response + middleware live re-check on every navigation |
+| Onboarding | Request/response only |
+| Dashboard | Request/response only. No refresh on visibility change. |
+| Learn | Request/response per chat turn. No streaming (despite backend possibly supporting SSE). Graph refetch after each turn. |
+| Quiz | Request/response; client does local correctness check for instant feedback. |
+| Study | Request/response. "Generating your study guide..." spinner can run for many seconds. |
+| Flashcards | Request/response. Optimistic rating update. |
+| Library | Per-file concurrent uploads with 4-minute AbortController timeout. Otherwise request/response. |
+| Calendar | Request/response. Google OAuth round-trip via redirect. |
+| Social — Rooms | Request/response for overview/activity/match. **Realtime for chat + presence.** |
+| Settings | Request/response with optimistic state for toggles. |
+| Achievements | Request/response on mount. |
+| Admin | Request/response per action. |
+| Feedback | Request/response, fire-and-forget (`.catch(() => {})`). |
+
+---
+
+## 4. Animation / RAF loops
+
+Not realtime, but worth documenting because they share mental bandwidth with the chat subscription:
+
+- **KnowledgeGraph drift animation** — `requestAnimationFrame` loop running on every mounted graph (Dashboard center panel, full-screen overlay, Tree, Learn graph pane, Social comparison graph). Never pauses. Minor CPU cost.
+- **Landing-page 3D canvas** (`app/page.tsx`) — out of scope, but consumes significant RAF time while the landing page is visible.
+- **`FlashcardsPanel` / `/flashcards` study mode** — CSS transitions only, no RAF.
+- **`SessionFeedbackFlow` + `FeedbackFlow`** — CSS keyframe animations (`sfSlideUp`/`sfSlideDown`). No RAF.
+
+---
+
+## 5. Things to preserve
+
+- Supabase Realtime subscriptions for chat INSERT/UPDATE and reactions INSERT/DELETE.
+- Supabase presence channel for typing indicators.
+- Supabase Storage uploads for issue-report screenshots.
+- Cleanup on unmount / dep change via `removeChannel`.
+- Optimistic chat send with `tmp_${Date.now()}` ID and rollback on error.
+- Realtime filters by `room_id` where possible.
+
+## 6. Things to rework
+
+- **Filter `room_reactions` subscriptions by room.** Either add `room_id` to the `room_reactions` table (if missing) or subscribe per-message. Current scheme is a traffic amplifier.
+- **Add polling on `/pending`** (every 30s?) or a Realtime subscription on the user's own row for `is_approved` changes.
+- **Implement real SSE/streaming** for `/api/learn/chat` — the UX win of token-by-token reply rendering is significant.
+- **Periodic refresh on `/social` room overviews** when another user joins/leaves.
+- **Pause the KnowledgeGraph RAF** when the graph is off-screen or hidden (mobile tab toggles, fullscreen close).
diff --git a/docs/frontend-audit/07-integrations.md b/docs/frontend-audit/07-integrations.md
new file mode 100644
index 00000000..3fded37f
--- /dev/null
+++ b/docs/frontend-audit/07-integrations.md
@@ -0,0 +1,139 @@
+# Sapling Frontend Audit — 07 · Integrations
+
+> Third-party services, libraries, and external systems the frontend integrates with. Listed so the rebuild can keep (or deliberately replace) each.
+
+---
+
+## 1. Authentication & identity
+
+### 1.1 Google OAuth
+
+- Handled entirely by the **backend** (`backend/routes/auth.py`). Frontend just redirects to `${API}/api/auth/google` and receives the callback at `/signin/callback`.
+- Frontend never sees a Google access token. The handoff token (`auth_token` query param) is HMAC-signed with the shared `SESSION_SECRET`.
+- Google profile images returned in the callback require `referrerPolicy="no-referrer"` on `<img>` tags (see `Avatar.tsx:17`).
+
+### 1.2 Supabase
+
+Two uses:
+
+1. **Realtime** — `RoomChat.tsx` subscribes to `postgres_changes` on `room_messages` and `room_reactions` + a presence channel. See `06-realtime.md`.
+2. **Storage** — `ReportIssueFlow.tsx` uploads issue-report screenshots to the `issues-media-files` bucket.
+
+**Not used**: Supabase Auth (the app uses its own HMAC session cookie, not Supabase JWTs), Supabase Edge Functions, Supabase Database client-side RPC (message persistence goes through the backend).
+
+Env vars: `NEXT_PUBLIC_SUPABASE_URL`, `NEXT_PUBLIC_SUPABASE_ANON_KEY`.
+
+### 1.3 Google Calendar
+
+- `/calendar` integrates with Google Calendar via the **backend** (OAuth handled server-side).
+- Frontend calls `getCalendarAuthUrl` → redirects to Google → Google redirects back to the backend → backend redirects to `/calendar?connected=true`.
+- Import / sync / export / disconnect are all REST calls to the backend, which holds the Google Calendar client.
+
+---
+
+## 2. AI / content
+
+### 2.1 Google Gemini
+
+- **Used by the backend only** (`backend/services/gemini_service.py`). Frontend never calls Gemini directly.
+- Referenced in the user-facing disclaimer (`DisclaimerModal.tsx`, `AIDisclaimerChip.tsx`): "Sapling uses Google Gemini to tutor, quiz, and track your progress."
+- CLAUDE.md mentions the backend does streaming via SSE but the frontend consumes non-streaming JSON. See QUESTIONS Q16.
+
+### 2.2 KaTeX (math rendering)
+
+- `katex` + `remark-math` + `rehype-katex` used by `ChatPanel.tsx` to render LaTeX inside AI assistant messages.
+- `katex/dist/katex.min.css` imported at `ChatPanel.tsx:7`.
+- ESM-only packages (`remark-math`, `rehype-katex`) mocked for Jest in `src/__mocks__/`.
+
+### 2.3 react-markdown
+
+- Used by `ChatPanel.tsx` for assistant message rendering. Custom `components` override: `p`, `ul`, `ol`, `li`, `code`, `pre`, `strong`.
+- Enables GFM + math + styled code blocks inside AI replies.
+
+---
+
+## 3. UI libraries
+
+| Library | Version | Where used |
+|---|---|---|
+| `lucide-react` | 0.577.0 | Every icon in the app (Navbar, Settings sidebar icons, Maximize2/Minimize2, chevrons, etc.) |
+| `framer-motion` | 12.38.0 | Installed — grep shows **no import sites** in `src/`. Either unused or imported at some path I missed. |
+| `d3` | 7.9.0 | `KnowledgeGraph.tsx` (only user) |
+| `next/font/google` | built-in | Spectral, DM Sans, Inter, Playfair Display, JetBrains Mono → CSS variables on `<html>` |
+| `tailwindcss` | 4.x | Utility classes throughout; CSS tokens in `globals.css` |
+
+---
+
+## 4. Dev tooling / build
+
+| Tool | Notes |
+|---|---|
+| Next.js 16.1.6 | App Router; `reactCompiler: true` |
+| React 19.2.3 | With React Compiler (`babel-plugin-react-compiler@1.0.0`) |
+| TypeScript 5 | Strict |
+| Jest 30 | With `jest-environment-jsdom`; ESM mocks in `src/__mocks__/` |
+| `@testing-library/react` 16.x | Suite in `src/__tests__/` |
+| ESLint 9 + `eslint-config-next` | — |
+| PostCSS + Tailwind v4 PostCSS plugin | — |
+| Docker | `frontend/Dockerfile` wraps the standalone Next.js build |
+
+No Sentry. No Datadog. No LogRocket. No analytics scripts detected (Plausible, Mixpanel, GA, etc.). Verify during rebuild if silent analytics were added later — grep found no imports.
+
+---
+
+## 5. Static assets
+
+- `public/sapling-icon.svg` — app icon (used as favicon and as `Metadata.icons`).
+- `public/sapling-word-icon.png` — wordmark used on `/signin` and `/pending`.
+- `src/app/icon.svg` — Next.js metadata icon (same as `sapling-icon.svg` in practice).
+
+---
+
+## 6. External services NOT used
+
+Worth being explicit: no evidence of any of these in the frontend. If the rebuild adds them, they're greenfield.
+
+- Stripe / Paddle / billing.
+- Intercom / Crisp / in-app chat widgets.
+- Mixpanel / Segment / Heap / analytics.
+- Sentry / Rollbar / error-tracking SDKs.
+- TipTap / Monaco / ProseMirror / rich-text editors.
+- Chart.js / Recharts / Victory — the only data viz is the d3 `KnowledgeGraph`.
+- WebSockets other than Supabase Realtime.
+- Push notifications / Service workers / Web Push.
+
+---
+
+## 7. Env var catalog (authoritative)
+
+Collected from every `process.env.*` reference in `src/`:
+
+| Var | Scope | Required for | Referenced in |
+|---|---|---|---|
+| `NEXT_PUBLIC_API_URL` | browser + server | Backend API base | middleware, `lib/api.ts`, UserContext, `/signin`, `/signin/callback`, landing page, `OnboardingFlow`, `StudyClient`, `/dashboard`, session route handler |
+| `BACKEND_URL` | build time only | `next.config.ts` rewrites | `next.config.ts` |
+| `SESSION_SECRET` | server only | HMAC session signing | `lib/sessionToken.ts`, `/api/auth/session` route |
+| `NEXT_PUBLIC_LOCAL_MODE` | browser + server | Offline dev bypass | middleware, UserContext, `lib/api.ts` |
+| `NEXT_PUBLIC_SUPABASE_URL` | browser | Supabase client | `lib/supabase.ts` |
+| `NEXT_PUBLIC_SUPABASE_ANON_KEY` | browser | Supabase client | `lib/supabase.ts` |
+| `STATIC_EXPORT` | build time only | `next export` toggle | `next.config.ts` |
+
+`NEXT_PUBLIC_*` are bundled into the client — never put secrets in them.
+
+---
+
+## 8. Things to preserve
+
+- The **backend-centric auth pattern** — frontend never holds OAuth tokens for Google or Google Calendar.
+- Supabase Realtime for chat (low-latency; offloads traffic from FastAPI).
+- Supabase Storage for user-uploaded screenshots.
+- KaTeX rendering for math inside AI messages.
+- Next.js `next/font/google` for typography — keeps the font files self-hosted and avoids FOUT.
+- Lucide icons (consistent icon set).
+
+## 9. Things to rework / decide
+
+- **`framer-motion` appears unused** — check if the rebuild needs it; otherwise drop.
+- **Decide on analytics**: product should pick one (Plausible/Mixpanel/PostHog) before rebuild so it can be wired consistently, not bolted on later.
+- **Add Sentry (or equivalent)**: the rebuild will have new bugs; client error tracking is cheap insurance.
+- **Replace `SpaceBackground.tsx` dead import (if later added)** — currently unused.
diff --git a/docs/frontend-audit/08-interaction-patterns.md b/docs/frontend-audit/08-interaction-patterns.md
new file mode 100644
index 00000000..f25565e1
--- /dev/null
+++ b/docs/frontend-audit/08-interaction-patterns.md
@@ -0,0 +1,284 @@
+# Sapling Frontend Audit — 08 · Interaction Patterns
+
+> Cross-cutting interaction primitives: modals, toasts, tooltips, dropdowns, drag-and-drop, keyboard shortcuts, loading states, animations. Consolidated so the rebuild can implement each one coherently.
+
+---
+
+## 1. Modals
+
+### 1.1 Standard centered modal
+
+Used by: `SessionSummary`, `DocumentUploadModal`, Dashboard "Manage Courses", `DisclaimerModal`, `StudyMatch` best-match popup.
+
+Pattern:
+- Fixed-position backdrop: `rgba(0,0,0,0.40)` or `.45`. Click-to-close via `onClick={e => { if (e.target === e.currentTarget) close() }}`.
+- Center-aligned content card: rounded corners (`border-radius: 12-14px`), `box-shadow: 0 20px 60px rgba(0,0,0,0.15)` or `0 24px 64px`.
+- Width 440–520px, `max-width: 95vw`, `max-height: 80–88vh`, `overflow-y: auto`.
+- Close button top-right (either `✕` text or `<X>` Lucide).
+
+`DisclaimerModal` and `ToastProvider`'s toasts are the only modals that use `createPortal`. Others render in-tree.
+
+**Inconsistencies**:
+- Close button style / placement varies (position, size, icon).
+- Some modals disable backdrop close during loading (`DocumentUploadModal`'s `hasActiveUploads` guard, `/learn` Quiz while `loading`).
+- No consistent focus trap / focus restore.
+- No consistent `role="dialog"` / `aria-modal`.
+
+### 1.2 Bottom-right card modals
+
+Used by: `FeedbackFlow`, `SessionFeedbackFlow`, `ToastProvider` toasts.
+
+Pattern:
+- `position: fixed; bottom: 28px; right: 28px; width: 340px` (feedback cards) or `top: 60px; right: 16px` (toasts).
+- `@keyframes sfSlideUp/Down` CSS entrance + exit.
+- Z-index 9998 (feedback) or 9999 (toasts).
+
+### 1.3 Full-viewport overlay
+
+Used by: `OnboardingFlow` (landing), `/dashboard` graph fullscreen, `/flashcards` / `/study` flashcard study mode.
+
+Pattern:
+- `position: fixed; inset: 0` (or `position: fixed; top:0; left:0; width:100vw`).
+- `document.body.style.overflow = 'hidden'` during lifetime (Dashboard fullscreen only — not all).
+- Escape key exits (Dashboard fullscreen, `OnboardingFlow`).
+
+---
+
+## 2. Toasts
+
+Single implementation: `ToastProvider` + `useToast()`. Covered in `02-components.md §6`.
+
+- Auto-dismiss after 5000ms (default).
+- Manual dismiss via `×` button.
+- Content is `ReactNode` — richer than text.
+- Top-right stack via `createPortal`.
+
+Inconsistency: some features use `window.alert()` or inline error banners instead (`/calendar` disconnect, `/calendar` sync errors). Rebuild should standardize on Toast.
+
+---
+
+## 3. Tooltips
+
+No dedicated tooltip component. Three styles coexist:
+
+- **Hover card** (`ModeSelector`, `AIDisclaimerChip`, `SharedContextToggle`): absolute-positioned div, `pointer-events: none`, fixed width (240–290px), gradient/glass background. Not accessible via keyboard.
+- **`title` attribute** — native browser tooltip. Used by `AssignmentChip` hover, `RoleBadge` description, emoji buttons in `SessionFeedbackFlow`.
+- **In-graph tooltip** (`KnowledgeGraph`) — custom div positioned via `event.clientX/Y`, shown on `mouseover`, hidden on `mouseout`.
+
+Rebuild should standardize on one accessible tooltip primitive (e.g., Radix `Tooltip`).
+
+---
+
+## 4. Dropdowns & selects
+
+### 4.1 `CustomSelect`
+
+Primary dropdown component. Portal-rendered; supports upward open, delete-per-item, compact variant. Used in 10+ places. Preserve.
+
+### 4.2 Native `<select>`
+
+Used in `/admin` (category / rarity / type selectors). Inconsistent with the rest of the app — rebuild should migrate to `CustomSelect`.
+
+### 4.3 Autocomplete/typeahead
+
+Used by:
+- `OnboardingFlow` (majors / minors / courses).
+- `/dashboard` manage-courses modal (courses).
+- `RoomChat` (`@mentions`).
+
+All three implement their own dropdown with `onBlur`-delayed-close pattern (to allow `onMouseDown` on options to fire first, 150ms). Keyboard support varies: `RoomChat` has Arrow/Tab/Enter/Escape; the others are mouse-only.
+
+Rebuild should extract a shared autocomplete primitive with full keyboard support.
+
+---
+
+## 5. Drag-and-drop
+
+- **File drops**: `UploadZone` (dead), `DocumentUploadModal` (pick step), `ReportIssueFlow` (screenshots).
+- **Row reorder**: `AssignmentTable` (HTML5 drag events, Manual-order only).
+- **Graph nodes**: `KnowledgeGraph` supports drag via `d3.drag`.
+
+All use native HTML5 drag events (not `react-dnd` or `@dnd-kit`).
+
+---
+
+## 6. Keyboard shortcuts
+
+| Scope | Key | Action |
+|---|---|---|
+| Global | Escape (in Dashboard fullscreen graph) | Exit fullscreen |
+| Global | Escape (`OnboardingFlow`) | Close onboarding |
+| Global | Escape (Navbar menu) | Close user menu |
+| Global | Escape (Navbar mobile nav) | Close nav |
+| `ChatPanel` | Enter | Send message |
+| `ChatPanel` | Shift+Enter | Newline |
+| `RoomChat` | Enter | Send message |
+| `RoomChat` | Shift+Enter | Newline |
+| `RoomChat` (mention menu open) | ArrowUp / ArrowDown | Navigate mention suggestions |
+| `RoomChat` (mention menu open) | Tab / Enter | Insert selected mention |
+| `RoomChat` (mention menu open) | Escape | Dismiss mention menu |
+| `OnboardingFlow` dropdowns | Enter / Space | Select option |
+| Add-course in `DocumentUploadModal` | Enter | Submit add-course |
+
+**Missing**:
+- No flashcard shortcuts (Space to flip, 1/2/3 to rate).
+- No quiz shortcuts (A/B/C/D to select option, Enter to submit).
+- No `/` to focus the search in `/tree`.
+- No global keyboard nav between tabs.
+
+Rebuild should be more generous here.
+
+---
+
+## 7. Confirmations
+
+Two patterns:
+
+### 7.1 Two-step button confirm
+
+- First press: flips state to `confirm...` mode, button text changes to Cancel / Confirm.
+- Second press on Confirm: executes.
+- Pressing Cancel or clicking away resets.
+
+Used for: delete course (Dashboard modal), delete flashcard (✕ hover gated), delete document (Library), kick member / leave room (Social), delete chat message (soft, via context menu), delete session (via `CustomSelect.onDelete` — implicit single-click, maybe needs a confirm in rebuild).
+
+### 7.2 Typed phrase confirm
+
+- Dangerous actions require typing a specific word.
+- Only use: `/settings` Delete Account requires typing "DELETE".
+
+### 7.3 Native `window.confirm`
+
+Used once in `/calendar` for disconnect. Inaccessible and jarring. Replace with typed confirm or two-step button in the rebuild.
+
+---
+
+## 8. Copy-to-clipboard
+
+Pattern:
+- `navigator.clipboard.writeText(value)`.
+- Flip local state to `copied = true`; revert after 2000ms.
+- Button label changes to "Copied!".
+
+Used by: `RoomList` newly-created invite code, `RoomOverview` invite code, probably admin IDs (not verified).
+
+---
+
+## 9. Loading states
+
+Standard page-level loading:
+
+- Plain text "Loading your dashboard…" / "Loading settings…" / "Loading achievements…".
+- Centered, gray (`#9ca3af`).
+- Full-height container.
+
+Spinner: inline `@keyframes spin` + CSS border trick (32×32 px, 2px borders) — used by `StudyClient` guide loading and a few others.
+
+Skeletons: **none**. Every loading state is a spinner or a dim text line.
+
+Rebuild opportunity: add skeleton placeholders for card grids.
+
+---
+
+## 10. Empty states
+
+Consistent visual: centered text with large emoji (`🃏 No flashcards yet`, etc.), fontSize 13–14px gray, plus an instruction ("Generate some using the panel on the left.").
+
+Inconsistency: some empty states are just text, some have emoji, some have a CTA button.
+
+---
+
+## 11. Error states
+
+Per-feature patterns:
+- **Full-page error** (Dashboard, Social overview): centered card with title + message + Retry button.
+- **Inline banner** (Learn session error): red bordered banner above the content.
+- **Toast** (most mutations via `useToast`).
+- **`alert()`** (Calendar disconnect / sync errors — out of style).
+- **Silent `console.error`** (Navbar recommendations, Chat send failures, many).
+
+Standardize on Toast + inline banner in the rebuild.
+
+---
+
+## 12. Animations
+
+| Animation | Implementation |
+|---|---|
+| Panel slide-in (Dashboard, Learn, Calendar, Social left panels) | `.panel-in` + `.panel-in-1/2/3` CSS classes (in `globals.css`) |
+| Bottom-right card slide-up / slide-down | `@keyframes sfSlideUp/Down` inline in component |
+| Flip card | CSS `perspective` + `transform: rotateY` + `backface-visibility: hidden` |
+| KnowledgeGraph drift | RAF loop with per-node sin/cos |
+| KnowledgeGraph node entry | D3 `.transition().duration(400)` on opacity |
+| KnowledgeGraph tier change | D3 `.transition().duration(500)` on fill-opacity |
+| Typewriter greeting | `setInterval(55ms)` appending chars |
+| Blinking cursor | `setInterval(530ms)` toggling visibility |
+| Scramble text (landing — OOS) | Custom char-by-char randomization |
+| Onboarding step card entrance | CSS `@keyframes ob-card-in` (0.38s cubic-bezier) |
+| Toast enter | `.toast-enter` class (defined in globals.css, not confirmed) |
+| Spinner | Inline `@keyframes spin` |
+
+Rebuild: consolidate animations into a shared Motion primitive (Framer Motion / Motion One) or keep handwritten keyframes. Either way, document the duration tokens (300ms, 400ms, 500ms, 0.55s, etc.) as CSS variables (`--dur-fast`, `--dur-base`) so they're editable in one place.
+
+---
+
+## 13. Accessibility gaps (noted across all features)
+
+Consolidated list:
+
+- No focus trap on modals. No focus restore on close.
+- `role="dialog"` / `aria-modal` / `aria-labelledby` missing on most modals.
+- Tooltips with `pointer-events: none` are not keyboard-reachable.
+- `ChatPanel` / `RoomChat` message containers lack `role="log"` / `aria-live`.
+- Native `window.confirm` / `alert` used in `/calendar`.
+- Quiz options lack `role="radiogroup"` / `role="radio"`.
+- Drag-and-drop has no keyboard alternative.
+- Some icon-only buttons lack `aria-label` (e.g., some `×` close buttons on the onboarding flow).
+- No skip-to-content link.
+- Color contrast not explicitly audited; several muted-text colors may fail AA.
+- No live region for the typewriter greeting or step-change in `OnboardingFlow`.
+
+Rebuild should audit with axe / Lighthouse and close these gaps systematically.
+
+---
+
+## 14. Responsive behavior — summary
+
+Breakpoint: **768px** (hardcoded in every inline `useIsMobile` hook).
+
+- Above 768: desktop layouts with side panels, wide grids.
+- Below 768: stacked layouts, collapsible tabs, bottom-sheet panels in place of side sheets, hamburger nav.
+
+No true "tablet" breakpoint. No landscape-vs-portrait handling.
+
+---
+
+## 15. Notable one-offs
+
+- **Dashboard**: typewriter greeting, random quote, blinking cursor, Monday-first weekly streak strip with 🔥 emoji dots.
+- **Learn**: markdown+KaTeX in chat bubbles; prefill input after mode switch.
+- **Social**: reply-to snippet preview above textarea.
+- **KnowledgeGraph**: drift animation + comparison outline rings.
+- **Settings**: double-RAF pattern to mount-then-animate the profile preview modal.
+
+Don't lose these polish details in the rebuild — they're the personality of the product.
+
+---
+
+## 16. Things to preserve
+
+- Standardized toast system via `useToast`.
+- Two-step delete confirms for irreversible-ish actions.
+- Typed-phrase confirm for the nuclear option (account deletion).
+- Copy-to-clipboard with 2s "Copied!" flash.
+- Body scroll-lock on full-viewport overlays.
+- Portal-rendered tooltips/dropdowns/toasts escaping overflow-hidden containers.
+
+## 17. Things to rework
+
+- Standardize modal chrome (close button, backdrop behavior, focus trap).
+- Standardize tooltip (accessible, keyboard-reachable).
+- Replace every `alert()` and `window.confirm` with in-app affordances.
+- Add keyboard shortcuts to flashcards (Space/1/2/3), quiz (A–D + Enter), and search (`/`).
+- Add skeleton loading states for card grids.
+- Consolidate empty-state vocabulary.
diff --git a/docs/frontend-audit/99-rebuild-checklist.md b/docs/frontend-audit/99-rebuild-checklist.md
new file mode 100644
index 00000000..e1102694
--- /dev/null
+++ b/docs/frontend-audit/99-rebuild-checklist.md
@@ -0,0 +1,312 @@
+# Sapling Frontend Audit — 99 · Rebuild Checklist
+
+> The contract the revamped frontend must satisfy. Every item here is either (a) an existing behavior the rebuild must preserve, or (b) a known gap that should be closed as part of the rebuild. Grouped by priority: **Core** (can't ship without), **Secondary** (needed for parity), **Nice-to-have** (opportunistic improvements). Cross-references point at the feature / cross-cutting docs with implementation detail.
+
+When a box is checked, it means the behavior is captured and testable. Use this list as the acceptance criteria for rebuild sign-off.
+
+---
+
+## A · CORE (ship-blocking)
+
+### A.1 Auth & session
+- [ ] Google OAuth entry point: redirect to `${API}/api/auth/google`. (`features/auth.md`)
+- [ ] OAuth callback at `/signin/callback` reads `user_id, name, avatar, is_approved, auth_token, error` query params; sets UserContext; POSTs to `/api/auth/session` with `{userId, authToken}`; routes to `/dashboard` or `/` based on `onboarding_completed`.
+- [ ] `/api/auth/session` POST: fast-path HMAC verify of `authToken`; fallback to `GET /api/auth/me` when `authToken` absent; issue 30-day HTTP-only `sameSite=lax` `sapling_session` cookie; return 400/401/403/500/502 with appropriate messages.
+- [ ] `/api/auth/session` DELETE: clear cookie.
+- [ ] Middleware guards these paths: `/signin`, `/dashboard/**`, `/learn/**`, `/study/**`, `/tree/**`, `/flashcards/**`, `/library/**`, `/calendar/**`, `/social/**`, `/settings/**`, `/achievements/**`, `/admin/**`. (`05-auth-and-permissions.md`)
+- [ ] Middleware re-checks `GET /api/auth/me` on every protected navigation with a 3-second AbortController timeout.
+- [ ] Unapproved users redirect to `/pending` on every protected nav (live revocation).
+- [ ] `/signin?error=<code>` renders the error UI; all other `/signin` visits redirect to Google OAuth (or to `/dashboard`/`/pending` if signed in).
+- [ ] `/pending` waitlist screen: logo, heading, Sign Out button.
+- [ ] `signOut()` clears cookie + localStorage + in-memory state + `sessionStorage.sapling_onboarding_pending` (fix for Q11).
+- [ ] `NEXT_PUBLIC_LOCAL_MODE=true` bypasses middleware and routes `lib/api.ts` through an in-memory mock layer.
+
+### A.2 Onboarding
+- [ ] 6-step form: Google → Name → School + Year → Academics (majors + minors) → Courses → Learning Style. (`features/onboarding.md`)
+- [ ] `sessionStorage.sapling_onboarding_pending` bridges Google's redirect back into the onboarding resume flow.
+- [ ] Course search via debounced `GET /api/onboarding/courses?q=` (200ms debounce).
+- [ ] Completion POSTs to `/api/onboarding/profile` with `{user_id, first_name, last_name, year, majors, minors, course_ids, learning_style}`.
+- [ ] Learning-style IDs: `visual`, `reading`, `auditory`, `hands-on`, `mixed` (contract with backend prompt system).
+- [ ] Escape closes; X button closes; "Continue" button gated by per-step validation.
+
+### A.3 Global shell
+- [ ] Root layout mounts `UserProvider`, `Navbar`, `ErrorBoundary`, `ToastProvider`, global `FeedbackFlow`, global `SessionFeedbackGlobal`.
+- [ ] `app/error.tsx` full-page error boundary with reset button.
+- [ ] `ToastProvider` + `useToast()` with portal-rendered stack, 5s default duration, manual dismiss, ReactNode content.
+- [ ] Navbar public-mode hides itself on `/`, `/signin/callback`, `/about`, `/terms`, `/privacy`, `/careers/*`.
+- [ ] Navbar links: Dashboard / Learn / Study / Library / Calendar / Social / Tree.
+- [ ] Navbar user menu: "Signed in as {name}", Settings, Admin (if isAdmin), Sign out.
+- [ ] Navbar "What should I learn next?" button uses top recommendation and routes to `${currentPath}?suggest=<concept>` (or `/learn?suggest=` when on `/calendar`).
+- [ ] Outside-click and Escape close the menu.
+- [ ] Report-issue entry in Navbar opens `ReportIssueFlow`.
+
+### A.4 Dashboard
+- [ ] Four parallel fetches on mount: `getGraph`, `getRecommendations`, `getUpcomingAssignments`, `getCourses`. Single spinner; single error card with Retry.
+- [ ] KnowledgeGraph center panel + Upcoming assignments strip below.
+- [ ] Left panel: typewriter greeting + random quote + per-course progress bars with collapse + Manage Courses modal.
+- [ ] Right panel / mobile stats tab: Streak (from `stats.streak`) + weekly activity (Mon-first, today orange, 🔥 on active days) + knowledge tier counts + top-3 Learn Next + Quick Quiz (`/learn?mode=quiz`) + Study Room (`/social`) + Recent Activity (sorted by `last_studied_at`).
+- [ ] Fullscreen graph overlay with Escape to exit + body scroll lock.
+- [ ] Courses modal: search-to-add (debounced typeahead against `/api/onboarding/courses`), inline color picker (hex validated `^#[0-9a-fA-F]{6}$`), two-step delete.
+- [ ] `?suggest=<concept>` popup with Dismiss (clears param — fix Q14) and Start Quiz → `/learn?topic=&mode=quiz`.
+- [ ] Mobile layout with "My Courses" / "Stats & More" toggle tabs.
+
+### A.5 Learn (AI Tutoring)
+- [ ] Three modes with exact vocabulary: **Socratic**, **Expository**, **TeachBack**. (`features/learn.md`)
+- [ ] `ChatPanel`: Enter sends, Shift+Enter newline; markdown + KaTeX math rendering; mode description banner.
+- [ ] Quick actions: hint / confused / skip → `POST /api/learn/action`.
+- [ ] End session → `POST /api/learn/end-session` → `SessionSummary` modal (concepts covered, mastery changes with color-coded deltas, time spent, recommended next).
+- [ ] Mode switch mid-session → `POST /api/learn/mode-switch` + prefill input with "Continue in {mode} mode on {topic}...".
+- [ ] Resume session dropdown with per-item delete.
+- [ ] URL contract: `?topic`, `?mode=socratic|expository|teachback|quiz`, `?suggest`, `?testFeedback=session`.
+- [ ] `?suggest=` Dismiss preserves other query params (URLSearchParams pattern, not `router.replace('/learn')`).
+- [ ] **Shared Course Context toggle** labeled "Class Intel" with hover tooltip explaining aggregated class-level patterns + privacy notice. Persists to `localStorage.sapling_shared_ctx` (default `true`).
+- [ ] AI disclaimer first-view modal; `AIDisclaimerChip` in top bar; `localStorage.sapling_disclaimer_ack`.
+- [ ] Quiz mode (four phases: select / active / review / results) with `CustomSelect` for question count + difficulty; concept list filtered by course; local correctness check; "Explain this" escape hatch on review; "Retake" + "Learn Weak Areas" on results.
+- [ ] Live graph pane updates after every chat turn; highlight ring on `suggestNode?.id ?? topicNode?.id`.
+- [ ] Click a graph node → `beginSession(concept, mode, course_id)`.
+- [ ] Every-5-sessions feedback trigger via `localStorage.sapling_session_end_count`.
+- [ ] Navigate-away feedback trigger via `SessionFeedbackGlobal` with 3-day cooldown (resolve Q15 — confirm 3 days, not 2).
+- [ ] `SessionFeedbackFlow` 4-step card with rating emojis, categorized checkboxes, optional comment, thank-you auto-dismiss.
+
+### A.6 Study (Guide + Embedded Flashcards)
+- [ ] Mode toggle between Study Guide and Flashcards; FlashcardsPanel stays mounted across toggles.
+- [ ] Course → Exam cascading picker; Generate Guide → loading → rendered guide.
+- [ ] Guide layout: Exam card (title + due date + overview) + per-topic cards (name + importance + bulleted concepts).
+- [ ] "Recent guides" sidebar with click-to-open.
+- [ ] Regenerate button.
+
+### A.7 Flashcards (standalone or merged)
+- [ ] Decision: keep `/flashcards` standalone OR remove and redirect to `/study?mode=flashcards`. Flag in Q9.
+- [ ] Generator using enrolled courses (one-click per course), max 10 cards.
+- [ ] "Generated using N library docs / M weak concepts" chip when `context_used` returned.
+- [ ] Full-screen study mode with 3D flip card (0.55s cubic-bezier `rotateY(180deg)`).
+- [ ] Rating: Forgot / Hard / Easy → 1 / 2 / 3 → `rateFlashcard`.
+- [ ] Auto-advance 300ms after rating.
+- [ ] Topic filter pills on the deck view.
+- [ ] Delete card via `×` icon.
+
+### A.8 Tree (Full KnowledgeGraph)
+- [ ] Full-viewport graph with floating controls (search + mastery filter pills + "N nodes" counter).
+- [ ] Per-node detail panel (right on desktop, bottom sheet on mobile) with mastery/tier/last-studied.
+- [ ] `?suggest=` popup; Dismiss clears param.
+
+### A.9 Library (Documents)
+- [ ] Course sidebar + category pills (`syllabus`, `lecture_notes`, `slides`, `reading`, `assignment`, `study_guide`, `other`).
+- [ ] Card grid; click opens right-side detail panel.
+- [ ] Detail panel: summary + key takeaways + Q/A flashcards (reveal-on-click) + delete (two-step).
+- [ ] `DocumentUploadModal`: drag-and-drop multi-file upload, 5 file max, 15 MB each, PDF/DOCX/PPTX only. (`features/library.md`)
+- [ ] Per-file upload with 4-minute AbortController timeout; friendly abort message.
+- [ ] Per-file review step with AI-picked category + override + Re-analyze.
+- [ ] Disallow close during active uploads.
+- [ ] Inline "+ Add course" within upload flow.
+- [ ] Post-upload: if any doc is `category='syllabus'`, parent page refetches assignments (Calendar syllabus flow).
+
+### A.10 Calendar
+- [ ] Three views: month / week / day; type-color coded chips.
+- [ ] Editable `AssignmentTable` with drag reorder (Manual order only), inline edit, multi-select for export.
+- [ ] Google Calendar: Connect → `GET /api/calendar/auth-url` → OAuth → `?connected=true` → `googleConnected=true`.
+- [ ] Sync to Google / Import from Google / Disconnect (with confirm).
+- [ ] Syllabus upload via `DocumentUploadModal` triggers assignment refetch (plus 1.5s delayed re-fetch for insert races).
+- [ ] "Due soon" = within 24 hours.
+
+### A.11 Social (Rooms / Chat / Match / School Directory)
+- [ ] `RoomList` sidebar: Create/Join buttons, room list, "My School" entry.
+- [ ] Create room → invite code + Copy (2s "Copied!"); Join room → by invite code.
+- [ ] Tabs: Overview / Chat / Study Match / Activity + Members button (top-right of main panel).
+- [ ] Overview: AI summary, invite code, partner-comparison graph with 4-color outline rings (you-only cyan / them-only orange / both-missing red / both-mastered green).
+- [ ] Chat (`RoomChat`): Supabase Realtime subscriptions for `room_messages` INSERT/UPDATE and `room_reactions` INSERT/DELETE (+ scope reactions by room — fix cross-room flood).
+- [ ] Presence channel for typing indicators with 3s idle timeout.
+- [ ] Optimistic send with `tmp_${Date.now()}` ID and rollback on error.
+- [ ] Reply + Edit + Delete + Reactions (50-emoji grid) with context menu.
+- [ ] @mention autocomplete with Arrow / Tab / Enter / Escape.
+- [ ] Image attachments (rebuild: upload to Supabase Storage instead of data URLs).
+- [ ] Message pagination (rebuild addition — `getRoomMessages` currently returns all).
+- [ ] `StudyMatch`: Find Study Partners → sorted matches; best-match popup on first find.
+- [ ] `RoomMembers`: list with Leader tag, kick (leader only) with two-step confirm, leave with two-step confirm.
+- [ ] `SchoolDirectory`: grid of students with initials, courses, top concepts, "You" tag.
+- [ ] `?suggest=` auto-focuses Overview tab and the matching node.
+
+### A.12 Settings
+- [ ] Grouped nav: Identity (Profile, Account), Preferences (Notifications, Appearance, Privacy), Personalization (Cosmetics), Manage (Danger Zone).
+- [ ] Profile form: display_name, username, bio, location, website; avatar upload via hidden file input.
+- [ ] **Fix** username "availability check" to be a separate GET, not a PATCH that mutates.
+- [ ] Appearance: dark mode via `.dark` on `<html>`; saves to `saveSettings({theme})`; revert on save error.
+- [ ] Cosmetics tabs: Avatar Frames / Banners / Name Colors / Titles with equip/unequip (re-click to unequip). `refreshProfile()` on change.
+- [ ] Profile Preview modal fetching public profile + achievements.
+- [ ] Danger Zone: Export data → JSON download; Delete account requires typed "DELETE" → on success, sign out + redirect to `/signin`.
+- [ ] Toast feedback on every mutation.
+
+### A.13 Admin
+- [ ] Middleware + client-side `isAdmin` guard; redirect non-admins to `/dashboard`.
+- [ ] Four tabs: Users, Roles, Achievements, Cosmetics.
+- [ ] Users tab: list + Approve for pending users; `RoleBadge` per role.
+- [ ] Create-role form (Name, Slug, Color).
+- [ ] Create-achievement form + Grant-achievement form (pickers, not raw UUIDs — rebuild improvement).
+- [ ] Create-cosmetic form + asset upload (rebuild improvement; current UI has no asset upload).
+- [ ] Role-assignment/revocation UI (rebuild — currently missing despite `lib/api.ts` support).
+- [ ] Toast feedback on every action.
+
+### A.14 Achievements (decide one of)
+- [ ] `/achievements` gallery with category pill filter (all / activity / social / milestone / special).
+- [ ] `AchievementCard` with rarity borders/bg (common/uncommon/rare/epic/legendary), progress bar for locked, earned date.
+- [ ] Secret achievements: hide name+description until earned.
+- [ ] `AchievementShowcase` 5-slot featured strip with editable ordering + "Edit showcase" action.
+- [ ] Either link `/achievements` from Navbar or `/settings`, or pick an alternative discovery path. (Resolves Q9.)
+- [ ] Wire `AchievementUnlockToast` to fire via `useToast` on unlock detection.
+
+### A.15 Profile & Cosmetics primitives
+- [ ] `Avatar` with `referrerPolicy="no-referrer"`, initials fallback on deterministic color (6-color palette).
+- [ ] `AvatarFrame` with PNG overlay.
+- [ ] `NameColorRenderer` supporting solid colors and gradients (`background-clip: text`).
+- [ ] `TitleFlair` with rarity tokens.
+- [ ] `RoleBadge` with role color + `color-mix`-based translucent background + optional icon.
+- [ ] `equipCosmetic(slot, cosmeticId | null)` to equip/unequip.
+- [ ] Rarity CSS tokens: `--rarity-common/uncommon/rare/epic/legendary` + `-bg`.
+- [ ] `featured_role` and `featured_achievements` persist and display on public-visible surfaces.
+
+### A.16 Realtime / async
+- [ ] Supabase Realtime for chat + presence (covered by A.11).
+- [ ] Supabase Storage for issue-report screenshots (covered by A.17).
+- [ ] Optimistic updates for chat send + reactions.
+- [ ] Cleanup on unmount for every Realtime subscription.
+
+### A.17 Feedback & issue reports
+- [ ] Global passive `FeedbackFlow`: 45s delay after mount, 3-day cooldown; rating emojis + improvement checkboxes + optional comment.
+- [ ] Post-session `SessionFeedbackFlow`: 4-step card triggered every 5 sessions + on navigate-away from `/learn` (3-day cooldown).
+- [ ] `ReportIssueFlow` full-screen: topic picker + comment + up to 5 screenshots via drag/pick → upload to Supabase Storage `issues-media-files` bucket → `submitIssueReport`.
+- [ ] `?testFeedback=global|session` dev overrides.
+- [ ] Fire-and-forget submissions (with improved error surfacing — see rebuild improvement).
+
+### A.18 KnowledgeGraph (cross-cutting)
+- [ ] `d3.forceSimulation` with center, x/y, link, charge, collide forces; alphaDecay 0.04.
+- [ ] Matte course colors + mastery-opacity encoding (1.0/0.75/0.55/0.28/1.0).
+- [ ] Subject-root nodes R=22, labeled in course text color.
+- [ ] Drift RAF animation (per-node sin/cos).
+- [ ] Node entry fade (400ms), tier transition (500ms) when `animate=true`.
+- [ ] Hover tooltip (name / subject dot / mastery % / last studied).
+- [ ] Click → `onNodeClick(node)`.
+- [ ] Drag to reposition (released nodes rejoin simulation).
+- [ ] Zoom/pan via `d3.zoom`, scale 0.3–3.
+- [ ] Highlight ring via separate effect (doesn't reseed simulation).
+- [ ] Comparison outline rings (4-color) when `comparison={partnerNodes}`.
+- [ ] `React.memo` with topology keys (`nodeIdsKey`, `edgeIdsKey`).
+- [ ] Consumers should pass stable `onNodeClick` (ref-backed or `useCallback`).
+- [ ] **Remove the production `console.log` at `KnowledgeGraph.tsx:106`.**
+- [ ] Pause RAF when graph is off-screen (rebuild improvement).
+
+### A.19 Routing contract (deep links)
+- [ ] `/signin?error=<not_approved|invalid_domain|google_not_configured|signin_failed|...>`
+- [ ] `/signin/callback?user_id&name&avatar&is_approved&auth_token&error`
+- [ ] `/dashboard?suggest=<concept>`
+- [ ] `/learn?topic=&mode=socratic|expository|teachback|quiz&suggest=&testFeedback=session`
+- [ ] `/tree?suggest=<concept>`
+- [ ] `/social?suggest=<concept>`
+- [ ] `/calendar?connected=true`
+
+### A.20 Build & runtime
+- [ ] Next.js App Router; standalone output in production.
+- [ ] `/api/*` rewrites to `BACKEND_URL` at build time.
+- [ ] Env vars: `NEXT_PUBLIC_API_URL`, `SESSION_SECRET` (≥32 bytes, enforced), `NEXT_PUBLIC_SUPABASE_URL`, `NEXT_PUBLIC_SUPABASE_ANON_KEY`, `NEXT_PUBLIC_LOCAL_MODE`, `BACKEND_URL`, `STATIC_EXPORT`.
+- [ ] Dev mode: `npm run dev` on port 3000 against backend on 5000.
+- [ ] Test: `npm test`. Current suite in `src/__tests__/`.
+
+---
+
+## B · SECONDARY (parity polish)
+
+- [ ] Every mutation Toasts success; every caught error Toasts the message.
+- [ ] Two-step delete/kick/leave confirms.
+- [ ] Typed-phrase confirm for account deletion ("DELETE").
+- [ ] Copy-to-clipboard with 2s "Copied!" feedback.
+- [ ] Body scroll-lock on full-viewport overlays.
+- [ ] `CustomSelect` across the app (replace native `<select>` in `/admin`).
+- [ ] KaTeX math rendering in chat (`katex/dist/katex.min.css`).
+- [ ] Markdown component overrides in chat (code, pre, strong, ul, ol, li, p).
+- [ ] @mention highlighting with member-name escaping in chat.
+- [ ] Two-level delete/archive for chat messages (soft-delete via `is_deleted`).
+- [ ] Dashboard typewriter greeting (55ms/char) + blinking cursor (530ms) + random quote client-only.
+- [ ] Monday-first weekly activity strip derived from `last_studied_at`.
+- [ ] `getCourseColor(subject, overrideHex?)` deterministic palette (12 colors) with override support.
+- [ ] Category color map for assignments (exam/project/homework/quiz/reading/other).
+- [ ] Per-tier mastery colors (mastered=green / learning=amber / struggling=red / unexplored=gray / subject_root=purple).
+- [ ] React Compiler enabled via `reactCompiler: true`.
+- [ ] Bottom-sheet panels on mobile for detail views (Tree node detail, Library doc detail).
+- [ ] 768px breakpoint for mobile-switch across every page.
+- [ ] Drag-to-reorder `AssignmentTable` rows (Manual order only).
+- [ ] Flip-card 3D animation for flashcard study mode.
+- [ ] Dashboard graph Fullscreen / Escape / Exit pattern.
+- [ ] ResizeObserver debounced at 200–250ms for graph panes.
+
+---
+
+## C · NICE-TO-HAVE (rebuild wins)
+
+- [ ] Real SSE/streaming for `/api/learn/chat` (token-by-token reply rendering). Resolves Q16.
+- [ ] Polling or Realtime on `/pending` so approval propagates without manual refresh.
+- [ ] React Query / SWR across the app — eliminate refetch-on-navigate flicker.
+- [ ] `useIsMobile` extracted to a single hook.
+- [ ] Consolidate `FlashcardsPanel` and `/flashcards/page.tsx` into one component.
+- [ ] Migrate `StudyClient` raw `fetch` calls to `lib/api.ts`.
+- [ ] Persist onboarding draft to `localStorage.sapling_onboarding_draft` so mid-flow exits don't lose work.
+- [ ] Surface onboarding POST errors with Toast + Retry.
+- [ ] Source majors/minors/school list from backend rather than hardcoding BU.
+- [ ] Keyboard shortcuts:
+  - [ ] Flashcard study mode: Space to flip, 1/2/3 to rate.
+  - [ ] Quiz: A/B/C/D to select option, Enter to submit.
+  - [ ] Tree: `/` focuses search.
+- [ ] Skeleton loading states for card grids.
+- [ ] Standardize modal chrome (focus trap, focus restore, `role="dialog"`, `aria-modal`).
+- [ ] Replace `window.confirm`/`alert()` in `/calendar` with in-app affordances.
+- [ ] Accessibility: `aria-live` on chat logs, `role="radiogroup"` on quiz options, keyboard-reachable tooltips, skip-to-content link.
+- [ ] Timezone-safe date math in Calendar.
+- [ ] Clear `?connected=true` from URL after Calendar OAuth success.
+- [ ] Reintroduce `/profile/[userId]` public page (resolves Q10) or formalize absence.
+- [ ] Navbar link to `/achievements` (resolves Q9).
+- [ ] Decide `/flashcards` vs `/study → Flashcards` (resolves Q9).
+- [ ] Admin panel: role-assignment UI, cosmetic asset upload, user/achievement pickers.
+- [ ] Paginate room message history.
+- [ ] Filter Supabase `room_reactions` subscription by room (reduce cross-room traffic).
+- [ ] Upload chat images to Supabase Storage instead of data URLs.
+- [ ] Replace inline CSS with a design-system component library (Card, Modal, Tooltip, Autocomplete, Toggle, etc.).
+- [ ] Remove `console.log` in `KnowledgeGraph.tsx`.
+- [ ] Pause `KnowledgeGraph` RAF when hidden.
+- [ ] `reduceMotion` accessibility setting.
+- [ ] Add Sentry (or equivalent) client error tracking.
+- [ ] Decide on analytics before rebuild (Plausible/PostHog/Mixpanel).
+
+---
+
+## D · Resolve before / during rebuild (from QUESTIONS.md)
+
+- [ ] Q1 — `OnboardingFlow` scope split with landing-page host.
+- [ ] Q2 — `SpaceBackground.tsx` dead-code confirmation.
+- [ ] Q3 — `/profile` page gating decision.
+- [ ] Q4 — `/pending` direct-access policy.
+- [ ] Q5 — `/signin/callback` as in-scope auth flow (confirmation only).
+- [ ] Q6 — i18n: en-US only vs. forward-looking.
+- [ ] Q7 — Feature-flag tooling decision.
+- [ ] Q8 — Dockerfile review.
+- [ ] Q9 — `/flashcards` and `/achievements` orphan routes: retire / keep / link.
+- [ ] Q10 — `/profile` route reintroduction.
+- [ ] Q11 — `signOut()` clear `sapling_onboarding_pending`.
+- [ ] Q12 — Onboarding POST error surfacing.
+- [ ] Q13 — Multi-school generalization.
+- [ ] Q14 — Dashboard Dismiss route (/ → /dashboard).
+- [ ] Q15 — Session feedback cooldown (3 days code vs. 2 days in CLAUDE.md).
+- [ ] Q16 — SSE streaming for `/api/learn/chat`.
+- [ ] Q17 — Graph-node-click mid-session orphans old session.
+
+---
+
+## Definition of done
+
+A new team given:
+- `docs/frontend-audit/00-overview.md` through `08-interaction-patterns.md`
+- `docs/frontend-audit/features/*.md` (15 feature docs)
+- `docs/frontend-audit/zz-dead-code.md`
+- This checklist (`99-rebuild-checklist.md`)
+- `docs/frontend-audit/QUESTIONS.md` with your decisions filled in
+
+should be able to produce a frontend that ticks every **Core** box and `n` **Secondary** boxes equal to prior parity. They should not need to read the original `frontend/src/` to produce a working rebuild.
+
+If they do need to dip into the old source, it's a documentation bug — please flag it back for an update.
diff --git a/docs/frontend-audit/QUESTIONS.md b/docs/frontend-audit/QUESTIONS.md
new file mode 100644
index 00000000..bd1aa020
--- /dev/null
+++ b/docs/frontend-audit/QUESTIONS.md
@@ -0,0 +1,110 @@
+# Sapling Frontend Audit — Open Questions
+
+Questions raised during the audit. Each entry names file paths and awaits a decision from you before I dig further. Updated as later phases progress.
+
+---
+
+## Phase 1 — exclusion-boundary questions
+
+### Q1. Landing-page-hosted onboarding: where does `OnboardingFlow` belong?
+- **Where I saw it:** `src/app/page.tsx:7` imports `OnboardingFlow` from `@/components/OnboardingFlow`. The landing page renders `<OnboardingFlow />` for authenticated-but-not-onboarded users.
+- **My current plan:** treat `OnboardingFlow` itself as in-scope (it gates the authenticated app) and treat the surrounding landing-page scaffolding (hero animation, HowItWorks, etc.) as out-of-scope. The audit will document `OnboardingFlow` as a standalone feature.
+- **Decision needed:** confirm this split, or tell me you'd rather treat the entire landing page as the onboarding entry point (in which case the hero-to-onboarding transition animations become in-scope too).
+
+### Q2. `SpaceBackground.tsx` appears unused — dead code?
+- **Where I saw it:** `src/components/SpaceBackground.tsx:3` exports `SpaceBackground`. A case-insensitive grep of `src/` finds no importer.
+- **My current plan:** list it in `zz-dead-code.md` in Phase 4. Will not open or document its contents unless you want it preserved.
+- **Decision needed:** keep as dead-code note, or is this meant to be used somewhere (e.g., a WIP page)?
+
+### Q3. `/profile` is not in the middleware matcher — is it really public?
+- **Where I saw it:** the middleware matcher (`src/middleware.ts:113-122`) lists protected routes but not `/profile/**`. Navbar's `publicPaths` array also does not include `/profile`. CLAUDE.md describes it as the "public user profile" page.
+- **My current plan:** treat `/profile/**` as in-scope (authenticated social surface) and note that it is reachable without a session cookie at the middleware level, so any gating happens client-side.
+- **Decision needed:** confirm `/profile` is intended to be viewable by anyone (including logged-out visitors), or should it be gated?
+
+### Q4. `/pending` is not in the middleware matcher — intentional?
+- **Where I saw it:** `src/middleware.ts:113-122` does not include `/pending`. It is the destination when the middleware detects an unapproved user (`src/middleware.ts:46`, `src/middleware.ts:104`), so leaving it unguarded makes sense — unapproved users need to land here — but it also means a logged-out visitor can navigate to it directly.
+- **My current plan:** treat as in-scope and document behavior as-is.
+- **Decision needed:** confirm direct access is fine, or should `/pending` redirect anonymous visitors somewhere?
+
+### Q5. `/signin/callback` listed as a public Navbar path — confirm scope
+- **Where I saw it:** `src/components/Navbar.tsx:75` lists `/signin/callback` alongside `/about`, `/terms`, `/privacy`. Despite being "public" in the nav-chrome sense, it is the OAuth landing handler.
+- **My current plan:** treat as **in-scope** auth flow and document alongside `/signin`.
+- **Decision needed:** none, unless you disagree with treating it as an auth surface rather than a marketing surface.
+
+### Q6. Internationalization
+- **Where I saw it:** no i18n library in `package.json`; no locale switch in any file scanned so far; copy appears hard-coded English.
+- **My current plan:** state explicitly in the audit that the product is en-US only and that any future i18n is a greenfield concern.
+- **Decision needed:** confirm i18n is genuinely out-of-scope for the rebuild, or flag it as a forward-looking requirement.
+
+### Q7. Feature flags / experiments
+- **Where I saw it:** only `NEXT_PUBLIC_LOCAL_MODE` has been observed (`src/middleware.ts:54`). No LaunchDarkly, GrowthBook, etc. in `package.json`.
+- **My current plan:** note absence in Phase 4. A fuller sweep during Phase 3 may turn up home-grown flags.
+- **Decision needed:** none yet; flagging so you can tell me if there is a flag service integrated elsewhere (e.g., via the backend `/api/*`).
+
+### Q8. Frontend Dockerfile — any build-time surprises?
+- **Where I saw it:** `frontend/Dockerfile` exists; `CLAUDE.md` describes it as the container image. I have not opened it.
+- **My current plan:** open it during Phase 4 if it reveals additional env vars or build steps that materially change the rebuild contract; otherwise ignore.
+- **Decision needed:** none.
+
+---
+
+## Phase 2 — route-inventory questions
+
+### Q9. Orphaned routes `/flashcards` and `/achievements`
+- **Where I saw it:** neither path has any in-app `Link`, `router.push`, or anchor. Verified with `Grep` across `src/` — only `src/middleware.ts` references them (as guard paths). `Navbar.LINKS` (`src/components/Navbar.tsx:11-19`) does not include them.
+- **My current plan:** preserve both routes in the rebuild, but flag the gap.
+  - For `/flashcards`: the flashcards experience is also available inside `/study → Flashcards` (`src/app/study/StudyClient.tsx`), so the standalone `/flashcards` page may be legacy. Two divergent implementations may also exist (`flashcards/page.tsx` vs `study/FlashcardsPanel.tsx`) — Phase 3 will flag divergence.
+  - For `/achievements`: `/settings` shows *featured* achievements via `AchievementShowcase`, but never links out to the full gallery.
+- **Decision needed:**
+  - Should `/flashcards` be retired in favor of `/study → Flashcards`, or do you want both?
+  - Should `/achievements` be linked from Navbar user-menu, from `/settings`, from a future `/profile`, or stay direct-URL-only?
+
+### Q10. `/profile` route documented in `CLAUDE.md` but does not exist
+- **Where I saw it:** `CLAUDE.md` §"Directory Structure" lists `src/app/profile/page.tsx`, and `CLAUDE.md` §"Architecture Notes" describes a separate `/profile` (public view) vs `/settings` (editing) split. In practice, no `profile/` directory exists under `src/app/` (verified by `ls` and Glob). Public-profile data is rendered inside `/settings` as a preview modal (`src/app/settings/page.tsx:183`).
+- **Observation:** `src/components/ProfileBanner.tsx` exists but has no importer anywhere in `src/` (verified by Grep).
+- **My current plan:** treat `/profile` as **does-not-exist** for the rebuild unless you want it restored. Add `ProfileBanner.tsx` to `zz-dead-code.md` in Phase 4 pending your call.
+- **Decision needed:**
+  - Was `/profile` removed intentionally, or is it planned work that never shipped?
+  - Should the rebuild reintroduce a public `/profile/[userId]` page, or fold public-profile rendering into `/settings` preview only (status quo)?
+
+---
+
+## Phase 3 — feature-deep-dive questions
+
+### Q11. `signOut()` does not clear `sessionStorage.sapling_onboarding_pending`
+- **Where I saw it:** `src/context/UserContext.tsx:151-167` clears `localStorage.sapling_user` and in-memory state, but does not touch `sessionStorage`. `sapling_onboarding_pending` is only cleared when the landing page consumes it (`src/app/page.tsx:71`).
+- **Repro risk:** on a shared browser, user A aborts mid-onboarding → `sapling_onboarding_pending='true'` is set; user A signs out; user B signs in → `/signin/callback` keeps the flag (sessionStorage survives signout), B is dropped onto the landing-page onboarding overlay with an empty form.
+- **My current plan:** flag as a minor bug; the rebuild should unconditionally clear `sessionStorage.sapling_onboarding_pending` in `signOut()`.
+- **Decision needed:** confirm this is a bug (fix in the rebuild) vs. intentional (keep as-is).
+
+### Q12. Onboarding POST errors are silent
+- **Where I saw it:** `src/app/page.tsx:569-571` — `catch (e) { console.error(...); }`. User is sent to `/dashboard` regardless of whether `POST /api/onboarding/profile` succeeded.
+- **My current plan:** rebuild should surface the error with a Toast and a "Retry" affordance before redirecting.
+- **Decision needed:** confirm stronger error handling is wanted (vs. the current "never block the user" philosophy).
+
+### Q15. Navigate-away session feedback cooldown: 3 days in code, 2 days in CLAUDE.md
+- **Where I saw it:** `src/components/SessionFeedbackGlobal.tsx:9` → `COOLDOWN_MS = 3 * 86_400_000` (3 days). `CLAUDE.md` §"Architecture Notes" says "2-day cooldown".
+- **Decision needed:** confirm which value is intended; update whichever source is wrong.
+
+### Q16. Learn chat says streaming (SSE) in CLAUDE.md but frontend uses plain JSON
+- **Where I saw it:** `CLAUDE.md` describes `backend/routes/learn.py` as "streaming AI tutoring chat endpoint (SSE)". The frontend (`src/lib/api.ts:90-94`, `sendChat`) does `fetchJSON<...>` — a normal `fetch` consuming `.json()`. No `EventSource`, no `ReadableStream` handling anywhere in `/learn`.
+- **Decision needed:** is the backend actually streaming (and the frontend just ignores the stream, waiting for the closing JSON payload)? If so, the rebuild should implement real streaming (typewriter-style reply rendering) — this is a big UX win. If not, drop "(SSE)" from CLAUDE.md.
+
+### Q17. Clicking a graph node during an active Learn session orphans the old session
+- **Where I saw it:** `src/app/learn/page.tsx:338-343` (`handleNodeClick`) calls `beginSession(newTopic, mode, courseId)` without first calling `endSession(oldSessionId, userId)`. The old session stays in the DB with `is_active=true` until a server-side timeout cleans it up (if any exists).
+- **My current plan:** flag as a bug; rebuild should `endSession` before starting a new one (or the backend should enforce single-active-session-per-user).
+- **Decision needed:** confirm it's a bug vs. a deliberate design that relies on a backend cleanup job.
+
+### Q14. Dashboard "Dismiss" on AI-recommendation popup routes to `/` instead of `/dashboard`
+- **Where I saw it:** `src/app/dashboard/page.tsx:857` — `onClick={() => router.replace('/')}` on the Dismiss button. `/social` has the same popup pattern and correctly routes back to itself (`src/app/social/page.tsx:264`).
+- **My current plan:** treat as a bug; rebuild should `router.replace('/dashboard')` (or just clear the `?suggest=` query param).
+- **Decision needed:** confirm it's a bug.
+
+### Q13. Onboarding hardcodes Boston University
+- **Where I saw it:** `src/components/OnboardingFlow.tsx:137` sets `school: 'Boston University'` in initial state and the step 2 UI renders it as an uneditable block (`OnboardingFlow.tsx:434-441`). `BU_MAJORS`/`BU_MINORS` are hardcoded arrays.
+- **My current plan:** if multi-school is on the roadmap, source these from the backend.
+- **Decision needed:** is Sapling intended to stay single-school, or should the rebuild generalize this?
+
+---
+
+*This file will grow in later phases. Every new question includes the exact file path and line range that triggered it.*
diff --git a/docs/frontend-audit/REVAMP-GAP-PLAN.md b/docs/frontend-audit/REVAMP-GAP-PLAN.md
new file mode 100644
index 00000000..f15d0ce8
--- /dev/null
+++ b/docs/frontend-audit/REVAMP-GAP-PLAN.md
@@ -0,0 +1,318 @@
+# Revamp Frontend — Gap Plan vs. Main
+
+Cross-reference of the rebuild contract (`99-rebuild-checklist.md` + `features/*.md`) against the current state of `frontend/` on the `revamp` branch. Each section lists what the new frontend already has, what's missing or stubbed, and an ordered implementation plan.
+
+Legend: ✅ done · 🟡 partial / visual-only · ❌ missing.
+
+---
+
+## 0 · Quick scoreboard
+
+| Area | Status | Biggest gaps |
+|---|---|---|
+| Auth & session | 🟡 | No `?error=<code>` page, no `sapling_onboarding_pending` bridge, no live-revoke proof |
+| Onboarding | 🟡 | 4-step visual flow; doesn't POST `/api/onboarding/profile`; no course typeahead |
+| Global shell | ❌ | No `ToastProvider`, no global `FeedbackFlow`, no `SessionFeedbackGlobal`, no `ErrorBoundary`, no `AIDisclaimer` |
+| Dashboard | 🟡 | Missing recommendations, typewriter + quote, weekly activity, Quick Quiz, Fullscreen, Courses modal, `?suggest=` |
+| Learn | 🟡 | No `SessionSummary`, no quiz phases, no quick actions, no end-session, no mode-switch API, no KaTeX/markdown, no Class Intel toggle |
+| Study (guide) | ❌ | Page shows flashcards instead of study guide; no course→exam picker; no guide generator |
+| Flashcards | 🟡 | Standalone deck works; no generation UI, no topic pills, no context chip, no delete |
+| Tree | 🟡 | "Learn this" / "Quick quiz" inert; no mastery filter pills, no search, no fullscreen, no `?suggest=` |
+| Library | 🟡 | No multi-file drag-and-drop `DocumentUploadModal`, no 4-min abort, no per-file review/re-analyze, no detail panel with flashcards |
+| Calendar | 🟡 | Only 2-week grid; missing month/week/day, editable table, Google Calendar OAuth, syllabus upload flow |
+| Social | 🟡 | No Realtime chat, no optimistic send, no mentions/reactions grid/reply/edit/image uploads, no partner-comparison outline rings, no SchoolDirectory |
+| Achievements | 🟡 | No progress bars on locked, no editable showcase, no `AchievementUnlockToast` |
+| Profile | ❌ | No public `/profile/[userId]`; cosmetics primitives missing (`AvatarFrame`, `NameColorRenderer`, `TitleFlair`, `RoleBadge`) |
+| Settings | 🟡 | No avatar upload, no cosmetics tabs (frames / banners / name colors / titles), no username availability check |
+| Admin | 🟡 | Only Users/Analytics tabs; missing Roles, Achievements, Cosmetics tabs and create-forms |
+| Feedback & reports | ❌ | Modal present but submit is a TODO; no screenshots/Supabase Storage; no global `FeedbackFlow`; no `SessionFeedbackFlow`; no `ReportIssueFlow` |
+| KnowledgeGraph | 🟡 | d3-force done; missing comparison rings, highlight ring for `?suggest`, per-tier mastery colors, animated tier transitions |
+| Cross-cutting | ❌ | No toasts, no two-step confirms, no KaTeX, no mobile bottom-sheet patterns, no 768px breakpoint, no `CustomSelect` primitive |
+
+---
+
+## 1 · Phase-ordered plan
+
+Phases are ordered so earlier work unblocks later work. Each item references the checklist ID from `99-rebuild-checklist.md` (e.g. `A.1`).
+
+### Phase 1 — Cross-cutting primitives (must ship before features)
+
+These are building blocks used everywhere else. Do them first or features below can't be wired correctly.
+
+1. **ToastProvider + `useToast`** (`A.3`, `B`) — portal-rendered stack, 5s auto-dismiss, manual close, accepts ReactNode content. Mount at `app/layout.tsx`. Replace the `alert()` / `confirm()` sprinkled through `Settings.tsx` and `Admin.tsx`.
+2. **ErrorBoundary + `app/error.tsx`** (`A.3`) — full-page reset button.
+3. **`CustomSelect`** (`B`) — styled dropdown used by Learn (course picker, resume-session picker, quiz count/difficulty), Library (category), Admin (role assignment). Currently every screen uses native `<select>`.
+4. **`useIsMobile` hook at 768px** (`B`) — single source of truth; wire into Tree node panel, Library detail, Learn two-pane → tabs, Dashboard stats panel.
+5. **Two-step confirm helper** (`B`) — first click arms, second click confirms, 3s auto-disarm. Used for delete document, delete flashcard, kick room member, leave room.
+6. **Cosmetics primitives** (`A.15`):
+   - `Avatar` — already exists (`src/components/Avatar.tsx`) — verify `referrerPolicy="no-referrer"` and 6-color initials palette.
+   - `AvatarFrame` — PNG overlay wrapper around `Avatar`.
+   - `NameColorRenderer` — solid + gradient text (`background-clip: text`).
+   - `TitleFlair` — styled title text with rarity token.
+   - `RoleBadge` — role color + `color-mix` translucent bg + optional icon.
+   - Rarity CSS tokens `--rarity-{common,uncommon,rare,epic,legendary}(-bg)` in `globals.css`.
+7. **Markdown + KaTeX renderer** (`B`) — lightweight wrapper (remark-math + rehype-katex, mocked in tests) used by `ChatPanel` and `SessionSummary`. Add to `package.json`: `react-markdown`, `remark-math`, `rehype-katex`, `katex`. Copy existing jest mocks from main (`src/__mocks__/{remarkMath,rehypeKatex}.js`).
+
+### Phase 2 — Global shell & auth polish
+
+8. **Global shell additions** (`A.3`):
+   - Mount `ErrorBoundary`, `ToastProvider`, `FeedbackFlow` (passive global), `SessionFeedbackGlobal` (navigate-away from /learn), `DisclaimerModal` first-view in `app/(shell)/layout.tsx`.
+   - Navbar "What should I learn next?" button wired to top recommendation → `?suggest=<concept>`.
+   - Navbar report-issue entry opens `ReportIssueFlow`.
+9. **Auth `?error=<code>` page** (`A.1`) — `/auth` currently ignores errors. Add param handling for `not_approved | invalid_domain | google_not_configured | signin_failed | ...` with specific copy per code. Also clear `sessionStorage.sapling_onboarding_pending` in `signOut()`.
+10. **Deep-link `/auth/callback`** (`A.1`) — already exists; verify the POST `/api/auth/session` path handles `authToken` HMAC fast-path, falls back to backend `/api/auth/me` when absent, and routes to `/onboarding` if `onboarding_completed=false`, else `/dashboard`.
+11. **Middleware live revocation** — spec says fetch `/api/auth/me` on every protected nav with 3s `AbortController` timeout; verify current impl matches.
+
+### Phase 3 — Onboarding (contract-breaking if skipped)
+
+12. **6-step flow** (`A.2`): Google → Name → School + Year → Academics (majors + minors) → Courses → Learning Style. Current is 4-step visual-only. Wire final step to `POST /api/onboarding/profile { user_id, first_name, last_name, year, majors, minors, course_ids, learning_style }`.
+13. **Course typeahead** — debounced 200ms `GET /api/onboarding/courses?q=`; `addCourse()` returns the full course record.
+14. **Learning-style IDs** must match backend contract: `visual | reading | auditory | hands-on | mixed`.
+15. **Escape + X button close; Continue gated per-step.** Optional: persist draft to `localStorage.sapling_onboarding_draft`.
+
+### Phase 4 — Feedback & reports (needed before dashboard/learn to catch session signals)
+
+16. **Global passive `FeedbackFlow`** (`A.17`) — 45s delay, 3-day cooldown via `localStorage.sapling_last_feedback`, rating emojis + checkboxes + comment. Wire `POST /api/feedback` (already in `lib/api.ts` as `submitFeedback`).
+17. **`SessionFeedbackFlow` + `SessionFeedbackGlobal`** (`A.5`) — every-5-sessions via `localStorage.sapling_session_end_count` and navigate-away from `/learn` with 3-day cooldown. 4-step card UI.
+18. **`ReportIssueFlow`** (`A.17`) — topic picker + comment + up-to-5 screenshots uploaded to Supabase Storage bucket `issues-media-files`; `POST /api/feedback/issue-report` via existing `submitIssueReport`.
+19. **Current `FeedbackModal.tsx`** — wire the submit handler to `submitFeedback`, persist type pills to state, replace TODO with the actual call; add toast on success.
+20. **Dev hooks**: `?testFeedback=global|session` override the cooldowns.
+
+### Phase 5 — Knowledge graph finishing
+
+21. **Per-tier mastery colors** — the spec tier colors are `mastered=#4a7d5c (green) / learning=#c89b5e (amber) / struggling=#b25855 (red) / unexplored=#9a9a9a (gray) / subject_root=#8a7bc4 (purple)`. Current code uses a uniform `color` prop + opacity ramp. Add tier-aware fill when `variant` allows, kept opt-in so the organism look is preserved on dashboard.
+22. **Highlight ring** — when `suggestNode?.id` or `topicNode?.id` is set, render a separate pulsing stroke layer that does NOT reseed the simulation (separate effect from node data).
+23. **Comparison outline rings** — optional `comparison?: { partnerNodes }` prop renders 4-color stroke rings: you-only cyan / them-only orange / both-missing red / both-mastered green (used by Social → Overview).
+24. **Animated tier transitions** — 500ms `d3.transition` on fill/opacity when `animate=true` (used on `/learn` post-chat so the graph pane reacts visibly).
+25. **Drift RAF** — per-node sin/cos idle drift. Pause RAF when the SVG is off-screen via `IntersectionObserver`.
+
+### Phase 6 — Learn page (largest rebuild surface)
+
+26. **ChatPanel with markdown + KaTeX** — migrate text rendering to `react-markdown` with component overrides for `code/pre/strong/ul/ol/li/p`. Render `messages[].content` through it.
+27. **Quick action buttons** (`A.5`) — hint / confused / skip inline under the textarea; call `POST /api/learn/action` (add to `lib/api.ts`).
+28. **End session** — `POST /api/learn/end-session` + `SessionSummary` modal (concepts covered pills, mastery changes with ± deltas color-coded, time spent, recommended next). Wire it to the "End Session" button.
+29. **Mode switch mid-session** — currently a local state change. Call `POST /api/learn/mode-switch` and prefill input with `"Continue in {mode} mode on {topic}..."`.
+30. **Resume-session dropdown** — per-item delete (`DELETE /api/learn/sessions/:id?user_id=`). Display `message_count > 0` sessions only.
+31. **URL contract** — `?topic`, `?mode=socratic|expository|teachback|quiz`, `?suggest`, `?testFeedback=session`. `?suggest=` Dismiss must preserve other query params (use `URLSearchParams`, not `router.replace('/learn')`).
+32. **`SharedContextToggle` (Class Intel)** (`A.5`) — labeled button with hover tooltip about aggregated class-level patterns + privacy; persists to `localStorage.sapling_shared_ctx` (default `true`).
+33. **`AIDisclaimerChip` + first-view `DisclaimerModal`** — `localStorage.sapling_disclaimer_ack` gate. Show modal once per user.
+34. **Quiz mode** (`A.5` big one) — four-phase `QuizPanel`: select / active / review / results.
+    - Select: concept radios filtered by selected course; `CustomSelect` for count (5/10/15) and difficulty (easy/medium/hard/adaptive); Start Quiz → `generateQuiz` (exists in `lib/api.ts`).
+    - Active: option buttons A/B/C/D, Submit triggers local correctness check + explanation panel.
+    - Review: color-coded options, "Explain this" opens `/learn` on `q.concept_tested`.
+    - Results: score %, mastery delta, Retake, Learn Weak Areas. `submitQuiz` writes to backend.
+35. **Live graph pane** — right-side `KnowledgeGraph` refreshed after every chat turn; click a node → `beginSession(concept, mode, course_id)`.
+36. **Every-5-sessions + navigate-away feedback** — tied to Phase 4.
+37. **Mobile**: two-pane collapses to `Chat` / `Graph` tab at 768px.
+
+### Phase 7 — Dashboard
+
+38. **Four parallel fetches** (`A.4`) — `getGraph, getRecommendations, getUpcomingAssignments, getCourses` — single spinner, single error card with Retry. Currently fetches `getSessions` but not `getRecommendations`.
+39. **Left panel**: typewriter greeting (55ms/char, blinking cursor at 530ms) + random quote + per-course progress bars with collapse + Manage Courses modal.
+40. **Right panel / mobile tab**: Streak + weekly activity strip (Mon-first, today orange, 🔥 on active days from `last_studied_at`) + knowledge tier counts + top-3 Learn Next + Quick Quiz button (`/learn?mode=quiz`) + Study Room button (`/social`) + Recent Activity (sorted by `last_studied_at`).
+41. **Fullscreen graph overlay** — Esc exits, body scroll lock while open.
+42. **Manage Courses modal**: search-to-add (typeahead against `/api/onboarding/courses`), inline color picker validated `^#[0-9a-fA-F]{6}$`, two-step delete. Uses `addCourse` / `deleteCourse` (both already exported from `lib/api.ts`).
+43. **`?suggest=<concept>` popup** with Dismiss (preserve query) and Start Quiz → `/learn?topic=&mode=quiz`.
+44. **Mobile "My Courses" / "Stats & More" tabs.**
+
+### Phase 8 — Tree
+
+45. **Floating controls overlay** (`A.8`) — search input + mastery filter pills (all / mastered / learning / struggling / unexplored) + "N nodes" counter.
+46. **Right-side detail panel** (desktop) / bottom sheet (mobile) already present; wire:
+    - "Learn this" → `router.push('/learn?topic=' + encodeURIComponent(node.name) + '&mode=socratic')`.
+    - "Quick quiz" → `router.push('/learn?topic=' + name + '&mode=quiz')`.
+    - "View sessions for this concept" (if history exists).
+47. **`?suggest=<concept>`** → scroll/zoom to matching node, show highlight ring, open detail panel.
+48. **Fullscreen toggle** — parity with dashboard overlay.
+
+### Phase 9 — Library
+
+49. **`DocumentUploadModal`** (`A.9`) — drag-and-drop multi-file upload, 5 file max, 15 MB each, PDF/DOCX/PPTX only. Per-file AbortController with 4-minute timeout + friendly abort message. Per-file review step with AI-picked category + override dropdown + Re-analyze button.
+50. **Disallow close during active uploads** (confirm overlay).
+51. **Inline "+ Add course"** within the modal using `addCourse`.
+52. **Right-side detail panel**: summary + key takeaways + Q/A flashcards (reveal-on-click) + delete (two-step).
+53. **Course sidebar** (currently just category pills). Group documents by course; add `All / Uncategorized` entries.
+54. **Post-upload hook**: if any uploaded doc has `category='syllabus'`, refetch assignments (used by Calendar).
+
+### Phase 10 — Calendar
+
+55. **Three views**: month / week / day with view toggle; type-color coded chips (exam / project / homework / quiz / reading / other).
+56. **Editable `AssignmentTable`**: drag-to-reorder (Manual order only), inline edit (title/course/type/date), multi-select with export to CSV.
+57. **Google Calendar OAuth flow**: Connect → `GET /api/calendar/auth-url` → backend redirect → returns with `?connected=true` → state flips `googleConnected=true`. Clear query after handling.
+58. **Sync to Google / Import from Google / Disconnect** with confirm.
+59. **Syllabus upload**: reuse `DocumentUploadModal`; on `syllabus` upload, refetch assignments + 1.5s delayed refetch for insert races.
+60. **"Due soon" = within 24 hours** (currently relative days).
+61. Replace `window.confirm` / `alert()` with in-app confirms + toasts.
+
+### Phase 11 — Social
+
+62. **Supabase Realtime chat** (`A.11`, `06-realtime.md`) — subscribe to `room_messages` INSERT/UPDATE + `room_reactions` INSERT/DELETE, filtered by `room_id` (fix cross-room flood bug from main).
+63. **Presence channel** — typing indicators with 3s idle timeout.
+64. **Optimistic send** — `tmp_${Date.now()}` id, rollback on error; de-dupe when real INSERT lands.
+65. **Reply / Edit / Delete** — context menu on message hover; edit writes `is_edited`; delete is soft (`is_deleted`) with "Message deleted" placeholder.
+66. **Reactions** — 50-emoji grid picker; toggle via `toggleRoomReaction` (already in api.ts).
+67. **@mention autocomplete** — Arrow/Tab/Enter/Escape control; highlight mentions with member-name escaping in rendered messages.
+68. **Image attachments** — upload to Supabase Storage (bucket `chat-images`), not data URLs.
+69. **Message pagination** — backend must support; client shows "Load earlier messages" button.
+70. **`StudyMatch`** already wired; add best-match popup on first find.
+71. **`RoomMembers`** panel with Leader tag, kick (leader only) with two-step confirm, leave with two-step confirm.
+72. **`SchoolDirectory`** — grid of students with initials, top concepts, courses, "You" tag.
+73. **Partner-comparison graph** — use `KnowledgeGraph` with the new `comparison` prop; overlay in Overview tab.
+74. **`?suggest=` auto-focuses Overview tab + matching node.**
+
+### Phase 12 — Study guide (missing entirely as feature)
+
+Current `/study` page is a flashcard deck. The spec's `/study` is a study-guide generator with flashcards as an optional panel.
+
+75. **Mode toggle**: Study Guide ↔ Flashcards (keep `FlashcardsPanel` mounted).
+76. **Study Guide generator**: Course → Exam cascading picker (`/api/study-guide/generate` — add backend wrapper in `lib/api.ts`); loading state; rendered guide = Exam card (title + due date + overview) + per-topic cards (name + importance + bulleted concepts); "Recent guides" sidebar; Regenerate button.
+77. **Flashcards panel**: generator using enrolled courses (max 10 cards, one-click per course); "Generated using N library docs / M weak concepts" chip when `context_used` returned; topic filter pills; 3D flip (0.55s cubic-bezier); rating 1/2/3; auto-advance 300ms; delete via `×`; Space to flip, 1/2/3 to rate.
+
+### Phase 13 — Standalone Flashcards decision
+
+78. Decide: retire `/flashcards` and redirect to `/study?mode=flashcards`, OR keep as standalone page (same component as `FlashcardsPanel`). Either is fine — picking the redirect gets us closer to main's structure.
+
+### Phase 14 — Settings
+
+79. **Grouped nav**: Identity (Profile, Account), Preferences (Notifications, Appearance, Privacy), Personalization (Cosmetics), Manage (Danger Zone).
+80. **Avatar upload** — hidden `<input type="file" accept="image/*">` wired to `POST /api/profile/:userId/avatar` (multipart). Show pending state; toast on success.
+81. **Username availability check** — separate `GET /api/profile/username-available?u=...`, not a mutating PATCH (fix noted in audit).
+82. **Appearance dark mode** — `.dark` class on `<html>` (if we decide to un-lock the theme). For now the project is hard-locked to light per prior feedback; leave the toggle but gate it behind a feature flag.
+83. **Cosmetics tabs**: Avatar Frames / Banners / Name Colors / Titles. Equip by click; re-click to unequip. Call `equipCosmetic(slot, id | null)` + `refreshProfile()`. Lock UI behind rarity tokens from Phase 1.
+84. **Profile Preview modal** — fetch public profile + achievements.
+85. **Danger Zone** — Export (already done) + Delete (already done) + toast on every mutation.
+
+### Phase 15 — Admin
+
+86. **Four tabs**: Users, Roles, Achievements, Cosmetics (current: Users + Analytics stub).
+87. **Users tab**: add `RoleBadge` per user; role assignment dropdown → `adminAssignRole` / `adminRevokeRole`.
+88. **Roles tab**: create-role form (Name, Slug, Color); list of roles with edit/delete.
+89. **Achievements tab**: create-achievement form (rarity, category, name, description, icon); grant-achievement form using user + achievement pickers (not raw UUIDs).
+90. **Cosmetics tab**: create-cosmetic form + asset upload to Supabase Storage.
+91. Toast on every action; replace native `<select>` with `CustomSelect` from Phase 1.
+
+### Phase 16 — Achievements
+
+92. **Progress bars on locked cards** (`A.14`) — parse progress from API (`earned_count` / `total_needed`).
+93. **Edit Showcase** — drag / click-to-feature up to 5 earned achievements; save via `POST /api/profile/:userId/featured-achievements`. Currently a static "+ add to showcase" box.
+94. **Secret achievements** hidden until earned (name + description replaced with "?" + generic copy).
+95. **`AchievementUnlockToast`** — subscribe to achievement-unlock signals (check `refreshProfile()` delta on focus; toast via `useToast`).
+
+### Phase 17 — Public profile page
+
+96. **`/profile/[userId]/page.tsx`** (currently missing) — render public profile: banner, avatar with frame, display name with name color, title flair, role badges, featured achievements strip, academic info, stats (streak, mastered, courses). Uses `fetchPublicProfile(userId)`.
+97. **Link from Social members list**, room chat sender names, and leaderboards.
+
+### Phase 18 — Misc polish & checklist tail
+
+98. Remove `console.log` in `KnowledgeGraph.tsx` (line ~106 in main spec — check if carried over).
+99. Body scroll-lock on all full-viewport overlays.
+100. Accessibility pass: `aria-live` on chat log, `role="radiogroup"` on quiz options, keyboard-reachable tooltips, skip-to-content link.
+101. Clear `?connected=true` after Calendar OAuth success.
+102. Timezone-safe date math in Calendar.
+103. `reduceMotion` accessibility setting (respect `prefers-reduced-motion` for graph drift + flashcard flip).
+104. Copy-to-clipboard with 2s "Copied!" feedback on invite codes and share links.
+
+---
+
+## 2 · New files to add (non-exhaustive)
+
+```
+src/components/
+  Toast.tsx              ← provider + hook + portal
+  ErrorBoundaryClient.tsx
+  CustomSelect.tsx
+  AvatarFrame.tsx
+  NameColorRenderer.tsx
+  TitleFlair.tsx
+  RoleBadge.tsx
+  MarkdownChat.tsx       ← react-markdown + remark-math + rehype-katex
+  DisclaimerModal.tsx
+  AIDisclaimerChip.tsx
+  SharedContextToggle.tsx
+  SessionSummary.tsx
+  SessionFeedbackFlow.tsx
+  SessionFeedbackGlobal.tsx
+  FeedbackFlow.tsx       ← global passive
+  ReportIssueFlow.tsx
+  QuizPanel.tsx
+  DocumentUploadModal.tsx
+  AssignmentTable.tsx
+  RoomChat.tsx           ← realtime chat
+  RoomMembers.tsx
+  SchoolDirectory.tsx
+  StudyGuide.tsx
+  FlashcardsPanel.tsx    ← extracted from /study for shared use
+  AchievementUnlockToast.tsx
+
+src/app/
+  profile/[userId]/page.tsx
+  error.tsx              ← global error boundary
+  study/page.tsx         ← refactor to host StudyGuide + FlashcardsPanel
+
+src/lib/
+  toast.tsx              ← already implied by ToastProvider
+  useIsMobile.ts
+  markdown.tsx           ← shared renderer
+```
+
+API wrappers to add to `src/lib/api.ts` (backend endpoints already exist — see `docs/frontend-audit/04-api-surface.md`):
+
+```ts
+learnAction(sessionId, userId, action, mode, useSharedContext)
+endLearnSession(sessionId, userId)
+switchLearnMode(sessionId, userId, newMode)
+onboardingCoursesSearch(q)                       // GET /api/onboarding/courses?q=
+submitOnboardingProfile(payload)                 // POST /api/onboarding/profile
+usernameAvailable(username)                      // GET /api/profile/username-available
+uploadAvatar(userId, file)                       // POST /api/profile/:userId/avatar
+generateStudyGuide(userId, courseId, examTopic)  // POST /api/study-guide/generate
+calendarAuthUrl()                                // GET /api/calendar/auth-url
+calendarSync(userId)                             // POST /api/calendar/sync
+calendarDisconnect(userId)                       // POST /api/calendar/disconnect
+uploadIssueScreenshot(file)                      // Supabase Storage direct upload
+```
+
+---
+
+## 3 · Suggested execution order (milestones)
+
+| Milestone | Phases | Est. effort | Unblocks |
+|---|---|---|---|
+| M1 · Plumbing | 1, 2 | 1–2 days | every feature below |
+| M2 · Auth + Onboarding | 3, 4 | 1 day | user can actually finish signup |
+| M3 · Learn parity | 5, 6 | 3–4 days | core product loop |
+| M4 · Dashboard parity | 7 | 1–2 days | landing page tells the truth |
+| M5 · Content pages | 8, 9, 10 | 2–3 days | library/calendar/tree work end-to-end |
+| M6 · Social realtime | 11 | 2 days | rooms chat works |
+| M7 · Study guide + flashcards | 12, 13 | 1–2 days | `/study` matches spec |
+| M8 · Profile / Settings / Admin / Achievements | 14, 15, 16, 17 | 2–3 days | cosmetics, admin moderation |
+| M9 · Polish & a11y | 18 | 1 day | definition-of-done |
+
+Total: ~2–3 weeks for a single engineer with the audit as source of truth.
+
+---
+
+## 4 · How to verify each phase
+
+For every phase check:
+1. Checklist boxes in `99-rebuild-checklist.md` turn to `[x]`.
+2. Feature doc's user flows re-read and manually reproduced in local dev (`npm run dev`).
+3. `npm run typecheck` + `npm run lint` green.
+4. `npm test` green (add mocks for new ESM deps in `src/__mocks__/` + `jest.config.js`).
+5. Manual QA with `NEXT_PUBLIC_LOCAL_MODE=true` — extend `lib/localData.ts` as needed so features are testable without the backend.
+6. Then the real test: re-run with `NEXT_PUBLIC_LOCAL_MODE=false` against the live backend and confirm behavior matches.
+
+---
+
+## 5 · Open decisions (from `QUESTIONS.md`)
+
+These need a call before the relevant phase starts:
+
+- **Q9** — retire `/flashcards` or keep standalone? (affects Phase 13)
+- **Q10** — reintroduce `/profile/[userId]`? (Phase 17 assumes yes)
+- **Q13** — multi-school generalization or hard-code BU? (Phase 3)
+- **Q15** — session feedback cooldown is 2 days (CLAUDE.md) or 3 days (audit)? (Phase 4)
+- **Q16** — SSE streaming for `/api/learn/chat` now or later? (Phase 6; nice-to-have)
+
+Default assumption if no decision: keep `/flashcards` as redirect, reintroduce `/profile/[userId]`, hard-code BU for now, use 3-day cooldown per audit, defer SSE to a follow-up.
diff --git a/docs/frontend-audit/features/achievements.md b/docs/frontend-audit/features/achievements.md
new file mode 100644
index 00000000..b7930b7e
--- /dev/null
+++ b/docs/frontend-audit/features/achievements.md
@@ -0,0 +1,109 @@
+# Feature · Achievements
+
+> Covers: `/achievements/page.tsx`, `AchievementCard.tsx`, `AchievementShowcase.tsx`, `AchievementUnlockToast.tsx`. **Orphaned route** — no in-app Link navigates here (see Phase 2 §4).
+
+---
+
+## 1. Overview
+
+A simple gallery page listing the user's earned + available achievements, grouped by category. Categories: `activity` / `social` / `milestone` / `special`. Pill filter for "all" + each category.
+
+Each achievement card (`AchievementCard.tsx`) shows:
+- Icon (or SVG fallback, or secret-indicator `?` for locked secret achievements)
+- Name + description (suppressed for secret+locked achievements)
+- Rarity label (common / uncommon / rare / epic / legendary) with matching border/background colors driven by CSS custom properties (`--rarity-*`)
+- Progress bar (locked, non-compact, progress>0)
+- Earned date (earned)
+
+`AchievementShowcase` is a 5-slot "featured" strip rendered on public profiles / the settings preview. Shows up to 5 compact `AchievementCard`s; remaining slots are dashed placeholders. Has "Edit showcase" button when `isOwnProfile`.
+
+`AchievementUnlockToast` is defined but **currently unused** (no importers). Looks like a prepared UI for live unlock feedback via `useToast(<AchievementUnlockToast achievement=... />)` — dead code until wired.
+
+---
+
+## 2. User flows
+
+### 2.1 Flow: browse (`/achievements`)
+
+1. Mount: `fetchAchievements(userId)` → `{earned, available}`.
+2. Filter pills set `filter: AchievementCategory | 'all'`.
+3. Earned section renders first (`AchievementCard earned`); Available section below (`AchievementCard earned={false}`).
+4. Click a card: `setExpandedId(id)` — but the expand action doesn't appear to show any extra content beyond the card (verify in Phase 4).
+
+### 2.2 Flow: showcase on settings / profile
+
+- `AchievementShowcase` takes the top 5 earned achievements, renders compact cards, and a "Edit showcase" button for the owner.
+- Clicking the button opens a picker (in `/settings`) that lets the user reorder/pick which 5 appear.
+- `setFeaturedAchievements(userId, ids[])` persists the selection.
+
+### 2.3 Flow: achievement unlock (hypothetical — not wired)
+
+`AchievementUnlockToast` exists as a component and the `useToast()` hook supports arbitrary content. But there's no code that fires this on unlock. Backend probably grants achievements server-side (see `CLAUDE.md` — `achievement_service.py`); the frontend would need a realtime channel or a post-action refetch to detect new unlocks and trigger the toast. Not implemented.
+
+---
+
+## 3. State
+
+`/achievements` page:
+- `earned`, `available`, `loading`, `error`
+- `filter`
+- `expandedId`
+
+`AchievementShowcase`:
+- None — purely rendering props.
+
+`AchievementCard`:
+- None.
+
+---
+
+## 4. API calls
+
+- `fetchAchievements(userId)` → `GET /api/profile/:userId/achievements` → `{earned, available}`
+
+---
+
+## 5. Components involved
+
+| Component | Role |
+|---|---|
+| `AchievementCard` | Individual card, compact + full sizes |
+| `AchievementShowcase` | 5-slot featured strip |
+| `AchievementUnlockToast` | Toast body (**unused**) |
+
+---
+
+## 6. Edge cases
+
+1. **Orphaned route.** `/achievements` isn't linked from the Navbar or anywhere else. Fix by linking from user-menu or `/settings`. (QUESTIONS Q9.)
+2. **Unlock toast component exists but isn't triggered.** Wire it to `useToast()` on new-unlock detection in the rebuild.
+3. **Secret achievements**: `isSecret && !earned` renders `Secret Achievement` + `?` icon + `Keep exploring to discover this achievement` description. After earning, the real name/description appear.
+4. **Progress bars** only show for locked, non-compact, progress>0. Earned or compact cards skip them.
+5. **Rarity CSS variables** live in `globals.css` (not audited yet) — the rebuild must preserve or re-derive these tokens: `--rarity-common/uncommon/rare/epic/legendary` and their `-bg` variants.
+
+---
+
+## 7. Interactive patterns
+
+- Category pill filter.
+- Compact vs full card variants.
+- Dashed placeholder slots in the showcase.
+- Rarity-colored border + glow via `boxShadow` referencing `--rarity-*-bg`.
+
+---
+
+## 8. Things to preserve in the rebuild
+
+- Four categories + five rarities.
+- Compact + full card sizes with consistent styling.
+- 5-slot `AchievementShowcase` with editable ordering and featured-persist (`setFeaturedAchievements`).
+- Secret-achievement scheme (hidden name/description until earned).
+- Progress bars on locked achievements with progress>0.
+- `AchievementUnlockToast` layout — wire it up on unlock detection.
+- Rarity CSS variable system.
+
+## 9. Things to rework
+
+- Link `/achievements` from Navbar user-menu or `/settings`.
+- Wire `AchievementUnlockToast` to fire on unlock (probably via a refetch-on-success pattern after the learn chat's `mastery_changes` event).
+- The `expandedId` state in `/achievements/page.tsx` does not appear to alter rendering — likely unfinished. Remove or implement an expanded view.
diff --git a/docs/frontend-audit/features/admin.md b/docs/frontend-audit/features/admin.md
new file mode 100644
index 00000000..1363703e
--- /dev/null
+++ b/docs/frontend-audit/features/admin.md
@@ -0,0 +1,115 @@
+# Feature · Admin
+
+> Covers: `/admin/page.tsx` (269 lines). Admin-only panel for user approval, role management, achievement creation/granting, and cosmetic creation.
+
+---
+
+## 1. Overview
+
+Four tabs, one admin-only page.
+
+- Guard: middleware + client-side `isAdmin` check (`admin/page.tsx:46-58`). Non-admins `router.push('/dashboard')`; component returns `null` until navigation completes.
+- Navbar user-menu only shows "Admin" link when `isAdmin` (`Navbar.tsx:374`).
+
+Tabs:
+1. **Users**: table with Name / Email / Status / Roles / Actions. Pending users get an "Approve" button.
+2. **Roles**: create form (Name + Slug + Color picker). Role assignment to specific users happens elsewhere (probably per-user modal — not wired in current code beyond `adminAssignRole` API).
+3. **Achievements**: create form (Name + Slug + Category + Rarity) + Grant form (User ID + Achievement ID).
+4. **Cosmetics**: create form (Name + Slug + Type + Rarity).
+
+All actions show a Toast on success / failure.
+
+---
+
+## 2. User flows
+
+### 2.1 Flow: approve a user
+
+1. Users tab. `adminFetchUsers()` on mount.
+2. Click Approve → `adminApproveUser(uid)` → local `users` state updates `is_approved = true` + Toast "User approved".
+
+### 2.2 Flow: create a role
+
+- Name + Slug text inputs, native `type="color"` color picker.
+- `handleCreateRole` → `adminCreateRole({name, slug, color})` → Toast "Role created". Form resets.
+
+### 2.3 Flow: create achievement
+
+- Name + Slug inputs + Category / Rarity native `<select>` elements (four categories × five rarities — see `features/achievements.md`).
+- `handleCreateAchievement` → `adminCreateAchievement` → Toast.
+
+### 2.4 Flow: grant achievement
+
+- Two text inputs for user ID and achievement ID (raw UUIDs — no picker). `adminGrantAchievement(userId, achId)`. Toast.
+- Clunky UX — rebuild should pick from a searchable list.
+
+### 2.5 Flow: create cosmetic
+
+- Same shape as achievement creation: Name/Slug + Type (avatar_frame/banner/name_color/title) + Rarity.
+- No file-upload for cosmetic `asset_url`. The backend probably accepts asset URL as a separate field or via a later PATCH. (Current UI can't upload assets.)
+
+---
+
+## 3. State
+
+- `isAdmin` from `UserContext`
+- `users`, `loading`
+- Role form: `roleName`, `roleSlug`, `roleColor`
+- Achievement form: `achName`, `achSlug`, `achCategory`, `achRarity`
+- Cosmetic form: `cosName`, `cosSlug`, `cosType`, `cosRarity`
+- Grant form: `grantUserId`, `grantAchId`
+
+---
+
+## 4. API calls
+
+- `adminFetchUsers()` → `GET /api/admin/users`
+- `adminApproveUser(userId)` → `PATCH /api/admin/users/:userId/approve`
+- `adminCreateRole({name, slug, color})` → `POST /api/admin/roles`
+- `adminAssignRole(userId, roleId, grantedBy?)` → `POST /api/admin/roles/assign` **(defined in lib/api.ts but no UI wiring)**
+- `adminRevokeRole(userId, roleId)` → `DELETE /api/admin/roles/revoke` **(defined but no UI)**
+- `adminCreateAchievement(data)` → `POST /api/admin/achievements`
+- `adminGrantAchievement(userId, achievementId)` → `POST /api/admin/achievements/grant`
+- `adminCreateCosmetic(data)` → `POST /api/admin/cosmetics`
+
+---
+
+## 5. Components involved
+
+- `RoleBadge` — rendered inline in the user list.
+
+---
+
+## 6. Edge cases
+
+1. **No role assignment UI.** `adminAssignRole` and `adminRevokeRole` exist in `lib/api.ts` but nothing calls them. Roles can be created but not given to anyone via the current UI. Flag.
+2. **Cosmetic / achievement creation has no asset-upload UI.** Assets (frame PNG, banner image, etc.) must be attached via the database or a separate tool. Big gap.
+3. **User + achievement "ID" inputs are raw UUIDs.** No picker. Requires copy-pasting from another tab.
+4. **No pagination on the users table.** Scales linearly to DOM size.
+5. **No error-surface for some actions.** Most handlers catch + show Toast, but some edge errors (network offline etc.) are just swallowed.
+6. **Client-side admin check** can be bypassed by a fast-networked attacker reading the page before redirect fires. Acceptable because backend must also gate admin endpoints — verified in `services/auth_guard.py` per `CLAUDE.md`.
+
+---
+
+## 7. Interactive patterns
+
+- Native `<select>` for category/rarity/type (inconsistent with the rest of the app, which uses `CustomSelect`). Cheap but jarring.
+- Native `<input type="color">` for role color. Same comment.
+- Toast feedback via `useToast`.
+
+---
+
+## 8. Things to preserve in the rebuild
+
+- All 4 tab surfaces exist and need to keep existing: Users, Roles, Achievements, Cosmetics.
+- Client-side admin check + `router.push('/dashboard')` (defense in depth).
+- Toast feedback on every action.
+
+## 9. Things to rework
+
+- Build role-assignment UI (per-user role picker with `adminAssignRole`/`adminRevokeRole`).
+- Add asset upload for cosmetics (avatar frame PNGs, banner images).
+- Replace raw-UUID grant form with a user + achievement picker.
+- Paginate the users table.
+- Use `CustomSelect` for consistency.
+- Surface admin errors more prominently (error banner, not just Toast).
diff --git a/docs/frontend-audit/features/auth.md b/docs/frontend-audit/features/auth.md
new file mode 100644
index 00000000..0e43f56a
--- /dev/null
+++ b/docs/frontend-audit/features/auth.md
@@ -0,0 +1,233 @@
+# Feature · Auth & Session
+
+> Covers: `/signin`, `/signin/callback`, `/api/auth/session`, `/pending`, the `sapling_session` cookie contract, and `UserContext` — the single global store for authenticated identity. Onboarding (which happens immediately after first sign-in) lives in `features/onboarding.md`.
+
+---
+
+## 1. Overview
+
+Sapling uses **Google OAuth** (handled by the backend) combined with an **HMAC-signed session cookie** issued by the Next.js Route Handler at `/api/auth/session`. The backend is the identity authority (it holds the OAuth client secret, does the Google exchange, and stores the user record). The frontend's job is:
+
+1. Redirect unauthed users to `${NEXT_PUBLIC_API_URL}/api/auth/google`.
+2. Receive the callback at `/signin/callback?user_id&name&avatar&is_approved&auth_token`.
+3. Hand the `auth_token` (HMAC-signed by the backend using `SESSION_SECRET`) to `/api/auth/session`, which verifies it and issues a separate `sapling_session` cookie signed by the same shared secret.
+4. Keep authenticated identity globally available via `UserContext`.
+5. Re-verify `is_approved` on every protected navigation via `middleware.ts` + `GET /api/auth/me`.
+
+The frontend session **never** sees a Google OAuth token directly — it only sees the backend's HMAC-signed hand-off token (`auth_token`). The cookie it writes is its own HMAC signature over `{userId, exp}`, not the Google token.
+
+Two secrets share a key:
+- `SESSION_SECRET` (frontend env var, ≥32 bytes required — `lib/sessionToken.ts:6-8`) — signs both (a) the Next.js session cookie and (b) the `auth_token` coming from the backend.
+- The same secret must be set as `SESSION_SECRET` on the backend; if they don't match, the fast-path verification in `/api/auth/session` fails and the route falls back to calling `GET /api/auth/me` for user verification (`src/app/api/auth/session/route.ts:58-67`).
+
+---
+
+## 2. User flows
+
+### 2.1 Flow: first-time sign-in (new user)
+
+Trigger: user clicks "Continue with Google" (either on landing-page OnboardingFlow step 0, or on a "Try again" button on `/signin?error=...`).
+
+1. `OnboardingFlow.handleGoogleSignIn()` (`src/components/OnboardingFlow.tsx:206-209`) sets `sessionStorage.sapling_onboarding_pending = 'true'` and hard-redirects to `${API_URL}/api/auth/google`.
+2. Backend runs the Google OAuth handshake, upserts the user row (with `is_approved = false` by default for new users), creates an `auth_token` HMAC-signed with `SESSION_SECRET`, and redirects the browser to `${FRONTEND_URL}/signin/callback?user_id&name&avatar&is_approved&auth_token` (or `?error=not_approved|invalid_domain` on failure).
+3. `/signin/callback` (`src/app/signin/callback/page.tsx`) mounts, `CallbackInner` reads query params, calls `setActiveUser(userId, name, avatar)` + `confirmApproved()` on `UserContext`, and fires `POST /api/auth/session` with `{userId, authToken}`.
+4. `/api/auth/session` (`route.ts:52-107`) verifies the HMAC `authToken` via Web Crypto `crypto.subtle.verify` (fast path, no backend round-trip), then calls `signSession(verifiedUserId)` and sets `sapling_session` as an HTTP-only `sameSite=lax` cookie with `maxAge=SESSION_MAX_AGE = 2_592_000` seconds (30 days).
+5. Because `sessionStorage.sapling_onboarding_pending === 'true'`, the callback does **not** hit `/api/auth/me`. It `router.replace('/')` straight to the landing page, where the `OnboardingFlow` is already rendered and in mid-flight.
+6. Landing-page `useEffect` (`src/app/page.tsx:67-86`) sees `isAuthenticated && pending`, removes the pending flag, jumps the onboarding UI to step 1 (Name), and continues the flow. See `features/onboarding.md` for the rest.
+
+Edge cases:
+- **`is_approved === false`** in the callback params (user exists but waiting for admin approval): callback redirects to `/signin?error=not_approved`. The user sees the signin page's error-copy variant. Note: this is a *different* path than `/pending` — `/pending` is reserved for users who have already established a session cookie.
+- **Missing/invalid required params** (`!userId || !name || approvedParam !== 'true'` — see `callback/page.tsx:25-28`): redirect to `/signin?error=signin_failed`.
+- **`/api/auth/session` fails** (e.g., `SESSION_SECRET` missing or `authToken` invalid): the `fetch` is fire-and-forget in `callback/page.tsx:34-38` — the user still proceeds to `/dashboard` or `/`, but the middleware will bounce them back to Google OAuth on the next navigation because the cookie was never set. Silent-failure trade-off intentional to preserve onboarding UX.
+
+### 2.2 Flow: returning user (existing session, approved)
+
+Trigger: user loads any path.
+
+1. Browser sends `sapling_session` cookie with the request.
+2. For matched paths (see §3), `middleware.ts` runs:
+   - `verifySession(token)` — HMAC-verifies signature, checks `exp`, returns `{userId}` or `null` (`sessionToken.ts:43-66`).
+   - `GET ${NEXT_PUBLIC_API_URL}/api/auth/me?user_id=...` with a 3-second `AbortController` timeout (`middleware.ts:87-98`). Returns `{is_approved, onboarding_completed, ...}`.
+   - If `is_approved === true`: `NextResponse.next()` — render the page.
+3. Client-side, `UserProvider` (`UserContext.tsx:72-94`) reads `localStorage.sapling_user` (seeded on first sign-in by `setActiveUser`) and populates `userId`/`userName`/`avatarUrl` synchronously for the first paint. `userReady` becomes `true` after the localStorage read — pages use `userReady` to gate data fetches so they don't fire with an empty user id.
+4. A second effect in `UserProvider` calls `fetch /api/users` (`UserContext.tsx:97-113`) to re-sync the live user list and overwrite `userName` with the backend-truthful name.
+5. `fetchProfileData(userId)` (`UserContext.tsx:115-129`) calls `GET /api/auth/me?user_id=` and populates `username`, `roles`, `equippedCosmetics`, `featuredRole`, `isAdmin`.
+
+Edge cases:
+- **Expired cookie** (`exp < now`): `verifySession` returns `null` → middleware redirects to `${API_URL}/api/auth/google`. Effectively indistinguishable from "never signed in" from the user's perspective.
+- **Backend down** during middleware `fetch`: `catch` block at `middleware.ts:106-108` → redirect to Google OAuth. Harsh but prevents serving protected pages to unverified users.
+- **`/api/auth/me` returns `is_approved: false`**: middleware redirects to `/pending`. This is the revocation path — an admin can un-approve a user and the next navigation kicks them out.
+- **Localstorage user present but cookie missing**: `/signin` page's mount effect (`signin/page.tsx:20-51`) POSTs to `/api/auth/session` with just `userId` (no `authToken`). The route falls back to asking the backend if the user is still approved; on 200 sets the cookie and redirects `/dashboard`, on 403 redirects `/pending`.
+
+### 2.3 Flow: sign out
+
+Trigger: user clicks "Sign out" in Navbar user-menu or `/pending` "Sign out" button.
+
+1. `useUser().signOut()` (`UserContext.tsx:151-167`):
+   - `fetch('/api/auth/session', { method: 'DELETE' })` — route handler returns `{ok:true}` and sets `sapling_session=''` with `maxAge:0`.
+   - Clears all in-memory user state (`userId`, `userName`, `avatarUrl`, `isAuthenticated=false`, `isApproved=false`, roles, cosmetics, `isAdmin`).
+   - `localStorage.removeItem('sapling_user')`.
+2. Caller code (e.g., Navbar `handleSignOut`) `router.push('/')` to the landing page. Next navigation to any protected path will bounce back to Google OAuth.
+
+Edge cases:
+- The `DELETE` fetch is wrapped in `try/finally` — even if it errors (e.g., offline), local state is still cleared so the user isn't trapped in a signed-in UI.
+- `sessionStorage.sapling_onboarding_pending` is **not** cleared on sign-out. This is intentional (or an oversight — flag in QUESTIONS) so a user who signed out mid-onboarding can resume. But: if another user signs in on the same browser, they will inherit that pending flag and be dropped into the landing-page onboarding flow until they finish. Flagging as Q11 below.
+
+### 2.4 Flow: unapproved user attempts a protected route
+
+1. Middleware matches path, verifies cookie, calls `/api/auth/me`.
+2. Backend returns `{is_approved: false}`.
+3. Middleware `return NextResponse.redirect('/pending')` (`middleware.ts:103-105`).
+4. `/pending` (`src/app/pending/page.tsx`) renders — wordmark, "You're on the waitlist" message, single "Sign out" button. No polling or auto-redirect; user must manually retry by signing out and back in (admin must have approved them in the interim).
+
+### 2.5 Flow: `/signin` direct access when already signed in
+
+1. `middleware.ts:60-68` special-cases `/signin`:
+   - If cookie is valid and `/api/auth/me` returns `is_approved: true` → `redirect('/dashboard')`.
+   - If cookie is valid and `is_approved: false` → `redirect('/pending')`.
+   - Otherwise, unless `?error=` param is present, redirect directly to Google OAuth (`redirectToGoogleOrSignin`).
+   - If `?error=` is present, fall through and render the `/signin` page with its error UI (so users whose sign-in failed can see why and retry).
+
+Meaning: the `/signin` page is **only ever rendered** when there is an `?error=` param. Without `?error=`, it is a transient redirect target.
+
+---
+
+## 3. Middleware matcher (copy-paste-ready)
+
+```ts
+// src/middleware.ts:113-122
+export const config = {
+  matcher: [
+    '/signin',
+    '/dashboard/:path*', '/learn/:path*', '/study/:path*',
+    '/tree/:path*',     '/flashcards/:path*', '/library/:path*',
+    '/calendar/:path*', '/social/:path*',
+    '/settings/:path*', '/achievements/:path*',
+    '/admin/:path*',
+  ],
+}
+```
+
+Not matched (unprotected by middleware): `/`, `/about`, `/privacy`, `/terms`, `/careers/**`, `/signin/callback`, `/pending`, `/api/*`.
+
+**Bypass**: `process.env.NEXT_PUBLIC_LOCAL_MODE === 'true'` short-circuits everything to `NextResponse.next()` (`middleware.ts:54-56`). Combined with `UserContext` local-mode branch (`UserContext.tsx:73-82`), this is the offline dev-loop mode — user is always `LOCAL_USER` (`{id: 'local-user-001', name: 'Local Dev', avatar: ''}`) with `isApproved=true, isAdmin=true`.
+
+---
+
+## 4. `UserContext` — the one global store
+
+File: `src/context/UserContext.tsx`. Wrapped around the entire app in `app/layout.tsx:57`.
+
+### 4.1 Exposed API
+
+| Prop | Type | Source |
+|---|---|---|
+| `userId` | `string` | localStorage → backend `/api/users` |
+| `userName` | `string` | localStorage → backend `/api/users` |
+| `avatarUrl` | `string` | localStorage |
+| `users` | `UserOption[]` | backend `/api/users` |
+| `userReady` | `boolean` | `true` after localStorage read completes |
+| `isAuthenticated` | `boolean` | localStorage presence / `setActiveUser` |
+| `isApproved` | `boolean` | `confirmApproved()` after callback; not live-synced on mount (relies on middleware to gate) |
+| `username` | `string \| null` | `/api/auth/me` |
+| `roles` | `UserRole[]` | `/api/auth/me` |
+| `equippedCosmetics` | `EquippedCosmetics` | `/api/auth/me` |
+| `featuredRole` | `Role \| null` | `equipped_cosmetics.featured_role` in `/api/auth/me` |
+| `isAdmin` | `boolean` | `/api/auth/me` (`is_admin` flag) |
+| `setActiveUser(id, name, avatar?)` | fn | Writes localStorage `sapling_user` and mutates context |
+| `confirmApproved()` | fn | Marks `isApproved=true` (called by `/signin/callback` only) |
+| `signOut()` | async fn | DELETE session + clear state + clear localStorage |
+| `refreshProfile()` | async fn | Re-runs `/api/auth/me` |
+
+### 4.2 Behavior quirks worth preserving in a rebuild
+
+- **`userReady` gating.** Every page that fetches per-user data does `if (!userReady || !userId) return` before calling its API. This guards against a SSR/CSR race where the page would fetch with `userId === ''` and get garbage/404. Any rebuild must preserve an equivalent "don't fetch until hydrated" mechanism.
+- **Name reconciliation.** After localStorage populates `userName`, a second pass from `/api/users` overwrites it (`UserContext.tsx:97-113`). This prevents a stale greeting if the user renamed themselves from another browser.
+- **`isApproved` is set once, not polled.** The client-side `isApproved` flag is only set to `true` by `confirmApproved()` in `/signin/callback`. Middleware is the authority for ongoing approval. Don't add client polling — rely on middleware.
+- **Local-mode shortcut.** When `NEXT_PUBLIC_LOCAL_MODE=true`, `UserContext` populates with `LOCAL_USER` and skips the backend. All `lib/api.ts` calls are routed through `handleLocalRequest` (`lib/localData.ts`) — fake in-memory data. Keep this path around for offline dev unless you replace it with something better (Storybook mocks, MSW, etc.).
+
+---
+
+## 5. Components involved
+
+| Component | File | Role |
+|---|---|---|
+| `UserProvider` / `useUser()` | `src/context/UserContext.tsx` | Identity context |
+| `SignInPage` / `SignInInner` | `src/app/signin/page.tsx` | Error-recovery signin card + auto-reexchange |
+| `CallbackPage` / `CallbackInner` | `src/app/signin/callback/page.tsx` | OAuth return handler |
+| `POST/DELETE /api/auth/session` | `src/app/api/auth/session/route.ts` | HMAC verify + cookie issue/clear |
+| `PendingPage` | `src/app/pending/page.tsx` | Waitlist holding screen |
+| `verifySession` / `signSession` | `src/lib/sessionToken.ts` | Web Crypto HMAC helpers, shared with middleware |
+| `middleware` | `src/middleware.ts` | Route guard |
+| `Navbar` (user-menu) | `src/components/Navbar.tsx:340-404` | Sign-out button |
+
+Indirect: any page that calls `useUser()` — basically all in-scope pages.
+
+---
+
+## 6. API calls (auth-relevant only)
+
+| Call | Direction | When |
+|---|---|---|
+| `GET ${API_URL}/api/auth/google` | Hard redirect | Navbar Sign In / `/signin` retry / `OnboardingFlow` step 0 / middleware fallback |
+| `GET ${API_URL}/api/auth/google/callback` | Browser (from Google) | Google consent screen → backend → `/signin/callback` |
+| `GET ${API_URL}/api/auth/me?user_id=` | Frontend fetch | Middleware (every protected nav), `UserContext.fetchProfileData`, `/api/auth/session` fallback, `/signin/callback` onboarding branch |
+| `GET ${API_URL}/api/users` | Frontend fetch | `UserContext` mount |
+| `POST /api/auth/session` (Next route) | Frontend fetch | `/signin` (localStorage re-exchange), `/signin/callback` |
+| `DELETE /api/auth/session` (Next route) | Frontend fetch | `UserContext.signOut` |
+
+---
+
+## 7. State storage
+
+| Storage | Key | Written by | Read by | Lifetime |
+|---|---|---|---|---|
+| Cookie (HTTP-only, sameSite=lax) | `sapling_session` | `POST /api/auth/session` | `middleware.ts` (via `verifySession`) | 30 days (`SESSION_MAX_AGE`) |
+| `localStorage` | `sapling_user` (`{id, name, avatar}`) | `UserContext.setActiveUser` | `UserContext` mount, `/signin` mount | Until sign-out or manual clear |
+| `sessionStorage` | `sapling_onboarding_pending` (`'true'`) | `OnboardingFlow.handleGoogleSignIn`, `/signin/callback` when `onboarding_completed=false` | Landing page mount, `/signin/callback` mount | Cleared by landing page on consume (`src/app/page.tsx:71`) |
+
+---
+
+## 8. Error and edge cases (catalog)
+
+Preserve these in the rebuild.
+
+1. **Error copy table** (`src/app/signin/page.tsx:9-13`):
+   - `not_approved` → "Your account is pending approval."
+   - `invalid_domain` → "Sign-in is limited to approved school accounts."
+   - `google_not_configured` → "Google sign-in is not configured on the server."
+   - Fallback for unknown codes → `"Something went wrong (${error})."`
+   - Plus `signin_failed` (from callback), which uses the fallback copy.
+
+2. **`/signin` Suspense wrapper** (`signin/page.tsx:134-140`). `useSearchParams` requires `<Suspense>` in Next App Router — don't drop this wrapper.
+
+3. **3-second timeout** on every middleware `/api/auth/me` call (`middleware.ts:33-43, 87-98`). If this is missed, a slow backend will hang page renders. A rebuild should keep the timeout (maybe even lower it) and redirect to Google OAuth on timeout.
+
+4. **`SESSION_SECRET` length guard** (`sessionToken.ts:5-8`). Enforces ≥32 bytes. Throwing on short secrets prevents weak prod configs — keep this.
+
+5. **Base64url de/encoding** (`sessionToken.ts:11-25`, duplicated in `route.ts:16-26`). Both files implement their own `toBase64Url`/`fromBase64Url` because they can't share module code across the Edge runtime boundary (middleware + route.ts run in Edge, not Node). Rebuild can dedupe if using a single runtime.
+
+6. **`Uint8Array<ArrayBuffer>`** type annotation. `fromBase64Url` in `route.ts:17` explicitly returns a `Uint8Array<ArrayBuffer>` (concrete) so TypeScript sees it as `BufferSource` for `crypto.subtle.verify`. This is a TS 5.x typing quirk and is not optional — leaving it as plain `Uint8Array` will fail type-checks.
+
+7. **`/signin/callback` fire-and-forget session POST.** Failure doesn't block the redirect. Intentional. A rebuild that wants stricter guarantees should await the POST and only proceed on success — but be aware of the UX regression.
+
+---
+
+## 9. Things to preserve in the rebuild
+
+- 30-day HTTP-only, `sameSite=lax`, HMAC-SHA-256-signed cookie.
+- Dual secret model: the same `SESSION_SECRET` verifies the backend's `auth_token` and signs the frontend's `sapling_session`.
+- Fast-path verification (no backend round-trip) when the `auth_token` is present; graceful fallback to `GET /api/auth/me` when it isn't (e.g., direct re-exchange from localStorage).
+- Middleware calls `/api/auth/me` on **every** protected navigation for live approval revocation — do not cache approval in the cookie.
+- 3-second `AbortController` timeout on every middleware network call.
+- `/pending` as the dead-simple holding page with a sign-out button (no dashboard, no nav surface). Keep it "hostile-to-progress" until an admin flips the flag.
+- `?error=` query-param mechanism on `/signin` for surfacing backend reasons to the user.
+- `sessionStorage.sapling_onboarding_pending` handoff between Google's redirect and the landing-page onboarding flow — this is the only reason new users land on `/` and not `/dashboard` after sign-in.
+- Local-mode (`NEXT_PUBLIC_LOCAL_MODE=true`) must stay wired at both the middleware and UserContext levels so offline dev works.
+- The `userReady` gate — every page that calls `lib/api.ts` must wait on this flag before fetching.
+
+---
+
+## 10. Question surfaced by this deep-dive
+
+**Q11.** `signOut()` does **not** clear `sessionStorage.sapling_onboarding_pending`. If user A signs out mid-onboarding and user B signs in on the same browser, B could inherit the flag and be forced into the landing-page onboarding instead of going straight to `/dashboard`. Reproduction: sign in as A, trigger `sapling_onboarding_pending=true` via `OnboardingFlow`, sign out before finishing, sign in as B — B lands on `/` with A's partially-entered state. Intentional or a bug? (Noted in `QUESTIONS.md`.)
diff --git a/docs/frontend-audit/features/calendar.md b/docs/frontend-audit/features/calendar.md
new file mode 100644
index 00000000..25363779
--- /dev/null
+++ b/docs/frontend-audit/features/calendar.md
@@ -0,0 +1,156 @@
+# Feature · Calendar
+
+> Covers: `/calendar/page.tsx` + `AssignmentTable.tsx` + Google Calendar sync + `DocumentUploadModal` syllabus side-effect.
+
+---
+
+## 1. Overview
+
+Calendar surfaces the user's upcoming assignments across courses. Three views (month/week/day) with per-type color coding. Integrated with Google Calendar: connect, sync out (export), import back, disconnect.
+
+Top bar: back arrow, title, sync buttons. Body: `CalendarGrid` with view switcher. Sidebar (or below on mobile): `AssignmentTable` (editable) + upload syllabus button.
+
+---
+
+## 2. User flows
+
+### 2.1 Flow: load + view switch
+
+- Mount: fetch `getAllAssignments`, `getCalendarStatus`, `getCourses` in parallel (`calendar/page.tsx:332-343`).
+- Assignments normalized via `normalizeAssignments` (defaults missing fields — `id` falls back to `missing-id-${index}`).
+- `CalendarGrid` owns `view` (`'month' | 'week' | 'day'`) and `current` date.
+- View switcher buttons (pill-style) toggle `view`.
+- `current` navigates via prev/next arrows; "Today" resets.
+
+**`current` starts null** for SSR consistency; then a mount effect sets it to `new Date()` (`calendar/page.tsx:74-80`). Without this, calendar output would differ between server and client render.
+
+### 2.2 Flow: display assignments on the grid
+
+- Assignments are bucketed by `due_date` (YYYY-MM-DD prefix).
+- Each cell renders up to N `AssignmentChip`s (tooltip = `${a.title} — ${a.course_name}\n${a.notes}`).
+- Color coding by `assignment_type` (`exam` / `project` / `homework` / `quiz` / `reading` / `other`) — `TYPE_COLORS` map at `page.tsx:23-30`.
+
+### 2.3 Flow: Google Calendar OAuth
+
+1. User clicks "Connect Google Calendar" (somewhere in the header).
+2. Frontend calls `getCalendarAuthUrl(userId)` → redirect to Google.
+3. Google redirects back to backend, which redirects to `/calendar?connected=true`.
+4. Mount effect detects `?connected=true` → `setGoogleConnected(true)` (`page.tsx:346-350`).
+
+### 2.4 Flow: sync out (export to Google)
+
+- `handleSync()` → `syncToGoogleCalendar(userId)` → `{synced_count}`. Sets `syncedCount`. Refetches assignments so newly-set `google_event_id` values appear.
+- "Sync N events" feedback shown inline.
+
+### 2.5 Flow: import from Google
+
+- `handleImportGoogle()` → `importGoogleEvents(userId, 60)` (60 days ahead). Stores in `googleEvents` (not assignments — imported events are displayed separately). Alert on error.
+
+### 2.6 Flow: disconnect Google
+
+- `handleDisconnectGoogle()` uses `window.confirm` ("Disconnect from Google Calendar? Synced events will not be removed.") — native browser confirm dialog.
+- On confirm: `disconnectGoogleCalendar(userId)` → clears local Google state.
+- Alert on error.
+
+### 2.7 Flow: upload syllabus from Calendar
+
+- "Upload syllabus" button opens `DocumentUploadModal`.
+- `handleUploadClose(uploaded)` (`page.tsx:357-364`): if any uploaded doc has `category === 'syllabus'`, `refreshAssignments()` immediately and again after 1.5s (insert race).
+- The uploaded syllabus's AI-extracted assignments appear in the grid.
+
+### 2.8 Flow: `AssignmentTable` editing
+
+`AssignmentTable.tsx` (319 lines) supports:
+
+- **Sort**: by `Manual order` (default), `Due date`, `Course`, `Title`, `Type`. Only Manual order allows drag reorder.
+- **Drag reorder** (when `sortKey === 'custom'`): HTML5 drag-and-drop; `draggingIndex` state.
+- **Inline edit**: double-click or click to edit `title`/`course_name`/`due_date`/`assignment_type`/`notes`. Changes propagate via `onChange(updated)`.
+- **Add row**: button appends a blank `Assignment` with a temp ID (`temp_${Date.now()}`).
+- **Delete row**: trash icon.
+- **"Due soon" badge**: derived from `isDueSoon(dueDate)` — within 24 hours.
+- **Multi-select**: `selectedIds?` + `onToggleSelect?` props drive a checkbox column. Used by the sync-to-Google flow to select which to export.
+
+`saveAssignments(userId, assignments)` persists user edits (`POST /api/calendar/save`). `exportToGoogleCalendar(userId, ids)` sends a subset.
+
+---
+
+## 3. State
+
+`CalendarGrid`:
+- `view`: `'month'|'week'|'day'`
+- `current: Date | null`
+- `today: string`
+
+`CalendarInner`:
+- `assignments`, `googleEvents`
+- `syncing`, `syncedCount`, `googleConnected`, `importingGoogle`
+- `courses`
+- `showUpload`
+
+`AssignmentTable`:
+- `sortKey`, `sortDirection`
+- `draggingIndex`
+
+---
+
+## 4. API calls
+
+- `getAllAssignments(userId)` → `GET /api/calendar/all/:userId`
+- `getUpcomingAssignments(userId)` → `GET /api/calendar/upcoming/:userId` (used by Dashboard, not here)
+- `getCalendarStatus(userId)` → `GET /api/calendar/status/:userId`
+- `getCalendarAuthUrl(userId)` → `GET /api/calendar/auth-url?user_id=` (starts OAuth)
+- `syncToGoogleCalendar(userId)` → `POST /api/calendar/sync`
+- `exportToGoogleCalendar(userId, ids)` → `POST /api/calendar/export`
+- `importGoogleEvents(userId, days)` → `GET /api/calendar/import/:userId?days_ahead=`
+- `disconnectGoogleCalendar(userId)` → `DELETE /api/calendar/disconnect/:userId`
+- `saveAssignments(userId, assignments[])` → `POST /api/calendar/save`
+- `extractSyllabus(formData, userId)` → `POST /api/calendar/extract` (used internally by the upload flow? — confirm in Phase 4)
+
+---
+
+## 5. Components involved
+
+- `CalendarGrid` (inline in `page.tsx`)
+- `AssignmentChip` (inline)
+- `AssignmentTable`
+- `DocumentUploadModal`
+
+---
+
+## 6. Edge cases
+
+1. **`?connected=true` is never cleared from the URL** after processing. Refreshing repeats the side-effect. Low-stakes since setting `googleConnected=true` twice is harmless.
+2. **`window.confirm` for disconnect** — blocks the main thread and is inaccessible. Replace with a styled modal in the rebuild.
+3. **`alert()` for error surfacing** — use `useToast` instead.
+4. **`missing-id-${index}` fallback** (`normalizeAssignments`) — if the backend ever omits an id, React keys become unstable on reorder. Flag, not urgent.
+5. **Syllabus upload refetch races** — mitigated with a 1.5s delayed refetch; good-enough hack.
+6. **Import-from-Google shows events but doesn't convert them to assignments** — `googleEvents` is a separate list. Unclear if the UI surfaces a "promote to assignment" action — to check in Phase 4.
+7. **Timezone handling** — assignments use YYYY-MM-DD strings; `CalendarGrid` uses local Date math. A user traveling across time zones may see off-by-one due dates. Not fixed in current code.
+
+---
+
+## 7. Interactive patterns
+
+- Month/week/day view switcher.
+- Prev / next / Today navigation on the grid header.
+- Drag-and-drop row reordering (Manual order only).
+- Inline editing (text inputs styled to look like plain text until focused).
+- Bulk select + export to Google.
+
+---
+
+## 8. Things to preserve in the rebuild
+
+- Three views (month/week/day) with per-type color coding.
+- Google Calendar integration (connect / sync-out / import / disconnect).
+- `?connected=true` redirect target for OAuth success.
+- Syllabus upload refreshes the calendar automatically.
+- Editable `AssignmentTable` with drag-reorder in Manual order mode.
+- "Due soon" 24-hour badge.
+
+## 9. Things to rework
+
+- Replace `window.confirm` / `alert` with Toasts + styled modals.
+- Import-from-Google flow needs clearer UX (currently a side list with no obvious next step).
+- Timezone-safe date math.
+- Clear `?connected=true` after processing.
diff --git a/docs/frontend-audit/features/dashboard.md b/docs/frontend-audit/features/dashboard.md
new file mode 100644
index 00000000..f51e5786
--- /dev/null
+++ b/docs/frontend-audit/features/dashboard.md
@@ -0,0 +1,248 @@
+# Feature · Dashboard
+
+> Covers: `/dashboard` (`src/app/dashboard/page.tsx`, 1536 lines). The post-signin home — greeting, knowledge graph, courses management, assignments, stats, recommendations.
+
+---
+
+## 1. Overview
+
+The dashboard is one very large client component. It fetches four datasets in parallel on mount (`getGraph`, `getRecommendations`, `getUpcomingAssignments`, `getCourses`) and stitches them into:
+
+- A **center panel** with the `KnowledgeGraph` (courses as hub nodes with concept satellites), an AI recommendation popup when `?suggest=` is present, and an "Upcoming" assignments strip below.
+- A **left panel** (desktop only) with a typewriter greeting, random quote, collapsible per-course mastery rows, and a "Manage Courses" button that opens a modal.
+- A **right panel** (desktop) / **bottom Stats tab** (mobile) with streak + 7-day activity dots, per-tier knowledge counts, top-3 recommendations, "Quick Quiz" / "Study Room" shortcuts, and Recent Activity.
+- A **fullscreen graph overlay** (desktop only) toggled by a Maximize2 button.
+- A **Courses modal** for add/delete/recolor.
+
+Mobile collapses the layout into a stack with two toggle tabs (`My Courses` / `Stats & More`).
+
+---
+
+## 2. User flows
+
+### 2.1 Flow: initial load (happy path)
+
+1. Middleware gates — user is approved.
+2. `DashboardInner` mounts. `userReady`/`userId` populated by `UserContext`.
+3. `useEffect` fires once (`page.tsx:197-224`):
+   ```ts
+   const [graphData, recData, assignData, courseData] = await Promise.all([
+     getGraph(userId),
+     getRecommendations(userId),
+     getUpcomingAssignments(userId),
+     getCourses(userId),
+   ]);
+   setNodes(graphData.nodes); setEdges(graphData.edges); setStats(graphData.stats);
+   setRecommendations(recData.recommendations.slice(0, 3));
+   setAllAssignments(assignData.assignments);
+   setCourseList(courseData.courses);
+   // derive courseColorMap from courses[].color
+   ```
+   Any failure → `setFetchError(e.message || 'Failed to load dashboard data.')`.
+4. `setLoading(false)`. The container renders a spinner until then (`page.tsx:425-431`).
+5. Parallel effects run:
+   - **Typewriter greeting** (`page.tsx:258-274`): types `${getTimeGreeting()}, ${userName.split(' ')[0]}.` one char / 55ms; `greetingDone=true` 300ms after completion.
+   - **Blinking cursor** (`page.tsx:277-284`): toggles every 530ms until `greetingDone`, then hidden.
+   - **Random quote** (`page.tsx:227-229`): picks from a 13-entry array (literary quotes + "Fun fact: …"). Runs client-only to avoid SSR/CSR hydration mismatch.
+   - **ResizeObserver** on `containerRef` (`page.tsx:286-307`) → `graphDimensions`, debounced 250ms after first observation.
+
+### 2.2 Flow: clicking a concept in the graph
+
+- `handleNodeClick(node)` (`page.tsx:334-336`) → `router.push('/learn?topic=' + encodeURIComponent(node.concept_name))`.
+- Clicking a **subject_root** node (course hub) — same handler. The `/learn` page is expected to handle course-level topics (to confirm in `features/learn.md`).
+
+### 2.3 Flow: AI-recommendation popup (`?suggest=`)
+
+Trigger: Navbar "What should I learn next?" while on `/dashboard` — Navbar pushes `/dashboard?suggest=<concept>` (`src/components/Navbar.tsx:86-103`).
+
+1. `suggestConcept = searchParams.get('suggest') ?? ''` (`page.tsx:88`).
+2. `suggestNode = useMemo(...)` looks up the matching `GraphNode` by `concept_name`.
+3. If found → render a floating card overlaid on the bottom of the graph (`page.tsx:821-890`):
+   - Label: "AI Recommendation"
+   - Title: the concept name
+   - Copy: "Based on your knowledge graph, this concept will have the highest impact on your mastery."
+   - Buttons: **Dismiss** → `router.replace('/')` *[note: this routes to `/` (landing) — likely a bug; should be `/dashboard` without `?suggest=`. Flag in QUESTIONS]*. **Start Quiz →** → `router.push('/learn?topic=...&mode=quiz')`.
+4. `highlightId={suggestNode.id}` is passed to `KnowledgeGraph`; the node is visually emphasized.
+
+### 2.4 Flow: manage courses (modal)
+
+Trigger: "Manage Courses" button in the left panel (or per-course row actions).
+
+The modal (`page.tsx:1250-1400+`) supports:
+
+1. **Add course** — debounced 200ms (`page.tsx:339-356`) typeahead against `GET /api/onboarding/courses?q=<input>`. Filters out already-enrolled course IDs. Max 5 suggestions. Picking a suggestion calls `handleAddCourseFromCatalog`:
+   - Derives next available color from `PRESET_COURSE_COLORS` (skipping already-used ones), falls back to `PRESET_COURSE_COLORS[0]`.
+   - `addCourse(userId, course.id, pickedColor)` → 200 with `already_existed: true` surfaces a specific error message; `error` field surfaces any backend error.
+   - On success: clears input, refetches both courses and graph (course changes alter subject_root nodes).
+2. **Inline color picker** — click the color swatch → `setEditingColorFor(courseId)` and `setColorHexInput(current)`. `handleColorChange` validates `/^#[0-9a-fA-F]{6}$/` before calling `updateCourseColor`; refetches graph.
+3. **Delete course** — two-step confirm: first button press sets `confirmDeleteCourse=courseId`, shows Cancel/Confirm pills. Confirm calls `handleDeleteCourse` → `deleteCourse(userId, courseId)` → refetch graph (removed subject root disappears).
+4. **Dropdown dropdown portal positioning**: course search suggestions are rendered via `createPortal` to keep them above the modal's scroll container. The `courseInputRect` state is kept in sync with the input's `getBoundingClientRect()` via a `useLayoutEffect` watching `resize` + capturing `scroll` events (`page.tsx:237-255`).
+
+### 2.5 Flow: fullscreen graph
+
+Trigger: "Fullscreen" button on the graph (`page.tsx:771-801`, desktop only).
+
+1. `setGraphFullscreen(true)` → renders a fixed-position overlay (`page.tsx:893-954`).
+2. `useLayoutEffect` (`page.tsx:309-332`):
+   - Attaches a `ResizeObserver` to `fullscreenGraphRef` → updates `fullscreenGraphDimensions`.
+   - Binds `keydown` listener for Escape → exits.
+   - Sets `document.body.style.overflow = 'hidden'`; restores on cleanup.
+3. Exit button (Minimize2 icon) or Escape → `setGraphFullscreen(false)`.
+
+### 2.6 Flow: weekly streak display
+
+- `weekInfo` (`page.tsx:145-161`) — derived Mon–Sun ISO dates for the current week (locale-independent: always Monday-first via `dow === 0 ? 6 : dow - 1`).
+- `activeDaysThisWeek` (`page.tsx:164-174`) — set of ISO dates that have at least one node with `last_studied_at` matching.
+- Rendering (`page.tsx:1098-1136`):
+  - Today's label highlighted orange + bold.
+  - Active days render a 🔥 emoji.
+  - Inactive today/past → bordered circle (dim outline).
+  - Inactive future → bordered circle (dimmer outline).
+- Streak count pulled from `stats.streak` (`page.tsx:1091-1095`).
+
+### 2.7 Flow: per-course progress (left panel)
+
+`page.tsx:~500-700` (collapsible list):
+- Each course can be collapsed/expanded (`collapsedCourses: Set<string>` keyed by course name).
+- Progress bar = average `mastery_score` across all non-subject-root nodes with matching `subject`.
+- Also renders per-course **assignments** filtered from `allAssignments` where `course_name` matches.
+
+---
+
+## 3. State
+
+| State | Type | Source |
+|---|---|---|
+| `nodes` / `edges` | `GraphNode[]` / `GraphEdge[]` | `getGraph(userId)` |
+| `stats` | `GraphStats` | `getGraph(userId)` |
+| `recommendations` | `Recommendation[]` (top 3) | `getRecommendations(userId)` |
+| `allAssignments` | `Assignment[]` | `getUpcomingAssignments(userId)` |
+| `courseList` | `EnrolledCourse[]` | `getCourses(userId)` |
+| `courseColorMap` | `Record<course_name, hex>` | derived from `courseList[].color` |
+| `loading`, `fetchError` | ui | initial fetch state |
+| `graphDimensions`, `fullscreenGraphDimensions` | `{width, height}` | ResizeObserver |
+| `graphFullscreen` | `boolean` | Maximize button |
+| `mobileSidebarTab` | `'courses' \| 'stats' \| null` | Mobile toggle tabs |
+| `displayedGreeting`, `greetingDone`, `cursorVisible` | typewriter state | `useEffect` interval |
+| `quote` | `string` | random pick client-side |
+| `collapsedCourses` | `Set<string>` | per-course collapse toggles |
+| `showCourses` | `boolean` | manage-courses modal |
+| `courseSearchInput`, `courseSuggestions`, `courseSearchFocused`, `courseInputRect` | course search modal state | — |
+| `courseAdding`, `courseDeleting`, `courseError` | action-in-flight flags + error copy | — |
+| `editingColorFor`, `colorHexInput` | inline color picker state | — |
+| `confirmDeleteCourse` | `string \| null` | two-step delete confirm |
+
+**No memoization** of the major panels — every state change re-renders the whole page. React Compiler (enabled via `next.config.ts:20`) likely helps here.
+
+**No caching across navigations** — leaving and returning to `/dashboard` refetches everything.
+
+---
+
+## 4. API calls
+
+| Call | When | Notes |
+|---|---|---|
+| `getGraph(userId)` → `GET /api/graph/:userId` | mount; also after add/delete/recolor course | Returns `{nodes, edges, stats}` |
+| `getRecommendations(userId)` → `GET /api/graph/:userId/recommendations` | mount | Only top 3 shown |
+| `getUpcomingAssignments(userId)` → `GET /api/calendar/upcoming/:userId` | mount | Top 4 shown in the strip |
+| `getCourses(userId)` → `GET /api/graph/:userId/courses` | mount; after add/delete | Returns `EnrolledCourse[]` including per-course `color` |
+| `addCourse(userId, courseId, color)` → `POST /api/graph/:userId/courses` | Add-course flow | 200 with `already_existed` possible |
+| `updateCourseColor(userId, courseId, color)` → `PATCH /api/graph/:userId/courses/:courseId/color` | Color picker save | — |
+| `deleteCourse(userId, courseId)` → `DELETE /api/graph/:userId/courses/:courseId` | Confirm-delete | Refetch graph to drop subject_root |
+| `GET ${API_URL}/api/onboarding/courses?q=` | Course search typeahead (direct fetch, not via `lib/api.ts`) | Debounced 200ms |
+
+**No optimistic updates.** Every mutation waits for the server and then refetches. Simpler, slower.
+
+---
+
+## 5. Components involved
+
+| Component | File | Where |
+|---|---|---|
+| `KnowledgeGraph` | `src/components/KnowledgeGraph.tsx` | Center + fullscreen overlay |
+| (inline) Courses panel, Upcoming strip, Stats card, Learn-Next card, Actions card, Recent-Activity card, Courses modal | `src/app/dashboard/page.tsx` | All defined inline |
+| `Link` (next/link) | — | Links to `/calendar`, `/learn?mode=quiz`, `/social`, `/learn?topic=...` |
+| `Maximize2` / `Minimize2` from `lucide-react` | — | Fullscreen toggle |
+
+---
+
+## 6. Interactive patterns
+
+| Pattern | Impl |
+|---|---|
+| Escape to exit fullscreen | `useLayoutEffect` binds `keydown`, calls `setGraphFullscreen(false)` |
+| Body scroll-lock (fullscreen) | `document.body.style.overflow = 'hidden'`; restore on cleanup |
+| Debounced search | `setTimeout(200)` + `courseDebounceRef` |
+| Portal-positioned dropdown | `createPortal` (imported at `page.tsx:4`) with `courseInputRect` from `getBoundingClientRect()` + listener on `resize` and capturing `scroll` |
+| Two-step confirm | `confirmDeleteCourse` state; Cancel resets |
+| Collapsible rows | `Set<string>` of collapsed subject names |
+| Mobile tab toggle | Single `mobileSidebarTab` prop switches between 'courses'/'stats'/null |
+| ResizeObserver for graph canvas | debounced 250ms after first observation to avoid janky re-measures |
+| Typewriter greeting | `setInterval(55)` appending one char at a time |
+| Blinking cursor | `setInterval(530)` while typing |
+
+---
+
+## 7. Loading / empty / error states
+
+- **Loading** (entire page): centered "Loading your dashboard..." (`page.tsx:425-431`).
+- **Error** (entire page): centered card with error message + "Retry" button that forces `window.location.reload()` (`page.tsx:433-446`).
+- **Graph loading** (after outer loading resolves): centered "Loading graph…" until `graphDimensions.width > 0` (`page.tsx:803-807`).
+- **No assignments**: "No upcoming assignments" (`page.tsx:966-967`).
+- **No courses** (mobile panel): "No courses yet".
+- **No courses** (modal): "No courses added yet."
+- **Course-search no matches**: suggestions panel simply doesn't render. (Silent — could be improved.)
+- **`suggestConcept` without matching `suggestNode`**: popup doesn't render. User sees no indication the suggestion target is missing.
+
+---
+
+## 8. Edge cases
+
+1. **`suggestConcept` with no matching node**: silent. User clicked the recommendation but the concept has since been renamed/removed — nothing happens. Consider a toast.
+2. **Dismiss button routes to `/`** (landing page) instead of clearing the query param (`page.tsx:857`). Likely a bug. Should be `router.replace('/dashboard')`.
+3. **`formatDueDate` / `formatRelativeTime`** live in `lib/graphUtils.ts`. Not catalogued here — cover in Phase 4.
+4. **`filteredEdges` hides cross-subject edges** (`page.tsx:179-189`). Subject-root edges always kept. Concept-to-concept edges only kept if both endpoints share a subject. Prevents visual clutter when showing multiple courses.
+5. **Date math is local-timezone sensitive** (`weekInfo` uses `setHours(0,0,0,0)` and `getDay()`). A user crossing midnight or in an unexpected timezone might see yesterday's streak dot still highlighted. Not obviously broken but worth noting.
+6. **`quote` is picked in a `useEffect`** (`page.tsx:227-229`) to avoid SSR hydration mismatch — if moved to the render body it would cause a mismatch on first paint.
+7. **Random-quote array includes both quotes and "Fun fact:" entries** (`page.tsx:46-59`). If the rebuild changes the format, keep both styles or choose one.
+8. **Course-search failure path** (`handleAddCourseFromCatalog` `catch`, `page.tsx:381-388`) attempts to parse the error message as JSON and extract `.detail` — because FastAPI error responses are JSON-shaped. Preserve this if backend keeps returning `{detail: ...}`.
+
+---
+
+## 9. Accessibility
+
+- No `aria-label` on the Fullscreen / Exit-fullscreen buttons' icons — only visible text labels ("Fullscreen" / "Exit"), which is fine for icon+text buttons.
+- Delete confirmation uses two real `<button>` elements (Cancel / Confirm) — keyboard reachable. ✅
+- The course search's typeahead dropdown does not use ARIA combobox roles. Autocomplete is keyboard-navigable via Tab, but arrow keys don't move through suggestions. Regression opportunity in the rebuild — add `role="combobox"`/`role="listbox"`/`aria-activedescendant`.
+- Streak-day circles are purely visual. A screen reader user gets no indication of the week's activity. Consider `aria-label` on the day containers.
+
+---
+
+## 10. Responsive behavior
+
+- Breakpoint: 768px (`useIsMobile` helper, reused across many pages).
+- Desktop layout: 3-column (`300px` left | flex center | `320px` right), `height: calc(100vh - 48px)` fixed.
+- Mobile layout: vertical stack with `My Courses`/`Stats & More` toggle tabs. Each tab reveals the corresponding panel. Left panel is *not* shown on mobile (`!isMobile &&`).
+- Graph fullscreen is desktop-only (`!isMobile &&` guard).
+
+---
+
+## 11. Things to preserve in the rebuild
+
+- Four-parallel-fetch mount pattern (`Promise.all`) with a single spinner + single error card.
+- AI-recommendation popup with **Dismiss** and **Start Quiz** actions — fix the Dismiss `/` regression.
+- `?suggest=<concept>` deep link contract (Navbar and other pages emit this).
+- Fullscreen graph overlay with Escape to exit + body scroll lock.
+- Courses modal with three capabilities: search-to-add, inline color picker (hex input), two-step delete.
+- Portal-positioned dropdowns inside scrollable modals.
+- Monday-first weekly streak strip with today highlighted orange.
+- Streak count + activity dots derived from `node.last_studied_at`.
+- Typewriter greeting with blinking cursor — tasteful but optional; the greeting text itself (time-of-day + first name) should remain.
+- Random quote on mount — make sure to render client-only to avoid hydration mismatch, or seed deterministically.
+- `getCourseColor` / `getMasteryColor` / `getMasteryLabel` / `formatDueDate` / `formatRelativeTime` / `PRESET_COURSE_COLORS` / `RAINBOW_COLORS` from `lib/graphUtils.ts` — these helpers are reused across Dashboard, Tree, Learn, Calendar, Library. Preserve their signatures or migrate them as a cohesive unit.
+- Quick Quiz shortcut → `/learn?mode=quiz` (direct deep link, no topic specified — Learn will prompt).
+- Study Room shortcut → `/social`.
+
+## 12. Question surfaced by this deep-dive
+
+**Q14.** Dashboard's AI-recommendation "Dismiss" button routes to `/` (landing) instead of `/dashboard`. `src/app/dashboard/page.tsx:857`. Appears to be a copy-paste error — `/social` uses the same pattern but routes to `/social` (`src/app/social/page.tsx:264`). Confirm it's a bug; fix in rebuild.
diff --git a/docs/frontend-audit/features/feedback-and-reports.md b/docs/frontend-audit/features/feedback-and-reports.md
new file mode 100644
index 00000000..225c4829
--- /dev/null
+++ b/docs/frontend-audit/features/feedback-and-reports.md
@@ -0,0 +1,143 @@
+# Feature · Feedback & Issue Reporting
+
+> Covers: `FeedbackFlow.tsx` (global periodic feedback), `SessionFeedbackFlow.tsx` (post-session feedback), `SessionFeedbackGlobal.tsx` (navigate-away trigger), `ReportIssueFlow.tsx` (user-initiated bug reports). `FeedbackFlow` and `SessionFeedbackGlobal` are mounted in the root layout and run everywhere.
+
+---
+
+## 1. Overview
+
+Four related surfaces, all using the same `POST /api/feedback` or `POST /api/issue-reports` contracts:
+
+| Surface | Trigger | Mounted | Cooldown |
+|---|---|---|---|
+| `FeedbackFlow` | 45s after page mount, any route | Root layout via `Suspense` | 3 days (localStorage) |
+| `SessionFeedbackFlow` | (a) every 5th `endSession()` in `/learn`, (b) navigate-away from `/learn` | Used inline by `/learn` + globally via `SessionFeedbackGlobal` | Navigate-away: 3 days (localStorage) |
+| `SessionFeedbackGlobal` | Wraps `SessionFeedbackFlow`, detects `/learn → elsewhere` navigation | Root layout | 3 days |
+| `ReportIssueFlow` | Triggered by the Navbar "Report issue" link | Navbar (on-demand) | n/a — user-initiated |
+
+Only `/learn` populates the `sapling_learn_had_session` flag, so `SessionFeedbackGlobal` only fires when the user has actually held a Learn session before leaving.
+
+---
+
+## 2. User flows
+
+### 2.1 Flow: passive global feedback (`FeedbackFlow`)
+
+Source: `src/components/FeedbackFlow.tsx`.
+
+- Mount effect: if `?testFeedback=global` — show immediately (QA escape hatch). Else read `localStorage.sapling_feedback_last_shown`; if `<3 days` ago, skip. Otherwise set a 45-second `setTimeout` to show.
+- Slide-up bottom-right card (matches `SessionFeedbackFlow` visually).
+- Steps:
+  1. **Emoji rating** (5 emojis: Frustrated / Unhappy / Neutral / Good / Loving it).
+  2. **Improvement options** (7 choices, plural checkbox). Options include: "AI explanations could be clearer", "Navigation is confusing", "Missing features I need", "Knowledge graph is hard to read", "Quiz difficulty feels off", "Performance / loading is slow", "Something else".
+  3. **Optional comment** (textarea). Submit button.
+  4. **Submitted** state: auto-dismiss after 1800ms.
+- `submitFeedback({user_id, type:'global', rating, selected_options, comment})`. Fire-and-forget.
+- Stamps `localStorage.sapling_feedback_last_shown = Date.now()` on dismiss/submit.
+
+### 2.2 Flow: post-session feedback (every 5 sessions) — see `features/learn.md` §2.7
+
+### 2.3 Flow: navigate-away feedback — see `features/learn.md` §2.9
+
+### 2.4 Flow: report issue (`ReportIssueFlow`)
+
+Source: `src/components/ReportIssueFlow.tsx`.
+
+- Triggered by Navbar "Report issue" button.
+- Three-step full-screen modal (backdrop + center panel):
+  1. **Topics**: 9 one-topic radio options (`AI / Learning Assistant`, `Library / Resources`, `Study Tools`, `Calendar`, `Social / Rooms`, `Account / Profile`, `Performance / Speed`, `UI / Display`, `Other`). Only one selectable at a time (`checked: string | null`).
+  2. **Details**: description textarea + up to 5 screenshot attachments (drag / pick, previews with remove X).
+  3. **Done**: thank-you, auto-dismiss after 2000ms.
+- On submit:
+  - Uploads each screenshot to Supabase Storage bucket `issues-media-files` with path `${userId}/${timestamp}_${random}.{ext}`.
+  - Collects public URLs via `supabase.storage.from(...).getPublicUrl(path)`.
+  - `submitIssueReport({user_id, topic, description, screenshot_urls})`. Fire-and-forget (`.catch(() => {})`).
+- Upload errors are `console.error`'d — not surfaced.
+
+Screenshots go **directly to Supabase Storage from the browser**, using the anon key. This is the only place in the app that writes to Storage client-side.
+
+---
+
+## 3. State
+
+### `FeedbackFlow`
+- `visible`, `closing` — animation state
+- `step`: `1 | 2 | 3`
+- `rating`, `checked: Set<string>`, `comment`
+- `submitted`, `hovered`
+
+### `SessionFeedbackFlow` — see `features/learn.md` §2.8
+
+### `SessionFeedbackGlobal`
+- `visible`
+- `prevPathname` ref
+
+### `ReportIssueFlow`
+- `step`: `'topics' | 'details' | 'done'`
+- `checked` (topic)
+- `comment`, `screenshots: File[]`, `screenshotPreviews: string[]`, `screenshotTypes: string[]`
+- `closing`, `submitting`
+
+---
+
+## 4. API calls
+
+- `submitFeedback({user_id, type: 'global' | 'session', rating, selected_options, comment?, session_id?, topic?})` → `POST /api/feedback`.
+- `submitIssueReport({user_id, topic, description, screenshot_urls})` → `POST /api/issue-reports`.
+- `supabase.storage.from('issues-media-files').upload(path, file)` — screenshot upload.
+- `supabase.storage.from('issues-media-files').getPublicUrl(path)` — public URL.
+
+---
+
+## 5. Components involved
+
+- `FeedbackFlow` — global passive card
+- `SessionFeedbackFlow` — post-session card (used by both `/learn` and `SessionFeedbackGlobal`)
+- `SessionFeedbackGlobal` — route-change watcher wrapping `SessionFeedbackFlow`
+- `ReportIssueFlow` — full-screen issue modal
+- `Navbar` - opens `ReportIssueFlow`
+
+---
+
+## 6. Edge cases
+
+1. **Three feedback surfaces share localStorage keys**:
+   - `sapling_feedback_last_shown` (FeedbackFlow)
+   - `sapling_session_end_count` (every-5-sessions)
+   - `sapling_learn_had_session`, `sapling_session_feedback_nav_last_shown` (navigate-away)
+   Each has its own 3-day cooldown (in different units: days vs ms — same outcome).
+2. **All submissions are fire-and-forget** (`.catch(() => {})`). A failed backend means lost feedback.
+3. **Screenshot upload** doesn't handle Supabase auth — uses anon key, uploads succeed if bucket policy allows anonymous writes. Verify bucket config.
+4. **`?testFeedback=global` / `?testFeedback=session`** are QA backdoors — the rebuild can keep them or remove them.
+5. **Mobile responsiveness** — bottom-right 340px fixed card may be too wide for narrow screens. (Not yet audited visually.)
+6. **`SessionFeedbackGlobal` + inline `/learn` SessionFeedbackFlow both render**. The inline one is only visible on `/learn` when conditions match; the global one is always mounted but `visible=false` until triggered. No duplicate firing risk because they track different state.
+7. **`ReportIssueFlow` uploads synchronously, one at a time, in a `for` loop**. For 5 large files this serializes — rebuild can parallelize.
+
+---
+
+## 7. Interactive patterns
+
+- Slide-up bottom-right toast card with `@keyframes sfSlideUp/Down` (shared animation vocabulary across both feedback flows).
+- Emoji row with hover scale.
+- Checkbox/toggle list with custom-drawn checkmarks (inline SVG).
+- Auto-dismiss "Thanks!" step with success emoji (🌱 / 🙏).
+- Full-screen modal with backdrop click-to-dismiss for `ReportIssueFlow`.
+- Drag-and-drop / file picker for screenshots with previews.
+
+---
+
+## 8. Things to preserve in the rebuild
+
+- Three-tier feedback system (passive periodic + session-specific + navigate-away).
+- 3-day cooldowns on passive and navigate-away triggers (tunable but keep the concept).
+- 45-second delay before showing passive feedback (don't nag instantly).
+- Emoji-based rating for quick captures.
+- Multi-checkbox improvement-area selection + free-text comment.
+- Issue-report topic routing + up to 5 screenshot attachments → Supabase Storage.
+- `?testFeedback=global|session` dev override.
+
+## 9. Things to rework
+
+- Surface submission errors with a retry instead of swallowing them.
+- Parallelize screenshot uploads.
+- Consider a single unified feedback store instead of four localStorage keys.
diff --git a/docs/frontend-audit/features/flashcards.md b/docs/frontend-audit/features/flashcards.md
new file mode 100644
index 00000000..06a100be
--- /dev/null
+++ b/docs/frontend-audit/features/flashcards.md
@@ -0,0 +1,76 @@
+# Feature · Flashcards (standalone page)
+
+> Covers: `/flashcards/page.tsx` (`src/app/flashcards/page.tsx`, 500+ lines). **Orphaned route** — no in-app link points to it (see Phase 2 §4). Duplicates most of the logic in `src/app/study/FlashcardsPanel.tsx` (see `features/study.md`).
+
+---
+
+## 1. Overview
+
+`/flashcards` is a standalone copy of the flashcards experience. It has its own top bar (`← / Flashcards / AIDisclaimerChip`), a left generator panel, a right card grid, and a full-screen study mode identical to the one inside `/study`.
+
+Because the Navbar does not link to `/flashcards`, this page is only reachable by direct URL. CLAUDE.md suggests the intended primary surface is `/study → Flashcards`. If so, `/flashcards` should be treated as legacy and either removed or redirected to `/study?mode=flashcards`.
+
+---
+
+## 2. User flows
+
+Identical to `FlashcardsPanel`:
+
+- Generate → `POST /api/flashcards/generate {user_id, topic, count:10}` with `topic` = a course name. Prepends into the deck.
+- Topic filter pills on the right panel.
+- "Study by topic" buttons on the left — enter full-screen study mode on click.
+- Study mode: flip card (0.55s 3D rotation), Forgot/Hard/Easy rating (1/2/3). Rating calls `rateFlashcard` and auto-advances after 300ms. Exits to list on last card.
+- Card actions: delete (X in bottom-right of each card) → `deleteFlashcard`.
+
+Divergence from `FlashcardsPanel`:
+
+- Top bar includes `AIDisclaimerChip` (desktop); `FlashcardsPanel` does not have its own top bar.
+- Mobile: `mobileTab` state toggles between `cards` and `generate` pills (shown in a sticky top strip). `FlashcardsPanel` stacks the two panels vertically on mobile instead.
+- `/flashcards` is wrapped by Navbar + root layout (so `SessionFeedbackGlobal` and `FeedbackFlow` are mounted). `FlashcardsPanel` is embedded inside `/study` and shares that route's chrome.
+
+---
+
+## 3. State
+
+Same as `FlashcardsPanel` plus:
+- `mobileTab`: `'generate' | 'cards'` for mobile layout.
+
+---
+
+## 4. API calls
+
+Identical to `FlashcardsPanel` (§4 of `features/study.md`).
+
+---
+
+## 5. Components involved
+
+- `AIDisclaimerChip` (top-right of top bar)
+- `Link` from `next/link` (back arrow to `/`)
+- Inline: generator, topic filter pills, card grid, flip-card study mode
+
+---
+
+## 6. Edge cases
+
+1. **Orphaned route.** No in-app Link or `router.push` points here (verified by grep). Either a legacy page or an intentionally URL-only deep link. Flag.
+2. **Duplicate generator state** in two places — if the user generates cards on `/flashcards`, `/study → Flashcards` won't see them until remount (and vice versa).
+3. **Study mode doesn't lock body scroll** — the user can accidentally scroll the page behind the flip card.
+4. **No keyboard shortcuts** for flip (Space) or rate (1/2/3).
+
+---
+
+## 7. Things to preserve in the rebuild
+
+- The same card UI (Topic pill + Q/A + `times_reviewed` + last-rating chip + delete X).
+- The same full-screen flip-card study mode (keep the 0.55s cubic-bezier animation).
+- The Forgot/Hard/Easy (1/2/3) rating semantics.
+- "Generated using N library docs / M weak concepts" chip when `context_used` is returned.
+
+## 8. Things to rework
+
+- Consolidate with `FlashcardsPanel`. Either:
+  - Remove `/flashcards` and redirect to `/study?mode=flashcards`, **or**
+  - Keep `/flashcards` as the canonical route and delete `FlashcardsPanel`'s parallel copy (embed by routing inside `/study`).
+- Add keyboard shortcuts.
+- Add body scroll-lock while in study mode.
diff --git a/docs/frontend-audit/features/knowledge-graph.md b/docs/frontend-audit/features/knowledge-graph.md
new file mode 100644
index 00000000..ba025198
--- /dev/null
+++ b/docs/frontend-audit/features/knowledge-graph.md
@@ -0,0 +1,166 @@
+# Feature · KnowledgeGraph (Cross-Cutting)
+
+> Covers: `src/components/KnowledgeGraph.tsx` (453 lines). A d3-force-simulation-driven SVG graph used by `/dashboard`, `/learn`, `/tree`, and `/social` (RoomOverview). This is the visual anchor of the whole product — preserving its look and feel is non-negotiable for the rebuild.
+
+---
+
+## 1. Overview
+
+A React/D3 interop component that renders an SVG graph of `nodes` + `edges` with:
+- **Matte flat fill** per course; opacity drives the mastery tier (`masteryOpacity(tier)` → `1.0 / 0.75 / 0.55 / 0.28 / 1.0`).
+- **Subject-root nodes** (`is_subject_root: true`) are larger (R=22) and labeled in the course's text color.
+- **Hover tooltip** (name, subject color chip, mastery %, last studied).
+- **Click → `onNodeClick(node)`** handler.
+- **Drag** to reposition; dragged node becomes `fixed` (`d.fx`/`d.fy`) until released.
+- **Zoom/pan** via `d3.zoom` (scale range 0.3–3).
+- **Drift animation**: each node has a per-node `sin/cos` micro-oscillation applied on top of the simulation position via RAF. Gives the graph a "living" feel even when the simulation has settled.
+- **Animated tier transitions** (500ms fade for fill-opacity when `mastery_tier` changes).
+- **Animated entry** for new nodes (`opacity 0→1`, 400ms).
+- **Highlight ring** for `highlightId` — a separate effect so changing the target doesn't restart the simulation.
+- **Comparison outline rings** (when `comparison.partnerNodes` provided): 4-color code for you-vs-partner mastery overlap.
+- **Exports** with `React.memo` so parents can safely re-render without reseeding the sim.
+
+The simulation forces (`KnowledgeGraph.tsx:138-148`):
+- `center` (strength 0.04)
+- `x` / `y` pull to center (strength 0.03 each)
+- `link`: distance `55 + (1 - strength) * 40`, strength `strength * 0.8`
+- `charge`: -120
+- `collide`: `radius + 8`
+- `alphaDecay`: 0.04
+
+---
+
+## 2. Props
+
+```ts
+interface KnowledgeGraphProps {
+  nodes: GraphNode[];
+  edges: GraphEdge[];
+  width: number;
+  height: number;
+  animate?: boolean;                 // enable entry / tier transitions
+  highlightId?: string;              // concept to ring
+  interactive?: boolean;             // zoom, drag, hover, click
+  onNodeClick?: (node: GraphNode) => void;
+  comparison?: { partnerNodes: GraphNode[] };
+  courseColorMap?: Record<string, string>;
+}
+```
+
+Consumer conventions:
+- **Dashboard**: `interactive=true`, `animate=false`, no comparison.
+- **Tree**: `interactive=true`, no `animate`.
+- **Learn**: `interactive=true`, `animate=true`, `highlightId=suggestNode?.id ?? topicNode?.id`.
+- **Social / RoomOverview**: `interactive=true`, `comparison={partnerNodes}` when a partner is selected.
+
+---
+
+## 3. Key engineering decisions
+
+### 3.1 Topology keys vs visual updates
+
+`nodeIdsKey = nodes.map(n => n.id).join('|')` (same for edges). The main `useEffect` only reseeds the simulation when these keys or `width`/`height`/`animate`/`interactive`/`onNodeClick`/`comparison` change. Mastery/color updates go through a **second effect** that updates `fill` / `fill-opacity` / `stroke` attributes in place without touching the sim (`KnowledgeGraph.tsx:371-399`).
+
+This is why a `/learn` chat turn that calls `getGraph` (refreshing mastery scores) does not cause the nodes to fly around.
+
+### 3.2 Stable onNodeClick via ref
+
+Because `onNodeClick` is in the main effect's dep array, consumers pass a ref-backed stable callback (see `features/learn.md` §2.12 — `nodeClickPayloadRef`). Dashboard's callback is wrapped in `useCallback`.
+
+### 3.3 `nodesRef` / `courseColorMapRef`
+
+The click/hover handlers close over `nodes` at subscription time. Without refs, clicking a node after a mastery refresh would show stale data in the tooltip. Both are updated via `useEffect(() => {nodesRef.current = nodes}, [nodes])` (`KnowledgeGraph.tsx:79-82`).
+
+### 3.4 Drift animation
+
+Each node has random `freqX/freqY/phaseX/phaseY/amp`. The RAF loop (`driftTick`, `KnowledgeGraph.tsx:349-359`) computes `dx/dy` offsets and calls `render()` each frame. During drag, the dragged node's offsets zero out so the user sees direct control, not drift.
+
+### 3.5 Highlight ring separation
+
+A standalone effect (`KnowledgeGraph.tsx:403-417`) removes any existing `.highlight-ring` and inserts a new one before the node's main circle. This runs on `highlightId` changes only — doesn't restart the simulation.
+
+### 3.6 SVG structure
+
+```
+<svg>
+  <g class="graph-container">       // zoom transform target
+    <g class="links">                // lines (rendered first)
+    <g class="labels">               // text (rendered before nodes → drawn under circles)
+    <g class="nodes">                // circles + optional rings
+      <g class="node">
+        [<circle> comparison outline if any]
+        <circle class="main-circle"> <!-- the matte orb -->
+        [<circle class="highlight-ring"> if highlighted]
+```
+
+Labels are appended *before* nodes (`KnowledgeGraph.tsx:191-205` / `207-214`) so the circles paint on top of the text (so the label never overlaps the circle center).
+
+### 3.7 Left-in `console.log`
+
+`KnowledgeGraph.tsx:106` has a `console.log('[KG] main effect fired', ...)` — production trace noise. Flag for cleanup.
+
+---
+
+## 4. Visual encoding
+
+| Property | Encoded |
+|---|---|
+| Node radius | Subject roots: 22. Concepts: `getNodeRadius(mastery_score)` (from `lib/graphUtils.ts`). |
+| Fill color | `getCourseColor(subject, override).fill` — matte flat per course. |
+| Fill opacity | `masteryOpacity(tier)`: mastered=1.0 / learning=0.75 / struggling=0.55 / unexplored=0.28 / subject_root=1.0. |
+| Stroke color | Same as fill. |
+| Stroke width | Subject root: 2.5. Concept: 1.5. |
+| Stroke opacity | Subject root: 0.7. Concept: 0.4. |
+| Label color | Subject root: course text color. Concept: `#374151`. |
+| Label font | DM Sans 13px (root) / 11px (concept), weight 600/400. |
+| Label y-offset | `radius + 17` (root) / `radius + 15` (concept). |
+| Edge stroke | `rgba(107,114,128,0.2)`, width `0.5 + strength*1.2`, round caps. |
+| Comparison outline | +5 to radius; stroke width 2; colors per matrix in §3 of `features/social.md`. |
+| Highlight ring | +8 to radius; stroke `rgba(26,92,42,0.55)`; width 2. |
+
+---
+
+## 5. Interaction surface
+
+| Gesture | Behavior |
+|---|---|
+| Hover | Tooltip with name / subject dot / mastery % / last studied. Stroke opacity/width increase. |
+| Click | Calls `onNodeClick(node)`. |
+| Drag | Sets `d.fx`/`d.fy` during drag; clears on end. |
+| Scroll/pinch | Zoom (scale 0.3–3). |
+| Drag background | Pan (via `d3.zoom`). |
+
+---
+
+## 6. Edge cases
+
+1. **`edges` filtered to valid nodes** (`simLinks` filter at `KnowledgeGraph.tsx:129-136`) — defensive, tolerates stale edges that reference removed nodes.
+2. **`svg.selectAll('*').remove()` on every main-effect run** — wipes everything. Because the topology keys make reruns rare, this is cheap; but a rebuild using a different React/D3 binding (react-force-graph, vis-network) should consider incremental updates.
+3. **Drift is always on** — no prop to disable. If the rebuild adds a "reduce motion" accessibility setting, drift should be gated.
+4. **Tooltip positioning** uses `event.clientX - rect.left + 14` — relative to the SVG's bounding rect. Works; but in fullscreen overlays the SVG is 100% × 100% of a non-origin container, so `rect.left` can shift. Tested to work in Dashboard's fullscreen overlay.
+5. **Zoom state** is not synced across mounts — switching routes resets zoom. Intentional.
+6. **Simulation doesn't pause** when off-screen — if the user hides the graph pane via a mobile tab toggle, D3 keeps ticking. Minor CPU cost.
+
+---
+
+## 7. Things to preserve in the rebuild
+
+- Per-course matte fill + mastery-opacity encoding (the whole visual identity).
+- Subject-root nodes as larger, colored hubs.
+- Drift animation (tasteful "living" feel).
+- Animated entry (400ms opacity fade) for new nodes.
+- 500ms tier transition for mastery changes.
+- Zoom/pan with 0.3–3 scale range.
+- Drag to reposition (released nodes rejoin the simulation).
+- Tooltip with name / subject dot / mastery % / last studied date.
+- Highlight ring (separate effect so it doesn't reseed the sim).
+- 4-color comparison outline ring (the social-feature signature visual).
+- `React.memo` to prevent needless re-seeding from parent renders.
+- Stable `onNodeClick` contract (document the ref pattern for consumers).
+
+## 8. Things to rework
+
+- Remove the production `console.log` on main effect entry.
+- Consider adding a `reduceMotion` prop that disables drift + transitions.
+- Add a `paused` prop (or visibility observer) to stop the RAF when the graph is off-screen (mobile tab toggles, hidden panels).
+- Expose a "reset zoom" API.
diff --git a/docs/frontend-audit/features/learn.md b/docs/frontend-audit/features/learn.md
new file mode 100644
index 00000000..2498f84c
--- /dev/null
+++ b/docs/frontend-audit/features/learn.md
@@ -0,0 +1,350 @@
+# Feature · Learn (AI Tutoring Session)
+
+> Covers: `/learn` (`src/app/learn/page.tsx`, 594 lines) — the main AI tutoring experience. Orchestrates `ChatPanel`, `QuizPanel`, `ModeSelector`, `SharedContextToggle`, `AIDisclaimerChip`, `DisclaimerModal`, `SessionSummary`, `SessionFeedbackFlow`, and a second `KnowledgeGraph`. This is the largest and most interconnected feature surface in the app.
+
+---
+
+## 1. Overview
+
+A Learn session is a real-time conversation with a Gemini-backed AI tutor, scoped to a `topic` (either a concept name or a course name) within a chosen teaching **mode** (Socratic, Expository, TeachBack). The page also hosts a parallel **Quiz mode** that generates multiple-choice questions on the same concepts, scores them, and writes mastery changes back to the user's knowledge graph.
+
+Main layout (desktop):
+- **Top bar** (52px): back-to-home arrow, course `CustomSelect`, "Resume session" `CustomSelect` (with per-item delete), current topic + mastery label, `AIDisclaimerChip`, `SharedContextToggle`, `ModeSelector` (Socratic/Expository/TeachBack + Quiz toggle).
+- **Left pane**: `ChatPanel` when not in Quiz mode, `QuizPanel` when in Quiz mode. `ChatPanel` renders markdown with KaTeX math via `remark-math` + `rehype-katex`.
+- **Right pane**: a live `KnowledgeGraph` updated after every chat turn; "View Full Tree" link bottom-right; AI recommendation popup (when `?suggest=`).
+- **Bottom overlays**: `SessionSummary` modal when a session ends; `SessionFeedbackFlow` when feedback is due.
+
+Mobile collapses the two panes into a tabbed `Chat` / `Graph` view.
+
+---
+
+## 2. User flows
+
+### 2.1 Flow: start a session from URL params
+
+Trigger: user navigates to `/learn?topic=<concept>&mode=socratic` (Navbar `?suggest=` / Dashboard recommendation card / recommendations list / tree click).
+
+1. `LearnInner` mounts. `topicParam = searchParams.get('topic')`; `modeParam = searchParams.get('mode')` (falls back to `'socratic'`). `modeParam === 'quiz'` sets `quizMode=true` and `?initialQuiz=true`.
+2. Initial graph loads (`getGraph` + `getSessions`) on `userReady` (`page.tsx:143-151`). Recent sessions are filtered to those with `message_count > 0`.
+3. `useEffect` (`page.tsx:176-179`): if `topicParam && !quizMode`, calls `beginSession(topicParam, mode)`. Else, user picks a course/topic from the top bar.
+4. `beginSession(topic, mode, courseId?)`:
+   - `POST /api/learn/start-session {user_id, topic, mode, use_shared_context, course_id}` → `{session_id, initial_message, graph_state}`.
+   - `setSessionId`, replaces `nodes`/`edges` with returned `graph_state`, pushes initial assistant message.
+   - Errors: tries `JSON.parse(e.message).detail`; falls back to generic. Displays inline red banner at top of chat (`page.tsx:464-476`).
+5. First turn is the AI's opening message (specific to mode).
+
+### 2.2 Flow: chat turn
+
+Trigger: user types into `ChatPanel` textarea and presses Enter or clicks Send (`ChatPanel.tsx:48-50`).
+
+1. `handleSend(message)` (`page.tsx:207-234`):
+   - Appends user's message to `messages` state immediately (optimistic).
+   - `setChatLoading(true)` → `ChatPanel` renders `···` typing indicator in an assistant-styled bubble.
+   - `POST /api/learn/chat {session_id, user_id, message, mode, use_shared_context}` → `{reply, graph_update, mastery_changes}`.
+   - On success: pushes assistant reply, refetches the graph (fire-and-forget `getGraph` — `graph_update` in the response is unused in the current implementation).
+   - On first user message (`messages.filter(m=>m.role==='user').length === 0`), refetches recent sessions so the new session appears in the "Resume session" dropdown.
+   - On error: `console.error` — user sees their own message echoed but nothing else. No error surfaced. (Improvement opportunity.)
+2. ChatPanel auto-scrolls on every new message (`ChatPanel.tsx:34-39`).
+
+### 2.3 Flow: quick action (hint / confused / skip)
+
+Trigger: one of three inline text buttons at the bottom of the chat input area (`ChatPanel.tsx:174-180`).
+
+1. `onAction(action)` on `ChatPanel` → `handleAction` on `/learn` page (`page.tsx:236-253`):
+   - `POST /api/learn/action {session_id, user_id, action_type, mode, use_shared_context}` → `{reply, graph_update}`.
+   - Assistant reply is appended; no user-side "you asked for a hint" message is shown (the AI's reply is self-describing).
+   - Graph is refetched after.
+
+### 2.4 Flow: mode switch
+
+Trigger: user clicks Socratic/Expository/TeachBack in the `ModeSelector`.
+
+1. `handleModeChange(newMode)` (`page.tsx:274-291`):
+   - Short-circuit if `newMode === mode`.
+   - `setMode(newMode)` — `ChatPanel`'s "mode description" banner updates.
+   - If a session is in progress, `POST /api/learn/mode-switch {session_id, user_id, new_mode}` → `{reply}`. Appends assistant reply + sets `prefillInput = "Continue in ${newMode} mode on ${topic}..."` which `ChatPanel` picks up via `useEffect` (`ChatPanel.tsx:30-32`) and pre-fills into the textarea.
+
+### 2.5 Flow: quiz mode
+
+Trigger: user clicks the Quiz toggle in `ModeSelector` (`onToggleQuiz`), or arrives with `?mode=quiz`.
+
+Quiz is a **separate component** (`QuizPanel`) that replaces `ChatPanel` in the left pane. It has four phases (`QuizPanel.tsx:17`):
+
+- **`select`**: scrollable list of concept radio buttons (only for the currently selected course — `subjectFilter` derived from `selectedCourse` or `preselectedNode?.subject`). Each row shows concept name + mastery percentage pill. Fixed bottom controls: Questions count (5/10/15 via `CustomSelect`), Difficulty (`easy`/`medium`/`hard`/`adaptive` via `CustomSelect`), and a "Start Quiz" button.
+  - `startQuiz()`: `POST /api/quiz/generate {user_id, concept_node_id, num_questions, difficulty, use_shared_context}` → `{quiz_id, questions}`. Phase → `active`.
+  - If `subjectFilter` is empty (no course selected), shows "Select a course first" text.
+- **`active`**: renders one question with `q.options` as buttons. Options have `label` (A/B/C/...) + `text`. Selecting sets `selectedAnswer`; Submit fires `submitAnswer()`:
+  - Computes correctness locally by comparing to `opt.correct`.
+  - Builds a `QuizResult` with `correct_answer`, `explanation`, etc.
+  - Pushes into local `answers` array (sent to server at quiz-end).
+  - Phase → `review`.
+- **`review`**: the same question with color-coded options (green for correct, red for user's wrong pick) + the `q.explanation` panel + optional "Explain this" button (shown only if answer was wrong and `onLearnConcept` prop exists). Clicking "Explain this" calls `onLearnConcept(q.concept_tested)` → `/learn` exits quiz mode and starts a chat session on that concept. "Next" (or "See Results" on last question) advances.
+- **`results`**: shows `score/total`, percentage, mastery delta (green if positive else red), per-question Y/N list, and two buttons: **Retake** (reset to `select`) and **Learn Weak Areas** (calls `onLearnConcept('')` which in `/learn` means exit quiz without a target concept).
+  - `finishQuiz()`: `POST /api/quiz/submit {quiz_id, answers}` → `{score, total, mastery_before, mastery_after, results}`.
+
+### 2.6 Flow: resume a session
+
+Trigger: user picks a session from the "Resume session…" `CustomSelect` in the top bar.
+
+1. `handleResumeSession(sid)` (`page.tsx:313-332`):
+   - `GET /api/learn/sessions/:id/resume` → `{session: {id, user_id, topic, mode, course_id, started_at, ended_at}, messages: [{id, role, content, created_at}]}`.
+   - Hydrates `sessionId`, `topic`, `mode`, `messages` (mapped with `timestamp: m.created_at`).
+2. The UI continues from where they left off — `ChatPanel` renders the full history.
+
+Per-item delete: `CustomSelect` calls `onDelete` (`handleDeleteSession`, `page.tsx:304-311`) → `DELETE /api/learn/sessions/:id?user_id=` → filter out of `recentSessions`.
+
+### 2.7 Flow: end a session
+
+Trigger: user clicks "End Session" in the chat input footer (`ChatPanel.tsx:181-185`).
+
+1. `handleEndSession()` (`page.tsx:255-272`):
+   - `POST /api/learn/end-session {session_id, user_id}` → `{summary}`.
+   - `setSummary(res.summary)` → `SessionSummary` modal appears.
+   - Increments `localStorage.sapling_session_end_count`. Every `SESSION_FEEDBACK_EVERY_N` (`=5`) ends, sets `feedbackDueRef.current = true` and resets the counter to 0.
+2. `SessionSummary` modal (`SessionSummary.tsx`) renders:
+   - Heading: "Session Complete"
+   - Concepts Covered — pills
+   - Mastery Changes — concept name + delta % (green/red)
+   - Time Spent — formatted minutes
+   - Recommended Next — list of concept names
+   - Two buttons: **Dashboard** (`router.push('/dashboard')`, optionally deferred behind feedback modal) and **New Session** (clear `sessionId`/`messages`, optionally open feedback).
+3. If `feedbackDueRef.current` is true:
+   - **Dashboard**: stores `pendingNavRef = '/dashboard'`, opens `SessionFeedbackFlow`; on dismiss, `router.push(pendingNavRef)`.
+   - **New Session**: just opens `SessionFeedbackFlow`; on dismiss user stays on `/learn`.
+
+### 2.8 Flow: the session feedback card
+
+Source: `src/components/SessionFeedbackFlow.tsx`. A bottom-right-anchored toast-card with `slide-up`/`slide-down` keyframes.
+
+Four internal steps (`SessionFeedbackFlow.tsx:34`):
+
+- **`rating`**: 5 emoji buttons (😞 / 😕 / 😐 / 🙂 / 😊). Click → after 300ms → step `detail`.
+- **`detail`**: 7 checkbox-style pill options (`Explanations were unclear`, `Responses felt too generic`, `Difficulty felt off`, `Session went off-track`, `Something seemed inaccurate`, `Pacing was too fast / slow`, `Not enough examples`). Two buttons: **Skip** (dismiss) / **Next →** (step `text`).
+- **`text`**: optional free-text comment (textarea, 4 rows). **← Back** / **Submit** buttons. Submit fires `submitFeedback({user_id, type:'session', rating, selected_options, comment, session_id, topic})` — fire-and-forget (`.catch(() => {})`).
+- **`done`**: shows either 🌱 (rating ≥ 3, "Keep growing!") or 🙏 (otherwise, "We'll use this to improve."). Auto-dismisses after 1800ms.
+
+Header copy adapts per step:
+- rating: "How was your last learn session?"
+- detail (rating ≥ 3): "Any areas for improvement?"
+- detail (rating < 3): "What fell short?"
+- text: "Anything else to add? / **We will listen to YOU!**"
+- done: "Thanks for the feedback!"
+
+### 2.9 Flow: navigate-away feedback trigger (global)
+
+Source: `src/components/SessionFeedbackGlobal.tsx` (mounted in root layout).
+
+- Tracks the previous `usePathname()`.
+- When leaving `/learn` → anywhere else:
+  - Checks `localStorage.sapling_learn_had_session === 'true'` (set by `/learn` when `messages.length > 0 && sessionId`, `page.tsx:136-140`).
+  - Checks `localStorage.sapling_session_feedback_nav_last_shown` (timestamp). Cooldown `COOLDOWN_MS = 3 * 86_400_000` = **3 days**.
+  - If both pass: clear the had-session flag, stamp the last-shown timestamp, `queueMicrotask` → `setVisible(true)` → render the same `SessionFeedbackFlow` component (but without topic/sessionId since the user already left).
+  - This is separate from the every-5-sessions trigger described in §2.7.
+
+**Discrepancy with `CLAUDE.md`**: `CLAUDE.md` says "2-day cooldown on navigate-away" — actual value is 3 days. See `QUESTIONS.md` Q15.
+
+### 2.10 Flow: AI-disclaimer first-view + chip
+
+Source: `AIDisclaimerChip.tsx` (top-right of top bar, desktop only).
+
+- On mount, if `localStorage.sapling_disclaimer_ack` is not set, opens `DisclaimerModal` automatically.
+- `DisclaimerModal` (`src/components/DisclaimerModal.tsx`, uses `createPortal` to `document.body`): four disclaimer sections (Accuracy / Academic integrity / Content you share / Privacy) + "I understand, continue to Sapling" button. Close via button or overlay click → sets `sapling_disclaimer_ack=1`.
+- Hover tooltip on the chip shows a short preview ("Sapling uses Google Gemini...", "Verify with your course materials"). Clicking the chip re-opens the modal.
+- **Currently only rendered by `/learn`** (desktop). `/flashcards` also imports `AIDisclaimerChip` but only shows it on that page. Never shown on mobile — mobile users never see it, which is an accessibility / transparency gap.
+
+### 2.11 Flow: shared-course-context toggle
+
+Source: `SharedContextToggle.tsx`. A pill-shaped switch labeled **"Class Intel"**.
+
+- Hover reveals a tooltip explaining what the feature does (aggregated class-level patterns) and reassuring about privacy.
+- Clicking toggles `useSharedContext` (persisted to `localStorage.sapling_shared_ctx` — the `/learn` page owns this state).
+- The boolean is passed into every API call that supports it: `startSession`, `sendChat`, `sendAction`, `switchMode`, `generateQuiz`. The backend uses it to decide whether to inject the `shared_context.txt` prompt fragment.
+
+### 2.12 Flow: click a node in the right-pane graph
+
+Trigger: user clicks a concept node in the `KnowledgeGraph`.
+
+1. `handleNodeClick(n)` (`page.tsx:338-343`):
+   - Uses a `ref` (`nodeClickPayloadRef`) so the callback identity stays stable across re-renders — important because `KnowledgeGraph`'s D3 `useEffect` has `onNodeClick` as a dependency and would reseed the simulation on every change otherwise.
+   - Sets `topic = n.concept_name`.
+   - Calls `beginSession(n.concept_name, mode, n.course_id)` — ends any current session in `state` (not on the server — see edge cases) and starts a new one.
+
+### 2.13 Flow: `?suggest=` popup
+
+Identical in shape to `/dashboard`'s popup but **correctly** clears `?suggest=` from the URL on Dismiss (`page.tsx:548-553`):
+
+```ts
+const params = new URLSearchParams(searchParams.toString());
+params.delete('suggest');
+router.replace(q ? `/learn?${q}` : '/learn');
+```
+
+"Start Quiz →" navigates to `/learn?topic=<concept>&mode=quiz` which re-enters quiz mode.
+
+---
+
+## 3. State (`/learn` page)
+
+| State | Type | Source |
+|---|---|---|
+| `mode` | `TeachingMode` (`socratic`\|`expository`\|`teachback`) | query param → state |
+| `quizMode` | `boolean` | `?mode=quiz` or toggle |
+| `nodes`, `edges`, `graphReady` | graph state | `getGraph(userId)` and `startSession.graph_state` |
+| `messages` | `ChatMessage[]` | inline appends |
+| `sessionId` | `string \| null` | `startSession` / `resumeSession` |
+| `chatLoading`, `sessionLoading`, `sessionError` | ui flags | — |
+| `summary` | `SessionSummary \| null` | `endSession` result |
+| `showSessionFeedback` | `boolean` | every-5-sessions trigger + `?testFeedback=session` dev override |
+| `topic`, `selectedCourse`, `prefillInput` | strings | user input |
+| `recentSessions` | session list | `getSessions(userId, 10)` |
+| `useSharedContext` | `boolean` | `localStorage.sapling_shared_ctx` (default true) |
+| `mobileView` | `'chat' \| 'graph'` | mobile tab toggle |
+| `apiCourseNames`, `enrolledCourses`, `courseColorMap` | course context | `getCourses(userId)` |
+| `graphDimensions` | `{width,height}` | ResizeObserver (debounced 200ms) |
+| `feedbackDueRef` | `boolean` ref | every-5-sessions flag |
+| `pendingNavRef` | `string \| null` ref | destination deferred behind feedback modal |
+
+### 3.1 State inside `ChatPanel`
+
+- `input` (`string`) — textarea contents
+- `messagesContainerRef` — for auto-scroll
+
+### 3.2 State inside `QuizPanel`
+
+| State | Type |
+|---|---|
+| `phase` | `'select'\|'active'\|'review'\|'results'` |
+| `selectedNodeId` | `string` |
+| `numQuestions` | `number` (5/10/15) |
+| `difficulty` | `string` (easy/medium/hard/adaptive) |
+| `quizId` | `string` |
+| `questions` | `QuizQuestion[]` |
+| `currentQ` | `number` |
+| `selectedAnswer` | `string \| null` |
+| `answers` | `{question_id, selected_label}[]` |
+| `reviewData` | `QuizResult \| null` |
+| `results` | full results object |
+| `loading`, `error` | ui |
+
+---
+
+## 4. API calls
+
+| Call | When |
+|---|---|
+| `getGraph(userId)` → `GET /api/graph/:userId` | mount + after every chat turn / action |
+| `getSessions(userId, 10)` → `GET /api/learn/sessions/:userId?limit=10` | mount + after first user message |
+| `getCourses(userId)` → `GET /api/graph/:userId/courses` | mount |
+| `startSession(userId, topic, mode, courseId?, useSharedCtx)` → `POST /api/learn/start-session` | `beginSession` |
+| `sendChat(sessionId, userId, message, mode, useSharedCtx)` → `POST /api/learn/chat` | `handleSend` |
+| `sendAction(sessionId, userId, action, mode, useSharedCtx)` → `POST /api/learn/action` | hint/confused/skip |
+| `switchMode(sessionId, userId, newMode)` → `POST /api/learn/mode-switch` | `handleModeChange` |
+| `endSession(sessionId, userId)` → `POST /api/learn/end-session` | End Session button |
+| `resumeSession(sessionId)` → `GET /api/learn/sessions/:id/resume` | Resume session dropdown |
+| `deleteSession(sessionId, userId)` → `DELETE /api/learn/sessions/:id?user_id=` | per-item delete in dropdown |
+| `generateQuiz(userId, conceptNodeId, n, difficulty, useSharedCtx)` → `POST /api/quiz/generate` | QuizPanel "Start Quiz" |
+| `submitQuiz(quizId, answers)` → `POST /api/quiz/submit` | end of quiz |
+| `submitFeedback({user_id, type:'session', ...})` → `POST /api/feedback` | `SessionFeedbackFlow` submit |
+
+**No streaming.** CLAUDE.md mentions the backend uses SSE for the learn endpoint (`routes/learn.py` described as "streaming AI tutoring chat endpoint (SSE)"), but the frontend uses a **regular `fetch`** to a non-streaming `.json()` response. The backend must be serving a non-streamed JSON response to `/api/learn/chat`, OR the SSE route is unused. Flag in QUESTIONS.
+
+**No retries.** All calls fail silently (except `startSession` which surfaces a banner).
+
+---
+
+## 5. Components involved
+
+| Component | Role | Notes |
+|---|---|---|
+| `ChatPanel` | Message list + input + quick actions + End Session | Uses `ReactMarkdown` with `remark-math` + `rehype-katex`; KaTeX CSS imported top-of-file. Enter (no shift) sends. |
+| `QuizPanel` | 4-phase quiz UI | Local correctness check; submits full answer set only at end. |
+| `ModeSelector` | 3 mode buttons + Quiz toggle | Hover tooltips describe each mode. |
+| `SharedContextToggle` | "Class Intel" switch | Hover tooltip; persists to `localStorage.sapling_shared_ctx`. |
+| `AIDisclaimerChip` | Auto-opens `DisclaimerModal` on first view | Persists `sapling_disclaimer_ack`. |
+| `DisclaimerModal` | Portal-rendered fullscreen modal | 4 disclaimer sections + single ack button. |
+| `SessionSummary` | End-of-session modal | Concepts covered, mastery changes, time spent, recommended next. |
+| `SessionFeedbackFlow` | 4-step bottom-right feedback card | Also used by the navigate-away trigger in `SessionFeedbackGlobal`. |
+| `KnowledgeGraph` | Right pane (desktop) / Graph tab (mobile) | Highlights `suggestNode?.id ?? topicNode?.id`. |
+| `CustomSelect` | Course picker + Resume Session dropdown | Resume dropdown uses `onDelete` to support per-item delete. |
+
+---
+
+## 6. Edge cases
+
+1. **Clicking a graph node while a session is active** does not call `endSession` on the server — it just starts a new one. The old session is orphaned (still "active" in the DB). Backend probably tracks `is_active` based on `end_session` calls; leaving multiple active sessions may or may not be safe. Flag.
+2. **Chat error handling** (`handleSend` catch, `page.tsx:229-233`): `console.error` only. No assistant error bubble, no toast. User thinks the AI is just silent.
+3. **Session-start error parsing** assumes FastAPI's `{detail: ...}` shape (`page.tsx:200`): `JSON.parse(e.message)?.detail ?? msg`. If the backend changes error shape, this fails silently.
+4. **`handleAction` dispatches before the server responds** but does not append a "you asked for a hint" user message — so the message history looks like the assistant just started being more helpful out of nowhere. Intentional for UX minimalism but could confuse.
+5. **`graph_update` response field is ignored** (`page.tsx:225` discards `res.graph_update` and refetches `getGraph(userId)` instead). Every chat turn therefore makes two network calls. Opportunity to merge `graph_update` client-side and skip the refetch.
+6. **Quiz `onLearnConcept('')` means "learn weak areas"** — empty-string is overloaded. Works because the handler checks `if (concept)` (`page.tsx:453-458`). Fragile.
+7. **`CustomSelect` with `onDelete` and the Resume Session dropdown**: deleting the currently-active session from the dropdown doesn't end the session on the server — it just removes it from the list. The active chat keeps working; the user just can't find it again by name.
+8. **`?testFeedback=session` query param** (`page.tsx:54-56`) force-opens the feedback flow for QA. Preserve or remove intentionally in the rebuild.
+9. **`messages.length > 0 && sessionId`** → sets `sapling_learn_had_session=true`. But `signOut` doesn't clear this (like `sapling_onboarding_pending` — same pattern).
+10. **Mode switch after no session started**: `handleModeChange` skips the backend call if `!sessionId`. Good.
+11. **Prefill input has no effect if `prefillInput` is the same string as previous** (React's `useEffect` on `prefillInput` would still run, but `setInput(prefillInput)` is idempotent). Harmless.
+
+---
+
+## 7. Interactive patterns
+
+| Pattern | Impl |
+|---|---|
+| Enter-to-send / Shift+Enter for newline | `ChatPanel.tsx:48-50` |
+| Auto-scroll on new message | `messagesContainerRef.current.scrollTop = scrollHeight` on `[messages, loading]` |
+| Typing indicator | Bubble with `···` character repeat |
+| Markdown + math rendering | `ReactMarkdown` + `remark-math` + `rehype-katex` + `katex/dist/katex.min.css` |
+| Markdown code blocks | Custom `components` map: inline `code` uses accent-dim bg + monospace; block `pre` has its own styled bg |
+| Hover tooltips | `onMouseEnter`/`onMouseLeave` + conditional div; `pointer-events: none`, fixed width (240-290px), z-index 9999 |
+| Bottom-right slide-in/out feedback card | Inline `@keyframes` in component scope (`SessionFeedbackFlow.tsx:303-312`) |
+| 4-phase progression | Discrete `step` / `phase` enums with guarded transitions |
+| Suggestion popup dismiss that preserves other query params | `URLSearchParams` clone, `.delete('suggest')`, `router.replace` |
+
+---
+
+## 8. Storage
+
+| Storage | Key | Purpose |
+|---|---|---|
+| `localStorage` | `sapling_shared_ctx` | Remember Class Intel toggle |
+| `localStorage` | `sapling_session_end_count` | Every-5-sessions feedback trigger |
+| `localStorage` | `sapling_learn_had_session` | Navigate-away feedback trigger |
+| `localStorage` | `sapling_session_feedback_nav_last_shown` | Navigate-away cooldown timestamp |
+| `localStorage` | `sapling_disclaimer_ack` | First-view disclaimer modal ack |
+| ref-only | `feedbackDueRef`, `pendingNavRef`, `nodeClickPayloadRef` | non-render state |
+
+---
+
+## 9. Accessibility
+
+- Chat bubbles are plain divs — no `role="log"` or `aria-live="polite"` on the messages container. Screen reader users won't hear new AI replies.
+- Action buttons (hint/confused/skip) are unlabeled lowercase text buttons. Their contrast against the toolbar background is low. Add `aria-label` / improve contrast.
+- The `ModeSelector` tooltips are `pointer-events: none` so they cannot be read by tabbing. Tooltip content is meaningful (describes each mode) — consider `aria-describedby` or a secondary "help" surface.
+- Quiz option buttons receive focus naturally and selected state is visible, but they lack `role="radio"`/`role="radiogroup"`. Screen reader experience may not convey the group's single-selection semantics.
+- `DisclaimerModal` does not trap focus or restore focus to the chip on close. No `role="dialog"`/`aria-modal`. Add focus trap in the rebuild.
+- `SessionFeedbackFlow`'s emoji buttons have `title` attributes for the rating labels but no `aria-label` — screen readers will read only the raw emoji name.
+
+---
+
+## 10. Things to preserve in the rebuild
+
+- **Three teaching modes** with the existing descriptions and the mid-session "Continue in X mode..." prefill prompt.
+- **Quick actions** (hint / confused / skip) as cheap one-click turns.
+- **Quiz mode** as a separate pane inside `/learn` (not a separate route). The 4-phase progression (`select` → `active` → `review` → `results`) is well-designed — keep it.
+- **Markdown + KaTeX math rendering** in assistant messages.
+- **Live graph updates** after each turn (even if sourced more efficiently than a full refetch).
+- **Resume Session dropdown** with per-item delete.
+- **Shared-course-context toggle** labeled "Class Intel" (or an equivalent privacy-respecting framing).
+- **First-view disclaimer modal** with the four section headings.
+- **Session end summary** with concepts / mastery deltas / time / recommended next.
+- **Every-5-sessions feedback trigger** + **3-day navigate-away cooldown** (separate triggers that both surface the same `SessionFeedbackFlow`).
+- **`?topic`, `?mode`, `?suggest`, `?testFeedback` URL contracts.**
+- **Dismiss-preserves-other-query-params** pattern — the right way to clear one suggestion without nuking a deep link.
+- **Stable-callback pattern** for `handleNodeClick` using a ref — keeps the graph's D3 simulation from re-seeding on every parent render.
+
+## 11. Questions surfaced by this deep-dive
+
+**Q15.** `CLAUDE.md` says "2-day cooldown" on the navigate-away session feedback trigger; actual code is **3 days** (`src/components/SessionFeedbackGlobal.tsx:9` → `COOLDOWN_MS = 3 * 86_400_000`). Confirm which is intended.
+
+**Q16.** `CLAUDE.md` describes `routes/learn.py` as a streaming SSE endpoint, but `/learn` consumes `POST /api/learn/chat` with a regular `.json()` response — no streaming on the frontend. Is the backend actually streaming (frontend just ignores the stream and awaits the terminal JSON)? If so, the rebuild should implement real streaming. If not, the "(SSE)" note in `CLAUDE.md` is stale.
+
+**Q17.** Clicking a graph node while a session is active orphans the old session (never calls `endSession`). Intentional or a bug? (Backend probably has a session-timeout / idle-kill but that's not verified.)
diff --git a/docs/frontend-audit/features/library.md b/docs/frontend-audit/features/library.md
new file mode 100644
index 00000000..4081fc9a
--- /dev/null
+++ b/docs/frontend-audit/features/library.md
@@ -0,0 +1,153 @@
+# Feature · Library (Documents)
+
+> Covers: `/library/page.tsx` + `DocumentUploadModal.tsx`. `UploadZone.tsx` exists but has no importers — candidate dead code.
+
+---
+
+## 1. Overview
+
+Library is a document repository keyed by course + category. Users upload PDFs, DOCX, or PPTX. The backend classifies them, extracts summaries + key takeaways + flashcards, and the library surfaces them for study.
+
+Layout:
+- Top bar: course pills (+ an Upload button on the right).
+- Left: category pills (`syllabus` / `lecture_notes` / `slides` / `reading` / `assignment` / `study_guide` / `other`) — filters the grid.
+- Main: grid of document cards (with category chips + file name + created date).
+- Right: detail panel when a card is clicked. Shows summary, key takeaways, flashcards (with "Reveal" interaction), and a delete button.
+
+Categories, colors, and labels are centralized at the top of `library/page.tsx:22-45`.
+
+---
+
+## 2. User flows
+
+### 2.1 Flow: load library
+
+- Mount: `Promise.all([getCourses, getDocuments])` (confirm from `page.tsx`).
+- `activeCourse = 'all'`, `activeCategory = 'all'` by default.
+- Filters combine: a doc matches the view if its `course_id` matches `activeCourse` (or 'all') AND its `category` matches `activeCategory` (or 'all').
+
+### 2.2 Flow: open a doc detail panel
+
+- `openPanel(doc)` sets `panelDoc`, clears `revealedCards`, clears `confirmDelete`.
+- Detail panel shows:
+  - Summary (paragraph).
+  - Key takeaways (bulleted list, if present).
+  - Flashcards (Q/A pairs) — each card has a "Reveal" button that toggles the answer. `revealedCards: Set<number>` tracks open ones.
+  - Delete button (two-step: first press → "Confirm Delete?" toggle; second press calls `deleteDocument(doc.id, userId)` → filter out of local state + close panel).
+
+### 2.3 Flow: upload (`DocumentUploadModal`)
+
+Two steps: **pick** → **reviewing**.
+
+#### Step: pick (`DocumentUploadModal.tsx:318-453`)
+
+- Drag-and-drop zone or click-to-browse. Accepts `.pdf, .docx, .pptx`. Max 5 files, 15 MB each (`MAX_FILES=5`, `MAX_BYTES=15*1024*1024`).
+- `validateAndSetMultiple(files)` enforces type + size constraints; errors joined (up to first 2 shown + "(+N more)").
+- Course picker (`CustomSelect`) + inline **+ Add course** affordance:
+  - Expands an inline form with a name input + Add button.
+  - `handleAddCourse`: picks next unused `PRESET_COURSE_COLORS`, calls `addCourse(userId, name, color)`. On `already_existed:true` shows error; otherwise refreshes `courses` and auto-selects the newly added one.
+- Upload button disabled until files + course are picked.
+
+#### Step: reviewing
+
+- `handleUpload` builds a `UploadItem` per file with `status='uploading'` and fires concurrent `uploadDocumentWithTimeout(fd)` calls. 4-minute `AbortController` timeout per file. AbortError → friendly message.
+- UI reviews uploads one at a time (`reviewIndex`). Each has:
+  - Status: `uploading` (spinner), `done` (show summary + category dropdown + takeaways + flashcards), `error` (error text + Retry).
+  - **Category override**: `CustomSelect` lets the user change the AI-picked category before confirming.
+  - **Re-analyze**: re-uploads the same file; if the new upload produces a different `doc.id`, the old one is `deleteDocument`'d first to avoid duplicates.
+  - **Skip** / **Confirm**: Skip advances; Confirm commits the category change (via `updateDocument`), appends to `confirmedDocs`, advances, and closes on last.
+- Modal closes via `closeModal(uploaded[])` — resets state and fires the parent `onClose(uploaded)` callback.
+- During `hasActiveUploads` the X and backdrop-click close are disabled (`DocumentUploadModal.tsx:310-316`) so you can't abort mid-upload.
+
+### 2.4 Flow: upload side-effects
+
+- `/calendar` reuses `DocumentUploadModal` to ingest syllabi. After close, if any `uploaded` doc has `category === 'syllabus'`, `/calendar` refetches assignments (`calendar/page.tsx:357-364`) and re-runs after 1.5s to catch insert races.
+
+---
+
+## 3. State
+
+### `LibraryPage`
+
+- `courses`, `docs`, `loading`.
+- `activeCourse`, `activeCategory` (filters).
+- `panelDoc`, `revealedCards`, `confirmDelete`, `deleting`.
+- `showUpload`.
+
+### `DocumentUploadModal`
+
+- `uploadStep`: `'pick' | 'reviewing'`.
+- `pickedFiles`, `fileError`, `dragging`.
+- `selectedCourseId`.
+- `uploadItems: UploadItem[]` (per-file), `reviewIndex`, `confirmedDocs`.
+- `showAddCourse`, `newCourseName`, `courseAdding`, `courseAddError`.
+
+---
+
+## 4. API calls
+
+Library:
+- `getCourses(userId)` → `GET /api/graph/:userId/courses`
+- `getDocuments(userId)` → `GET /api/documents/user/:userId`
+- `deleteDocument(documentId, userId)` → `DELETE /api/documents/doc/:id?user_id=`
+
+Upload modal:
+- `uploadDocument(formData)` → `POST /api/documents/upload` (raw fetch, multipart, with `AbortController` 4-min timeout)
+- `updateDocument(id, {category, user_id})` → `PATCH /api/documents/doc/:id`
+- `addCourse(userId, courseName, color)` → `POST /api/graph/:userId/courses`
+- `getCourses(userId)` → refetch after add
+
+---
+
+## 5. Components involved
+
+- `DocumentUploadModal` — the upload + review flow. Portal'd by being a fixed-position overlay (not actually using React portal).
+- `CustomSelect` — course picker, category picker per-review, inline add-course.
+- `getCourseColor` from `lib/graphUtils.ts` — course pill coloring.
+- `UploadZone` — **exists but is unused** (no importers). Candidate dead code.
+
+---
+
+## 6. Edge cases
+
+1. **4-minute upload timeout** (`UPLOAD_TIMEOUT_MS`). Files that take longer are aborted with a specific user-friendly message.
+2. **Backdrop click and X both disabled while uploads are in-flight** — prevents accidental data loss.
+3. **Re-analyze orphans the previous document server-side** via a separate `deleteDocument` call. If that delete fails, the old doc leaks. Fine for rebuild to improve.
+4. **`UploadedDoc.flashcards`** can be null (older backend) — the detail panel must handle both.
+5. **Upload + syllabus race in `/calendar`** mitigated by a 1.5s delayed refetch.
+6. **Category dropdown override path**: if `resultCategory === result.category` no `updateDocument` call is made (avoids a no-op PATCH). Good.
+7. **`pickedFiles` state** is an array of raw `File` objects — held in memory. Closing the modal clears them; the browser will release.
+
+---
+
+## 7. Interactive patterns
+
+| Pattern | Impl |
+|---|---|
+| Drag-and-drop upload zone | `onDrop` / `onDragOver` (`preventDefault`) / `onDragLeave`; multi-file supported |
+| Per-file concurrent uploads with shared progress view | individual promises, shared `uploadItems[]` state |
+| AbortController-based timeout | `setTimeout(() => controller.abort(), 4min)` wrapped in `try/finally` |
+| Reveal-on-click flashcard answers | `Set<number>` of revealed indices |
+| Two-step delete confirm | `confirmDelete: boolean` |
+| Inline add-course within upload modal | expandable form; auto-picks next preset color |
+
+---
+
+## 8. Things to preserve in the rebuild
+
+- Multi-file upload (up to 5), 15 MB each, PDF/DOCX/PPTX only.
+- 4-minute per-file timeout with a friendly abort message.
+- Per-file review UI with AI-picked category override + Re-analyze option.
+- Disallow closing the modal during active uploads.
+- Inline "+ Add course" without leaving the upload flow.
+- Syllabus-upload → Calendar refresh side-effect (`/calendar` refetches after close).
+- Category pill colors from `CATEGORY_COLORS` (preserve at least the vocabulary; styling can change).
+- Delete is two-step (guard against accidental delete of a doc containing weeks of notes).
+- Reveal-flashcards-by-click pattern in the detail panel.
+
+## 9. Things to rework
+
+- Remove `UploadZone.tsx` (unused).
+- Consider a dedicated "re-process" affordance *outside* the upload flow (i.e., re-OCR an existing doc).
+- Surface upload errors via Toast in addition to inline per-item rows — the user may not look at the right item.
+- Add an "upload history" filter (e.g., "uploaded this week").
diff --git a/docs/frontend-audit/features/onboarding.md b/docs/frontend-audit/features/onboarding.md
new file mode 100644
index 00000000..04d3208c
--- /dev/null
+++ b/docs/frontend-audit/features/onboarding.md
@@ -0,0 +1,251 @@
+# Feature · Onboarding
+
+> Covers: `OnboardingFlow.tsx` — the 6-step sign-up experience rendered on top of the landing page. Mounted from `src/app/page.tsx:941`. Auth hand-off is documented in `features/auth.md`.
+
+---
+
+## 1. Overview
+
+Sapling's onboarding is a six-step form that a new user fills out **after** Google OAuth but **before** first real use of the app. The flow is rendered as a full-viewport overlay on the landing page, not a dedicated route. This is unusual for a rebuild target — most products put onboarding behind `/onboarding` or `/signup`. The current implementation entangles the onboarding UI with the landing-page 3D canvas animation; the rebuild can (and probably should) disentangle them.
+
+The six steps (`src/components/OnboardingFlow.tsx:9-16`):
+
+| # | id | Label | Purpose |
+|---|---|---|---|
+| 0 | `google` | Account | "Continue with Google" button → hard-redirects to `${API}/api/auth/google` |
+| 1 | `name` | Name | First + last name, both required |
+| 2 | `school` | School | Hardcoded "Boston University" + class-year picker (Freshman/Sophomore/Junior/Senior/Graduate/Other) |
+| 3 | `academics` | Academics | Major(s) (required, ≥1) + Minor(s) (optional), both searchable across hardcoded BU lists |
+| 4 | `courses` | Courses | Course search via backend `/api/onboarding/courses?q=`, debounced 200ms, ≥1 required |
+| 5 | `style` | Learning Style | Radio-ish picker: Visual / Reading-Writing / Auditory / Hands-On / Mixed |
+
+On step 5 completion, `handleNext()` calls `onFinish(...)` which in `src/app/page.tsx:552-588` POSTs to `/api/onboarding/profile` and triggers a ~4-second outro animation before `router.replace('/dashboard')`.
+
+---
+
+## 2. User flows
+
+### 2.1 Flow: brand-new visitor walks through all 6 steps
+
+Trigger: user lands on `/` while signed out.
+
+1. **Landing-page intro overlay** plays (orbit ring of colored dots, `src/app/page.tsx:597-610`). When `heroMounted=true`, the overlay fades out and the hero canvas/text scramble-animates in.
+2. **Step 0 rendered by default** (`activeStep === 0`) because `OnboardingFlow` is always mounted — visibility is controlled by a CSS `opacity` transition (`OnboardingFlow.tsx:290-299`).
+3. User clicks **Continue with Google** → `handleGoogleSignIn()` sets `sessionStorage.sapling_onboarding_pending='true'` and hard-navigates to `${API_URL}/api/auth/google`.
+4. Google OAuth round-trip. Backend redirects to `/signin/callback?user_id&name&avatar&is_approved&auth_token`.
+5. `/signin/callback` calls `setActiveUser` + `POST /api/auth/session` (cookie set), sees `sapling_onboarding_pending`, **does not** call `/api/auth/me`, `router.replace('/')`.
+6. Landing page mounts again. `useEffect` (`page.tsx:67-86`) detects `isAuthenticated && sapling_onboarding_pending`:
+   - Clears the flag.
+   - Instantly scrolls to top.
+   - `setActiveStep(1)` — jumps past step 0 (Google), which is now done.
+   - `setCompleted(new Set([0]))`.
+   - Activates the 3D-canvas zoom (`zoomActiveRef.current = true`, `canvasZoomRef.current = 2.5`, `clusterProgressRef.current = 1`) — visually the canvas pulls in and the onboarding card slides into view.
+   - `setOnboardingPhase('active')`.
+7. User fills steps 1→5. On each step, `canAdvance()` (`OnboardingFlow.tsx:194-204`) gates the "Continue" button. Pressing Continue calls `handleNext()`:
+   - Marks current step as `completed` in the `Set<number>`.
+   - `activeStep < STEPS.length - 1` → `setActiveStep(activeStep + 1)`.
+8. On step 5 (Learning Style), the Continue button label changes to **"Launch Sapling"** (`OnboardingFlow.tsx:721-724`). Pressing it calls `onFinish(payload)`.
+9. `handleOnboardingComplete(payload)` (`src/app/page.tsx:552-588`):
+   - `await fetch('/api/onboarding/profile', {POST, JSON.stringify(...)} )` — saves `user_id`, `first_name`, `last_name`, `year`, `majors`, `minors`, `course_ids`, `learning_style`. Errors logged, not surfaced to user (silent failure — see edge cases).
+   - Starts the outro animation sequence (4 sequential `setTimeout`s):
+     - t=1400ms: `setOutroText('in')` — outro text fades in.
+     - t=3050ms: `setOutroText('out')` + `zoomOutroRef.current = true` — zoom accelerates outward.
+     - t=3450ms: `setOutroOverlay(true)` — white overlay fades in.
+     - t=4250ms: `router.replace('/dashboard')`.
+10. User lands on `/dashboard`.
+
+### 2.2 Flow: returning user who never finished onboarding
+
+Trigger: user signs in via Google but has `onboarding_completed: false` on the backend (e.g., closed the browser during step 3 last time).
+
+1. Backend redirects to `/signin/callback?...&is_approved=true`.
+2. `/signin/callback` sets `sapling_session` cookie, reads `/api/auth/me`, sees `onboarding_completed: false`, sets `sapling_onboarding_pending='true'`, `router.replace('/')`.
+3. Landing page applies the same "resume onboarding" effect. **However**, `OnboardingFlow` internal state (`formData`) is NOT persisted — it was wiped on navigation. The user starts over from step 1.
+4. Completing step 5 re-POSTs `/api/onboarding/profile` (idempotent server-side — the backend upserts).
+
+**Gap for the rebuild:** form state is lost on mid-flow exit. Consider persisting `formData` to `localStorage.sapling_onboarding_draft` keyed by `userId` and hydrating on mount.
+
+### 2.3 Flow: close / abort
+
+Trigger: user presses Escape or clicks the X button at top-right during any step.
+
+- **Escape** (`OnboardingFlow.tsx:148`) → `onClose()` (the landing page's `closeOnboarding`, `page.tsx:539-550`).
+- **X button** (`OnboardingFlow.tsx:302-312`) → same `onClose()`.
+- `closeOnboarding` cancels pending timers, triggers the "nodes fade out" death animation (`obNodesRef.current.forEach(n => n.dyingAt = t)`), and sets `onboardingPhase='out'` → after 700ms → `'idle'`.
+- The landing page is now in the normal pre-auth state (but the user is still logged in).
+- **No data is saved** if the user aborts. No session data either (the onboarding form's state is in React, not localStorage).
+- Because `setCompleted` is state on the landing page (not `OnboardingFlow`), the user can re-open the flow in the future and it will remember completed steps within that session only.
+
+Flag for rebuild: escape/close during onboarding leaves the user in an ambiguous state — signed in but with no profile. They can reach `/dashboard` via the URL bar, but many features will show empty states because `/api/onboarding/profile` was never called. Recommend: make onboarding a real route (`/onboarding`) that gates all protected routes until completed, rather than a dismissible overlay.
+
+---
+
+## 3. Step-by-step detail
+
+### Step 0 — Account (`OnboardingFlow.tsx:380-404`)
+- Heading: "Let's get started"
+- Subtitle: "Sign in with Google to create your Sapling account. A valid .edu email is required to register."
+- CTA: styled Google button (inline SVG logo).
+- Behavior on click: `handleGoogleSignIn()`:
+  ```ts
+  sessionStorage.setItem('sapling_onboarding_pending', 'true');
+  window.location.href = `${API_URL}/api/auth/google`;
+  ```
+- Step 0 has no "Back" or step indicator (the top-left progress UI is gated by `activeStep > 0`, `OnboardingFlow.tsx:315`).
+
+### Step 1 — Name (`OnboardingFlow.tsx:406-423`)
+- Heading: "What's your name?"
+- Two side-by-side inputs, first autofocused.
+- Validation: both must be non-empty after `.trim()`. `canAdvance()` gates the Continue button.
+
+### Step 2 — School (`OnboardingFlow.tsx:425-502`)
+- Heading: "Where do you study?"
+- **Hardcoded** "Boston University" read-only field (`formData.school = 'Boston University'` is set in the initial state, `OnboardingFlow.tsx:135-138`).
+- Year picker: custom dropdown button, `YEAR_OPTIONS = ['Freshman', 'Sophomore', 'Junior', 'Senior', 'Graduate', 'Other']`. `selectYear(option)` stores `option.toLowerCase()` in `formData.year`.
+- Custom dropdown handles ARIA `role="listbox"` / `role="option"` / `aria-selected` and keyboard (`handleOptionKeyDown` — Enter/Space triggers selection).
+- Blur closes the dropdown with a 150ms delay (`onBlur={() => setTimeout(..., 150)}`) to allow the onMouseDown on the option to fire first.
+- Validation: `formData.school && formData.year`.
+
+### Step 3 — Academics (`OnboardingFlow.tsx:504-593`)
+- Heading: "What's your major?" — subtitle mentions optional minors.
+- **Hardcoded lists**:
+  - `BU_MAJORS` — 120+ BU majors (`OnboardingFlow.tsx:18-57`).
+  - `BU_MINORS` — 90+ BU minors (`OnboardingFlow.tsx:59-82`).
+- Rendered as two searchable-tag-input clones (majors then minors). Search is client-side — filters the hardcoded array with `.includes(query.toLowerCase())`, capped at 8 results.
+- Selecting a suggestion adds it as a pill; clicking the X on a pill removes it.
+- Validation: `formData.majors.length > 0` (minors optional).
+
+### Step 4 — Courses (`OnboardingFlow.tsx:595-663`)
+- Heading: "What are you studying?"
+- Input debounced 200ms, queries backend `/api/onboarding/courses?q=<value>` (`OnboardingFlow.tsx:234-250`).
+- Returned courses have `{id, course_code, course_name}`. Displayed as `course_code` bold + `course_name` dim (when different).
+- Selecting a suggestion adds a pill with `course_code`.
+- Validation: `formData.courses.length > 0`.
+- **No fallback UI for empty API response.** If the backend returns zero matches, the suggestions list just doesn't render. User might think the feature is broken. Consider an "No matches — try different keywords" affordance in the rebuild.
+
+### Step 5 — Learning Style (`OnboardingFlow.tsx:665-688`)
+- Heading: "How do you learn best?"
+- 5 stacked cards (`LEARNING_STYLES`, `OnboardingFlow.tsx:85-91`):
+  | id | Label | Description |
+  |---|---|---|
+  | `visual` | Visual | Diagrams, charts, and visual maps |
+  | `reading` | Reading / Writing | Notes, textbooks, and written summaries |
+  | `auditory` | Auditory | Lectures, discussions, verbal explanations |
+  | `hands-on` | Hands-On | Practice problems and active experimentation |
+  | `mixed` | Mixed | A combination of multiple styles |
+- Single selection — clicking a card sets `formData.style = ls.id`.
+- Validation: `formData.style.length > 0`.
+- Continue-button label becomes **"Launch Sapling"** on this step.
+
+---
+
+## 4. Component interface
+
+```ts
+interface Props {
+  visible: boolean;                        // Drives opacity + pointerEvents
+  onClose: () => void;                     // Escape/X handler — landing page triggers close animation
+  onFinish: (data: { firstName; lastName; school; year; majors; minors; course_ids; style }) => void;
+  activeStep: number;                      // Lifted state — landing page owns which step
+  completed: Set<number>;                  // Lifted state — which steps are "done"
+  setActiveStep: (s: number) => void;
+  setCompleted: (s: Set<number>) => void;
+}
+```
+
+Notes:
+- `activeStep` and `completed` are **owned by the landing page**, not `OnboardingFlow`. That's because the landing page's 3D canvas reads them (via refs `clusterActiveStepRef` and `clusterCompletedRef`, `src/app/page.tsx:102-103`) to drive the node coloring/positioning animation. Extract this coupling during the rebuild.
+- `formData` (the actual form answers) is **internal** to `OnboardingFlow` — not exposed until `onFinish` fires.
+- `visible` is an animation gate (opacity 0↔1 + pointer-events), not a mount/unmount gate. The component stays mounted across the landing-page phases.
+
+---
+
+## 5. State storage
+
+| Storage | Key | Purpose | Lifetime |
+|---|---|---|---|
+| `sessionStorage` | `sapling_onboarding_pending` | Bridge between Google OAuth redirect and landing-page onboarding resumption | Single browser session; cleared on landing-page consume (`page.tsx:71`) |
+| React state | `OnboardingFlow.formData` | Current answers | Lost on unmount or page navigation |
+| React state (on landing page) | `activeStep`, `completed`, `onboardingPhase` | Step progression + animation state | Lost on unmount |
+| (none) | draft persistence | — | ❌ Not persisted; mid-flow abort = lost work |
+
+---
+
+## 6. API calls
+
+| Endpoint | When | Payload |
+|---|---|---|
+| `GET ${API_URL}/api/onboarding/courses?q=<query>` | Step 4 course search (debounced 200ms) | — |
+| `POST ${API_URL}/api/onboarding/profile` | On step 5 completion (`onFinish`) | `{user_id, first_name, last_name, year, majors, minors, course_ids, learning_style}` — note snake_case |
+| `GET ${API_URL}/api/auth/google` | Step 0 CTA (full-page redirect, not fetch) | — |
+
+No optimistic updates, no retries. If `/api/onboarding/profile` fails, the error is `console.error`-only (`page.tsx:569-571`) and the user is taken to `/dashboard` regardless.
+
+---
+
+## 7. Interactive UI patterns
+
+| Pattern | Implementation | File:line |
+|---|---|---|
+| Escape-to-close | `window.addEventListener('keydown', ... key === 'Escape' ...)` | `OnboardingFlow.tsx:142-154` |
+| Custom dropdown (Year) | `button` + conditional `div role="listbox"` with `role="option"` children, `aria-selected`; onBlur with 150ms delay to allow onMouseDown | `OnboardingFlow.tsx:442-500` |
+| Autocomplete with tag-pills (Majors/Minors/Courses) | Inline search input + absolute-positioned suggestion panel; pills with X-remove | `OnboardingFlow.tsx:510-591`, `595-663` |
+| Debounced server search (Courses) | `setTimeout(..., 200)` cleared on each keystroke, stored in `courseDebounceRef` | `OnboardingFlow.tsx:234-250` |
+| Animated step card entrance | `key={activeStep}` on the content `div` + `@keyframes ob-card-in` CSS | `OnboardingFlow.tsx:378` |
+| Segmented progress bar | Math-based segment widths with a filled-width overlay | `OnboardingFlow.tsx:331-357` |
+| Body scroll-lock | `document.body.style.overflow = 'hidden'` while `onboardingPhase !== 'idle'` | `src/app/page.tsx:99-101` |
+
+---
+
+## 8. Accessibility notes
+
+- The year picker and autocomplete panels use `role="listbox"` / `role="option"` / `aria-selected` / `aria-label`. Keyboard handling exists (`handleOptionKeyDown` — Enter/Space activate). ✅
+- The step card uses `h3` for headings. No `aria-live` for step-change announcements — a screen-reader user may not hear that the step changed. Add `aria-live="polite"` on the card container or announce the new step label in the rebuild.
+- The X close button has `<X />` icon but no `aria-label`. Add `aria-label="Close onboarding"`.
+- Google-button SVG lacks `aria-hidden`. On step 0 there's `<svg>` without accessibility attributes.
+- Tab order through the form is natural. Autofocus is applied to the first input of each step (`autoFocus` attribute).
+- Pills with Remove buttons use `<button>` elements so they are keyboard-reachable. ✅
+
+---
+
+## 9. Components involved
+
+| Component | File | Role |
+|---|---|---|
+| `OnboardingFlow` | `src/components/OnboardingFlow.tsx` | The entire six-step form |
+| Landing page | `src/app/page.tsx` | Hosts the flow; owns `activeStep`/`completed`/`onboardingPhase` + outro animation |
+
+Nothing else — no nested components, no toasts, no modals layered on top.
+
+---
+
+## 10. Edge cases
+
+1. **Silent POST failure.** `POST /api/onboarding/profile` errors only `console.error` (`page.tsx:569-571`). User proceeds to `/dashboard` thinking they're set up, but their profile was never saved. Add surfaced error + retry.
+2. **Mid-flow abort.** No draft persistence. Closing and re-opening onboarding restarts the form. Persist `formData` to `localStorage` keyed by `userId`.
+3. **Hardcoded BU affiliation.** `school` is pre-filled "Boston University" in state and cannot be changed. `BU_MAJORS`/`BU_MINORS` are hardcoded. A multi-school rollout needs these to come from the backend.
+4. **No back-button from step 0 to marketing.** Once onboarding activates, `document.body.style.overflow = 'hidden'`. Only Escape or the X button exits.
+5. **Session-storage flag leaks across users on a shared browser.** See `features/auth.md` §2.3 edge cases / Q11.
+6. **Silent course-search failure.** If `fetch /api/onboarding/courses` throws, `setCourseSuggestions([])` runs but the user sees no error. They may type harder.
+
+---
+
+## 11. Things to preserve in the rebuild
+
+- **Six-step structure.** Name → School → Academics (majors+minors) → Courses → Learning Style. These six inputs are what the backend expects (`POST /api/onboarding/profile` payload — see §6).
+- **Debounced backend course search** (200ms).
+- **Typeahead pills** for majors, minors, and courses — with X-to-remove.
+- **Custom dropdown** for class-year with keyboard support and ARIA roles — don't regress to a native `<select>` unless you also fit it into the visual system.
+- **"Continue" button gated by `canAdvance()`** — no free-walking through incomplete steps.
+- **Escape-to-close and the X button** — but ensure the user can resume (solve the draft-persistence gap).
+- **`sessionStorage.sapling_onboarding_pending` bridge** — otherwise Google's redirect always goes to `/dashboard` and onboarding never runs on first sign-in.
+- **Outro animation beat** from `handleOnboardingComplete` is a 4-second polished moment. If you want to keep the "welcome animation", 4s is probably too long for a rebuild — consider 1.5s.
+- **Learning-style IDs** (`visual`/`reading`/`auditory`/`hands-on`/`mixed`) — this vocabulary is baked into the backend prompt system (see `CLAUDE.md` §Architecture Notes). Don't rename without coordinating.
+
+## 12. Things to rework / decisions for the rebuild
+
+- Move onboarding to a real route (`/onboarding`) and gate it in `middleware.ts` so unfinished users are *forced* there instead of being ejected onto an overlay over the marketing site.
+- Source majors / minors / school list from the backend (`GET /api/onboarding/schools/:school/academics` or similar) so multi-school support is configuration rather than a code change.
+- Persist `formData` to `localStorage.sapling_onboarding_draft` keyed by `userId`.
+- Surface `POST /api/onboarding/profile` errors with a Toast + retry button.
+- Decouple form state from the landing page's 3D canvas entirely — the `activeStep`/`completed` coupling is an artifact of that decision and will disappear with the landing-page refresh.
diff --git a/docs/frontend-audit/features/profile-and-cosmetics.md b/docs/frontend-audit/features/profile-and-cosmetics.md
new file mode 100644
index 00000000..dcbb4b51
--- /dev/null
+++ b/docs/frontend-audit/features/profile-and-cosmetics.md
@@ -0,0 +1,174 @@
+# Feature · Profile & Cosmetics (Cross-Cutting)
+
+> Covers: `Avatar`, `AvatarFrame`, `NameColorRenderer`, `TitleFlair`, `RoleBadge`, `ProfileBanner` — the cross-cutting identity/cosmetic primitives used by Navbar, Settings, Room overviews, Member lists, and Achievement showcases.
+
+---
+
+## 1. Overview
+
+Sapling's identity system has five visual surfaces:
+
+1. **Avatar** — the user's picture (or initials fallback on a deterministic color).
+2. **AvatarFrame** — a decorative ring (PNG overlay) rendered on top of the avatar. Transparent when no frame equipped.
+3. **NameColorRenderer** — renders a name with a solid color or CSS gradient (including `background-clip: text` when `cssValue` contains "gradient").
+4. **TitleFlair** — a rarity-colored pill with a short title string (e.g., "Top Scholar").
+5. **RoleBadge** — a role pill with the role's own color + optional icon (for admin / moderator-style affordances).
+
+All are thin presentational components. Their data comes from `UserContext.equippedCosmetics` (populated by `/api/auth/me`) or from a `UserProfile` returned by `fetchPublicProfile`.
+
+`ProfileBanner` is a sixth component but appears to be **dead code**: no importers in `src/` (Grep confirms). Covered for completeness.
+
+---
+
+## 2. Component contracts
+
+### 2.1 `Avatar` (`src/components/Avatar.tsx`, 45 lines)
+
+```ts
+interface Props {
+  userId: string;  // seeds color for the initials fallback
+  name: string;    // initials derived from this
+  size?: number;   // default 32
+  avatarUrl?: string; // if present, renders an <img>; else initials
+  className?: string;
+}
+```
+
+- Image path: `<img src avatarUrl alt=name referrerPolicy="no-referrer">`. The `no-referrer` is key — Google profile images 403 without it.
+- Fallback: a circle with `background: getAvatarColor(userId)` and `getInitials(name)` centered. Both helpers in `lib/avatarUtils.ts`.
+- Font size scales with avatar size: `Math.max(10, Math.floor(size * 0.33))`.
+
+### 2.2 `AvatarFrame` (`src/components/AvatarFrame.tsx`, 45 lines)
+
+Stacks a `<img>` frame overlay on top of `Avatar`:
+
+```ts
+interface Props {
+  frameUrl?: string;      // overlay PNG (transparent)
+  frameSlug?: string;     // unused currently
+  userId, name, size, avatarUrl, className;  // forwarded to Avatar
+}
+```
+
+- If no `frameUrl`, falls back to plain `Avatar`.
+- Otherwise: `position: relative` container, `<Avatar>` underneath, `<img>` overlay with `inset: 0; pointer-events: none; object-fit: contain`.
+- `frameSlug` prop is declared but unused — dead prop.
+
+### 2.3 `NameColorRenderer` (`src/components/NameColorRenderer.tsx`, 32 lines)
+
+```ts
+interface Props { name: string; cssValue?: string; }
+```
+
+Three render paths:
+1. No `cssValue` → `<span style={{ color: var(--text) }}>{name}</span>`.
+2. `cssValue.includes('gradient')` → use `background: cssValue; -webkit-background-clip: text; color: transparent`.
+3. Otherwise → `<span style={{ color: cssValue }}>{name}</span>` (solid CSS color).
+
+### 2.4 `TitleFlair` (`src/components/TitleFlair.tsx`, 43 lines)
+
+```ts
+interface Props { title: string; rarity: RarityTier; }
+```
+
+- Rarity → CSS vars (`--rarity-common` through `--rarity-legendary`, plus `-bg` variants).
+- Renders a pill with border + background + text color all from the rarity.
+
+### 2.5 `RoleBadge` (`src/components/RoleBadge.tsx`, 45 lines)
+
+```ts
+interface Props {
+  role: Role; // {name, color, icon?, description?}
+  size?: 'sm' | 'md';
+}
+```
+
+- Uses CSS `color-mix(in srgb, ${color} 10%, transparent)` for background — requires a modern browser (Chrome 111+, Firefox 113+, Safari 16.2+).
+- Native `title` attribute for `role.description` (accessibility via browser tooltip).
+- Optional role.icon as a small `<img>`.
+
+### 2.6 `ProfileBanner` (`src/components/ProfileBanner.tsx`, 37 lines) — dead code
+
+```ts
+interface Props { bannerUrl?: string; }
+```
+
+Renders either a banner image or a default gradient fallback. 160px tall, `border-radius: var(--radius-md)`. No importers. Originally intended for `/profile/:userId` which doesn't exist (QUESTIONS Q10).
+
+---
+
+## 3. Where each is used
+
+| Component | Used by |
+|---|---|
+| `Avatar` | `AvatarFrame`, `RoomChat` (message bubbles), `RoomMembers`, various inline |
+| `AvatarFrame` | `Navbar` user-menu, `Settings` profile section, `CosmeticsManager` preview, profile-preview modal |
+| `NameColorRenderer` | `Settings` profile section, `CosmeticsManager` preview, profile-preview modal |
+| `TitleFlair` | Same as NameColorRenderer |
+| `RoleBadge` | `Admin` users table, `Settings` profile section |
+| `ProfileBanner` | **no importers** (dead) |
+
+Grep for the canonical usage locations if you're consolidating these.
+
+---
+
+## 4. Identity data flow
+
+```
+GET /api/auth/me
+  → UserContext.equippedCosmetics
+    = { avatar_frame?: {asset_url}, banner?: {asset_url}, name_color?: {css_value}, title?: {name, rarity}, featured_role?: Role }
+  → UserContext.featuredRole
+  → UserContext.isAdmin
+  → UserContext.roles
+```
+
+Equipping / unequipping: `CosmeticsManager` calls `equipCosmetic(userId, slot, cosmeticId | null)` then `refreshProfile()`, which re-runs `fetchProfileData` and propagates new cosmetics into every consumer of `useUser()`.
+
+---
+
+## 5. Edge cases
+
+1. **`referrerPolicy="no-referrer"`** on avatar images is crucial for Google CDN images. Drop it and Google returns 403 Forbidden, avatars break silently.
+2. **`color-mix`** CSS function in `RoleBadge` requires modern browsers — no polyfill.
+3. **`background-clip: text` + gradient** in `NameColorRenderer` requires `-webkit-` prefix — included. Fine in all current browsers.
+4. **Dead code**: `ProfileBanner` is unused. `frameSlug` prop on `AvatarFrame` is unused.
+5. **Size consistency**: `AvatarFrame` and `Avatar` both accept `size?: number` with default 32. Consumers pass 28 / 48 / 64. Rebuild should formalize a token set (sm/md/lg) to avoid ad-hoc numbers.
+6. **Frames must be PNGs with transparent middle.** If someone uploads a frame with a colored center, it occludes the avatar. No frontend validation.
+7. **No lazy loading** on cosmetic assets — every `AvatarFrame` loads the overlay image immediately.
+
+---
+
+## 6. CSS tokens the rebuild must preserve or re-derive
+
+From `globals.css` (not yet audited; inferred from usage):
+
+- `--rarity-common`, `--rarity-uncommon`, `--rarity-rare`, `--rarity-epic`, `--rarity-legendary` — text/border colors per rarity.
+- `--rarity-*-bg` — muted fills per rarity.
+- `--radius-sm`, `--radius-md`, `--radius-full` — pill + card radii.
+- `--text`, `--text-dim`, `--text-muted`, `--text-secondary`, `--text-placeholder` — the full text hierarchy.
+- `--accent`, `--accent-border`, `--accent-dim`, `--accent-active`, `--accent-glow` — the Sapling green.
+- `--bg`, `--bg-panel`, `--bg-subtle`, `--bg-input`, `--bg-topbar` — surface colors.
+- `--dur-fast`, `--dur-base` — animation timings.
+- `--shadow-sm`, `--shadow-md` — card elevations.
+
+These will be enumerated in `docs/frontend-audit/02-components.md` during Phase 4.
+
+---
+
+## 7. Things to preserve in the rebuild
+
+- `Avatar` with `referrerPolicy="no-referrer"` and initials fallback on a seeded color.
+- Layered `AvatarFrame` pattern (PNG overlay on top of avatar).
+- Solid **and** gradient support in `NameColorRenderer` (with `background-clip: text` for gradients).
+- Rarity tier tokens driving all of `TitleFlair`, `AchievementCard`, `AchievementUnlockToast`.
+- `RoleBadge` with `color-mix` translucent background.
+- The full cosmetic lifecycle (`fetchCosmetics` → display grid → `equipCosmetic(slot, id|null)` → `refreshProfile`).
+
+## 8. Things to rework
+
+- Remove `ProfileBanner.tsx` (dead) or re-introduce a public profile page that uses it.
+- Remove unused `frameSlug` prop on `AvatarFrame`.
+- Standardize avatar size tokens (replace magic numbers 28/32/48/64 with `sm/md/lg/xl`).
+- Add frontend validation for cosmetic image uploads (required transparency for frames).
+- Add lazy loading / `loading="lazy"` to cosmetic `<img>` overlays.
diff --git a/docs/frontend-audit/features/settings.md b/docs/frontend-audit/features/settings.md
new file mode 100644
index 00000000..c39de41a
--- /dev/null
+++ b/docs/frontend-audit/features/settings.md
@@ -0,0 +1,155 @@
+# Feature · Settings
+
+> Covers: `/settings/page.tsx` + `CosmeticsManager.tsx`. All account, profile, notification, appearance, privacy, cosmetics, and danger-zone controls. Also hosts the **Profile Preview modal**, which is the only place public-profile rendering happens (since `/profile` doesn't exist — see `QUESTIONS.md` Q10).
+
+---
+
+## 1. Overview
+
+Settings is a two-column layout:
+
+- **Left (sticky, 220px)**: grouped navigation — Identity (Profile, Account), Preferences (Notifications, Appearance, Privacy), Personalization (Cosmetics), Manage (Danger Zone).
+- **Right**: one card per section based on `activeSection` state.
+
+Each section renders a `SectionHeader` (title + description + optional action button, `danger` variant for red styling) followed by a card with rows of toggles, inputs, or other controls.
+
+The **Profile Preview modal** opens from the Profile section's action button. It fetches `fetchPublicProfile(userId)` + `fetchAchievements(userId)` and renders the same view a visitor would see if `/profile/[id]` existed — useful for previewing cosmetics before equipping.
+
+---
+
+## 2. User flows
+
+### 2.1 Flow: load settings
+
+- Mount: `fetchSettings(userId)` → populates `settings`, `displayName`, `username`, `bio`, `location`, `website` (`page.tsx:121-135`).
+- Loading state: "Loading settings..."
+
+### 2.2 Flow: profile editing + live username availability
+
+- Form fields: display name, username, bio, location, website.
+- Username input calls `checkUsername(val)` (debounced 500ms):
+  - Calls `updateProfile(userId, { username: val })`; success → `usernameAvailable = true`, failure → `false`.
+  - **This mutates the live profile.** Username "check" is implemented as a real PATCH. If the user types several candidate usernames in a row, each one tries to set the username on the backend; whichever fires last "wins". This is non-idiomatic — the rebuild should separate availability check (`GET /api/profile/username-available?q=`) from save.
+- "Save profile" button → `saveProfile()` → `updateProfile(userId, {display_name, username, bio, location, website})` + Toast.
+- Avatar upload: hidden file input triggered by camera-icon button. `uploadAvatar(userId, file)` (multipart), Toast on success, then `refreshProfile()`.
+
+### 2.3 Flow: appearance toggle (dark mode)
+
+- `handleThemeToggle(theme)`:
+  - `document.documentElement.classList.toggle('dark', theme === 'dark')` — applied immediately (optimistic).
+  - `saveSettings({ theme })` persists.
+
+Observation: there's no corresponding "respect system preference" tri-state — it's `light` or `dark`.
+
+### 2.4 Flow: notifications / privacy toggles
+
+- Each toggle is the inline `Toggle` component (`page.tsx:59-90`). Calls `saveSettings({ key: value })` with Toast feedback.
+
+### 2.5 Flow: cosmetics (`CosmeticsManager`)
+
+- Four tabs: **Avatar Frames / Banners / Name Colors / Titles**. Each tab shows a grid of owned cosmetics.
+- Grid card: image preview, name, rarity label, "Equipped" indicator.
+- Click a card: if not equipped, `equipCosmetic(userId, slot, cosmeticId)`; if equipped, re-click to unequip (passes `null`).
+- On change, `refreshProfile()` updates `UserContext.equippedCosmetics` so Navbar avatar etc. update immediately.
+- Preview card at bottom shows how the combined equipped cosmetics look (`AvatarFrame` + `NameColorRenderer` + `TitleFlair`).
+
+Empty state per tab: "No {type} unlocked yet".
+
+### 2.6 Flow: danger zone
+
+- **Export data**: `exportData(userId)` → JSON blob → triggers download via anchor+click pattern with `URL.createObjectURL` / `revokeObjectURL` (`page.tsx:212-226`).
+- **Delete account**: input field requiring literal "DELETE" text; button gated by `deleteConfirm === 'DELETE'`. `deleteAccount(userId, confirmation)` → Toast "Account scheduled for deletion". (Does not auto-sign-out; rebuild should.)
+
+### 2.7 Flow: profile preview modal
+
+- "Preview public profile" button → `openProfilePreview()`:
+  - Parallel `fetchPublicProfile(userId)` + `fetchAchievements(userId)` (catch fallback to null).
+  - Double-RAF pattern to let mount before animation (`profileModalMounted` then `profileModalVisible`).
+- Modal renders: `ProfileBanner` (if bannerUrl — almost never set since `ProfileBanner.tsx` has no importers; see Q10) or default gradient, avatar + name + title + role, bio/location/website, featured achievements via `AchievementShowcase`.
+- Close: `closeProfilePreview()` animates out, unmounts after 250ms.
+
+### 2.8 Flow: featured role/achievements
+
+- `setFeaturedRole(userId, roleId)` → shown next to name on public profile.
+- `setFeaturedAchievements(userId, ids[])` → top-5 `AchievementShowcase` on public profile.
+- UI for these is inside the Profile section or the Cosmetics/achievements sections — verify in a later pass.
+
+---
+
+## 3. State
+
+Top-level:
+- `activeSection`: SectionKey
+- `settings`, `loading`
+- Profile form: `displayName`, `username`, `bio`, `location`, `website`
+- `usernameAvailable`, `checkingUsername`, `usernameTimerRef`
+- Profile modal: `profileModalMounted`, `profileModalVisible`, `previewProfile`, `previewAchievements`, `previewLoading`
+- Danger zone: `deleteConfirm`, `showDeleteForm`, `deleting`
+
+`CosmeticsManager`:
+- `activeTab`, `cosmetics`, `equipped`, `loading`, `error`, `equipping`
+
+---
+
+## 4. API calls
+
+- `fetchSettings(userId)` → mount
+- `updateSettings(userId, updates)` → toggle/save
+- `updateProfile(userId, fields)` → profile save + username "check"
+- `uploadAvatar(userId, file)` → avatar upload
+- `fetchPublicProfile(userId)` → preview
+- `fetchAchievements(userId)` → preview
+- `fetchCosmetics(userId)` / `equipCosmetic(userId, slot, cosmeticId)`
+- `setFeaturedRole` / `setFeaturedAchievements`
+- `exportData(userId)` → JSON download
+- `deleteAccount(userId, confirmation)`
+
+---
+
+## 5. Components involved
+
+- `CosmeticsManager`, `AvatarFrame`, `NameColorRenderer`, `TitleFlair`, `RoleBadge`, `AchievementShowcase`
+- Inline `Toggle`, `SectionHeader`
+- `useToast` for feedback
+
+---
+
+## 6. Edge cases
+
+1. **Username "check" mutates the server.** Anti-pattern — see §2.2. Fix in rebuild.
+2. **Dark mode class is applied to `document.documentElement`** optimistically. If the `saveSettings` call fails, the class is still there (inconsistent with persisted state). Rebuild should revert on error.
+3. **Profile Preview uses `fetchPublicProfile(userId)` for the current user** — same endpoint as a stranger would use, so the preview is accurate.
+4. **Delete account doesn't sign out or redirect.** User is left on a settings page with an invalid session. Rebuild: immediately call `signOut()` and `router.replace('/signin')`.
+5. **Data export is a direct download** — no server-side email, no manifest. Acceptable for small datasets.
+6. **`ProfileBanner.tsx` is referenced here** but isn't imported — the preview panel inlines a default gradient instead. Flag for dead-code list.
+
+---
+
+## 7. Interactive patterns
+
+- Sticky sidebar navigation with `position: sticky; top: 24px`.
+- Pill-group navigation inside the sidebar (imports Lucide icons).
+- Debounced username availability check.
+- RAF-based modal mount/enter animation.
+- Toast feedback for every mutation.
+- Dark-mode class toggling on `document.documentElement`.
+
+---
+
+## 8. Things to preserve in the rebuild
+
+- Sidebar nav with grouped sections (Identity / Preferences / Personalization / Manage).
+- Profile Preview modal — critical UX for cosmetics.
+- Toast feedback after every save.
+- Three-step danger-zone delete (type "DELETE" → button enabled).
+- JSON-blob data export.
+- `equipCosmetic(slot, null)` to unequip by re-clicking.
+- Dark-mode via `.dark` class on `<html>` (keep compatible with CSS variables in `globals.css`).
+
+## 9. Things to rework
+
+- Split username availability (GET) from save (PATCH).
+- After account deletion, sign the user out and redirect.
+- Revert dark-mode class on `saveSettings` error.
+- Reintroduce a public `/profile/[userId]` page to match what the Preview modal shows.
+- Settings page grows over time — consider a "search settings" affordance.
diff --git a/docs/frontend-audit/features/social.md b/docs/frontend-audit/features/social.md
new file mode 100644
index 00000000..b8988711
--- /dev/null
+++ b/docs/frontend-audit/features/social.md
@@ -0,0 +1,228 @@
+# Feature · Social (Study Rooms, Chat, Study Match, School Directory)
+
+> Covers: `/social/page.tsx`, `RoomList`, `RoomOverview`, `RoomChat`, `RoomMembers`, `StudyMatch`, `SchoolDirectory`. The heaviest feature area outside `/learn` and the only place the frontend talks directly to Supabase (Realtime for chat).
+
+---
+
+## 1. Overview
+
+Social is a hub of peer-collaboration features.
+
+Layout:
+- **Left sidebar** (`RoomList`): "Study Rooms" header with + Create / Join buttons; list of the user's rooms; "My School" link at the bottom.
+- **Main area**: one of:
+  - `SchoolDirectory` (when "My School" is selected)
+  - `RoomOverview` / `RoomChat` / `StudyMatch` / Activity feed, selected via tabs (Overview / Chat / Study Match / Activity)
+  - Members panel (`RoomMembers`), toggled by a Members button (top-right of the main panel)
+  - Empty state ("Create or join a room to get started.") when no room is selected
+
+Realtime chat is powered by **Supabase Realtime** subscribed directly from the browser (not via the FastAPI backend). The backend exposes REST endpoints for message persistence / reactions / deletion; the Supabase client receives postgres_changes events on `room_messages` and `room_reactions` tables plus a presence channel for typing indicators.
+
+---
+
+## 2. User flows
+
+### 2.1 Flow: create a room
+
+1. `RoomList` "Create" tab → inline form with room name input.
+2. `handleCreate()` → `createRoom(userId, roomName)` → `{room_id, invite_code}`.
+3. Displays the invite code with a Copy button (2s "Copied!" state); adds to `rooms` and auto-selects.
+
+### 2.2 Flow: join a room
+
+1. `RoomList` "Join" tab → invite-code input (default empty).
+2. `handleJoin()` → `joinRoom(userId, inviteCode)` → `{room}`.
+3. Prepends to `rooms` unless already present; auto-selects.
+4. On invalid code → generic "Invalid invite code." error.
+
+### 2.3 Flow: overview tab (`RoomOverview`)
+
+Props: `{room, members, aiSummary, myUserId, suggestNodeId, suggestConcept, onSuggestDismiss, onSuggestAccept}`.
+
+- Header: room name, invite code chip with Copy (same 2s "Copied!" pattern).
+- AI-generated room summary.
+- Comparison viewer: a `CustomSelect` picks another member → `KnowledgeGraph` renders with `comparison={partnerNodes}`. The graph component draws outline rings on each node indicating relative mastery:
+  - Cyan (`#38bdf8`) — you know it, they don't.
+  - Orange (`#fb923c`) — they know it, you don't.
+  - Red (`#f87171`) — both unknown.
+  - Green (`#34d399`) — both mastered.
+- AI recommendation popup (if `suggestConcept` passed in). Accept routes to `/learn?topic=<>&mode=quiz`; Dismiss clears `?suggest=` from the URL.
+- ResizeObserver on the graph container tracks width.
+
+### 2.4 Flow: chat tab (`RoomChat`)
+
+By far the most complex component. 677 lines. Features:
+
+- **Message history**: `getRoomMessages(roomId)` on mount.
+- **Supabase Realtime subscriptions**:
+  - `postgres_changes` INSERT on `room_messages` (own messages already added optimistically; skipped on `user_id === userId`).
+  - `postgres_changes` UPDATE on `room_messages` (handles edits and soft-delete — `is_deleted=true`).
+  - `postgres_changes` INSERT/DELETE on `room_reactions` — optimistically updates the target message's `reactions` array.
+- **Presence channel** (`supabase.channel('presence:room:' + roomId, {config:{presence:{key:userId}}})`):
+  - On input change: `broadcastTyping(true)` → `ch.track({userId, userName, typing:true})`.
+  - 3s idle timeout → `broadcastTyping(false)`.
+  - On sync, reads `ch.presenceState()` → `typingUsers` state for any non-self presence with `typing:true`.
+- **Message optimism**:
+  - User sends → prepend a `tmp_${Date.now()}` message with `replyTo` snapshot.
+  - On success, server event arrives; on failure, remove by tempId.
+- **@mentions**:
+  - Regex-detects `@(\w*)$` in the textarea prefix; opens a suggestion dropdown filtered by `name.toLowerCase().startsWith(query)`, excluding self.
+  - ArrowUp / ArrowDown / Tab / Enter navigate + insert. Escape dismisses.
+  - `renderText` re-escapes member names and highlights them differently based on own-message vs other (`#a7f3d0` for own, `#1a5c2a` for others).
+- **Reply**: "Reply" context menu action sets `replyingTo`. Compose bar shows the snippet above the textarea; sending includes `reply_to_id`.
+- **Edit**: "Edit" context menu action enters edit mode for own messages. Saving replaces the message text via `editRoomMessage`.
+- **Delete**: "Delete" context menu action sets `is_deleted=true` optimistically; server call via `deleteRoomMessage`. Reverts on error.
+- **Reactions**: 50-emoji grid picker (`EMOJI_GRID`). Click a message to open the reaction picker; each emoji calls `toggleRoomReaction(roomId, msgId, userId, emoji)`.
+- **Image attachments**: `FileReader.readAsDataURL` converts locally to a data URL → sent as `image_url` in the message payload (not uploaded to Supabase Storage — sent inline).
+- **Outside-click dismissal**: `document.addEventListener('mousedown', handleClick)` closes pickers when the click lands outside.
+- **Auto-scroll to bottom** on new messages (`bottomRef.current?.scrollIntoView`).
+- **Keyboard**: Enter sends (Shift+Enter for newline); `handleKeyDown` branches when `@mention` menu is open to intercept arrows/Tab/Enter.
+
+### 2.5 Flow: study match tab (`StudyMatch`)
+
+- "Find Study Partners" button → `findStudyMatches(roomId, userId)` → `{matches}`.
+- Each match has `partner` + `compatibility_score`. Sorted descending, top match gets a featured popup modal on first appearance (dismissible; shown once per matches fetch).
+- Match cards show partner info + score. Best match gets a highlighted badge.
+
+### 2.6 Flow: activity tab
+
+Inline (`social/page.tsx:287-307`): renders `activity` fetched via `getRoomActivity(roomId)`. Each item: user name, activity type + concept + detail, formatted relative time (just now / Nh ago / Nd ago).
+
+### 2.7 Flow: members panel (`RoomMembers`)
+
+- Triggered by the "👥 {count}" button in the top-right of the main panel.
+- Shows list of members with Avatar + name + "Leader" tag for the creator.
+- **Leader actions**: kick per-member with two-step confirm.
+- **Non-leader actions**: "Leave room" with two-step confirm.
+- Updates propagate via `onMembersChange` / `onLeave` props.
+
+### 2.8 Flow: school directory (`SchoolDirectory`)
+
+- Click "My School" in `RoomList` → main area switches to `SchoolDirectory`.
+- Lists all students in the user's school (`getSchoolStudents`).
+- Each card: initials avatar, name, course pills, top-concepts pills.
+- "You" chip on self.
+- No interaction — informational only.
+
+---
+
+## 3. State
+
+### `SocialPageInner`
+- `rooms`, `activeRoomId`, `overviewData`, `activity`, `matches`
+- `tab`: `'overview' | 'chat' | 'match' | 'activity'`
+- `schoolView`, `showRooms` (mobile), `showMembers`
+- Loading / error flags per section
+- `searchParams.suggestConcept`, derived `suggestNodeId`
+
+### `RoomChat` (non-exhaustive — see code for full list)
+- `messages`, `historyLoading`, `input`, `pendingImage`, `sending`
+- `showEmojiPicker`, `reactionPickerFor`, `contextMenuFor`
+- `replyingTo`, `editingMessage`
+- `typingUsers`, `typingTimeoutRef`, `presenceChannelRef`
+- `mentionQuery`, `mentionIndex`
+
+### `RoomList`
+- `panel`: `'none'|'create'|'join'`
+- `roomName`, `inviteCode`, `newCode`, `copied`, `loading`, `error`
+
+### `RoomOverview`
+- `copied`, `compareWith`, `isMobile`, `graphWidth`
+
+### `RoomMembers`
+- `confirmLeave`, `confirmKickId`, `kickingId`, `leavingLoading`
+
+### `StudyMatch`
+- `showPopup`
+
+---
+
+## 4. API calls
+
+Rooms:
+- `getUserRooms(userId)` / `createRoom` / `joinRoom` / `leaveRoom` / `kickMember`
+- `getRoomOverview(roomId)` / `getRoomActivity(roomId)`
+
+Match:
+- `findStudyMatches(roomId, userId)` / `findSchoolMatches(userId)` / `getSchoolStudents()`
+
+Chat (REST + Supabase Realtime):
+- `getRoomMessages(roomId)` — initial history
+- `sendRoomMessage(roomId, userId, userName, text, imageUrl?, replyToId?)`
+- `deleteRoomMessage(roomId, messageId, userId)`
+- `editRoomMessage(roomId, messageId, userId, text)`
+- `toggleRoomReaction(roomId, messageId, userId, emoji)`
+- `supabase.channel('room_messages:' + roomId)` — Realtime INSERT/UPDATE
+- `supabase.channel('presence:room:' + roomId)` — typing presence
+
+---
+
+## 5. Components involved
+
+| Component | Role |
+|---|---|
+| `RoomList` | Sidebar: rooms + create/join + "My School" entry |
+| `RoomOverview` | Overview tab with comparison graph and AI summary |
+| `RoomChat` | Realtime chat with reactions/mentions/reply/edit |
+| `RoomMembers` | Members list + kick/leave actions |
+| `StudyMatch` | Study-partner matching UI |
+| `SchoolDirectory` | Read-only student directory |
+| `KnowledgeGraph` | Embedded inside `RoomOverview` with `comparison` prop |
+| `Avatar` | Member avatars throughout |
+
+---
+
+## 6. Edge cases
+
+1. **Own-message suppression** on Realtime INSERT — avoids double-render from optimistic + subscription echo. Correct but brittle; if `userId` is misread from the Realtime payload, duplicates appear.
+2. **Image attachments are data URLs.** Large images bloat the message payload and the DB. Rebuild should upload to Supabase Storage (the same bucket `ReportIssueFlow` uses) and send the public URL.
+3. **Presence is not cleaned up on route leave** — the channel's `track` state persists server-side briefly. Supabase auto-expires presence when the channel closes, which happens in the effect cleanup (`supabase.removeChannel(ch)`). Verify in Phase 4.
+4. **No message pagination.** `getRoomMessages(roomId)` returns everything. For large rooms this will blow up the client.
+5. **@mention regex** (`@(\w*)$`) only works at the end of the text. Typing `@Alice and @Bo` → second mention detection fires when cursor is after `@Bo`, which is fine. But user names with spaces or special chars won't match — the regex in `renderText` escapes metachars but `@(\w*)$` in input still only picks word chars. Known limitation.
+6. **Typing indicators timeout at 3s** — if a user pauses, "typing" disappears even if they come back. Standard UX.
+7. **Emoji picker is static 50-emoji grid** — no search, no skin tones, no "frequently used". Acceptable for now.
+8. **Comparison outline rings apply only when a comparison partner is selected.** Switching `compareWith` recomputes `getComparisonOutlineColor` per node in `KnowledgeGraph`.
+9. **`leaveRoom` client-state** (in social page's `handleLeaveRoom`) filters the room out locally *before* the API call. If the call fails, the room disappears from the UI but not the server. Rare.
+10. **Kick-member confirm state** is one-at-a-time (`confirmKickId: string | null`). Opening another kick confirm closes the first. Fine.
+
+---
+
+## 7. Interactive patterns
+
+| Pattern | Impl |
+|---|---|
+| Supabase Realtime `postgres_changes` subscriptions | `supabase.channel(...).on('postgres_changes', filter, handler)` |
+| Supabase presence | `channel.track({typing})` + `presenceState()` |
+| Optimistic mutations with rollback | tempId messages removed on error |
+| @mention autocomplete with keyboard navigation | Arrow/Tab/Enter/Escape handling |
+| Reply to message | Reply snippet above textarea; `reply_to_id` in send payload |
+| Message edit | Drops the reply; pre-fills textarea; `editRoomMessage` on send |
+| Soft-delete messages | UPDATE event with `is_deleted=true`; UI shows "Message deleted" |
+| Emoji reactions | 50-emoji grid + `toggleRoomReaction` |
+| Image attachment | FileReader → data URL (not Storage) |
+| Typing indicator | Presence channel + 3s debounce |
+| 2-step kick/leave confirm | `confirmKickId`, `confirmLeave` state |
+| Comparison graph outline colors | `getComparisonOutlineColor` inside `KnowledgeGraph` |
+| 50-emoji picker grid | Static array |
+| Invite code Copy button with "Copied!" flash (2s) | `setTimeout` state toggle |
+
+---
+
+## 8. Things to preserve in the rebuild
+
+- Supabase Realtime-based chat (the backend doesn't mediate chat traffic — too latency-sensitive).
+- Presence-driven typing indicators with a 3s idle timeout.
+- Optimistic UI for sends + reactions + soft-delete.
+- @mention with Arrow/Tab/Enter/Escape.
+- Reply-with-snippet, Edit, Delete, Reactions.
+- The 4-color comparison outline ring on the shared-knowledge graph.
+- Invite-code-based join flow with "Copied!" affordance.
+- Two-step kick/leave confirms.
+- School-wide directory as a read-only discovery surface.
+
+## 9. Things to rework
+
+- Upload images to Supabase Storage (`issues-media-files` or a dedicated bucket) instead of data URLs in message text.
+- Paginate message history.
+- Replace the 50-emoji grid with a searchable picker (or use `emoji-mart`).
+- Consider pushing `postgres_changes` subscription state into a hook (`useRoomChannel`) to make testing easier.
diff --git a/docs/frontend-audit/features/study.md b/docs/frontend-audit/features/study.md
new file mode 100644
index 00000000..b086d794
--- /dev/null
+++ b/docs/frontend-audit/features/study.md
@@ -0,0 +1,166 @@
+# Feature · Study (Guide + Flashcards)
+
+> Covers: `/study` → `StudyClient` + `FlashcardsPanel`. The study hub is a dual-mode page: AI-generated study guides for upcoming exams, and an embedded flashcards experience. Shares the flashcards backend API with the standalone `/flashcards` route.
+
+---
+
+## 1. Overview
+
+`/study/page.tsx` is a Suspense shell. `StudyClient` (`src/app/study/StudyClient.tsx`, 316 lines) owns all logic. A top-bar toggle switches between two modes:
+
+- **Study Guide** — pick a course + upcoming exam → generate a structured study guide → render it full-page.
+- **Flashcards** — embedded `FlashcardsPanel` (`src/app/study/FlashcardsPanel.tsx`, 322 lines) with its own generator + deck browser + study mode (flip cards + rating).
+
+**Important**: the flashcards experience inside `/study` is a **separate** copy of the logic used by `/flashcards` (the standalone page, see `features/flashcards.md`). They use the same backend endpoints (`generateFlashcards`, `getFlashcards`, `rateFlashcard`, `deleteFlashcard`) and very similar UI, but diverge in layout and minor behaviors. A rebuild should unify them.
+
+StudyClient uses **raw `fetch`** (not `lib/api.ts`) for study-guide endpoints (`StudyClient.tsx:10-20`). Every other feature uses `lib/api.ts`. Odd but documented here so a rebuild doesn't miss it when consolidating.
+
+---
+
+## 2. User flows
+
+### 2.1 Flow: generate a study guide
+
+1. Mount: `fetchJSON('/api/study-guide/:userId/courses')` populates the Course picker (`StudyClient.tsx:68-74`). Simultaneously `loadCached()` hits `/api/study-guide/:userId/cached` for the "Recent guides" list on the right.
+2. User selects a Course from `CustomSelect` → `selectedCourseId` state.
+3. Course-change effect hits `/api/study-guide/:userId/exams?course_id=<id>` → populates Exam picker (`StudyClient.tsx:76-83`).
+4. User selects an Exam.
+5. "Generate Guide" button → `handleGenerate()` → `GET /api/study-guide/:userId/guide?course_id&exam_id`. Phase: `selection` → `loading` (spinner overlay, `StudyClient.tsx:216-229`) → `guide`.
+6. Guide rendered full-page at `mode === 'study-guide' && guideState === 'guide'` (`StudyClient.tsx:175-213`). Layout:
+   - Top bar: `←` back (reset to `selection`), "Study Guide", exam name, `Regenerate` button.
+   - Card 1: Exam — title, optional "Due {date}", overview paragraph.
+   - For each topic: name, importance (italic one-liner), bulleted concept list.
+   - Footer: "Generated at {timestamp}".
+7. `Regenerate` button → `POST /api/study-guide/regenerate {user_id, course_id, exam_id}` (`StudyClient.tsx:120-137`). Overwrites the cached guide. On success, `loadCached()` refreshes the "Recent guides" sidebar.
+
+### 2.2 Flow: open a cached guide
+
+Trigger: user clicks a "Recent guides" card on the right panel.
+
+- `handleOpenCached(cached)` (`StudyClient.tsx:103-118`): sets selected course/exam from the cached row's IDs, phase → `loading`, fetches `/api/study-guide/:userId/guide?course_id=<>&exam_id=<>`, renders.
+
+### 2.3 Flow: flashcards (embedded `FlashcardsPanel`)
+
+`FlashcardsPanel` is the same component pattern as `/flashcards/page.tsx` but called as a child of `/study`. It receives `onStudyModeChange(active)` which `StudyClient` uses to hide the ModeToggle while the user is studying a deck full-screen.
+
+Two sub-modes:
+
+- **Browse**: left panel (generator + per-topic study buttons) + right panel (card grid filtered by topic).
+  - Generator: list of enrolled course names (no free-text topic). Click a course → `generateFlashcards(userId, courseName, 10)` → prepends `res.flashcards` into the deck (`FlashcardsPanel.tsx:54-69`). Shows a "Generated using N library docs / M weak concepts" chip if `res.context_used` is present.
+  - Topic filter pills: `['', ...topics]` — each shows the count of cards with that topic.
+  - Card: Topic pill + last rating pill (Forgot/Hard/Easy, color-coded) + Q/A blocks + `times_reviewed` meta + delete X.
+- **Study mode**: full-page flip-card with `perspective: 1200px`, 0.55s 3D Y-flip animation. Top bar: back arrow, topic, `1 / N`, progress bar. Card: Question side + "tap to reveal" → Answer side. Three rating buttons (Forgot=1 / Hard=2 / Easy=3) revealed after flip. On rate:
+  - `rateFlashcard(userId, cardId, rating)` optimistically updates card.
+  - 300ms after, auto-advances to next card (or exits study mode if last).
+- Entering study mode: `startStudy(topicFilter?)` filters the deck by topic and sets `studyCards`. Calls `onStudyModeChange(true)` so parent hides the ModeToggle.
+
+### 2.4 Flow: mode toggle (Study Guide vs Flashcards)
+
+- Top-bar toggle: two pill buttons (`StudyClient.tsx:155-170`). `FlashcardsPanel` is **always mounted** (`display: mode==='flashcards' ? 'flex' : 'none'`) so its state survives mode switches. Study guide state (`guideState`, `guide`) also persists across toggles.
+- Mobile: same layout, stacked vertically.
+
+---
+
+## 3. State
+
+`StudyClient`:
+- `mode`: `'study-guide' | 'flashcards'` (default `'study-guide'`)
+- `flashcardStudyMode`: boolean — hides the ModeToggle when true
+- `guideState`: `'selection' | 'loading' | 'guide'`
+- `courses`, `exams`, `cachedGuides`: server data
+- `selectedCourseId`, `selectedExamId`: picker state
+- `guide`: `StudyGuide | null`
+- `generatedAt`: timestamp string
+- `error`: error copy for the generator
+- `regenerating`: flag
+
+`FlashcardsPanel`:
+- `cards`, `courses` (names array), `loading`, `error`
+- `topic`: last-generated topic name (pill on the course button)
+- `generating`: in-flight
+- `filterTopic`: active filter pill
+- `studyMode`, `studyIndex`, `flipped`, `studyCards`: study-mode state
+- `lastContextUsed`: `{documents_found, weak_concepts_found} | null` (for the "Generated using N library docs" chip)
+
+---
+
+## 4. API calls
+
+Study-guide (raw fetch, not `lib/api.ts`):
+- `GET /api/study-guide/:userId/courses`
+- `GET /api/study-guide/:userId/exams?course_id=`
+- `GET /api/study-guide/:userId/guide?course_id=&exam_id=`
+- `GET /api/study-guide/:userId/cached`
+- `POST /api/study-guide/regenerate`
+
+Flashcards (via `lib/api.ts`):
+- `generateFlashcards(userId, topic, 10)` → `POST /api/flashcards/generate`
+- `getFlashcards(userId)` → `GET /api/flashcards/user/:userId`
+- `rateFlashcard(userId, cardId, rating)` → `POST /api/flashcards/rate`
+- `deleteFlashcard(userId, cardId)` → `DELETE /api/flashcards/:cardId?user_id=`
+- `getCourses(userId)` → `GET /api/graph/:userId/courses`
+
+---
+
+## 5. Components involved
+
+| Component | Role |
+|---|---|
+| `StudyClient` | Top-level mode switcher + study-guide flow |
+| `FlashcardsPanel` | Embedded flashcard experience |
+| `CustomSelect` | Course + Exam pickers (`openUpward` on the Exam one since it's near the bottom) |
+
+---
+
+## 6. Edge cases
+
+1. **Raw `fetch` instead of `lib/api.ts`.** `StudyClient` does not respect `IS_LOCAL_MODE` — in local mode, the study guide endpoints will 404. Flashcards section inside `/study` does respect local mode because `FlashcardsPanel` uses `lib/api.ts`.
+2. **Divergent FlashcardsPanel / flashcards page.** Both exist. They share the API but the UI differs. See `features/flashcards.md` for the differences.
+3. **Hidden `FlashcardsPanel` stays mounted** — preserves its state on mode toggle (good UX), but also runs its mount `useEffect` with `getFlashcards` + `getCourses` once and never refetches when the user adds cards elsewhere. A rebuild could refetch on mode-toggle.
+4. **"Generated using N library docs" chip only persists until the next generation**, and there's no UI to inspect *which* docs.
+5. **Rating and `times_reviewed` increments are optimistic.** The server's response isn't used; if the POST fails, local state is wrong until reload.
+6. **Study mode auto-advances after a 300ms delay** — no way to change your mind.
+7. **`/study` has no `?` query-param deep link** — even though `/flashcards/:topic` would be a natural URL. If the rebuild wants shareable study-guide links, add a `?course=<>&exam=<>` contract.
+
+---
+
+## 7. Interactive patterns
+
+| Pattern | Impl |
+|---|---|
+| Flip card | CSS `perspective: 1200px` + `transform: rotateY(180deg)` + `transform-style: preserve-3d` + `backface-visibility: hidden` |
+| Auto-advance after rating | `setTimeout(300)` + increment `studyIndex` or exit |
+| Mode-toggle with preserved state | `display: none`-based hiding (not conditional unmount) |
+| Spinner | inline `@keyframes spin` + CSS border trick |
+| Topic filter pills | `setFilterTopic('')` for All, else topic string |
+
+---
+
+## 8. Empty / loading / error states
+
+- Courses list empty: "No courses found. Add courses in the Dashboard first." (FlashcardsPanel).
+- No cards: "🃏 No flashcards yet / Generate some using the panel on the left."
+- No cached guides: "No guides yet / Generate your first study guide on the left."
+- Exam picker disabled (opacity 0.5) when no course selected; placeholder text changes accordingly (`StudyClient.tsx:258`).
+- Generation errors → red banner above the generator form.
+- Study-guide generation spinner: full takeover, the ModeToggle shows with a spinner + "Generating your study guide..."
+
+---
+
+## 9. Things to preserve in the rebuild
+
+- Two-mode toggle with shared keepalive state.
+- Course → Exam cascading picker with live fetch on Course change.
+- "Recent guides" sidebar for one-click access to past guides.
+- Regenerate button on the guide header.
+- Flashcard **rating-based auto-advance** (Forgot/Hard/Easy = 1/2/3 mapping).
+- "Generated using N library docs / M weak concepts" chip after generation (preserves the AI transparency).
+- 3D flip animation (don't drop it — it's an anchor interaction).
+- Keyboard: a rebuild should add Space-to-flip and 1/2/3-to-rate; the current UI requires mouse taps.
+
+## 10. Things to rework
+
+- Consolidate `FlashcardsPanel` (inside `/study`) and `/flashcards/page.tsx` into one canonical component. They've already drifted (see `features/flashcards.md`).
+- Migrate `StudyClient` raw fetches to `lib/api.ts` so local mode works.
+- Add keyboard shortcuts to flashcard study mode.
+- Expose study-guide URL params so guides are shareable.
diff --git a/docs/frontend-audit/features/tree.md b/docs/frontend-audit/features/tree.md
new file mode 100644
index 00000000..615bf79b
--- /dev/null
+++ b/docs/frontend-audit/features/tree.md
@@ -0,0 +1,104 @@
+# Feature · Tree (Full Knowledge Graph)
+
+> Covers: `/tree/page.tsx`. Full-viewport `KnowledgeGraph` with search + filter sidebar + per-node detail panel.
+
+---
+
+## 1. Overview
+
+`/tree` is a focused, immersive view of the user's full knowledge graph. Uses the same `KnowledgeGraph` component as `/dashboard`, `/learn`, and `/social`, but fills the whole viewport (`height: calc(100vh - 48px)`) and overlays a floating control bar + detail sidebar.
+
+Controls:
+- **Search** input (client-side `includes` on `concept_name`, case-insensitive).
+- **Filter pills**: `all` / `mastered` / `learning` / `struggling` / `unexplored` — apply to `mastery_tier`.
+- **"N nodes" counter** in the bar.
+- **AI recommendation popup** when `?suggest=` is present (identical pattern to Dashboard/Learn).
+- **Per-node detail panel** (right side on desktop, bottom sheet on mobile) shown when a node is clicked.
+
+---
+
+## 2. User flows
+
+### 2.1 Flow: search + filter
+
+- Search input updates `search` state on every keystroke. `filteredNodes` recomputes every render (no debounce).
+- Filter pills set `filter`. Default `'all'` shows every node; others filter by `mastery_tier`.
+- `filteredEdges` is derived: keep only edges where both endpoints are in `filteredNodeIds`, plus any edge touching a `subject_root` (so course-root connections stay visible). Cross-subject concept edges still hidden as in dashboard/learn.
+- Node count shown inline.
+
+### 2.2 Flow: click a node
+
+- `onNodeClick={setSelectedNode}` (`tree/page.tsx:107`) — stores the clicked `GraphNode`.
+- Right-side (desktop) / bottom-sheet (mobile) panel renders with:
+  - Concept name + `×` close.
+  - Subject row: colored dot + subject name in the subject's text color.
+  - (Continues past line 278 — to fully document in Phase 4 cross-cutting, but the panel shows mastery %, times studied, last studied date, and likely a "Learn this" link.)
+- Clicking the same node again does not toggle — only the `×` closes.
+- Clicking a *different* node replaces the panel contents.
+
+### 2.3 Flow: suggest popup
+
+Same pattern as `/learn` — popup with Dismiss + Start Quiz →. Dismiss routes to `/tree` (correctly clears `?suggest=`).
+
+---
+
+## 3. State
+
+- `allNodes`, `allEdges`: from `getGraph(userId)`.
+- `filter`: `'all'|'mastered'|'learning'|'struggling'|'unexplored'`.
+- `search`: string.
+- `selectedNode`: `GraphNode | null`.
+- `dimensions`: `{width, height}` — based on `window.innerWidth` + `innerHeight - 48`, tracked via `window.addEventListener('resize')` (no ResizeObserver here — simpler because the graph is full-viewport).
+- `courseColorMap`: from `getCourses(userId)`.
+- `suggestConcept`: query param.
+- `suggestNode`: memo of the matching GraphNode.
+
+---
+
+## 4. API calls
+
+- `getGraph(userId)` → populates `allNodes`, `allEdges`.
+- `getCourses(userId)` → populates `courseColorMap`.
+
+No mutations — this is a read-only view.
+
+---
+
+## 5. Components involved
+
+- `KnowledgeGraph` (full-viewport)
+- Inline: search input, filter pills, node-detail panel, AI recommendation popup
+
+---
+
+## 6. Interactive patterns
+
+- `window.resize` listener → recompute dimensions (not a ResizeObserver because container size equals viewport-48).
+- Client-side search filter (no debounce).
+- Floating glass-panel controls at top-center.
+- Right-side detail panel (desktop) → bottom sheet on mobile.
+
+---
+
+## 7. Edge cases
+
+1. **Filtering can hide the highlighted `suggestNode`.** If the user sets `filter=mastered` but the AI-recommended concept is `unexplored`, the node is filtered out of view but the suggestion popup still renders. A rebuild should either auto-switch the filter when highlighting or indicate "Filtered out — clear filter to see".
+2. **Search and filter do not combine with subject-root visibility consistency** — the current code keeps subject-root edges but not necessarily subject-root *nodes* (`filteredNodeIds` only includes filtered concepts). Subject roots may still render if they're in `allNodes`. Verify in the rebuild.
+3. **No URL persistence for filter/search.** Refreshing loses your filter state. Low-priority, but a nice-to-have for shareable views.
+4. **Graph re-seeds on resize** — `useEffect` dependency on `width/height` recomputes `dimensions`, which feeds `KnowledgeGraph`. D3 simulation doesn't restart because `KnowledgeGraph` memoizes via `nodeIdsKey`/`edgeIdsKey`, but nodes will visually spring back toward the new center. Expected, keep.
+
+---
+
+## 8. Things to preserve in the rebuild
+
+- Full-viewport immersive graph with non-blocking overlay controls.
+- Search + mastery-tier filter combo.
+- Per-node detail panel (right on desktop, bottom sheet on mobile).
+- `?suggest=` popup parity with Dashboard and Learn.
+- "N nodes" live counter.
+- Subject-root edge preservation when filtering (so courses never become disconnected islands visually).
+
+## 9. Things to rework
+
+- Expose filter/search in the URL (`?filter=&q=`) for shareable views and refresh persistence.
+- Handle "filter hides suggestion" edge case.
diff --git a/docs/frontend-audit/zz-dead-code.md b/docs/frontend-audit/zz-dead-code.md
new file mode 100644
index 00000000..9ec25566
--- /dev/null
+++ b/docs/frontend-audit/zz-dead-code.md
@@ -0,0 +1,110 @@
+# Sapling Frontend Audit — Dead Code & Unused Surfaces
+
+> Files, components, props, and endpoints that have no importer / caller in the in-scope frontend. Flagged so the rebuild doesn't carry them forward.
+
+Verification method: `Grep` for identifier across `src/`, excluding the definition site.
+
+---
+
+## 1. Components with no importer
+
+### 1.1 `src/components/SpaceBackground.tsx`
+- Default-exports a `SpaceBackground` function.
+- **No importer** in `src/` (case-insensitive search).
+- Likely an abandoned experiment for an animated starfield background (name implies canvas RAF visual).
+- **Action**: delete unless product wants to reintroduce it.
+
+### 1.2 `src/components/ProfileBanner.tsx`
+- Default-exports a `ProfileBanner` function taking `{bannerUrl?}`.
+- **No importer** in `src/`.
+- Referenced conceptually by `CLAUDE.md` §Components as the banner for profile pages — but `/profile` does not exist and `/settings` profile preview renders its own default gradient inline.
+- **Action**: delete, OR reintroduce as part of a new `/profile/[userId]` page (depends on QUESTIONS Q10 decision).
+
+### 1.3 `src/components/UploadZone.tsx`
+- Default-exports an `UploadZone` drag-and-drop file picker.
+- **No importer** in `src/`.
+- Superseded by `DocumentUploadModal`'s inline drop zone. `CLAUDE.md` still references `UploadZone.tsx` (stale).
+- **Action**: delete.
+
+### 1.4 `src/components/AchievementUnlockToast.tsx`
+- Default-exports a toast body for achievement unlocks.
+- **No importer** in `src/`.
+- Looks prepared for `useToast(<AchievementUnlockToast achievement=... />)` on grant-detection. Not wired.
+- **Action**: keep the component (it's correctly designed) and wire it to fire when a new achievement is detected after chat/quiz actions. Or delete if achievements are discovered passively via the `/achievements` page.
+
+---
+
+## 2. Exported but unused API helpers (`lib/api.ts`)
+
+These are defined in `lib/api.ts` but nothing in `src/` calls them (except the definition site and tests if any).
+
+- `fetchRoles(userId)` — `GET /api/profile/:userId/roles`. `UserContext` gets `roles` from `/api/auth/me` directly.
+- `adminAssignRole` / `adminRevokeRole` — admin UI doesn't implement the picker.
+- `exportToGoogleCalendar` — may be used by a multi-select Calendar flow; verify before deleting.
+- `extractSyllabus` — the uploader goes through `/api/documents/upload` instead. May be legacy.
+- `findSchoolMatches` — social page uses room-scoped `findStudyMatches`; school-wide matches don't have a UI yet.
+- `checkCalendarStatus` — alias of `getCalendarStatus`.
+
+**Action**: audit each against backend routes; remove if server endpoint is also unused, otherwise keep until the UI is completed.
+
+---
+
+## 3. Dead props
+
+### 3.1 `AvatarFrame.frameSlug?: string`
+- Defined in the Props interface (`src/components/AvatarFrame.tsx:8`) but never read.
+- **Action**: remove.
+
+### 3.2 `AchievementCard.onPress`
+- Declared + wired to the outer div's `onClick`. Callers pass `undefined` — clicking does nothing.
+- `/achievements` has `expandedId` state but the card doesn't actually change when expanded.
+- **Action**: either implement the expanded view or remove the prop.
+
+---
+
+## 4. Dead state
+
+### 4.1 `/achievements` `expandedId`
+- State defined but does not modify rendering based on grep of the file.
+- **Action**: remove or implement expanded state.
+
+---
+
+## 5. Stale CLAUDE.md entries
+
+Not dead code, but stale references in the repo-root `CLAUDE.md`:
+
+- `CLAUDE.md` lists `src/app/profile/page.tsx` — directory does not exist.
+- `CLAUDE.md` references `UploadZone.tsx` as the upload component — actually `DocumentUploadModal.tsx` is used.
+- `CLAUDE.md` "Architecture Notes" says "2-day cooldown" on navigate-away session feedback — code is 3 days.
+- `CLAUDE.md` describes `backend/routes/learn.py` as "streaming AI tutoring chat endpoint (SSE)" — the frontend does not consume as a stream; either backend also stopped streaming, or the frontend never used the streaming capability.
+
+**Action**: refresh `CLAUDE.md` to match reality post-rebuild.
+
+---
+
+## 6. Unused packages
+
+### 6.1 `framer-motion`
+- Installed at 12.38.0.
+- Only imported in `src/components/HowItWorks.tsx` (landing page — out of scope).
+- No in-scope feature uses it.
+- **Action**: remove from `package.json` unless the rebuild plans to use it.
+
+---
+
+## 7. Summary for the rebuild
+
+Safe to delete outright (in scope):
+- `src/components/SpaceBackground.tsx`
+- `src/components/ProfileBanner.tsx` (unless reintroducing `/profile`)
+- `src/components/UploadZone.tsx`
+- `AvatarFrame.frameSlug` prop
+- `/achievements` `expandedId` state (if not implementing expansion)
+- `framer-motion` dependency (if landing gets rebuilt without it)
+
+Worth wiring, not deleting:
+- `AchievementUnlockToast.tsx` — connect to unlock detection.
+
+Backend-dependent:
+- `fetchRoles`, `adminAssignRole`, `adminRevokeRole`, `findSchoolMatches`, `exportToGoogleCalendar`, `extractSyllabus`, `checkCalendarStatus` — verify against backend `routes/` before deleting the stubs.

From 6f753ece20dfc78a6016aace35d0d62c8288c999 Mon Sep 17 00:00:00 2001
From: Jose Cruz <josecruz@crc-dot1x-nat-10-239-237-110.bu.edu>
Date: Sun, 19 Apr 2026 15:04:01 -0400
Subject: [PATCH 04/52] audit fixes: render graph in Learn, validate `before`,
 plug local-mode gaps

Full-branch audit caught three real bugs:

1. M3 Learn screen fetched the knowledge graph but only rendered session
   metadata in the right aside. Now renders <KnowledgeGraph> (with the
   same api->data adapter Dashboard uses), highlights the node whose
   name matches the current topic, and lets a click on a concept
   deep-link to /learn?topic=<name>.

2. routes/social.py get_room_messages accepted `before` directly into a
   PostgREST filter (`lt.{before}`) with no validation, so a request
   like ?before=null or ?before=gt.2026-01-01 could distort the query.
   Now parsed through datetime.fromisoformat first; invalid values 400.
   New test case (+1 -> 7 passing) covers the rejection path.

3. lib/localData.ts was silently warning on /api/learn/action,
   /api/learn/mode-switch, and /api/learn/sessions/{id}/resume in local
   dev. Added stubs so local mode stays usable without the backend.

Also verified as false positives (no change needed): deleteAccount and
featured-achievements endpoints both exist; Settings username check
uses GET checkUsername not PATCH; Calendar saveEdit already calls
updateAssignment. Known alpha-mode design choice (many endpoints
accept user_id without require_self) is pervasive and out of scope
for an audit pass; leaving as-is.

Suite: 292 pass / 3 skip / 0 fail (backend), tsc clean (frontend).
---
 backend/routes/social.py                  |  7 +++
 backend/tests/test_social_messages.py     | 10 ++++
 frontend/src/components/screens/Learn.tsx | 67 ++++++++++++++++++++---
 frontend/src/lib/localData.ts             |  4 ++
 4 files changed, 80 insertions(+), 8 deletions(-)

diff --git a/backend/routes/social.py b/backend/routes/social.py
index d557efe2..b5b3cec6 100644
--- a/backend/routes/social.py
+++ b/backend/routes/social.py
@@ -230,9 +230,16 @@ def kick_member(room_id: str, member_id: str, requester_id: str = Query(...)):
 
 @router.get("/rooms/{room_id}/messages")
 def get_room_messages(room_id: str, before: str | None = None, limit: int = 50):
+    from datetime import datetime
     limit = max(1, min(200, limit))
     filters = {"room_id": f"eq.{room_id}"}
     if before:
+        # Validate as ISO 8601 so an attacker can't inject PostgREST operators
+        # (e.g. `null`, `is.null`, `gt.2026-01-01`) into the filter value.
+        try:
+            datetime.fromisoformat(before.replace("Z", "+00:00"))
+        except ValueError:
+            raise HTTPException(status_code=400, detail="`before` must be an ISO 8601 timestamp")
         filters["created_at"] = f"lt.{before}"
     # Fetch newest-first so the slice covers the page we need, then reverse to ascending.
     rows = table("room_messages").select(
diff --git a/backend/tests/test_social_messages.py b/backend/tests/test_social_messages.py
index 3a5d486f..debe00a2 100644
--- a/backend/tests/test_social_messages.py
+++ b/backend/tests/test_social_messages.py
@@ -90,6 +90,16 @@ def _select(cols, filters=None, order=None, limit=None):
         assert captured["order"] == "created_at.desc"
         assert captured["limit"] == 20
 
+    def test_invalid_before_rejected(self):
+        # Guards against PostgREST operator injection (e.g. ?before=null or
+        # ?before=gt.2026-01-01). Anything not parseable as ISO 8601 is 400.
+        with patch("routes.social.table"):
+            for bad in ["null", "gt.2026-01-01", "not-a-date", "is.null", ""]:
+                if not bad:  # empty string skips the `if before:` branch; still valid
+                    continue
+                r = client.get(f"/api/social/rooms/{ROOM_ID}/messages?before={bad}")
+                assert r.status_code == 400, f"expected 400 for before={bad!r}"
+
     def test_empty_room_returns_no_more(self):
         with patch("routes.social.table") as t:
             t.return_value.select.return_value = []
diff --git a/frontend/src/components/screens/Learn.tsx b/frontend/src/components/screens/Learn.tsx
index 75525a61..7769070e 100644
--- a/frontend/src/components/screens/Learn.tsx
+++ b/frontend/src/components/screens/Learn.tsx
@@ -10,6 +10,7 @@ import { SessionSummary } from "../SessionSummary";
 import { SharedContextToggle, useSharedContext } from "../SharedContextToggle";
 import { DisclaimerModal } from "../DisclaimerModal";
 import { QuizPanel } from "../QuizPanel";
+import { KnowledgeGraph } from "../KnowledgeGraph";
 import { useToast } from "../ToastProvider";
 import { useConfirm } from "@/lib/useConfirm";
 import { useIsMobile } from "@/lib/useIsMobile";
@@ -29,6 +30,27 @@ import {
   type SessionSummaryData,
   type EnrolledCourse,
 } from "@/lib/api";
+import type { GraphNode as ApiNode, GraphEdge as ApiEdge } from "@/lib/types";
+import type { GraphNode, GraphEdge } from "@/lib/data";
+
+function apiToGraphNode(n: ApiNode, courses: EnrolledCourse[]): GraphNode {
+  const course = courses.find((c) => c.course_name === n.subject);
+  return {
+    id: n.id,
+    name: n.concept_name,
+    subject: n.subject,
+    color: n.course_color || course?.color || "var(--c-sage)",
+    is_subject_root: n.is_subject_root,
+    mastery_tier: n.mastery_tier === "subject_root" ? "mastered" : n.mastery_tier,
+    mastery_score: n.mastery_score,
+    course_id: n.course_id || course?.course_id || "",
+    last_studied_at: n.last_studied_at || undefined,
+  };
+}
+
+function apiToGraphEdge(e: ApiEdge): GraphEdge {
+  return { source: e.source as string, target: e.target as string, strength: e.strength };
+}
 
 type Mode = "socratic" | "expository" | "teachback" | "quiz";
 
@@ -82,6 +104,8 @@ function LearnInner() {
   const [recentSessions, setRecentSessions] = useState<Session[]>([]);
   const [courses, setCourses] = useState<EnrolledCourse[]>([]);
   const [concepts, setConcepts] = useState<{ id: string; name: string; course_id: string | null; course_code: string | null }[]>([]);
+  const [graphNodes, setGraphNodes] = useState<GraphNode[]>([]);
+  const [graphEdges, setGraphEdges] = useState<GraphEdge[]>([]);
 
   const [summary, setSummary] = useState<SessionSummaryData | null>(null);
   const [mobileTab, setMobileTab] = useState<"chat" | "graph">("chat");
@@ -114,6 +138,10 @@ function LearnInner() {
               course_code: n.course_id ? (courseById.get(n.course_id)?.course_code ?? null) : null,
             })),
         );
+        const apiNodes = (gRes.nodes ?? []) as ApiNode[];
+        const apiEdges = (gRes.edges ?? []) as ApiEdge[];
+        setGraphNodes(apiNodes.map(n => apiToGraphNode(n, cRes.courses ?? [])));
+        setGraphEdges(apiEdges.map(apiToGraphEdge));
       } catch (err) {
         console.error("learn bootstrap failed", err);
       }
@@ -517,15 +545,38 @@ function LearnInner() {
               <div className="label-micro">Session</div>
               <div className="h-serif" style={{ fontSize: 18, marginTop: 4 }}>{topic}</div>
             </div>
-            <div className="card" style={{ padding: 14 }}>
-              <div className="label-micro" style={{ marginBottom: 4 }}>Mode</div>
-              <div style={{ fontSize: 13, fontWeight: 500, textTransform: "capitalize" }}>{mode}</div>
-            </div>
-            <div className="card" style={{ padding: 14 }}>
-              <div className="label-micro" style={{ marginBottom: 4 }}>Messages</div>
-              <div className="mono" style={{ fontSize: 18 }}>{messages.length}</div>
+            {graphNodes.length > 0 && (
+              <div
+                className="card"
+                style={{ padding: 8, display: "flex", flexDirection: "column", gap: 4 }}
+              >
+                <div className="label-micro" style={{ padding: "4px 6px" }}>Knowledge graph</div>
+                <KnowledgeGraph
+                  nodes={graphNodes}
+                  edges={graphEdges}
+                  width={isMobile ? 320 : 280}
+                  height={280}
+                  variant="organism"
+                  highlightId={graphNodes.find(n => n.name.toLowerCase() === topic.trim().toLowerCase())?.id}
+                  onNodeClick={(n) => {
+                    if (!n.is_subject_root) {
+                      router.replace(`/learn?topic=${encodeURIComponent(n.name)}&mode=${mode}`, { scroll: false });
+                    }
+                  }}
+                />
+              </div>
+            )}
+            <div style={{ display: "grid", gridTemplateColumns: "1fr 1fr", gap: 8 }}>
+              <div className="card" style={{ padding: 12 }}>
+                <div className="label-micro" style={{ marginBottom: 4 }}>Mode</div>
+                <div style={{ fontSize: 13, fontWeight: 500, textTransform: "capitalize" }}>{mode}</div>
+              </div>
+              <div className="card" style={{ padding: 12 }}>
+                <div className="label-micro" style={{ marginBottom: 4 }}>Messages</div>
+                <div className="mono" style={{ fontSize: 16 }}>{messages.length}</div>
+              </div>
             </div>
-            <div className="card" style={{ padding: 14 }}>
+            <div className="card" style={{ padding: 12 }}>
               <div className="label-micro" style={{ marginBottom: 4 }}>Context</div>
               <div style={{ fontSize: 12, color: "var(--text-dim)" }}>
                 {sharedCtx ? "Class intel: on" : "Class intel: off"}
diff --git a/frontend/src/lib/localData.ts b/frontend/src/lib/localData.ts
index 020fccd1..c686586e 100644
--- a/frontend/src/lib/localData.ts
+++ b/frontend/src/lib/localData.ts
@@ -213,10 +213,14 @@ export function handleLocalRequest(path: string, options?: RequestInit): unknown
     generated_at: new Date().toISOString(),
   };
 
+  if (route.match(/^\/api\/learn\/sessions\/[^/]+$/) && options?.method === 'DELETE') return { deleted: true };
+  if (route.match(/^\/api\/learn\/sessions\/[^/]+\/resume$/)) return { session: { id: 'local-session', user_id: LOCAL_USER.id, topic: 'Local session', mode: 'socratic', course_id: null, started_at: new Date().toISOString(), ended_at: null }, messages: [] };
   if (route.match(/^\/api\/learn\/sessions\/[^/]+$/)) return { sessions: LOCAL_SESSIONS };
   if (route.match(/^\/api\/learn\/start-session$/) && options?.method === 'POST') return { session_id: 'local-session', initial_message: "Welcome! Local mode is active — AI chat is stubbed.", graph_state: {} };
   if (route.match(/^\/api\/learn\/chat$/) && options?.method === 'POST') return { reply: 'Local mode is active — AI chat is unavailable. Connect to the backend to use this feature.', graph_update: { new_nodes: [], updated_nodes: [], new_edges: [], recommended_next: [] }, mastery_changes: [] };
   if (route.match(/^\/api\/learn\/end-session$/) && options?.method === 'POST') return { summary: { concepts_covered: [], mastery_changes: [], new_connections: [], time_spent_minutes: 0, recommended_next: [] } };
+  if (route.match(/^\/api\/learn\/action$/) && options?.method === 'POST') return { reply: 'Local mode — action noted.', graph_update: { new_nodes: [], updated_nodes: [], new_edges: [], recommended_next: [] } };
+  if (route.match(/^\/api\/learn\/mode-switch$/) && options?.method === 'POST') return { reply: 'Local mode — mode switched.' };
 
   if (route.match(/^\/api\/social\/rooms\/[^/]+$/)) return { rooms: LOCAL_ROOMS };
   if (route.match(/^\/api\/social\/students$/)) return { students: [] };

From ebff15b9936264e8601a441305e6ad287890637a Mon Sep 17 00:00:00 2001
From: Jose Cruz <josecruz@crc-dot1x-nat-10-239-237-110.bu.edu>
Date: Sun, 19 Apr 2026 15:13:44 -0400
Subject: [PATCH 05/52] harden frontend for production deploy (Cloudflare
 Pages)

Deep audit turned up six deploy-fragile issues that passed local dev
and `next build` but would surface in a real HTTPS deploy:

1. Hydration mismatch on Dashboard greeting.
   getGreetingPrefix(new Date()) was computed during render, so the
   server's timezone would diverge from the client's and trigger a
   React hydration error. Moved behind a useEffect.

2. Hydration mismatch on Dashboard random quote.
   useMemo(() => QUOTES[Math.floor(Math.random()*...)]) picked a
   different quote on server vs client. Moved to useState + useEffect
   seeded after mount.

3. Session cookie missing Secure flag.
   api/auth/session POST and DELETE set sapling_session without
   `secure: true`; browsers drop the cookie on HTTPS origins, so
   users appear logged-out after OAuth. Now set based on NODE_ENV.

4. Localhost fallback in Auth.tsx and auth/callback/page.tsx.
   `process.env.NEXT_PUBLIC_API_URL ?? 'http://localhost:5000'` would
   silently route production OAuth redirects to localhost. Replaced
   with empty-string fallback so Next.js's /api/:path* rewrite takes
   over when the env var is unset in the deploy environment.

5. UserContext direct fetches produced undefined URLs.
   `${process.env.NEXT_PUBLIC_API_URL}/api/users` with an unset var
   becomes the literal string `undefined/api/users`. Added the same
   empty-fallback pattern so calls become relative and Next.js
   rewrites them server-side.

6. Settings data-export fetch: same fix as #5.

Local verification: tsc --noEmit clean, `next build` clean (18
routes compiled, Middleware -> Proxy deprecation warning unchanged
and non-blocking).

False positives investigated and dismissed:
- page.tsx files without 'use client' are fine; Next.js lets server
  page components render client component children.
- UserContext localStorage access is inside useEffect, not a
  hydration risk.
- Supabase proxy client is lazy; only crashes if Social is opened
  without NEXT_PUBLIC_SUPABASE_* set, which is the desired behavior.
---
 frontend/src/app/api/auth/session/route.ts    |  9 ++++++++-
 frontend/src/app/auth/callback/page.tsx       |  2 +-
 frontend/src/components/screens/Auth.tsx      |  5 ++++-
 frontend/src/components/screens/Dashboard.tsx | 18 ++++++++++++++----
 frontend/src/components/screens/Settings.tsx  |  3 ++-
 frontend/src/context/UserContext.tsx          |  6 ++++--
 6 files changed, 33 insertions(+), 10 deletions(-)

diff --git a/frontend/src/app/api/auth/session/route.ts b/frontend/src/app/api/auth/session/route.ts
index 4411c394..dbf8270d 100644
--- a/frontend/src/app/api/auth/session/route.ts
+++ b/frontend/src/app/api/auth/session/route.ts
@@ -87,6 +87,7 @@ export async function POST(request: NextRequest) {
     response.cookies.set('sapling_session', token, {
       httpOnly: true,
       sameSite: 'lax',
+      secure: process.env.NODE_ENV === 'production',
       path: '/',
       maxAge: SESSION_MAX_AGE,
     });
@@ -98,6 +99,12 @@ export async function POST(request: NextRequest) {
 
 export async function DELETE() {
   const response = NextResponse.json({ ok: true });
-  response.cookies.set('sapling_session', '', { httpOnly: true, maxAge: 0, path: '/' });
+  response.cookies.set('sapling_session', '', {
+    httpOnly: true,
+    sameSite: 'lax',
+    secure: process.env.NODE_ENV === 'production',
+    path: '/',
+    maxAge: 0,
+  });
   return response;
 }
diff --git a/frontend/src/app/auth/callback/page.tsx b/frontend/src/app/auth/callback/page.tsx
index e6cb371d..a9d101a7 100644
--- a/frontend/src/app/auth/callback/page.tsx
+++ b/frontend/src/app/auth/callback/page.tsx
@@ -35,7 +35,7 @@ function CallbackInner() {
       body: JSON.stringify({ userId, ...(authToken ? { authToken } : {}) }),
     }).catch(() => {});
 
-    const API_URL = process.env.NEXT_PUBLIC_API_URL ?? 'http://localhost:5000';
+    const API_URL = process.env.NEXT_PUBLIC_API_URL ?? '';
     fetch(`${API_URL}/api/auth/me?user_id=${encodeURIComponent(userId)}`)
       .then(r => r.json())
       .then(data => {
diff --git a/frontend/src/components/screens/Auth.tsx b/frontend/src/components/screens/Auth.tsx
index 377d58eb..ed6b4f26 100644
--- a/frontend/src/components/screens/Auth.tsx
+++ b/frontend/src/components/screens/Auth.tsx
@@ -4,7 +4,10 @@ import { useRouter, useSearchParams } from "next/navigation";
 import { useUser } from "@/context/UserContext";
 import { IS_LOCAL_MODE } from "@/lib/api";
 
-const API_URL = process.env.NEXT_PUBLIC_API_URL ?? "http://localhost:5000";
+// Empty fallback lets the browser use a same-origin /api/... path, which
+// Next.js rewrites to BACKEND_URL server-side. Hardcoding localhost here
+// would break production deploys that forgot to set NEXT_PUBLIC_API_URL.
+const API_URL = process.env.NEXT_PUBLIC_API_URL ?? "";
 
 const ERROR_COPY: Record<string, string> = {
   not_approved: "Your account is pending approval. We'll email you once an admin lets you in.",
diff --git a/frontend/src/components/screens/Dashboard.tsx b/frontend/src/components/screens/Dashboard.tsx
index 9a007766..ed2f12bb 100644
--- a/frontend/src/components/screens/Dashboard.tsx
+++ b/frontend/src/components/screens/Dashboard.tsx
@@ -124,9 +124,15 @@ export function Dashboard() {
   const [suggestDismissed, setSuggestDismissed] = React.useState(false);
   React.useEffect(() => { setSuggestDismissed(false); }, [suggest]);
 
-  const quote = React.useMemo(() => QUOTES[Math.floor(Math.random() * QUOTES.length)], []);
-  const today = React.useMemo(() => {
-    const d = new Date(); d.setHours(0, 0, 0, 0); return d;
+  // Client-only to avoid SSR/CSR hydration mismatch on the greeting and the
+  // random quote (server's timezone/RNG result would drift from the client's).
+  const [quote, setQuote] = React.useState<string>(QUOTES[0]);
+  const [today, setToday] = React.useState<Date>(() => {
+    const d = new Date(0); d.setHours(0, 0, 0, 0); return d;
+  });
+  React.useEffect(() => {
+    setQuote(QUOTES[Math.floor(Math.random() * QUOTES.length)]);
+    const t = new Date(); t.setHours(0, 0, 0, 0); setToday(t);
   }, []);
   const weekDays = React.useMemo(() => getWeekDays(today), [today]);
 
@@ -198,7 +204,11 @@ export function Dashboard() {
   }, [fullscreen]);
 
   const firstName = userName ? userName.split(" ")[0] : "";
-  const greetingText = firstName ? `${getGreetingPrefix(new Date())}, ${firstName}` : "Welcome back";
+  const [greetingPrefix, setGreetingPrefix] = React.useState<string>("Welcome back");
+  React.useEffect(() => {
+    setGreetingPrefix(getGreetingPrefix(new Date()));
+  }, []);
+  const greetingText = firstName ? `${greetingPrefix}, ${firstName}` : "Welcome back";
   const subtitle = assignments.length
     ? `Your knowledge is growing. ${assignments.length} item${assignments.length === 1 ? "" : "s"} due soon.`
     : "Your knowledge is growing.";
diff --git a/frontend/src/components/screens/Settings.tsx b/frontend/src/components/screens/Settings.tsx
index 0a0496b4..7759b85b 100644
--- a/frontend/src/components/screens/Settings.tsx
+++ b/frontend/src/components/screens/Settings.tsx
@@ -411,8 +411,9 @@ export function Settings() {
                   onClick={async () => {
                     if (!userId) return;
                     try {
+                      const base = process.env.NEXT_PUBLIC_API_URL ?? '';
                       const res = await fetch(
-                        `${process.env.NEXT_PUBLIC_API_URL}/api/profile/${userId}/export?user_id=${encodeURIComponent(userId)}`,
+                        `${base}/api/profile/${userId}/export?user_id=${encodeURIComponent(userId)}`,
                         { method: "POST" },
                       );
                       const data = await res.json();
diff --git a/frontend/src/context/UserContext.tsx b/frontend/src/context/UserContext.tsx
index 20301363..896a49a5 100644
--- a/frontend/src/context/UserContext.tsx
+++ b/frontend/src/context/UserContext.tsx
@@ -89,7 +89,8 @@ export function UserProvider({ children }: { children: React.ReactNode }) {
 
   useEffect(() => {
     if (IS_LOCAL_MODE) return;
-    fetch(`${process.env.NEXT_PUBLIC_API_URL}/api/users`)
+    const base = process.env.NEXT_PUBLIC_API_URL ?? '';
+    fetch(`${base}/api/users`)
       .then(r => r.json())
       .then((data: { users: UserOption[] }) => {
         const list = data.users ?? [];
@@ -106,7 +107,8 @@ export function UserProvider({ children }: { children: React.ReactNode }) {
   const fetchProfileData = useCallback(async (uid: string) => {
     if (!uid || IS_LOCAL_MODE) return;
     try {
-      const res = await fetch(`${process.env.NEXT_PUBLIC_API_URL}/api/auth/me?user_id=${encodeURIComponent(uid)}`);
+      const base = process.env.NEXT_PUBLIC_API_URL ?? '';
+      const res = await fetch(`${base}/api/auth/me?user_id=${encodeURIComponent(uid)}`);
       if (!res.ok) return;
       const data = await res.json();
       setUsername(data.username ?? null);

From 599afa0c17caf07392e77b7742f4c92d39148209 Mon Sep 17 00:00:00 2001
From: Jose Cruz <josecruz@crc-dot1x-nat-10-239-237-110.bu.edu>
Date: Sun, 19 Apr 2026 15:29:32 -0400
Subject: [PATCH 06/52] cloudflare: use @opennextjs/cloudflare adapter (fix
 deploy)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The previous Cloudflare Pages deploy failed with:

    Error: Output directory "frontend/out" not found.
    Failed: build output directory not found

Root cause: the framework preset on Cloudflare was "Next.js (Static
HTML Export)", which sets the build command to
`STATIC_EXPORT=true npm run build` and expects a `frontend/out/`
directory from `next export`. Our app isn't exportable — it relies on
middleware (auth guard), API routes (/api/auth/session), rewrites
(/api/:path* -> BACKEND_URL), and dynamic routes (/profile/[userId]).

Fix: add @opennextjs/cloudflare, which compiles Next.js into a
Cloudflare Workers-compatible bundle (worker.js + assets/). Supports
middleware and full SSR. Also add wrangler as a dev dep so `wrangler
pages deploy` and `wrangler deploy` work locally.

Tried @cloudflare/next-on-pages first, but its peer range is
next@14.3–15.5 and we're on 16.1.6. Switched to @opennextjs/cloudflare
(actively maintained, supports 16).

Files:
- frontend/package.json: adds cf:build, cf:preview, cf:deploy scripts
  and @opennextjs/cloudflare + wrangler dev deps.
- frontend/wrangler.jsonc: Workers config (main=.open-next/worker.js,
  assets binding, nodejs_compat flag, compat date 2025-06-01).
- frontend/open-next.config.ts: minimal OpenNext config.
- frontend/next.config.ts: initOpenNextCloudflareForDev() so `next dev`
  works with Cloudflare bindings. `output: "standalone"` left in place
  (OpenNext does its own packaging, and keeping it lets `next build`
  produce a Docker-style server for any non-Cloudflare deploy).
- frontend/.gitignore: ignore .open-next/ and .wrangler/.

Local verification: `npm run cf:build` succeeds; produces
`.open-next/worker.js`. `tsc --noEmit` clean. `next build` alone still
clean (18 routes).

Cloudflare Pages dashboard settings the user must update:
- Build command: `npm run cf:build` (was STATIC_EXPORT=true npm run build)
- Build output directory: `frontend/.open-next/assets` (was frontend/out)
- OR migrate the project to Cloudflare Workers (recommended for SSR
  apps; `wrangler deploy` from frontend/ will work as-is).
---
 frontend/.gitignore          |     5 +
 frontend/next.config.ts      |     8 +
 frontend/open-next.config.ts |     5 +
 frontend/package-lock.json   | 17153 ++++++++++++++++++++++-----------
 frontend/package.json        |     9 +-
 frontend/wrangler.jsonc      |    20 +
 6 files changed, 11420 insertions(+), 5780 deletions(-)
 create mode 100644 frontend/open-next.config.ts
 create mode 100644 frontend/wrangler.jsonc

diff --git a/frontend/.gitignore b/frontend/.gitignore
index 754f2ac3..af5c3630 100644
--- a/frontend/.gitignore
+++ b/frontend/.gitignore
@@ -5,3 +5,8 @@ out
 *.log
 .DS_Store
 tsconfig.tsbuildinfo
+
+# Cloudflare / OpenNext build artifacts
+.open-next
+.wrangler
+
diff --git a/frontend/next.config.ts b/frontend/next.config.ts
index 41dd8c9f..55f4bf2b 100644
--- a/frontend/next.config.ts
+++ b/frontend/next.config.ts
@@ -1,8 +1,14 @@
 import type { NextConfig } from "next";
+// The dev-mode OpenNext hook lets `next dev` continue to work locally
+// against Cloudflare bindings (R2/KV/env vars). Safe no-op in prod builds.
+import { initOpenNextCloudflareForDev } from "@opennextjs/cloudflare";
 
 const BACKEND_URL = process.env.BACKEND_URL || "http://localhost:5000";
 
 const nextConfig: NextConfig = {
+  // `standalone` is ignored by @opennextjs/cloudflare (it does its own
+  // packaging), but keeping it lets `next build` alone still produce a
+  // runnable Docker-style server if anyone ever deploys that way.
   output: "standalone",
   async rewrites() {
     return [
@@ -12,4 +18,6 @@ const nextConfig: NextConfig = {
   },
 };
 
+initOpenNextCloudflareForDev();
+
 export default nextConfig;
diff --git a/frontend/open-next.config.ts b/frontend/open-next.config.ts
new file mode 100644
index 00000000..3b02a8ed
--- /dev/null
+++ b/frontend/open-next.config.ts
@@ -0,0 +1,5 @@
+import { defineCloudflareConfig } from "@opennextjs/cloudflare";
+
+// Minimal OpenNext/Cloudflare config. The adapter uses the default
+// runtime overrides; add caching/queue bindings here later if we need them.
+export default defineCloudflareConfig({});
diff --git a/frontend/package-lock.json b/frontend/package-lock.json
index 51c5f643..3d774d32 100644
--- a/frontend/package-lock.json
+++ b/frontend/package-lock.json
@@ -19,5244 +19,5637 @@
         "remark-math": "^6.0.0"
       },
       "devDependencies": {
+        "@opennextjs/cloudflare": "^1.19.1",
         "@types/d3": "^7.4.3",
         "@types/node": "^20",
         "@types/react": "^19",
         "@types/react-dom": "^19",
         "eslint": "^9",
         "eslint-config-next": "16.1.6",
-        "typescript": "^5"
+        "typescript": "^5",
+        "wrangler": "^4.83.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==",
+    "node_modules/@ast-grep/napi": {
+      "version": "0.40.5",
+      "resolved": "https://registry.npmjs.org/@ast-grep/napi/-/napi-0.40.5.tgz",
+      "integrity": "sha512-hJA62OeBKUQT68DD2gDyhOqJxZxycqg8wLxbqjgqSzYttCMSDL9tiAQ9abgekBYNHudbJosm9sWOEbmCDfpX2A==",
       "dev": true,
       "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==",
+        "node": ">= 10"
+      },
+      "optionalDependencies": {
+        "@ast-grep/napi-darwin-arm64": "0.40.5",
+        "@ast-grep/napi-darwin-x64": "0.40.5",
+        "@ast-grep/napi-linux-arm64-gnu": "0.40.5",
+        "@ast-grep/napi-linux-arm64-musl": "0.40.5",
+        "@ast-grep/napi-linux-x64-gnu": "0.40.5",
+        "@ast-grep/napi-linux-x64-musl": "0.40.5",
+        "@ast-grep/napi-win32-arm64-msvc": "0.40.5",
+        "@ast-grep/napi-win32-ia32-msvc": "0.40.5",
+        "@ast-grep/napi-win32-x64-msvc": "0.40.5"
+      }
+    },
+    "node_modules/@ast-grep/napi-darwin-arm64": {
+      "version": "0.40.5",
+      "resolved": "https://registry.npmjs.org/@ast-grep/napi-darwin-arm64/-/napi-darwin-arm64-0.40.5.tgz",
+      "integrity": "sha512-2F072fGN0WTq7KI3okuEnkGJVEHLbi56Bw1H6NAMf7j2mJJeQWsRyGOMcyNnUXZDeNdvoMH0OB2a5wwUegY/nQ==",
+      "cpu": [
+        "arm64"
+      ],
       "dev": true,
       "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
       "engines": {
-        "node": ">=6.9.0"
+        "node": ">= 10"
       }
     },
-    "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==",
+    "node_modules/@ast-grep/napi-darwin-x64": {
+      "version": "0.40.5",
+      "resolved": "https://registry.npmjs.org/@ast-grep/napi-darwin-x64/-/napi-darwin-x64-0.40.5.tgz",
+      "integrity": "sha512-dJMidHZhhxuLBYNi6/FKI812jQ7wcFPSKkVPwviez2D+KvYagapUMAV/4dJ7FCORfguVk8Y0jpPAlYmWRT5nvA==",
+      "cpu": [
+        "x64"
+      ],
       "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"
-      },
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
       "engines": {
-        "node": ">=6.9.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/babel"
+        "node": ">= 10"
       }
     },
-    "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==",
+    "node_modules/@ast-grep/napi-linux-arm64-gnu": {
+      "version": "0.40.5",
+      "resolved": "https://registry.npmjs.org/@ast-grep/napi-linux-arm64-gnu/-/napi-linux-arm64-gnu-0.40.5.tgz",
+      "integrity": "sha512-nBRCbyoS87uqkaw4Oyfe5VO+SRm2B+0g0T8ME69Qry9ShMf41a2bTdpcQx9e8scZPogq+CTwDHo3THyBV71l9w==",
+      "cpu": [
+        "arm64"
+      ],
       "dev": true,
       "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"
-      },
+      "optional": true,
+      "os": [
+        "linux"
+      ],
       "engines": {
-        "node": ">=6.9.0"
+        "node": ">= 10"
       }
     },
-    "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==",
+    "node_modules/@ast-grep/napi-linux-arm64-musl": {
+      "version": "0.40.5",
+      "resolved": "https://registry.npmjs.org/@ast-grep/napi-linux-arm64-musl/-/napi-linux-arm64-musl-0.40.5.tgz",
+      "integrity": "sha512-/qKsmds5FMoaEj6FdNzepbmLMtlFuBLdrAn9GIWCqOIcVcYvM1Nka8+mncfeXB/MFZKOrzQsQdPTWqrrQzXLrA==",
+      "cpu": [
+        "arm64"
+      ],
       "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"
-      },
+      "optional": true,
+      "os": [
+        "linux"
+      ],
       "engines": {
-        "node": ">=6.9.0"
+        "node": ">= 10"
       }
     },
-    "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==",
+    "node_modules/@ast-grep/napi-linux-x64-gnu": {
+      "version": "0.40.5",
+      "resolved": "https://registry.npmjs.org/@ast-grep/napi-linux-x64-gnu/-/napi-linux-x64-gnu-0.40.5.tgz",
+      "integrity": "sha512-DP4oDbq7f/1A2hRTFLhJfDFR6aI5mRWdEfKfHzRItmlKsR9WlcEl1qDJs/zX9R2EEtIDsSKRzuJNfJllY3/W8Q==",
+      "cpu": [
+        "x64"
+      ],
       "dev": true,
       "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
       "engines": {
-        "node": ">=6.9.0"
+        "node": ">= 10"
       }
     },
-    "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==",
+    "node_modules/@ast-grep/napi-linux-x64-musl": {
+      "version": "0.40.5",
+      "resolved": "https://registry.npmjs.org/@ast-grep/napi-linux-x64-musl/-/napi-linux-x64-musl-0.40.5.tgz",
+      "integrity": "sha512-BRZUvVBPUNpWPo6Ns8chXVzxHPY+k9gpsubGTHy92Q26ecZULd/dTkWWdnvfhRqttsSQ9Pe/XQdi5+hDQ6RYcg==",
+      "cpu": [
+        "x64"
+      ],
       "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "@babel/traverse": "^7.28.6",
-        "@babel/types": "^7.28.6"
-      },
+      "optional": true,
+      "os": [
+        "linux"
+      ],
       "engines": {
-        "node": ">=6.9.0"
+        "node": ">= 10"
       }
     },
-    "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==",
+    "node_modules/@ast-grep/napi-win32-arm64-msvc": {
+      "version": "0.40.5",
+      "resolved": "https://registry.npmjs.org/@ast-grep/napi-win32-arm64-msvc/-/napi-win32-arm64-msvc-0.40.5.tgz",
+      "integrity": "sha512-y95zSEwc7vhxmcrcH0GnK4ZHEBQrmrszRBNQovzaciF9GUqEcCACNLoBesn4V47IaOp4fYgD2/EhGRTIBFb2Ug==",
+      "cpu": [
+        "arm64"
+      ],
       "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "@babel/helper-module-imports": "^7.28.6",
-        "@babel/helper-validator-identifier": "^7.28.5",
-        "@babel/traverse": "^7.28.6"
-      },
+      "optional": true,
+      "os": [
+        "win32"
+      ],
       "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0"
+        "node": ">= 10"
       }
     },
-    "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==",
+    "node_modules/@ast-grep/napi-win32-ia32-msvc": {
+      "version": "0.40.5",
+      "resolved": "https://registry.npmjs.org/@ast-grep/napi-win32-ia32-msvc/-/napi-win32-ia32-msvc-0.40.5.tgz",
+      "integrity": "sha512-K/u8De62iUnFCzVUs7FBdTZ2Jrgc5/DLHqjpup66KxZ7GIM9/HGME/O8aSoPkpcAeCD4TiTZ11C1i5p5H98hTg==",
+      "cpu": [
+        "ia32"
+      ],
       "dev": true,
       "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
       "engines": {
-        "node": ">=6.9.0"
+        "node": ">= 10"
       }
     },
-    "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==",
+    "node_modules/@ast-grep/napi-win32-x64-msvc": {
+      "version": "0.40.5",
+      "resolved": "https://registry.npmjs.org/@ast-grep/napi-win32-x64-msvc/-/napi-win32-x64-msvc-0.40.5.tgz",
+      "integrity": "sha512-dqm5zg/o4Nh4VOQPEpMS23ot8HVd22gG0eg01t4CFcZeuzyuSgBlOL3N7xLbz3iH2sVkk7keuBwAzOIpTqziNQ==",
+      "cpu": [
+        "x64"
+      ],
       "dev": true,
       "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
       "engines": {
-        "node": ">=6.9.0"
+        "node": ">= 10"
       }
     },
-    "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==",
+    "node_modules/@aws-crypto/crc32": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/@aws-crypto/crc32/-/crc32-5.2.0.tgz",
+      "integrity": "sha512-nLbCWqQNgUiwwtFsen1AdzAtvuLRsQS8rYgMuxCrdKf9kOssamGLuPwyTY9wyYblNr9+1XM8v6zoDTPPSIeANg==",
       "dev": true,
-      "license": "MIT",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@aws-crypto/util": "^5.2.0",
+        "@aws-sdk/types": "^3.222.0",
+        "tslib": "^2.6.2"
+      },
       "engines": {
-        "node": ">=6.9.0"
+        "node": ">=16.0.0"
       }
     },
-    "node_modules/@babel/helpers": {
-      "version": "7.29.2",
-      "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.29.2.tgz",
-      "integrity": "sha512-HoGuUs4sCZNezVEKdVcwqmZN8GoHirLUcLaYVNBK2J0DadGtdcqgr3BCbvH8+XUo4NGjNl3VOtSjEKNzqfFgKw==",
+    "node_modules/@aws-crypto/crc32c": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/@aws-crypto/crc32c/-/crc32c-5.2.0.tgz",
+      "integrity": "sha512-+iWb8qaHLYKrNvGRbiYRHSdKRWhto5XlZUEBwDjYNf+ly5SVYG6zEoYIdxvf5R3zyeP16w4PLBn3rH1xc74Rag==",
       "dev": true,
-      "license": "MIT",
+      "license": "Apache-2.0",
       "dependencies": {
-        "@babel/template": "^7.28.6",
-        "@babel/types": "^7.29.0"
-      },
-      "engines": {
-        "node": ">=6.9.0"
+        "@aws-crypto/util": "^5.2.0",
+        "@aws-sdk/types": "^3.222.0",
+        "tslib": "^2.6.2"
       }
     },
-    "node_modules/@babel/parser": {
-      "version": "7.29.2",
-      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.29.2.tgz",
-      "integrity": "sha512-4GgRzy/+fsBa72/RZVJmGKPmZu9Byn8o4MoLpmNe1m8ZfYnz5emHLQz3U4gLud6Zwl0RZIcgiLD7Uq7ySFuDLA==",
+    "node_modules/@aws-crypto/sha1-browser": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/@aws-crypto/sha1-browser/-/sha1-browser-5.2.0.tgz",
+      "integrity": "sha512-OH6lveCFfcDjX4dbAvCFSYUjJZjDr/3XJ3xHtjn3Oj5b9RjojQo8npoLeA/bNwkOkrSQ0wgrHzXk4tDRxGKJeg==",
       "dev": true,
-      "license": "MIT",
+      "license": "Apache-2.0",
       "dependencies": {
-        "@babel/types": "^7.29.0"
-      },
-      "bin": {
-        "parser": "bin/babel-parser.js"
-      },
-      "engines": {
-        "node": ">=6.0.0"
+        "@aws-crypto/supports-web-crypto": "^5.2.0",
+        "@aws-crypto/util": "^5.2.0",
+        "@aws-sdk/types": "^3.222.0",
+        "@aws-sdk/util-locate-window": "^3.0.0",
+        "@smithy/util-utf8": "^2.0.0",
+        "tslib": "^2.6.2"
       }
     },
-    "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==",
+    "node_modules/@aws-crypto/sha1-browser/node_modules/@smithy/is-array-buffer": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/@smithy/is-array-buffer/-/is-array-buffer-2.2.0.tgz",
+      "integrity": "sha512-GGP3O9QFD24uGeAXYUjwSTXARoqpZykHadOmA8G5vfJPK0/DC67qa//0qvqrJzL1xc8WQWX7/yc7fwudjPHPhA==",
       "dev": true,
-      "license": "MIT",
+      "license": "Apache-2.0",
       "dependencies": {
-        "@babel/code-frame": "^7.28.6",
-        "@babel/parser": "^7.28.6",
-        "@babel/types": "^7.28.6"
+        "tslib": "^2.6.2"
       },
       "engines": {
-        "node": ">=6.9.0"
+        "node": ">=14.0.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==",
+    "node_modules/@aws-crypto/sha1-browser/node_modules/@smithy/util-buffer-from": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/@smithy/util-buffer-from/-/util-buffer-from-2.2.0.tgz",
+      "integrity": "sha512-IJdWBbTcMQ6DA0gdNhh/BwrLkDR+ADW5Kr1aZmd4k3DIF6ezMV4R2NIAmT08wQJ3yUK82thHWmC/TnK/wpMMIA==",
       "dev": true,
-      "license": "MIT",
+      "license": "Apache-2.0",
       "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"
+        "@smithy/is-array-buffer": "^2.2.0",
+        "tslib": "^2.6.2"
       },
       "engines": {
-        "node": ">=6.9.0"
+        "node": ">=14.0.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==",
+    "node_modules/@aws-crypto/sha1-browser/node_modules/@smithy/util-utf8": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/@smithy/util-utf8/-/util-utf8-2.3.0.tgz",
+      "integrity": "sha512-R8Rdn8Hy72KKcebgLiv8jQcQkXoLMOGGv5uI1/k0l+snqkOzQ1R0ChUBCxWMlBsFMekWjq0wRudIweFs7sKT5A==",
       "dev": true,
-      "license": "MIT",
+      "license": "Apache-2.0",
       "dependencies": {
-        "@babel/helper-string-parser": "^7.27.1",
-        "@babel/helper-validator-identifier": "^7.28.5"
+        "@smithy/util-buffer-from": "^2.2.0",
+        "tslib": "^2.6.2"
       },
       "engines": {
-        "node": ">=6.9.0"
+        "node": ">=14.0.0"
       }
     },
-    "node_modules/@emnapi/core": {
-      "version": "1.10.0",
-      "resolved": "https://registry.npmjs.org/@emnapi/core/-/core-1.10.0.tgz",
-      "integrity": "sha512-yq6OkJ4p82CAfPl0u9mQebQHKPJkY7WrIuk205cTYnYe+k2Z8YBh11FrbRG/H6ihirqcacOgl2BIO8oyMQLeXw==",
+    "node_modules/@aws-crypto/sha256-browser": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/@aws-crypto/sha256-browser/-/sha256-browser-5.2.0.tgz",
+      "integrity": "sha512-AXfN/lGotSQwu6HNcEsIASo7kWXZ5HYWvfOmSNKDsEqC4OashTp8alTmaz+F7TC2L083SFv5RdB+qU3Vs1kZqw==",
       "dev": true,
-      "license": "MIT",
-      "optional": true,
+      "license": "Apache-2.0",
       "dependencies": {
-        "@emnapi/wasi-threads": "1.2.1",
-        "tslib": "^2.4.0"
+        "@aws-crypto/sha256-js": "^5.2.0",
+        "@aws-crypto/supports-web-crypto": "^5.2.0",
+        "@aws-crypto/util": "^5.2.0",
+        "@aws-sdk/types": "^3.222.0",
+        "@aws-sdk/util-locate-window": "^3.0.0",
+        "@smithy/util-utf8": "^2.0.0",
+        "tslib": "^2.6.2"
       }
     },
-    "node_modules/@emnapi/runtime": {
-      "version": "1.10.0",
-      "resolved": "https://registry.npmjs.org/@emnapi/runtime/-/runtime-1.10.0.tgz",
-      "integrity": "sha512-ewvYlk86xUoGI0zQRNq/mC+16R1QeDlKQy21Ki3oSYXNgLb45GV1P6A0M+/s6nyCuNDqe5VpaY84BzXGwVbwFA==",
-      "license": "MIT",
-      "optional": true,
+    "node_modules/@aws-crypto/sha256-browser/node_modules/@smithy/is-array-buffer": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/@smithy/is-array-buffer/-/is-array-buffer-2.2.0.tgz",
+      "integrity": "sha512-GGP3O9QFD24uGeAXYUjwSTXARoqpZykHadOmA8G5vfJPK0/DC67qa//0qvqrJzL1xc8WQWX7/yc7fwudjPHPhA==",
+      "dev": true,
+      "license": "Apache-2.0",
       "dependencies": {
-        "tslib": "^2.4.0"
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=14.0.0"
       }
     },
-    "node_modules/@emnapi/wasi-threads": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/@emnapi/wasi-threads/-/wasi-threads-1.2.1.tgz",
-      "integrity": "sha512-uTII7OYF+/Mes/MrcIOYp5yOtSMLBWSIoLPpcgwipoiKbli6k322tcoFsxoIIxPDqW01SQGAgko4EzZi2BNv2w==",
+    "node_modules/@aws-crypto/sha256-browser/node_modules/@smithy/util-buffer-from": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/@smithy/util-buffer-from/-/util-buffer-from-2.2.0.tgz",
+      "integrity": "sha512-IJdWBbTcMQ6DA0gdNhh/BwrLkDR+ADW5Kr1aZmd4k3DIF6ezMV4R2NIAmT08wQJ3yUK82thHWmC/TnK/wpMMIA==",
       "dev": true,
-      "license": "MIT",
-      "optional": true,
+      "license": "Apache-2.0",
       "dependencies": {
-        "tslib": "^2.4.0"
+        "@smithy/is-array-buffer": "^2.2.0",
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=14.0.0"
       }
     },
-    "node_modules/@eslint-community/eslint-utils": {
-      "version": "4.9.1",
-      "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.9.1.tgz",
-      "integrity": "sha512-phrYmNiYppR7znFEdqgfWHXR6NCkZEK7hwWDHZUjit/2/U0r6XvkDl0SYnoM51Hq7FhCGdLDT6zxCCOY1hexsQ==",
+    "node_modules/@aws-crypto/sha256-browser/node_modules/@smithy/util-utf8": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/@smithy/util-utf8/-/util-utf8-2.3.0.tgz",
+      "integrity": "sha512-R8Rdn8Hy72KKcebgLiv8jQcQkXoLMOGGv5uI1/k0l+snqkOzQ1R0ChUBCxWMlBsFMekWjq0wRudIweFs7sKT5A==",
       "dev": true,
-      "license": "MIT",
+      "license": "Apache-2.0",
       "dependencies": {
-        "eslint-visitor-keys": "^3.4.3"
+        "@smithy/util-buffer-from": "^2.2.0",
+        "tslib": "^2.6.2"
       },
       "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/eslint"
-      },
-      "peerDependencies": {
-        "eslint": "^6.0.0 || ^7.0.0 || >=8.0.0"
+        "node": ">=14.0.0"
       }
     },
-    "node_modules/@eslint-community/eslint-utils/node_modules/eslint-visitor-keys": {
-      "version": "3.4.3",
-      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz",
-      "integrity": "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==",
+    "node_modules/@aws-crypto/sha256-js": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/@aws-crypto/sha256-js/-/sha256-js-5.2.0.tgz",
+      "integrity": "sha512-FFQQyu7edu4ufvIZ+OadFpHHOt+eSTBaYaki44c+akjg7qZg9oOQeLlk77F6tSYqjDAFClrHJk9tMf0HdVyOvA==",
       "dev": true,
       "license": "Apache-2.0",
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      "dependencies": {
+        "@aws-crypto/util": "^5.2.0",
+        "@aws-sdk/types": "^3.222.0",
+        "tslib": "^2.6.2"
       },
-      "funding": {
-        "url": "https://opencollective.com/eslint"
+      "engines": {
+        "node": ">=16.0.0"
       }
     },
-    "node_modules/@eslint-community/regexpp": {
-      "version": "4.12.2",
-      "resolved": "https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.12.2.tgz",
-      "integrity": "sha512-EriSTlt5OC9/7SXkRSCAhfSxxoSUgBm33OH+IkwbdpgoqsSsUg7y3uh+IICI/Qg4BBWr3U2i39RpmycbxMq4ew==",
+    "node_modules/@aws-crypto/supports-web-crypto": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/@aws-crypto/supports-web-crypto/-/supports-web-crypto-5.2.0.tgz",
+      "integrity": "sha512-iAvUotm021kM33eCdNfwIN//F77/IADDSs58i+MDaOqFrVjZo9bAal0NK7HurRuWLLpF1iLX7gbWrjHjeo+YFg==",
       "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": "^12.0.0 || ^14.0.0 || >=16.0.0"
+      "license": "Apache-2.0",
+      "dependencies": {
+        "tslib": "^2.6.2"
       }
     },
-    "node_modules/@eslint/config-array": {
-      "version": "0.21.2",
-      "resolved": "https://registry.npmjs.org/@eslint/config-array/-/config-array-0.21.2.tgz",
-      "integrity": "sha512-nJl2KGTlrf9GjLimgIru+V/mzgSK0ABCDQRvxw5BjURL7WfH5uoWmizbH7QB6MmnMBd8cIC9uceWnezL1VZWWw==",
+    "node_modules/@aws-crypto/util": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/@aws-crypto/util/-/util-5.2.0.tgz",
+      "integrity": "sha512-4RkU9EsI6ZpBve5fseQlGNUWKMa1RLPQ1dnjnQoe07ldfIzcsGb5hC5W0Dm7u423KWzawlrpbjXBrXCEv9zazQ==",
       "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
-        "@eslint/object-schema": "^2.1.7",
-        "debug": "^4.3.1",
-        "minimatch": "^3.1.5"
+        "@aws-sdk/types": "^3.222.0",
+        "@smithy/util-utf8": "^2.0.0",
+        "tslib": "^2.6.2"
+      }
+    },
+    "node_modules/@aws-crypto/util/node_modules/@smithy/is-array-buffer": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/@smithy/is-array-buffer/-/is-array-buffer-2.2.0.tgz",
+      "integrity": "sha512-GGP3O9QFD24uGeAXYUjwSTXARoqpZykHadOmA8G5vfJPK0/DC67qa//0qvqrJzL1xc8WQWX7/yc7fwudjPHPhA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "tslib": "^2.6.2"
       },
       "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+        "node": ">=14.0.0"
       }
     },
-    "node_modules/@eslint/config-helpers": {
-      "version": "0.4.2",
-      "resolved": "https://registry.npmjs.org/@eslint/config-helpers/-/config-helpers-0.4.2.tgz",
-      "integrity": "sha512-gBrxN88gOIf3R7ja5K9slwNayVcZgK6SOUORm2uBzTeIEfeVaIhOpCtTox3P6R7o2jLFwLFTLnC7kU/RGcYEgw==",
+    "node_modules/@aws-crypto/util/node_modules/@smithy/util-buffer-from": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/@smithy/util-buffer-from/-/util-buffer-from-2.2.0.tgz",
+      "integrity": "sha512-IJdWBbTcMQ6DA0gdNhh/BwrLkDR+ADW5Kr1aZmd4k3DIF6ezMV4R2NIAmT08wQJ3yUK82thHWmC/TnK/wpMMIA==",
       "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
-        "@eslint/core": "^0.17.0"
+        "@smithy/is-array-buffer": "^2.2.0",
+        "tslib": "^2.6.2"
       },
       "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+        "node": ">=14.0.0"
       }
     },
-    "node_modules/@eslint/core": {
-      "version": "0.17.0",
-      "resolved": "https://registry.npmjs.org/@eslint/core/-/core-0.17.0.tgz",
-      "integrity": "sha512-yL/sLrpmtDaFEiUj1osRP4TI2MDz1AddJL+jZ7KSqvBuliN4xqYY54IfdN8qD8Toa6g1iloph1fxQNkjOxrrpQ==",
+    "node_modules/@aws-crypto/util/node_modules/@smithy/util-utf8": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/@smithy/util-utf8/-/util-utf8-2.3.0.tgz",
+      "integrity": "sha512-R8Rdn8Hy72KKcebgLiv8jQcQkXoLMOGGv5uI1/k0l+snqkOzQ1R0ChUBCxWMlBsFMekWjq0wRudIweFs7sKT5A==",
       "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
-        "@types/json-schema": "^7.0.15"
+        "@smithy/util-buffer-from": "^2.2.0",
+        "tslib": "^2.6.2"
       },
       "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+        "node": ">=14.0.0"
       }
     },
-    "node_modules/@eslint/eslintrc": {
-      "version": "3.3.5",
-      "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-3.3.5.tgz",
-      "integrity": "sha512-4IlJx0X0qftVsN5E+/vGujTRIFtwuLbNsVUe7TO6zYPDR1O6nFwvwhIKEKSrl6dZchmYBITazxKoUYOjdtjlRg==",
+    "node_modules/@aws-sdk/client-cloudfront": {
+      "version": "3.984.0",
+      "resolved": "https://registry.npmjs.org/@aws-sdk/client-cloudfront/-/client-cloudfront-3.984.0.tgz",
+      "integrity": "sha512-couDuDLpJtoeWne/nYyJ+I+5ntBVdNgBVRTCoDaXuVV7OC3u/wz5Ps0+GogspEwMLEFoOJ8t691h3YXQtnpQTw==",
       "dev": true,
-      "license": "MIT",
+      "license": "Apache-2.0",
       "dependencies": {
-        "ajv": "^6.14.0",
-        "debug": "^4.3.2",
-        "espree": "^10.0.1",
-        "globals": "^14.0.0",
-        "ignore": "^5.2.0",
-        "import-fresh": "^3.2.1",
-        "js-yaml": "^4.1.1",
-        "minimatch": "^3.1.5",
-        "strip-json-comments": "^3.1.1"
+        "@aws-crypto/sha256-browser": "5.2.0",
+        "@aws-crypto/sha256-js": "5.2.0",
+        "@aws-sdk/core": "^3.973.6",
+        "@aws-sdk/credential-provider-node": "^3.972.5",
+        "@aws-sdk/middleware-host-header": "^3.972.3",
+        "@aws-sdk/middleware-logger": "^3.972.3",
+        "@aws-sdk/middleware-recursion-detection": "^3.972.3",
+        "@aws-sdk/middleware-user-agent": "^3.972.6",
+        "@aws-sdk/region-config-resolver": "^3.972.3",
+        "@aws-sdk/types": "^3.973.1",
+        "@aws-sdk/util-endpoints": "3.984.0",
+        "@aws-sdk/util-user-agent-browser": "^3.972.3",
+        "@aws-sdk/util-user-agent-node": "^3.972.4",
+        "@smithy/config-resolver": "^4.4.6",
+        "@smithy/core": "^3.22.0",
+        "@smithy/fetch-http-handler": "^5.3.9",
+        "@smithy/hash-node": "^4.2.8",
+        "@smithy/invalid-dependency": "^4.2.8",
+        "@smithy/middleware-content-length": "^4.2.8",
+        "@smithy/middleware-endpoint": "^4.4.12",
+        "@smithy/middleware-retry": "^4.4.29",
+        "@smithy/middleware-serde": "^4.2.9",
+        "@smithy/middleware-stack": "^4.2.8",
+        "@smithy/node-config-provider": "^4.3.8",
+        "@smithy/node-http-handler": "^4.4.8",
+        "@smithy/protocol-http": "^5.3.8",
+        "@smithy/smithy-client": "^4.11.1",
+        "@smithy/types": "^4.12.0",
+        "@smithy/url-parser": "^4.2.8",
+        "@smithy/util-base64": "^4.3.0",
+        "@smithy/util-body-length-browser": "^4.2.0",
+        "@smithy/util-body-length-node": "^4.2.1",
+        "@smithy/util-defaults-mode-browser": "^4.3.28",
+        "@smithy/util-defaults-mode-node": "^4.2.31",
+        "@smithy/util-endpoints": "^3.2.8",
+        "@smithy/util-middleware": "^4.2.8",
+        "@smithy/util-retry": "^4.2.8",
+        "@smithy/util-stream": "^4.5.10",
+        "@smithy/util-utf8": "^4.2.0",
+        "@smithy/util-waiter": "^4.2.8",
+        "tslib": "^2.6.2"
       },
       "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/eslint"
+        "node": ">=20.0.0"
       }
     },
-    "node_modules/@eslint/js": {
-      "version": "9.39.4",
-      "resolved": "https://registry.npmjs.org/@eslint/js/-/js-9.39.4.tgz",
-      "integrity": "sha512-nE7DEIchvtiFTwBw4Lfbu59PG+kCofhjsKaCWzxTpt4lfRjRMqG6uMBzKXuEcyXhOHoUp9riAm7/aWYGhXZ9cw==",
+    "node_modules/@aws-sdk/client-dynamodb": {
+      "version": "3.984.0",
+      "resolved": "https://registry.npmjs.org/@aws-sdk/client-dynamodb/-/client-dynamodb-3.984.0.tgz",
+      "integrity": "sha512-8/Oft9MWQtbG6p9f8eY5fsKC2CcO5YVDlwive8eUYS9mEbgnyQxm68OyH26WvsSTykQ9QkIbR+fOG56RsIBODw==",
       "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@aws-crypto/sha256-browser": "5.2.0",
+        "@aws-crypto/sha256-js": "5.2.0",
+        "@aws-sdk/core": "^3.973.6",
+        "@aws-sdk/credential-provider-node": "^3.972.5",
+        "@aws-sdk/dynamodb-codec": "^3.972.7",
+        "@aws-sdk/middleware-endpoint-discovery": "^3.972.3",
+        "@aws-sdk/middleware-host-header": "^3.972.3",
+        "@aws-sdk/middleware-logger": "^3.972.3",
+        "@aws-sdk/middleware-recursion-detection": "^3.972.3",
+        "@aws-sdk/middleware-user-agent": "^3.972.6",
+        "@aws-sdk/region-config-resolver": "^3.972.3",
+        "@aws-sdk/types": "^3.973.1",
+        "@aws-sdk/util-endpoints": "3.984.0",
+        "@aws-sdk/util-user-agent-browser": "^3.972.3",
+        "@aws-sdk/util-user-agent-node": "^3.972.4",
+        "@smithy/config-resolver": "^4.4.6",
+        "@smithy/core": "^3.22.0",
+        "@smithy/fetch-http-handler": "^5.3.9",
+        "@smithy/hash-node": "^4.2.8",
+        "@smithy/invalid-dependency": "^4.2.8",
+        "@smithy/middleware-content-length": "^4.2.8",
+        "@smithy/middleware-endpoint": "^4.4.12",
+        "@smithy/middleware-retry": "^4.4.29",
+        "@smithy/middleware-serde": "^4.2.9",
+        "@smithy/middleware-stack": "^4.2.8",
+        "@smithy/node-config-provider": "^4.3.8",
+        "@smithy/node-http-handler": "^4.4.8",
+        "@smithy/protocol-http": "^5.3.8",
+        "@smithy/smithy-client": "^4.11.1",
+        "@smithy/types": "^4.12.0",
+        "@smithy/url-parser": "^4.2.8",
+        "@smithy/util-base64": "^4.3.0",
+        "@smithy/util-body-length-browser": "^4.2.0",
+        "@smithy/util-body-length-node": "^4.2.1",
+        "@smithy/util-defaults-mode-browser": "^4.3.28",
+        "@smithy/util-defaults-mode-node": "^4.2.31",
+        "@smithy/util-endpoints": "^3.2.8",
+        "@smithy/util-middleware": "^4.2.8",
+        "@smithy/util-retry": "^4.2.8",
+        "@smithy/util-utf8": "^4.2.0",
+        "@smithy/util-waiter": "^4.2.8",
+        "tslib": "^2.6.2"
       },
-      "funding": {
-        "url": "https://eslint.org/donate"
+      "engines": {
+        "node": ">=20.0.0"
       }
     },
-    "node_modules/@eslint/object-schema": {
-      "version": "2.1.7",
-      "resolved": "https://registry.npmjs.org/@eslint/object-schema/-/object-schema-2.1.7.tgz",
-      "integrity": "sha512-VtAOaymWVfZcmZbp6E2mympDIHvyjXs/12LqWYjVw6qjrfF+VK+fyG33kChz3nnK+SU5/NeHOqrTEHS8sXO3OA==",
+    "node_modules/@aws-sdk/client-lambda": {
+      "version": "3.984.0",
+      "resolved": "https://registry.npmjs.org/@aws-sdk/client-lambda/-/client-lambda-3.984.0.tgz",
+      "integrity": "sha512-kqwNBIGNxGVhINwgN/UQfdsQkaMjbu9PFV2EhATWouV+RT60uMjK9JENgLDwbgJmEVbbnPsh9HaZ5KKwPSdiDg==",
       "dev": true,
       "license": "Apache-2.0",
+      "dependencies": {
+        "@aws-crypto/sha256-browser": "5.2.0",
+        "@aws-crypto/sha256-js": "5.2.0",
+        "@aws-sdk/core": "^3.973.6",
+        "@aws-sdk/credential-provider-node": "^3.972.5",
+        "@aws-sdk/middleware-host-header": "^3.972.3",
+        "@aws-sdk/middleware-logger": "^3.972.3",
+        "@aws-sdk/middleware-recursion-detection": "^3.972.3",
+        "@aws-sdk/middleware-user-agent": "^3.972.6",
+        "@aws-sdk/region-config-resolver": "^3.972.3",
+        "@aws-sdk/types": "^3.973.1",
+        "@aws-sdk/util-endpoints": "3.984.0",
+        "@aws-sdk/util-user-agent-browser": "^3.972.3",
+        "@aws-sdk/util-user-agent-node": "^3.972.4",
+        "@smithy/config-resolver": "^4.4.6",
+        "@smithy/core": "^3.22.0",
+        "@smithy/eventstream-serde-browser": "^4.2.8",
+        "@smithy/eventstream-serde-config-resolver": "^4.3.8",
+        "@smithy/eventstream-serde-node": "^4.2.8",
+        "@smithy/fetch-http-handler": "^5.3.9",
+        "@smithy/hash-node": "^4.2.8",
+        "@smithy/invalid-dependency": "^4.2.8",
+        "@smithy/middleware-content-length": "^4.2.8",
+        "@smithy/middleware-endpoint": "^4.4.12",
+        "@smithy/middleware-retry": "^4.4.29",
+        "@smithy/middleware-serde": "^4.2.9",
+        "@smithy/middleware-stack": "^4.2.8",
+        "@smithy/node-config-provider": "^4.3.8",
+        "@smithy/node-http-handler": "^4.4.8",
+        "@smithy/protocol-http": "^5.3.8",
+        "@smithy/smithy-client": "^4.11.1",
+        "@smithy/types": "^4.12.0",
+        "@smithy/url-parser": "^4.2.8",
+        "@smithy/util-base64": "^4.3.0",
+        "@smithy/util-body-length-browser": "^4.2.0",
+        "@smithy/util-body-length-node": "^4.2.1",
+        "@smithy/util-defaults-mode-browser": "^4.3.28",
+        "@smithy/util-defaults-mode-node": "^4.2.31",
+        "@smithy/util-endpoints": "^3.2.8",
+        "@smithy/util-middleware": "^4.2.8",
+        "@smithy/util-retry": "^4.2.8",
+        "@smithy/util-stream": "^4.5.10",
+        "@smithy/util-utf8": "^4.2.0",
+        "@smithy/util-waiter": "^4.2.8",
+        "tslib": "^2.6.2"
+      },
       "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+        "node": ">=20.0.0"
       }
     },
-    "node_modules/@eslint/plugin-kit": {
-      "version": "0.4.1",
-      "resolved": "https://registry.npmjs.org/@eslint/plugin-kit/-/plugin-kit-0.4.1.tgz",
-      "integrity": "sha512-43/qtrDUokr7LJqoF2c3+RInu/t4zfrpYdoSDfYyhg52rwLV6TnOvdG4fXm7IkSB3wErkcmJS9iEhjVtOSEjjA==",
+    "node_modules/@aws-sdk/client-s3": {
+      "version": "3.984.0",
+      "resolved": "https://registry.npmjs.org/@aws-sdk/client-s3/-/client-s3-3.984.0.tgz",
+      "integrity": "sha512-7ny2Slr93Y+QniuluvcfWwyDi32zWQfznynL56Tk0vVh7bWrvS/odm8WP2nInKicRVNipcJHY2YInur6Q/9V0A==",
       "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
-        "@eslint/core": "^0.17.0",
-        "levn": "^0.4.1"
+        "@aws-crypto/sha1-browser": "5.2.0",
+        "@aws-crypto/sha256-browser": "5.2.0",
+        "@aws-crypto/sha256-js": "5.2.0",
+        "@aws-sdk/core": "^3.973.6",
+        "@aws-sdk/credential-provider-node": "^3.972.5",
+        "@aws-sdk/middleware-bucket-endpoint": "^3.972.3",
+        "@aws-sdk/middleware-expect-continue": "^3.972.3",
+        "@aws-sdk/middleware-flexible-checksums": "^3.972.4",
+        "@aws-sdk/middleware-host-header": "^3.972.3",
+        "@aws-sdk/middleware-location-constraint": "^3.972.3",
+        "@aws-sdk/middleware-logger": "^3.972.3",
+        "@aws-sdk/middleware-recursion-detection": "^3.972.3",
+        "@aws-sdk/middleware-sdk-s3": "^3.972.6",
+        "@aws-sdk/middleware-ssec": "^3.972.3",
+        "@aws-sdk/middleware-user-agent": "^3.972.6",
+        "@aws-sdk/region-config-resolver": "^3.972.3",
+        "@aws-sdk/signature-v4-multi-region": "3.984.0",
+        "@aws-sdk/types": "^3.973.1",
+        "@aws-sdk/util-endpoints": "3.984.0",
+        "@aws-sdk/util-user-agent-browser": "^3.972.3",
+        "@aws-sdk/util-user-agent-node": "^3.972.4",
+        "@smithy/config-resolver": "^4.4.6",
+        "@smithy/core": "^3.22.0",
+        "@smithy/eventstream-serde-browser": "^4.2.8",
+        "@smithy/eventstream-serde-config-resolver": "^4.3.8",
+        "@smithy/eventstream-serde-node": "^4.2.8",
+        "@smithy/fetch-http-handler": "^5.3.9",
+        "@smithy/hash-blob-browser": "^4.2.9",
+        "@smithy/hash-node": "^4.2.8",
+        "@smithy/hash-stream-node": "^4.2.8",
+        "@smithy/invalid-dependency": "^4.2.8",
+        "@smithy/md5-js": "^4.2.8",
+        "@smithy/middleware-content-length": "^4.2.8",
+        "@smithy/middleware-endpoint": "^4.4.12",
+        "@smithy/middleware-retry": "^4.4.29",
+        "@smithy/middleware-serde": "^4.2.9",
+        "@smithy/middleware-stack": "^4.2.8",
+        "@smithy/node-config-provider": "^4.3.8",
+        "@smithy/node-http-handler": "^4.4.8",
+        "@smithy/protocol-http": "^5.3.8",
+        "@smithy/smithy-client": "^4.11.1",
+        "@smithy/types": "^4.12.0",
+        "@smithy/url-parser": "^4.2.8",
+        "@smithy/util-base64": "^4.3.0",
+        "@smithy/util-body-length-browser": "^4.2.0",
+        "@smithy/util-body-length-node": "^4.2.1",
+        "@smithy/util-defaults-mode-browser": "^4.3.28",
+        "@smithy/util-defaults-mode-node": "^4.2.31",
+        "@smithy/util-endpoints": "^3.2.8",
+        "@smithy/util-middleware": "^4.2.8",
+        "@smithy/util-retry": "^4.2.8",
+        "@smithy/util-stream": "^4.5.10",
+        "@smithy/util-utf8": "^4.2.0",
+        "@smithy/util-waiter": "^4.2.8",
+        "tslib": "^2.6.2"
       },
       "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+        "node": ">=20.0.0"
       }
     },
-    "node_modules/@humanfs/core": {
-      "version": "0.19.2",
-      "resolved": "https://registry.npmjs.org/@humanfs/core/-/core-0.19.2.tgz",
-      "integrity": "sha512-UhXNm+CFMWcbChXywFwkmhqjs3PRCmcSa/hfBgLIb7oQ5HNb1wS0icWsGtSAUNgefHeI+eBrA8I1fxmbHsGdvA==",
+    "node_modules/@aws-sdk/client-sqs": {
+      "version": "3.984.0",
+      "resolved": "https://registry.npmjs.org/@aws-sdk/client-sqs/-/client-sqs-3.984.0.tgz",
+      "integrity": "sha512-TDvHpOUWlpanc3xQ5Xw0y8L2hoojBFCCSmXQ/6rKqGOf1ScX3dMA+K9aF0Zp0iwjhSh4VvsHD42esl8XwQZDjA==",
       "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
-        "@humanfs/types": "^0.15.0"
+        "@aws-crypto/sha256-browser": "5.2.0",
+        "@aws-crypto/sha256-js": "5.2.0",
+        "@aws-sdk/core": "^3.973.6",
+        "@aws-sdk/credential-provider-node": "^3.972.5",
+        "@aws-sdk/middleware-host-header": "^3.972.3",
+        "@aws-sdk/middleware-logger": "^3.972.3",
+        "@aws-sdk/middleware-recursion-detection": "^3.972.3",
+        "@aws-sdk/middleware-sdk-sqs": "^3.972.5",
+        "@aws-sdk/middleware-user-agent": "^3.972.6",
+        "@aws-sdk/region-config-resolver": "^3.972.3",
+        "@aws-sdk/types": "^3.973.1",
+        "@aws-sdk/util-endpoints": "3.984.0",
+        "@aws-sdk/util-user-agent-browser": "^3.972.3",
+        "@aws-sdk/util-user-agent-node": "^3.972.4",
+        "@smithy/config-resolver": "^4.4.6",
+        "@smithy/core": "^3.22.0",
+        "@smithy/fetch-http-handler": "^5.3.9",
+        "@smithy/hash-node": "^4.2.8",
+        "@smithy/invalid-dependency": "^4.2.8",
+        "@smithy/md5-js": "^4.2.8",
+        "@smithy/middleware-content-length": "^4.2.8",
+        "@smithy/middleware-endpoint": "^4.4.12",
+        "@smithy/middleware-retry": "^4.4.29",
+        "@smithy/middleware-serde": "^4.2.9",
+        "@smithy/middleware-stack": "^4.2.8",
+        "@smithy/node-config-provider": "^4.3.8",
+        "@smithy/node-http-handler": "^4.4.8",
+        "@smithy/protocol-http": "^5.3.8",
+        "@smithy/smithy-client": "^4.11.1",
+        "@smithy/types": "^4.12.0",
+        "@smithy/url-parser": "^4.2.8",
+        "@smithy/util-base64": "^4.3.0",
+        "@smithy/util-body-length-browser": "^4.2.0",
+        "@smithy/util-body-length-node": "^4.2.1",
+        "@smithy/util-defaults-mode-browser": "^4.3.28",
+        "@smithy/util-defaults-mode-node": "^4.2.31",
+        "@smithy/util-endpoints": "^3.2.8",
+        "@smithy/util-middleware": "^4.2.8",
+        "@smithy/util-retry": "^4.2.8",
+        "@smithy/util-utf8": "^4.2.0",
+        "tslib": "^2.6.2"
       },
       "engines": {
-        "node": ">=18.18.0"
+        "node": ">=20.0.0"
       }
     },
-    "node_modules/@humanfs/node": {
-      "version": "0.16.8",
-      "resolved": "https://registry.npmjs.org/@humanfs/node/-/node-0.16.8.tgz",
-      "integrity": "sha512-gE1eQNZ3R++kTzFUpdGlpmy8kDZD/MLyHqDwqjkVQI0JMdI1D51sy1H958PNXYkM2rAac7e5/CnIKZrHtPh3BQ==",
+    "node_modules/@aws-sdk/core": {
+      "version": "3.974.1",
+      "resolved": "https://registry.npmjs.org/@aws-sdk/core/-/core-3.974.1.tgz",
+      "integrity": "sha512-gy/gffKz0zaHDaqRiLCdIvgHmaAL/HXuAtMcBP7euYSFx4BsbsdlfmUBJag+Gqe62z6/XuloKyQyaiH+kS3Vrg==",
       "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
-        "@humanfs/core": "^0.19.2",
-        "@humanfs/types": "^0.15.0",
-        "@humanwhocodes/retry": "^0.4.0"
+        "@aws-sdk/types": "^3.973.8",
+        "@aws-sdk/xml-builder": "^3.972.18",
+        "@smithy/core": "^3.23.15",
+        "@smithy/node-config-provider": "^4.3.14",
+        "@smithy/property-provider": "^4.2.14",
+        "@smithy/protocol-http": "^5.3.14",
+        "@smithy/signature-v4": "^5.3.14",
+        "@smithy/smithy-client": "^4.12.11",
+        "@smithy/types": "^4.14.1",
+        "@smithy/util-base64": "^4.3.2",
+        "@smithy/util-middleware": "^4.2.14",
+        "@smithy/util-utf8": "^4.2.2",
+        "tslib": "^2.6.2"
       },
       "engines": {
-        "node": ">=18.18.0"
+        "node": ">=20.0.0"
       }
     },
-    "node_modules/@humanfs/types": {
-      "version": "0.15.0",
-      "resolved": "https://registry.npmjs.org/@humanfs/types/-/types-0.15.0.tgz",
-      "integrity": "sha512-ZZ1w0aoQkwuUuC7Yf+7sdeaNfqQiiLcSRbfI08oAxqLtpXQr9AIVX7Ay7HLDuiLYAaFPu8oBYNq/QIi9URHJ3Q==",
+    "node_modules/@aws-sdk/crc64-nvme": {
+      "version": "3.972.7",
+      "resolved": "https://registry.npmjs.org/@aws-sdk/crc64-nvme/-/crc64-nvme-3.972.7.tgz",
+      "integrity": "sha512-QUagVVBbC8gODCF6e1aV0mE2TXWB9Opz4k8EJFdNrujUVQm5R4AjJa1mpOqzwOuROBzqJU9zawzig7M96L8Ejg==",
       "dev": true,
       "license": "Apache-2.0",
+      "dependencies": {
+        "@smithy/types": "^4.14.1",
+        "tslib": "^2.6.2"
+      },
       "engines": {
-        "node": ">=18.18.0"
+        "node": ">=20.0.0"
       }
     },
-    "node_modules/@humanwhocodes/module-importer": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz",
-      "integrity": "sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==",
+    "node_modules/@aws-sdk/credential-provider-env": {
+      "version": "3.972.27",
+      "resolved": "https://registry.npmjs.org/@aws-sdk/credential-provider-env/-/credential-provider-env-3.972.27.tgz",
+      "integrity": "sha512-xfUt2CUZDC+Tf16A6roD1b4pk/nrXdkoLY3TEhv198AXDtBo5xUJP1zd0e8SmuKLN4PpIBX96OizZbmMlcI6oQ==",
       "dev": true,
       "license": "Apache-2.0",
-      "engines": {
-        "node": ">=12.22"
+      "dependencies": {
+        "@aws-sdk/core": "^3.974.1",
+        "@aws-sdk/types": "^3.973.8",
+        "@smithy/property-provider": "^4.2.14",
+        "@smithy/types": "^4.14.1",
+        "tslib": "^2.6.2"
       },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/nzakas"
+      "engines": {
+        "node": ">=20.0.0"
       }
     },
-    "node_modules/@humanwhocodes/retry": {
-      "version": "0.4.3",
-      "resolved": "https://registry.npmjs.org/@humanwhocodes/retry/-/retry-0.4.3.tgz",
-      "integrity": "sha512-bV0Tgo9K4hfPCek+aMAn81RppFKv2ySDQeMoSZuvTASywNTnVJCArCZE2FWqpvIatKu7VMRLWlR1EazvVhDyhQ==",
+    "node_modules/@aws-sdk/credential-provider-http": {
+      "version": "3.972.29",
+      "resolved": "https://registry.npmjs.org/@aws-sdk/credential-provider-http/-/credential-provider-http-3.972.29.tgz",
+      "integrity": "sha512-hjNeYb6oLyHgMihra83ie0J/T2y9om3cy1qC90h9DRgvYXEoN4BCFf8bHguZjKhXunnv7YkmZRuYL5Mkk77eCA==",
       "dev": true,
       "license": "Apache-2.0",
-      "engines": {
-        "node": ">=18.18"
+      "dependencies": {
+        "@aws-sdk/core": "^3.974.1",
+        "@aws-sdk/types": "^3.973.8",
+        "@smithy/fetch-http-handler": "^5.3.17",
+        "@smithy/node-http-handler": "^4.5.3",
+        "@smithy/property-provider": "^4.2.14",
+        "@smithy/protocol-http": "^5.3.14",
+        "@smithy/smithy-client": "^4.12.11",
+        "@smithy/types": "^4.14.1",
+        "@smithy/util-stream": "^4.5.23",
+        "tslib": "^2.6.2"
       },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/nzakas"
+      "engines": {
+        "node": ">=20.0.0"
       }
     },
-    "node_modules/@img/colour": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@img/colour/-/colour-1.1.0.tgz",
-      "integrity": "sha512-Td76q7j57o/tLVdgS746cYARfSyxk8iEfRxewL9h4OMzYhbW4TAcppl0mT4eyqXddh6L/jwoM75mo7ixa/pCeQ==",
-      "license": "MIT",
-      "optional": true,
+    "node_modules/@aws-sdk/credential-provider-ini": {
+      "version": "3.972.31",
+      "resolved": "https://registry.npmjs.org/@aws-sdk/credential-provider-ini/-/credential-provider-ini-3.972.31.tgz",
+      "integrity": "sha512-PuQ7e8WYzAPpzvFcajxf8c0LqSzakVHVlKw8M0oubk8Kf347YOCCqT1seQrHs5AdZuIh2RD9LX4O+Xa5ImEBfQ==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@aws-sdk/core": "^3.974.1",
+        "@aws-sdk/credential-provider-env": "^3.972.27",
+        "@aws-sdk/credential-provider-http": "^3.972.29",
+        "@aws-sdk/credential-provider-login": "^3.972.31",
+        "@aws-sdk/credential-provider-process": "^3.972.27",
+        "@aws-sdk/credential-provider-sso": "^3.972.31",
+        "@aws-sdk/credential-provider-web-identity": "^3.972.31",
+        "@aws-sdk/nested-clients": "^3.996.21",
+        "@aws-sdk/types": "^3.973.8",
+        "@smithy/credential-provider-imds": "^4.2.14",
+        "@smithy/property-provider": "^4.2.14",
+        "@smithy/shared-ini-file-loader": "^4.4.9",
+        "@smithy/types": "^4.14.1",
+        "tslib": "^2.6.2"
+      },
       "engines": {
-        "node": ">=18"
+        "node": ">=20.0.0"
       }
     },
-    "node_modules/@img/sharp-darwin-arm64": {
-      "version": "0.34.5",
-      "resolved": "https://registry.npmjs.org/@img/sharp-darwin-arm64/-/sharp-darwin-arm64-0.34.5.tgz",
-      "integrity": "sha512-imtQ3WMJXbMY4fxb/Ndp6HBTNVtWCUI0WdobyheGf5+ad6xX8VIDO8u2xE4qc/fr08CKG/7dDseFtn6M6g/r3w==",
-      "cpu": [
-        "arm64"
-      ],
+    "node_modules/@aws-sdk/credential-provider-login": {
+      "version": "3.972.31",
+      "resolved": "https://registry.npmjs.org/@aws-sdk/credential-provider-login/-/credential-provider-login-3.972.31.tgz",
+      "integrity": "sha512-bBmWDmtSpmLOZR6a0kmowBcVL1hiL8Vlap/RXeMpFd7JbWl87YcwqL6T9LH/0oBVEZXu1dUZAtojgSuZgMO5xw==",
+      "dev": true,
       "license": "Apache-2.0",
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/libvips"
+      "dependencies": {
+        "@aws-sdk/core": "^3.974.1",
+        "@aws-sdk/nested-clients": "^3.996.21",
+        "@aws-sdk/types": "^3.973.8",
+        "@smithy/property-provider": "^4.2.14",
+        "@smithy/protocol-http": "^5.3.14",
+        "@smithy/shared-ini-file-loader": "^4.4.9",
+        "@smithy/types": "^4.14.1",
+        "tslib": "^2.6.2"
       },
-      "optionalDependencies": {
-        "@img/sharp-libvips-darwin-arm64": "1.2.4"
+      "engines": {
+        "node": ">=20.0.0"
       }
     },
-    "node_modules/@img/sharp-darwin-x64": {
-      "version": "0.34.5",
-      "resolved": "https://registry.npmjs.org/@img/sharp-darwin-x64/-/sharp-darwin-x64-0.34.5.tgz",
-      "integrity": "sha512-YNEFAF/4KQ/PeW0N+r+aVVsoIY0/qxxikF2SWdp+NRkmMB7y9LBZAVqQ4yhGCm/H3H270OSykqmQMKLBhBJDEw==",
-      "cpu": [
-        "x64"
-      ],
+    "node_modules/@aws-sdk/credential-provider-node": {
+      "version": "3.972.32",
+      "resolved": "https://registry.npmjs.org/@aws-sdk/credential-provider-node/-/credential-provider-node-3.972.32.tgz",
+      "integrity": "sha512-9aj0x9hGYUondBZSD0XkksAdHhOKttFw4BWpLCeggeg40qSJxGrAP++g0GCm0VqWc1WtC/NRFiAVzPCy56vmog==",
+      "dev": true,
       "license": "Apache-2.0",
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      "dependencies": {
+        "@aws-sdk/credential-provider-env": "^3.972.27",
+        "@aws-sdk/credential-provider-http": "^3.972.29",
+        "@aws-sdk/credential-provider-ini": "^3.972.31",
+        "@aws-sdk/credential-provider-process": "^3.972.27",
+        "@aws-sdk/credential-provider-sso": "^3.972.31",
+        "@aws-sdk/credential-provider-web-identity": "^3.972.31",
+        "@aws-sdk/types": "^3.973.8",
+        "@smithy/credential-provider-imds": "^4.2.14",
+        "@smithy/property-provider": "^4.2.14",
+        "@smithy/shared-ini-file-loader": "^4.4.9",
+        "@smithy/types": "^4.14.1",
+        "tslib": "^2.6.2"
       },
-      "funding": {
-        "url": "https://opencollective.com/libvips"
+      "engines": {
+        "node": ">=20.0.0"
+      }
+    },
+    "node_modules/@aws-sdk/credential-provider-process": {
+      "version": "3.972.27",
+      "resolved": "https://registry.npmjs.org/@aws-sdk/credential-provider-process/-/credential-provider-process-3.972.27.tgz",
+      "integrity": "sha512-1CZvfb1WzudWWIFAVQkd1OI/T1RxPcSvNWzNsb2BMBVsBJzBtB8dV5f2nymHVU4UqwxipdVt/DAbgdDRf33JDg==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@aws-sdk/core": "^3.974.1",
+        "@aws-sdk/types": "^3.973.8",
+        "@smithy/property-provider": "^4.2.14",
+        "@smithy/shared-ini-file-loader": "^4.4.9",
+        "@smithy/types": "^4.14.1",
+        "tslib": "^2.6.2"
       },
-      "optionalDependencies": {
-        "@img/sharp-libvips-darwin-x64": "1.2.4"
+      "engines": {
+        "node": ">=20.0.0"
       }
     },
-    "node_modules/@img/sharp-libvips-darwin-arm64": {
-      "version": "1.2.4",
-      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-darwin-arm64/-/sharp-libvips-darwin-arm64-1.2.4.tgz",
-      "integrity": "sha512-zqjjo7RatFfFoP0MkQ51jfuFZBnVE2pRiaydKJ1G/rHZvnsrHAOcQALIi9sA5co5xenQdTugCvtb1cuf78Vf4g==",
-      "cpu": [
-        "arm64"
-      ],
-      "license": "LGPL-3.0-or-later",
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "funding": {
-        "url": "https://opencollective.com/libvips"
+    "node_modules/@aws-sdk/credential-provider-sso": {
+      "version": "3.972.31",
+      "resolved": "https://registry.npmjs.org/@aws-sdk/credential-provider-sso/-/credential-provider-sso-3.972.31.tgz",
+      "integrity": "sha512-x8Mx18S48XMl9bEEpYwmXDTvjWGPIfDadReN37Lc099/DUrlL4Zs9T9rwwggo6DkKS1aev6v+MTUx7JTa87TZQ==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@aws-sdk/core": "^3.974.1",
+        "@aws-sdk/nested-clients": "^3.996.21",
+        "@aws-sdk/token-providers": "3.1032.0",
+        "@aws-sdk/types": "^3.973.8",
+        "@smithy/property-provider": "^4.2.14",
+        "@smithy/shared-ini-file-loader": "^4.4.9",
+        "@smithy/types": "^4.14.1",
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=20.0.0"
       }
     },
-    "node_modules/@img/sharp-libvips-darwin-x64": {
-      "version": "1.2.4",
-      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-darwin-x64/-/sharp-libvips-darwin-x64-1.2.4.tgz",
-      "integrity": "sha512-1IOd5xfVhlGwX+zXv2N93k0yMONvUlANylbJw1eTah8K/Jtpi15KC+WSiaX/nBmbm2HxRM1gZ0nSdjSsrZbGKg==",
-      "cpu": [
-        "x64"
-      ],
-      "license": "LGPL-3.0-or-later",
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "funding": {
-        "url": "https://opencollective.com/libvips"
+    "node_modules/@aws-sdk/credential-provider-web-identity": {
+      "version": "3.972.31",
+      "resolved": "https://registry.npmjs.org/@aws-sdk/credential-provider-web-identity/-/credential-provider-web-identity-3.972.31.tgz",
+      "integrity": "sha512-zfuNMIkGfjYsHis9qytYf74Bcmq6Ji9Xwf4w53baRCI/b2otTwZv3SW1uRiJ5Di7999QzRGhHZ96+eUeo3gSOA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@aws-sdk/core": "^3.974.1",
+        "@aws-sdk/nested-clients": "^3.996.21",
+        "@aws-sdk/types": "^3.973.8",
+        "@smithy/property-provider": "^4.2.14",
+        "@smithy/shared-ini-file-loader": "^4.4.9",
+        "@smithy/types": "^4.14.1",
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=20.0.0"
       }
     },
-    "node_modules/@img/sharp-libvips-linux-arm": {
-      "version": "1.2.4",
-      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-arm/-/sharp-libvips-linux-arm-1.2.4.tgz",
-      "integrity": "sha512-bFI7xcKFELdiNCVov8e44Ia4u2byA+l3XtsAj+Q8tfCwO6BQ8iDojYdvoPMqsKDkuoOo+X6HZA0s0q11ANMQ8A==",
-      "cpu": [
-        "arm"
-      ],
-      "license": "LGPL-3.0-or-later",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "funding": {
-        "url": "https://opencollective.com/libvips"
+    "node_modules/@aws-sdk/dynamodb-codec": {
+      "version": "3.973.1",
+      "resolved": "https://registry.npmjs.org/@aws-sdk/dynamodb-codec/-/dynamodb-codec-3.973.1.tgz",
+      "integrity": "sha512-BuxJyHW+fnuGLFZ84z5txzlfKXLVbf3hmWH4wQ9q5a/P6O5slNg6j2eUE2kQMYWt3A3PheUR4tgRBUC7j9i/nQ==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@aws-sdk/core": "^3.974.1",
+        "@smithy/core": "^3.23.15",
+        "@smithy/types": "^4.14.1",
+        "@smithy/util-base64": "^4.3.2",
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=20.0.0"
       }
     },
-    "node_modules/@img/sharp-libvips-linux-arm64": {
-      "version": "1.2.4",
-      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-arm64/-/sharp-libvips-linux-arm64-1.2.4.tgz",
-      "integrity": "sha512-excjX8DfsIcJ10x1Kzr4RcWe1edC9PquDRRPx3YVCvQv+U5p7Yin2s32ftzikXojb1PIFc/9Mt28/y+iRklkrw==",
-      "cpu": [
-        "arm64"
-      ],
-      "license": "LGPL-3.0-or-later",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "funding": {
-        "url": "https://opencollective.com/libvips"
+    "node_modules/@aws-sdk/endpoint-cache": {
+      "version": "3.972.5",
+      "resolved": "https://registry.npmjs.org/@aws-sdk/endpoint-cache/-/endpoint-cache-3.972.5.tgz",
+      "integrity": "sha512-itVdge0NozgtgmtbZ25FVwWU3vGlE7x7feE/aOEJNkQfEpbkrF8Rj1QmnK+2blFfYE1xWt/iU+6/jUp/pv1+MA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "mnemonist": "0.38.3",
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=20.0.0"
       }
     },
-    "node_modules/@img/sharp-libvips-linux-ppc64": {
-      "version": "1.2.4",
-      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-ppc64/-/sharp-libvips-linux-ppc64-1.2.4.tgz",
-      "integrity": "sha512-FMuvGijLDYG6lW+b/UvyilUWu5Ayu+3r2d1S8notiGCIyYU/76eig1UfMmkZ7vwgOrzKzlQbFSuQfgm7GYUPpA==",
-      "cpu": [
-        "ppc64"
-      ],
-      "license": "LGPL-3.0-or-later",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "funding": {
-        "url": "https://opencollective.com/libvips"
+    "node_modules/@aws-sdk/middleware-bucket-endpoint": {
+      "version": "3.972.10",
+      "resolved": "https://registry.npmjs.org/@aws-sdk/middleware-bucket-endpoint/-/middleware-bucket-endpoint-3.972.10.tgz",
+      "integrity": "sha512-Vbc2frZH7wXlMNd+ZZSXUEs/l1Sv8Jj4zUnIfwrYF5lwaLdXHZ9xx4U3rjUcaye3HRhFVc+E5DbBxpRAbB16BA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@aws-sdk/types": "^3.973.8",
+        "@aws-sdk/util-arn-parser": "^3.972.3",
+        "@smithy/node-config-provider": "^4.3.14",
+        "@smithy/protocol-http": "^5.3.14",
+        "@smithy/types": "^4.14.1",
+        "@smithy/util-config-provider": "^4.2.2",
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=20.0.0"
       }
     },
-    "node_modules/@img/sharp-libvips-linux-riscv64": {
-      "version": "1.2.4",
-      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-riscv64/-/sharp-libvips-linux-riscv64-1.2.4.tgz",
-      "integrity": "sha512-oVDbcR4zUC0ce82teubSm+x6ETixtKZBh/qbREIOcI3cULzDyb18Sr/Wcyx7NRQeQzOiHTNbZFF1UwPS2scyGA==",
-      "cpu": [
-        "riscv64"
-      ],
-      "license": "LGPL-3.0-or-later",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "funding": {
-        "url": "https://opencollective.com/libvips"
+    "node_modules/@aws-sdk/middleware-endpoint-discovery": {
+      "version": "3.972.11",
+      "resolved": "https://registry.npmjs.org/@aws-sdk/middleware-endpoint-discovery/-/middleware-endpoint-discovery-3.972.11.tgz",
+      "integrity": "sha512-vXARCZVFQHdsd6qPPZyC/hh+5x2XsCYKqUQDCqnUlpGpChMpDojOOacQWdLJ+FFXKN8X3cmLOGrtgx/zysCKqQ==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@aws-sdk/endpoint-cache": "^3.972.5",
+        "@aws-sdk/types": "^3.973.8",
+        "@smithy/node-config-provider": "^4.3.14",
+        "@smithy/protocol-http": "^5.3.14",
+        "@smithy/types": "^4.14.1",
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=20.0.0"
       }
     },
-    "node_modules/@img/sharp-libvips-linux-s390x": {
-      "version": "1.2.4",
-      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-s390x/-/sharp-libvips-linux-s390x-1.2.4.tgz",
-      "integrity": "sha512-qmp9VrzgPgMoGZyPvrQHqk02uyjA0/QrTO26Tqk6l4ZV0MPWIW6LTkqOIov+J1yEu7MbFQaDpwdwJKhbJvuRxQ==",
-      "cpu": [
-        "s390x"
-      ],
-      "license": "LGPL-3.0-or-later",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "funding": {
-        "url": "https://opencollective.com/libvips"
+    "node_modules/@aws-sdk/middleware-expect-continue": {
+      "version": "3.972.10",
+      "resolved": "https://registry.npmjs.org/@aws-sdk/middleware-expect-continue/-/middleware-expect-continue-3.972.10.tgz",
+      "integrity": "sha512-2Yn0f1Qiq/DjxYR3wfI3LokXnjOhFM7Ssn4LTdFDIxRMCE6I32MAsVnhPX1cUZsuVA9tiZtwwhlSLAtFGxAZlQ==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@aws-sdk/types": "^3.973.8",
+        "@smithy/protocol-http": "^5.3.14",
+        "@smithy/types": "^4.14.1",
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=20.0.0"
       }
     },
-    "node_modules/@img/sharp-libvips-linux-x64": {
-      "version": "1.2.4",
-      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-x64/-/sharp-libvips-linux-x64-1.2.4.tgz",
-      "integrity": "sha512-tJxiiLsmHc9Ax1bz3oaOYBURTXGIRDODBqhveVHonrHJ9/+k89qbLl0bcJns+e4t4rvaNBxaEZsFtSfAdquPrw==",
-      "cpu": [
-        "x64"
-      ],
-      "license": "LGPL-3.0-or-later",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "funding": {
-        "url": "https://opencollective.com/libvips"
+    "node_modules/@aws-sdk/middleware-flexible-checksums": {
+      "version": "3.974.9",
+      "resolved": "https://registry.npmjs.org/@aws-sdk/middleware-flexible-checksums/-/middleware-flexible-checksums-3.974.9.tgz",
+      "integrity": "sha512-ye6xVuMEQ5NCT+yQOryGYsuCXnOwu7iGFGzV+qpXZOWtqXIAAaFostapxj6RCubw36rekVwmdB2lcspFuyNfYQ==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@aws-crypto/crc32": "5.2.0",
+        "@aws-crypto/crc32c": "5.2.0",
+        "@aws-crypto/util": "5.2.0",
+        "@aws-sdk/core": "^3.974.1",
+        "@aws-sdk/crc64-nvme": "^3.972.7",
+        "@aws-sdk/types": "^3.973.8",
+        "@smithy/is-array-buffer": "^4.2.2",
+        "@smithy/node-config-provider": "^4.3.14",
+        "@smithy/protocol-http": "^5.3.14",
+        "@smithy/types": "^4.14.1",
+        "@smithy/util-middleware": "^4.2.14",
+        "@smithy/util-stream": "^4.5.23",
+        "@smithy/util-utf8": "^4.2.2",
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=20.0.0"
       }
     },
-    "node_modules/@img/sharp-libvips-linuxmusl-arm64": {
-      "version": "1.2.4",
-      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linuxmusl-arm64/-/sharp-libvips-linuxmusl-arm64-1.2.4.tgz",
-      "integrity": "sha512-FVQHuwx1IIuNow9QAbYUzJ+En8KcVm9Lk5+uGUQJHaZmMECZmOlix9HnH7n1TRkXMS0pGxIJokIVB9SuqZGGXw==",
-      "cpu": [
-        "arm64"
-      ],
-      "license": "LGPL-3.0-or-later",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "funding": {
-        "url": "https://opencollective.com/libvips"
+    "node_modules/@aws-sdk/middleware-host-header": {
+      "version": "3.972.10",
+      "resolved": "https://registry.npmjs.org/@aws-sdk/middleware-host-header/-/middleware-host-header-3.972.10.tgz",
+      "integrity": "sha512-IJSsIMeVQ8MMCPbuh1AbltkFhLBLXn7aejzfX5YKT/VLDHn++Dcz8886tXckE+wQssyPUhaXrJhdakO2VilRhg==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@aws-sdk/types": "^3.973.8",
+        "@smithy/protocol-http": "^5.3.14",
+        "@smithy/types": "^4.14.1",
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=20.0.0"
       }
     },
-    "node_modules/@img/sharp-libvips-linuxmusl-x64": {
-      "version": "1.2.4",
-      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linuxmusl-x64/-/sharp-libvips-linuxmusl-x64-1.2.4.tgz",
-      "integrity": "sha512-+LpyBk7L44ZIXwz/VYfglaX/okxezESc6UxDSoyo2Ks6Jxc4Y7sGjpgU9s4PMgqgjj1gZCylTieNamqA1MF7Dg==",
-      "cpu": [
-        "x64"
-      ],
-      "license": "LGPL-3.0-or-later",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "funding": {
-        "url": "https://opencollective.com/libvips"
+    "node_modules/@aws-sdk/middleware-location-constraint": {
+      "version": "3.972.10",
+      "resolved": "https://registry.npmjs.org/@aws-sdk/middleware-location-constraint/-/middleware-location-constraint-3.972.10.tgz",
+      "integrity": "sha512-rI3NZvJcEvjoD0+0PI0iUAwlPw2IlSlhyvgBK/3WkKJQE/YiKFedd9dMN2lVacdNxPNhxL/jzQaKQdrGtQagjQ==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@aws-sdk/types": "^3.973.8",
+        "@smithy/types": "^4.14.1",
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=20.0.0"
       }
     },
-    "node_modules/@img/sharp-linux-arm": {
-      "version": "0.34.5",
-      "resolved": "https://registry.npmjs.org/@img/sharp-linux-arm/-/sharp-linux-arm-0.34.5.tgz",
-      "integrity": "sha512-9dLqsvwtg1uuXBGZKsxem9595+ujv0sJ6Vi8wcTANSFpwV/GONat5eCkzQo/1O6zRIkh0m/8+5BjrRr7jDUSZw==",
-      "cpu": [
-        "arm"
-      ],
+    "node_modules/@aws-sdk/middleware-logger": {
+      "version": "3.972.10",
+      "resolved": "https://registry.npmjs.org/@aws-sdk/middleware-logger/-/middleware-logger-3.972.10.tgz",
+      "integrity": "sha512-OOuGvvz1Dm20SjZo5oEBePFqxt5nf8AwkNDSyUHvD9/bfNASmstcYxFAHUowy4n6Io7mWUZ04JURZwSBvyQanQ==",
+      "dev": true,
       "license": "Apache-2.0",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/libvips"
+      "dependencies": {
+        "@aws-sdk/types": "^3.973.8",
+        "@smithy/types": "^4.14.1",
+        "tslib": "^2.6.2"
       },
-      "optionalDependencies": {
-        "@img/sharp-libvips-linux-arm": "1.2.4"
+      "engines": {
+        "node": ">=20.0.0"
       }
     },
-    "node_modules/@img/sharp-linux-arm64": {
-      "version": "0.34.5",
-      "resolved": "https://registry.npmjs.org/@img/sharp-linux-arm64/-/sharp-linux-arm64-0.34.5.tgz",
-      "integrity": "sha512-bKQzaJRY/bkPOXyKx5EVup7qkaojECG6NLYswgktOZjaXecSAeCWiZwwiFf3/Y+O1HrauiE3FVsGxFg8c24rZg==",
-      "cpu": [
-        "arm64"
-      ],
+    "node_modules/@aws-sdk/middleware-recursion-detection": {
+      "version": "3.972.11",
+      "resolved": "https://registry.npmjs.org/@aws-sdk/middleware-recursion-detection/-/middleware-recursion-detection-3.972.11.tgz",
+      "integrity": "sha512-+zz6f79Kj9V5qFK2P+D8Ehjnw4AhphAlCAsPjUqEcInA9umtSSKMrHbSagEeOIsDNuvVrH98bjRHcyQukTrhaQ==",
+      "dev": true,
       "license": "Apache-2.0",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/libvips"
+      "dependencies": {
+        "@aws-sdk/types": "^3.973.8",
+        "@aws/lambda-invoke-store": "^0.2.2",
+        "@smithy/protocol-http": "^5.3.14",
+        "@smithy/types": "^4.14.1",
+        "tslib": "^2.6.2"
       },
-      "optionalDependencies": {
-        "@img/sharp-libvips-linux-arm64": "1.2.4"
+      "engines": {
+        "node": ">=20.0.0"
       }
     },
-    "node_modules/@img/sharp-linux-ppc64": {
-      "version": "0.34.5",
-      "resolved": "https://registry.npmjs.org/@img/sharp-linux-ppc64/-/sharp-linux-ppc64-0.34.5.tgz",
-      "integrity": "sha512-7zznwNaqW6YtsfrGGDA6BRkISKAAE1Jo0QdpNYXNMHu2+0dTrPflTLNkpc8l7MUP5M16ZJcUvysVWWrMefZquA==",
-      "cpu": [
-        "ppc64"
-      ],
+    "node_modules/@aws-sdk/middleware-sdk-s3": {
+      "version": "3.972.30",
+      "resolved": "https://registry.npmjs.org/@aws-sdk/middleware-sdk-s3/-/middleware-sdk-s3-3.972.30.tgz",
+      "integrity": "sha512-hoQRxjJu4tt3gEOQin21rJKotClJC+x7AmCh9ylRct1DJeaNI/BRlFxMbuhJe54bG6xANPagSs0my8K30QyV9g==",
+      "dev": true,
       "license": "Apache-2.0",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      "dependencies": {
+        "@aws-sdk/core": "^3.974.1",
+        "@aws-sdk/types": "^3.973.8",
+        "@aws-sdk/util-arn-parser": "^3.972.3",
+        "@smithy/core": "^3.23.15",
+        "@smithy/node-config-provider": "^4.3.14",
+        "@smithy/protocol-http": "^5.3.14",
+        "@smithy/signature-v4": "^5.3.14",
+        "@smithy/smithy-client": "^4.12.11",
+        "@smithy/types": "^4.14.1",
+        "@smithy/util-config-provider": "^4.2.2",
+        "@smithy/util-middleware": "^4.2.14",
+        "@smithy/util-stream": "^4.5.23",
+        "@smithy/util-utf8": "^4.2.2",
+        "tslib": "^2.6.2"
       },
-      "funding": {
-        "url": "https://opencollective.com/libvips"
-      },
-      "optionalDependencies": {
-        "@img/sharp-libvips-linux-ppc64": "1.2.4"
+      "engines": {
+        "node": ">=20.0.0"
       }
     },
-    "node_modules/@img/sharp-linux-riscv64": {
-      "version": "0.34.5",
-      "resolved": "https://registry.npmjs.org/@img/sharp-linux-riscv64/-/sharp-linux-riscv64-0.34.5.tgz",
-      "integrity": "sha512-51gJuLPTKa7piYPaVs8GmByo7/U7/7TZOq+cnXJIHZKavIRHAP77e3N2HEl3dgiqdD/w0yUfiJnII77PuDDFdw==",
-      "cpu": [
-        "riscv64"
-      ],
+    "node_modules/@aws-sdk/middleware-sdk-sqs": {
+      "version": "3.972.20",
+      "resolved": "https://registry.npmjs.org/@aws-sdk/middleware-sdk-sqs/-/middleware-sdk-sqs-3.972.20.tgz",
+      "integrity": "sha512-yt0w5FKyH8Or7OT/Bp3fDRAtI4/f6uaaRKnW9TmU9qv8c1HFh43C9nQYZ26IcyRm+tYFdrB65yNTav/YThu36A==",
+      "dev": true,
       "license": "Apache-2.0",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/libvips"
+      "dependencies": {
+        "@aws-sdk/types": "^3.973.8",
+        "@smithy/smithy-client": "^4.12.11",
+        "@smithy/types": "^4.14.1",
+        "@smithy/util-hex-encoding": "^4.2.2",
+        "@smithy/util-utf8": "^4.2.2",
+        "tslib": "^2.6.2"
       },
-      "optionalDependencies": {
-        "@img/sharp-libvips-linux-riscv64": "1.2.4"
+      "engines": {
+        "node": ">=20.0.0"
       }
     },
-    "node_modules/@img/sharp-linux-s390x": {
-      "version": "0.34.5",
-      "resolved": "https://registry.npmjs.org/@img/sharp-linux-s390x/-/sharp-linux-s390x-0.34.5.tgz",
-      "integrity": "sha512-nQtCk0PdKfho3eC5MrbQoigJ2gd1CgddUMkabUj+rBevs8tZ2cULOx46E7oyX+04WGfABgIwmMC0VqieTiR4jg==",
-      "cpu": [
-        "s390x"
-      ],
+    "node_modules/@aws-sdk/middleware-ssec": {
+      "version": "3.972.10",
+      "resolved": "https://registry.npmjs.org/@aws-sdk/middleware-ssec/-/middleware-ssec-3.972.10.tgz",
+      "integrity": "sha512-Gli9A0u8EVVb+5bFDGS/QbSVg28w/wpEidg1ggVcSj65BDTdGR6punsOcVjqdiu1i42WHWo51MCvARPIIz9juw==",
+      "dev": true,
       "license": "Apache-2.0",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/libvips"
+      "dependencies": {
+        "@aws-sdk/types": "^3.973.8",
+        "@smithy/types": "^4.14.1",
+        "tslib": "^2.6.2"
       },
-      "optionalDependencies": {
-        "@img/sharp-libvips-linux-s390x": "1.2.4"
+      "engines": {
+        "node": ">=20.0.0"
       }
     },
-    "node_modules/@img/sharp-linux-x64": {
-      "version": "0.34.5",
-      "resolved": "https://registry.npmjs.org/@img/sharp-linux-x64/-/sharp-linux-x64-0.34.5.tgz",
-      "integrity": "sha512-MEzd8HPKxVxVenwAa+JRPwEC7QFjoPWuS5NZnBt6B3pu7EG2Ge0id1oLHZpPJdn3OQK+BQDiw9zStiHBTJQQQQ==",
-      "cpu": [
-        "x64"
-      ],
+    "node_modules/@aws-sdk/middleware-user-agent": {
+      "version": "3.972.31",
+      "resolved": "https://registry.npmjs.org/@aws-sdk/middleware-user-agent/-/middleware-user-agent-3.972.31.tgz",
+      "integrity": "sha512-L+hXN2HDomlIsWSHW5DVD7ppccCeRnlHXZ5uHG34ePTjF5bm0I1fmrJLbUGiW97xRXWryit5cjdP4Sx2FwiGog==",
+      "dev": true,
       "license": "Apache-2.0",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/libvips"
+      "dependencies": {
+        "@aws-sdk/core": "^3.974.1",
+        "@aws-sdk/types": "^3.973.8",
+        "@aws-sdk/util-endpoints": "^3.996.7",
+        "@smithy/core": "^3.23.15",
+        "@smithy/protocol-http": "^5.3.14",
+        "@smithy/types": "^4.14.1",
+        "@smithy/util-retry": "^4.3.2",
+        "tslib": "^2.6.2"
       },
-      "optionalDependencies": {
-        "@img/sharp-libvips-linux-x64": "1.2.4"
+      "engines": {
+        "node": ">=20.0.0"
       }
     },
-    "node_modules/@img/sharp-linuxmusl-arm64": {
-      "version": "0.34.5",
-      "resolved": "https://registry.npmjs.org/@img/sharp-linuxmusl-arm64/-/sharp-linuxmusl-arm64-0.34.5.tgz",
-      "integrity": "sha512-fprJR6GtRsMt6Kyfq44IsChVZeGN97gTD331weR1ex1c1rypDEABN6Tm2xa1wE6lYb5DdEnk03NZPqA7Id21yg==",
-      "cpu": [
-        "arm64"
-      ],
+    "node_modules/@aws-sdk/middleware-user-agent/node_modules/@aws-sdk/util-endpoints": {
+      "version": "3.996.7",
+      "resolved": "https://registry.npmjs.org/@aws-sdk/util-endpoints/-/util-endpoints-3.996.7.tgz",
+      "integrity": "sha512-ty4LQxN1QC+YhUP28NfEgZDEGXkyqOQy+BDriBozqHsrYO4JMgiPhfizqOGF7P+euBTZ5Ez6SKlLAMCLo8tzmw==",
+      "dev": true,
       "license": "Apache-2.0",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/libvips"
+      "dependencies": {
+        "@aws-sdk/types": "^3.973.8",
+        "@smithy/types": "^4.14.1",
+        "@smithy/url-parser": "^4.2.14",
+        "@smithy/util-endpoints": "^3.4.1",
+        "tslib": "^2.6.2"
       },
-      "optionalDependencies": {
-        "@img/sharp-libvips-linuxmusl-arm64": "1.2.4"
+      "engines": {
+        "node": ">=20.0.0"
       }
     },
-    "node_modules/@img/sharp-linuxmusl-x64": {
-      "version": "0.34.5",
-      "resolved": "https://registry.npmjs.org/@img/sharp-linuxmusl-x64/-/sharp-linuxmusl-x64-0.34.5.tgz",
-      "integrity": "sha512-Jg8wNT1MUzIvhBFxViqrEhWDGzqymo3sV7z7ZsaWbZNDLXRJZoRGrjulp60YYtV4wfY8VIKcWidjojlLcWrd8Q==",
-      "cpu": [
-        "x64"
-      ],
+    "node_modules/@aws-sdk/nested-clients": {
+      "version": "3.996.21",
+      "resolved": "https://registry.npmjs.org/@aws-sdk/nested-clients/-/nested-clients-3.996.21.tgz",
+      "integrity": "sha512-Me3d/ua2lb2G0bQfFmvCeQQp3+nN6GSPqMxDmi/IQlQ8CrlpQ5C0JJHpz2AnOUkEFI0lBNrAL3Vnt29l44ndkA==",
+      "dev": true,
       "license": "Apache-2.0",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/libvips"
+      "dependencies": {
+        "@aws-crypto/sha256-browser": "5.2.0",
+        "@aws-crypto/sha256-js": "5.2.0",
+        "@aws-sdk/core": "^3.974.1",
+        "@aws-sdk/middleware-host-header": "^3.972.10",
+        "@aws-sdk/middleware-logger": "^3.972.10",
+        "@aws-sdk/middleware-recursion-detection": "^3.972.11",
+        "@aws-sdk/middleware-user-agent": "^3.972.31",
+        "@aws-sdk/region-config-resolver": "^3.972.12",
+        "@aws-sdk/types": "^3.973.8",
+        "@aws-sdk/util-endpoints": "^3.996.7",
+        "@aws-sdk/util-user-agent-browser": "^3.972.10",
+        "@aws-sdk/util-user-agent-node": "^3.973.17",
+        "@smithy/config-resolver": "^4.4.16",
+        "@smithy/core": "^3.23.15",
+        "@smithy/fetch-http-handler": "^5.3.17",
+        "@smithy/hash-node": "^4.2.14",
+        "@smithy/invalid-dependency": "^4.2.14",
+        "@smithy/middleware-content-length": "^4.2.14",
+        "@smithy/middleware-endpoint": "^4.4.30",
+        "@smithy/middleware-retry": "^4.5.3",
+        "@smithy/middleware-serde": "^4.2.18",
+        "@smithy/middleware-stack": "^4.2.14",
+        "@smithy/node-config-provider": "^4.3.14",
+        "@smithy/node-http-handler": "^4.5.3",
+        "@smithy/protocol-http": "^5.3.14",
+        "@smithy/smithy-client": "^4.12.11",
+        "@smithy/types": "^4.14.1",
+        "@smithy/url-parser": "^4.2.14",
+        "@smithy/util-base64": "^4.3.2",
+        "@smithy/util-body-length-browser": "^4.2.2",
+        "@smithy/util-body-length-node": "^4.2.3",
+        "@smithy/util-defaults-mode-browser": "^4.3.47",
+        "@smithy/util-defaults-mode-node": "^4.2.52",
+        "@smithy/util-endpoints": "^3.4.1",
+        "@smithy/util-middleware": "^4.2.14",
+        "@smithy/util-retry": "^4.3.2",
+        "@smithy/util-utf8": "^4.2.2",
+        "tslib": "^2.6.2"
       },
-      "optionalDependencies": {
-        "@img/sharp-libvips-linuxmusl-x64": "1.2.4"
+      "engines": {
+        "node": ">=20.0.0"
       }
     },
-    "node_modules/@img/sharp-wasm32": {
-      "version": "0.34.5",
-      "resolved": "https://registry.npmjs.org/@img/sharp-wasm32/-/sharp-wasm32-0.34.5.tgz",
-      "integrity": "sha512-OdWTEiVkY2PHwqkbBI8frFxQQFekHaSSkUIJkwzclWZe64O1X4UlUjqqqLaPbUpMOQk6FBu/HtlGXNblIs0huw==",
-      "cpu": [
-        "wasm32"
-      ],
-      "license": "Apache-2.0 AND LGPL-3.0-or-later AND MIT",
-      "optional": true,
+    "node_modules/@aws-sdk/nested-clients/node_modules/@aws-sdk/util-endpoints": {
+      "version": "3.996.7",
+      "resolved": "https://registry.npmjs.org/@aws-sdk/util-endpoints/-/util-endpoints-3.996.7.tgz",
+      "integrity": "sha512-ty4LQxN1QC+YhUP28NfEgZDEGXkyqOQy+BDriBozqHsrYO4JMgiPhfizqOGF7P+euBTZ5Ez6SKlLAMCLo8tzmw==",
+      "dev": true,
+      "license": "Apache-2.0",
       "dependencies": {
-        "@emnapi/runtime": "^1.7.0"
+        "@aws-sdk/types": "^3.973.8",
+        "@smithy/types": "^4.14.1",
+        "@smithy/url-parser": "^4.2.14",
+        "@smithy/util-endpoints": "^3.4.1",
+        "tslib": "^2.6.2"
       },
       "engines": {
-        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/libvips"
+        "node": ">=20.0.0"
       }
     },
-    "node_modules/@img/sharp-win32-arm64": {
-      "version": "0.34.5",
-      "resolved": "https://registry.npmjs.org/@img/sharp-win32-arm64/-/sharp-win32-arm64-0.34.5.tgz",
-      "integrity": "sha512-WQ3AgWCWYSb2yt+IG8mnC6Jdk9Whs7O0gxphblsLvdhSpSTtmu69ZG1Gkb6NuvxsNACwiPV6cNSZNzt0KPsw7g==",
-      "cpu": [
-        "arm64"
-      ],
-      "license": "Apache-2.0 AND LGPL-3.0-or-later",
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "engines": {
-        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+    "node_modules/@aws-sdk/region-config-resolver": {
+      "version": "3.972.12",
+      "resolved": "https://registry.npmjs.org/@aws-sdk/region-config-resolver/-/region-config-resolver-3.972.12.tgz",
+      "integrity": "sha512-QQI43Mxd53nBij0pm8HXC+t4IOC6gnhhZfzxE0OATQyO6QfPV4e+aTIRRuAJKA6Nig/cR8eLwPryqYTX9ZrjAQ==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@aws-sdk/types": "^3.973.8",
+        "@smithy/config-resolver": "^4.4.16",
+        "@smithy/node-config-provider": "^4.3.14",
+        "@smithy/types": "^4.14.1",
+        "tslib": "^2.6.2"
       },
-      "funding": {
-        "url": "https://opencollective.com/libvips"
+      "engines": {
+        "node": ">=20.0.0"
       }
     },
-    "node_modules/@img/sharp-win32-ia32": {
-      "version": "0.34.5",
-      "resolved": "https://registry.npmjs.org/@img/sharp-win32-ia32/-/sharp-win32-ia32-0.34.5.tgz",
-      "integrity": "sha512-FV9m/7NmeCmSHDD5j4+4pNI8Cp3aW+JvLoXcTUo0IqyjSfAZJ8dIUmijx1qaJsIiU+Hosw6xM5KijAWRJCSgNg==",
-      "cpu": [
-        "ia32"
-      ],
-      "license": "Apache-2.0 AND LGPL-3.0-or-later",
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "engines": {
-        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+    "node_modules/@aws-sdk/signature-v4-multi-region": {
+      "version": "3.984.0",
+      "resolved": "https://registry.npmjs.org/@aws-sdk/signature-v4-multi-region/-/signature-v4-multi-region-3.984.0.tgz",
+      "integrity": "sha512-TaWbfYCwnuOSvDSrgs7QgoaoXse49E7LzUkVOUhoezwB7bkmhp+iojADm7UepCEu4021SquD7NG1xA+WCvmldA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@aws-sdk/middleware-sdk-s3": "^3.972.6",
+        "@aws-sdk/types": "^3.973.1",
+        "@smithy/protocol-http": "^5.3.8",
+        "@smithy/signature-v4": "^5.3.8",
+        "@smithy/types": "^4.12.0",
+        "tslib": "^2.6.2"
       },
-      "funding": {
-        "url": "https://opencollective.com/libvips"
+      "engines": {
+        "node": ">=20.0.0"
       }
     },
-    "node_modules/@img/sharp-win32-x64": {
-      "version": "0.34.5",
-      "resolved": "https://registry.npmjs.org/@img/sharp-win32-x64/-/sharp-win32-x64-0.34.5.tgz",
-      "integrity": "sha512-+29YMsqY2/9eFEiW93eqWnuLcWcufowXewwSNIT6UwZdUUCrM3oFjMWH/Z6/TMmb4hlFenmfAVbpWeup2jryCw==",
-      "cpu": [
-        "x64"
-      ],
-      "license": "Apache-2.0 AND LGPL-3.0-or-later",
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "engines": {
-        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+    "node_modules/@aws-sdk/token-providers": {
+      "version": "3.1032.0",
+      "resolved": "https://registry.npmjs.org/@aws-sdk/token-providers/-/token-providers-3.1032.0.tgz",
+      "integrity": "sha512-n+PU8Z+gll7p3wDrH+Wo6fkt8sPrVnq30YYM6Ryga95oJlEneNMEbDHj0iqjMX3V7gaGdJo/hJWyPo4lscP+mA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@aws-sdk/core": "^3.974.1",
+        "@aws-sdk/nested-clients": "^3.996.21",
+        "@aws-sdk/types": "^3.973.8",
+        "@smithy/property-provider": "^4.2.14",
+        "@smithy/shared-ini-file-loader": "^4.4.9",
+        "@smithy/types": "^4.14.1",
+        "tslib": "^2.6.2"
       },
-      "funding": {
-        "url": "https://opencollective.com/libvips"
+      "engines": {
+        "node": ">=20.0.0"
       }
     },
-    "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==",
+    "node_modules/@aws-sdk/types": {
+      "version": "3.973.8",
+      "resolved": "https://registry.npmjs.org/@aws-sdk/types/-/types-3.973.8.tgz",
+      "integrity": "sha512-gjlAdtHMbtR9X5iIhVUvbVcy55KnznpC6bkDUWW9z915bi0ckdUr5cjf16Kp6xq0bP5HBD2xzgbL9F9Quv5vUw==",
       "dev": true,
-      "license": "MIT",
+      "license": "Apache-2.0",
       "dependencies": {
-        "@jridgewell/sourcemap-codec": "^1.5.0",
-        "@jridgewell/trace-mapping": "^0.3.24"
+        "@smithy/types": "^4.14.1",
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=20.0.0"
       }
     },
-    "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==",
+    "node_modules/@aws-sdk/util-arn-parser": {
+      "version": "3.972.3",
+      "resolved": "https://registry.npmjs.org/@aws-sdk/util-arn-parser/-/util-arn-parser-3.972.3.tgz",
+      "integrity": "sha512-HzSD8PMFrvgi2Kserxuff5VitNq2sgf3w9qxmskKDiDTThWfVteJxuCS9JXiPIPtmCrp+7N9asfIaVhBFORllA==",
       "dev": true,
-      "license": "MIT",
+      "license": "Apache-2.0",
       "dependencies": {
-        "@jridgewell/gen-mapping": "^0.3.5",
-        "@jridgewell/trace-mapping": "^0.3.24"
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=20.0.0"
       }
     },
-    "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==",
+    "node_modules/@aws-sdk/util-endpoints": {
+      "version": "3.984.0",
+      "resolved": "https://registry.npmjs.org/@aws-sdk/util-endpoints/-/util-endpoints-3.984.0.tgz",
+      "integrity": "sha512-9ebjLA0hMKHeVvXEtTDCCOBtwjb0bOXiuUV06HNeVdgAjH6gj4x4Zwt4IBti83TiyTGOCl5YfZqGx4ehVsasbQ==",
       "dev": true,
-      "license": "MIT",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@aws-sdk/types": "^3.973.1",
+        "@smithy/types": "^4.12.0",
+        "@smithy/url-parser": "^4.2.8",
+        "@smithy/util-endpoints": "^3.2.8",
+        "tslib": "^2.6.2"
+      },
       "engines": {
-        "node": ">=6.0.0"
+        "node": ">=20.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==",
+    "node_modules/@aws-sdk/util-locate-window": {
+      "version": "3.965.5",
+      "resolved": "https://registry.npmjs.org/@aws-sdk/util-locate-window/-/util-locate-window-3.965.5.tgz",
+      "integrity": "sha512-WhlJNNINQB+9qtLtZJcpQdgZw3SCDCpXdUJP7cToGwHbCWCnRckGlc6Bx/OhWwIYFNAn+FIydY8SZ0QmVu3xTQ==",
       "dev": true,
-      "license": "MIT"
+      "license": "Apache-2.0",
+      "dependencies": {
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=20.0.0"
+      }
     },
-    "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==",
+    "node_modules/@aws-sdk/util-user-agent-browser": {
+      "version": "3.972.10",
+      "resolved": "https://registry.npmjs.org/@aws-sdk/util-user-agent-browser/-/util-user-agent-browser-3.972.10.tgz",
+      "integrity": "sha512-FAzqXvfEssGdSIz8ejatan0bOdx1qefBWKF/gWmVBXIP1HkS7v/wjjaqrAGGKvyihrXTXW00/2/1nTJtxpXz7g==",
       "dev": true,
-      "license": "MIT",
+      "license": "Apache-2.0",
       "dependencies": {
-        "@jridgewell/resolve-uri": "^3.1.0",
-        "@jridgewell/sourcemap-codec": "^1.4.14"
+        "@aws-sdk/types": "^3.973.8",
+        "@smithy/types": "^4.14.1",
+        "bowser": "^2.11.0",
+        "tslib": "^2.6.2"
       }
     },
-    "node_modules/@napi-rs/wasm-runtime": {
-      "version": "0.2.12",
-      "resolved": "https://registry.npmjs.org/@napi-rs/wasm-runtime/-/wasm-runtime-0.2.12.tgz",
-      "integrity": "sha512-ZVWUcfwY4E/yPitQJl481FjFo3K22D6qF0DuFH6Y/nbnE11GY5uguDxZMGXPQ8WQ0128MXQD7TnfHyK4oWoIJQ==",
+    "node_modules/@aws-sdk/util-user-agent-node": {
+      "version": "3.973.17",
+      "resolved": "https://registry.npmjs.org/@aws-sdk/util-user-agent-node/-/util-user-agent-node-3.973.17.tgz",
+      "integrity": "sha512-utF5qjjbuJQuU9VdCkWl7L87sr93cApsrD+uxGfUnlafX8iyEzJrb7EZnufjThURZVTOtelRMXrblWxpefElUg==",
       "dev": true,
-      "license": "MIT",
-      "optional": true,
+      "license": "Apache-2.0",
       "dependencies": {
-        "@emnapi/core": "^1.4.3",
-        "@emnapi/runtime": "^1.4.3",
-        "@tybys/wasm-util": "^0.10.0"
+        "@aws-sdk/middleware-user-agent": "^3.972.31",
+        "@aws-sdk/types": "^3.973.8",
+        "@smithy/node-config-provider": "^4.3.14",
+        "@smithy/types": "^4.14.1",
+        "@smithy/util-config-provider": "^4.2.2",
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=20.0.0"
+      },
+      "peerDependencies": {
+        "aws-crt": ">=1.0.0"
+      },
+      "peerDependenciesMeta": {
+        "aws-crt": {
+          "optional": true
+        }
       }
     },
-    "node_modules/@next/env": {
-      "version": "16.1.6",
-      "resolved": "https://registry.npmjs.org/@next/env/-/env-16.1.6.tgz",
-      "integrity": "sha512-N1ySLuZjnAtN3kFnwhAwPvZah8RJxKasD7x1f8shFqhncnWZn4JMfg37diLNuoHsLAlrDfM3g4mawVdtAG8XLQ==",
-      "license": "MIT"
-    },
-    "node_modules/@next/eslint-plugin-next": {
-      "version": "16.1.6",
-      "resolved": "https://registry.npmjs.org/@next/eslint-plugin-next/-/eslint-plugin-next-16.1.6.tgz",
-      "integrity": "sha512-/Qq3PTagA6+nYVfryAtQ7/9FEr/6YVyvOtl6rZnGsbReGLf0jZU6gkpr1FuChAQpvV46a78p4cmHOVP8mbfSMQ==",
+    "node_modules/@aws-sdk/xml-builder": {
+      "version": "3.972.18",
+      "resolved": "https://registry.npmjs.org/@aws-sdk/xml-builder/-/xml-builder-3.972.18.tgz",
+      "integrity": "sha512-BMDNVG1ETXRhl1tnisQiYBef3RShJ1kfZA7x7afivTFMLirfHNTb6U71K569HNXhSXbQZsweHvSDZ6euBw8hPA==",
       "dev": true,
-      "license": "MIT",
+      "license": "Apache-2.0",
       "dependencies": {
-        "fast-glob": "3.3.1"
+        "@smithy/types": "^4.14.1",
+        "fast-xml-parser": "5.5.8",
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=20.0.0"
       }
     },
-    "node_modules/@next/swc-darwin-arm64": {
-      "version": "16.1.6",
-      "resolved": "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-16.1.6.tgz",
-      "integrity": "sha512-wTzYulosJr/6nFnqGW7FrG3jfUUlEf8UjGA0/pyypJl42ExdVgC6xJgcXQ+V8QFn6niSG2Pb8+MIG1mZr2vczw==",
-      "cpu": [
-        "arm64"
-      ],
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
+    "node_modules/@aws/lambda-invoke-store": {
+      "version": "0.2.4",
+      "resolved": "https://registry.npmjs.org/@aws/lambda-invoke-store/-/lambda-invoke-store-0.2.4.tgz",
+      "integrity": "sha512-iY8yvjE0y651BixKNPgmv1WrQc+GZ142sb0z4gYnChDDY2YqI4P/jsSopBWrKfAt7LOJAkOXt7rC/hms+WclQQ==",
+      "dev": true,
+      "license": "Apache-2.0",
       "engines": {
-        "node": ">= 10"
+        "node": ">=18.0.0"
       }
     },
-    "node_modules/@next/swc-darwin-x64": {
-      "version": "16.1.6",
-      "resolved": "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-16.1.6.tgz",
-      "integrity": "sha512-BLFPYPDO+MNJsiDWbeVzqvYd4NyuRrEYVB5k2N3JfWncuHAy2IVwMAOlVQDFjj+krkWzhY2apvmekMkfQR0CUQ==",
-      "cpu": [
-        "x64"
-      ],
+    "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==",
+      "dev": true,
       "license": "MIT",
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
+      "dependencies": {
+        "@babel/helper-validator-identifier": "^7.28.5",
+        "js-tokens": "^4.0.0",
+        "picocolors": "^1.1.1"
+      },
       "engines": {
-        "node": ">= 10"
+        "node": ">=6.9.0"
       }
     },
-    "node_modules/@next/swc-linux-arm64-gnu": {
-      "version": "16.1.6",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-16.1.6.tgz",
-      "integrity": "sha512-OJYkCd5pj/QloBvoEcJ2XiMnlJkRv9idWA/j0ugSuA34gMT6f5b7vOiCQHVRpvStoZUknhl6/UxOXL4OwtdaBw==",
-      "cpu": [
-        "arm64"
-      ],
+    "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",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
       "engines": {
-        "node": ">= 10"
+        "node": ">=6.9.0"
       }
     },
-    "node_modules/@next/swc-linux-arm64-musl": {
-      "version": "16.1.6",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-16.1.6.tgz",
-      "integrity": "sha512-S4J2v+8tT3NIO9u2q+S0G5KdvNDjXfAv06OhfOzNDaBn5rw84DGXWndOEB7d5/x852A20sW1M56vhC/tRVbccQ==",
-      "cpu": [
-        "arm64"
-      ],
+    "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",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
+      "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": ">= 10"
+        "node": ">=6.9.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/babel"
       }
     },
-    "node_modules/@next/swc-linux-x64-gnu": {
-      "version": "16.1.6",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-16.1.6.tgz",
-      "integrity": "sha512-2eEBDkFlMMNQnkTyPBhQOAyn2qMxyG2eE7GPH2WIDGEpEILcBPI/jdSv4t6xupSP+ot/jkfrCShLAa7+ZUPcJQ==",
-      "cpu": [
-        "x64"
-      ],
+    "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==",
+      "dev": true,
       "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
+      "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": ">= 10"
+        "node": ">=6.9.0"
       }
     },
-    "node_modules/@next/swc-linux-x64-musl": {
-      "version": "16.1.6",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-16.1.6.tgz",
-      "integrity": "sha512-oicJwRlyOoZXVlxmIMaTq7f8pN9QNbdes0q2FXfRsPhfCi8n8JmOZJm5oo1pwDaFbnnD421rVU409M3evFbIqg==",
-      "cpu": [
-        "x64"
-      ],
+    "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",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
+      "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": ">= 10"
+        "node": ">=6.9.0"
       }
     },
-    "node_modules/@next/swc-win32-arm64-msvc": {
-      "version": "16.1.6",
-      "resolved": "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-16.1.6.tgz",
-      "integrity": "sha512-gQmm8izDTPgs+DCWH22kcDmuUp7NyiJgEl18bcr8irXA5N2m2O+JQIr6f3ct42GOs9c0h8QF3L5SzIxcYAAXXw==",
-      "cpu": [
-        "arm64"
-      ],
+    "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==",
+      "dev": true,
       "license": "MIT",
-      "optional": true,
-      "os": [
-        "win32"
-      ],
       "engines": {
-        "node": ">= 10"
+        "node": ">=6.9.0"
       }
     },
-    "node_modules/@next/swc-win32-x64-msvc": {
-      "version": "16.1.6",
-      "resolved": "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-16.1.6.tgz",
-      "integrity": "sha512-NRfO39AIrzBnixKbjuo2YiYhB6o9d8v/ymU9m/Xk8cyVk+k7XylniXkHwjs4s70wedVffc6bQNbufk5v0xEm0A==",
-      "cpu": [
-        "x64"
-      ],
+    "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==",
+      "dev": true,
       "license": "MIT",
-      "optional": true,
-      "os": [
-        "win32"
-      ],
+      "dependencies": {
+        "@babel/traverse": "^7.28.6",
+        "@babel/types": "^7.28.6"
+      },
       "engines": {
-        "node": ">= 10"
+        "node": ">=6.9.0"
       }
     },
-    "node_modules/@nodelib/fs.scandir": {
-      "version": "2.1.5",
-      "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
-      "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==",
+    "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": {
-        "@nodelib/fs.stat": "2.0.5",
-        "run-parallel": "^1.1.9"
+        "@babel/helper-module-imports": "^7.28.6",
+        "@babel/helper-validator-identifier": "^7.28.5",
+        "@babel/traverse": "^7.28.6"
       },
       "engines": {
-        "node": ">= 8"
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
       }
     },
-    "node_modules/@nodelib/fs.stat": {
-      "version": "2.0.5",
-      "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz",
-      "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==",
+    "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==",
       "dev": true,
       "license": "MIT",
       "engines": {
-        "node": ">= 8"
+        "node": ">=6.9.0"
       }
     },
-    "node_modules/@nodelib/fs.walk": {
-      "version": "1.2.8",
-      "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz",
-      "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==",
+    "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==",
       "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "@nodelib/fs.scandir": "2.1.5",
-        "fastq": "^1.6.0"
-      },
       "engines": {
-        "node": ">= 8"
+        "node": ">=6.9.0"
       }
     },
-    "node_modules/@nolyfill/is-core-module": {
-      "version": "1.0.39",
-      "resolved": "https://registry.npmjs.org/@nolyfill/is-core-module/-/is-core-module-1.0.39.tgz",
-      "integrity": "sha512-nn5ozdjYQpUCZlWGuxcJY/KpxkWQs4DcbMCmKojjyrYDEAGy4Ce19NN4v5MduafTwJlbKc99UA8YhSVqq9yPZA==",
+    "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": ">=12.4.0"
+        "node": ">=6.9.0"
       }
     },
-    "node_modules/@rtsao/scc": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@rtsao/scc/-/scc-1.1.0.tgz",
-      "integrity": "sha512-zt6OdqaDoOnJ1ZYsCYGt9YmWzDXl4vQdKTyJev62gFhRGKdx7mcT54V9KIjg+d2wi9EXsPvAPKe7i7WjfVWB8g==",
+    "node_modules/@babel/helpers": {
+      "version": "7.29.2",
+      "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.29.2.tgz",
+      "integrity": "sha512-HoGuUs4sCZNezVEKdVcwqmZN8GoHirLUcLaYVNBK2J0DadGtdcqgr3BCbvH8+XUo4NGjNl3VOtSjEKNzqfFgKw==",
       "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/@supabase/auth-js": {
-      "version": "2.103.3",
-      "resolved": "https://registry.npmjs.org/@supabase/auth-js/-/auth-js-2.103.3.tgz",
-      "integrity": "sha512-SMDJ4vg5jLXNEHdhN4J4ujSb203WangbDw1n3VaARH0ZqM51E6lJnoUAHlpQU9N7SzP0hfgghA9IvT8c7tGRfg==",
       "license": "MIT",
       "dependencies": {
-        "tslib": "2.8.1"
+        "@babel/template": "^7.28.6",
+        "@babel/types": "^7.29.0"
       },
       "engines": {
-        "node": ">=20.0.0"
+        "node": ">=6.9.0"
       }
     },
-    "node_modules/@supabase/functions-js": {
-      "version": "2.103.3",
-      "resolved": "https://registry.npmjs.org/@supabase/functions-js/-/functions-js-2.103.3.tgz",
-      "integrity": "sha512-A2ZHi95GIRRlN9LGOSa/zGEIPg9taR1giDI9Gkfkgrcz0YmKV8ShiAplIrKsHQFdkzKxtsO3maJF0efL+i31mg==",
+    "node_modules/@babel/parser": {
+      "version": "7.29.2",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.29.2.tgz",
+      "integrity": "sha512-4GgRzy/+fsBa72/RZVJmGKPmZu9Byn8o4MoLpmNe1m8ZfYnz5emHLQz3U4gLud6Zwl0RZIcgiLD7Uq7ySFuDLA==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "tslib": "2.8.1"
+        "@babel/types": "^7.29.0"
+      },
+      "bin": {
+        "parser": "bin/babel-parser.js"
       },
       "engines": {
-        "node": ">=20.0.0"
+        "node": ">=6.0.0"
       }
     },
-    "node_modules/@supabase/phoenix": {
-      "version": "0.4.0",
-      "resolved": "https://registry.npmjs.org/@supabase/phoenix/-/phoenix-0.4.0.tgz",
-      "integrity": "sha512-RHSx8bHS02xwfHdAbX5Lpbo6PXbgyf7lTaXTlwtFDPwOIw64NnVRwFAXGojHhjtVYI+PEPNSWwkL90f4agN3bw==",
-      "license": "MIT"
-    },
-    "node_modules/@supabase/postgrest-js": {
-      "version": "2.103.3",
-      "resolved": "https://registry.npmjs.org/@supabase/postgrest-js/-/postgrest-js-2.103.3.tgz",
-      "integrity": "sha512-S0k/9FJVXDeejNfQLCJwRlm4IH8Wet/HEEdBTBpX6/G2o1eU/6CjQop/hJPZIwlQkI6D/zbHH8KymuCsBgy6jA==",
+    "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==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "tslib": "2.8.1"
+        "@babel/code-frame": "^7.28.6",
+        "@babel/parser": "^7.28.6",
+        "@babel/types": "^7.28.6"
       },
       "engines": {
-        "node": ">=20.0.0"
+        "node": ">=6.9.0"
       }
     },
-    "node_modules/@supabase/realtime-js": {
-      "version": "2.103.3",
-      "resolved": "https://registry.npmjs.org/@supabase/realtime-js/-/realtime-js-2.103.3.tgz",
-      "integrity": "sha512-fUvKtSXMUk1BkApVwAurWtHF4Vzbb0UB9aC/fQXrRBek7Ta3Kaora+wHf/fGwFNQs7uRz+mvjIVpzLfpR32VXA==",
+    "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==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@supabase/phoenix": "^0.4.0",
-        "@types/ws": "^8.18.1",
-        "tslib": "2.8.1",
-        "ws": "^8.18.2"
+        "@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": ">=20.0.0"
+        "node": ">=6.9.0"
       }
     },
-    "node_modules/@supabase/storage-js": {
-      "version": "2.103.3",
-      "resolved": "https://registry.npmjs.org/@supabase/storage-js/-/storage-js-2.103.3.tgz",
-      "integrity": "sha512-5bAIEubrw5keHcdKR2RTois0O1M2Ilx4UYuzOzc07G6mLGCPS/8t1nbC6Vq451pnxR3sK+rmtFHWb9CY/OPjAw==",
+    "node_modules/@babel/types": {
+      "version": "7.29.0",
+      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.29.0.tgz",
+      "integrity": "sha512-LwdZHpScM4Qz8Xw2iKSzS+cfglZzJGvofQICy7W7v4caru4EaAmyUuO6BGrbyQ2mYV11W0U8j5mBhd14dd3B0A==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "iceberg-js": "^0.8.1",
-        "tslib": "2.8.1"
+        "@babel/helper-string-parser": "^7.27.1",
+        "@babel/helper-validator-identifier": "^7.28.5"
       },
       "engines": {
-        "node": ">=20.0.0"
+        "node": ">=6.9.0"
       }
     },
-    "node_modules/@supabase/supabase-js": {
-      "version": "2.103.3",
-      "resolved": "https://registry.npmjs.org/@supabase/supabase-js/-/supabase-js-2.103.3.tgz",
-      "integrity": "sha512-DuPiAz5pIJsTAQCt7B6bDZrnLzlq9+/5bta/GWTsgpLn6AkuZQcmYsQHYplv4skQ8U2raKY5HASQOu4KtYq9Qw==",
-      "license": "MIT",
-      "dependencies": {
-        "@supabase/auth-js": "2.103.3",
-        "@supabase/functions-js": "2.103.3",
-        "@supabase/postgrest-js": "2.103.3",
-        "@supabase/realtime-js": "2.103.3",
-        "@supabase/storage-js": "2.103.3"
+    "node_modules/@cloudflare/kv-asset-handler": {
+      "version": "0.4.2",
+      "resolved": "https://registry.npmjs.org/@cloudflare/kv-asset-handler/-/kv-asset-handler-0.4.2.tgz",
+      "integrity": "sha512-SIOD2DxrRRwQ+jgzlXCqoEFiKOFqaPjhnNTGKXSRLvp1HiOvapLaFG2kEr9dYQTYe8rKrd9uvDUzmAITeNyaHQ==",
+      "dev": true,
+      "license": "MIT OR Apache-2.0",
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/@cloudflare/unenv-preset": {
+      "version": "2.16.0",
+      "resolved": "https://registry.npmjs.org/@cloudflare/unenv-preset/-/unenv-preset-2.16.0.tgz",
+      "integrity": "sha512-8ovsRpwzPoEqPUzoErAYVv8l3FMZNeBVQfJTvtzP4AgLSRGZISRfuChFxHWUQd3n6cnrwkuTGxT+2cGo8EsyYg==",
+      "dev": true,
+      "license": "MIT OR Apache-2.0",
+      "peerDependencies": {
+        "unenv": "2.0.0-rc.24",
+        "workerd": "1.20260301.1 || ~1.20260302.1 || ~1.20260303.1 || ~1.20260304.1 || >1.20260305.0 <2.0.0-0"
       },
+      "peerDependenciesMeta": {
+        "workerd": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@cloudflare/workerd-darwin-64": {
+      "version": "1.20260415.1",
+      "resolved": "https://registry.npmjs.org/@cloudflare/workerd-darwin-64/-/workerd-darwin-64-1.20260415.1.tgz",
+      "integrity": "sha512-dsxaKsQm3LnPGNPEdsRv09QN3Y4DqCw7kX5j6noKqbAtro2jTr95sVlYM1jUxZ5FkOl1f7SXgaKKB9t5H5Nkbg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
       "engines": {
-        "node": ">=20.0.0"
+        "node": ">=16"
       }
     },
-    "node_modules/@swc/helpers": {
-      "version": "0.5.15",
-      "resolved": "https://registry.npmjs.org/@swc/helpers/-/helpers-0.5.15.tgz",
-      "integrity": "sha512-JQ5TuMi45Owi4/BIMAJBoSQoOJu12oOk/gADqlcUL9JEdHB8vyjUSsxqeNXnmXHjYKMi2WcYtezGEEhqUI/E2g==",
+    "node_modules/@cloudflare/workerd-darwin-arm64": {
+      "version": "1.20260415.1",
+      "resolved": "https://registry.npmjs.org/@cloudflare/workerd-darwin-arm64/-/workerd-darwin-arm64-1.20260415.1.tgz",
+      "integrity": "sha512-+JgSgVA49KyKteHRA1SnonE4Zn5Ei5zdAp5FQMxFmXI8qulZw4Hl7safXxRyK4i9sTO8gl7TFOKO5Q64VPvSDQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
       "license": "Apache-2.0",
-      "dependencies": {
-        "tslib": "^2.8.0"
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=16"
       }
     },
-    "node_modules/@tybys/wasm-util": {
-      "version": "0.10.1",
-      "resolved": "https://registry.npmjs.org/@tybys/wasm-util/-/wasm-util-0.10.1.tgz",
-      "integrity": "sha512-9tTaPJLSiejZKx+Bmog4uSubteqTvFrVrURwkmHixBo0G4seD0zUxp98E1DzUBJxLQ3NPwXrGKDiVjwx/DpPsg==",
+    "node_modules/@cloudflare/workerd-linux-64": {
+      "version": "1.20260415.1",
+      "resolved": "https://registry.npmjs.org/@cloudflare/workerd-linux-64/-/workerd-linux-64-1.20260415.1.tgz",
+      "integrity": "sha512-tU+9pwsqCy8afOVlGtiWrWQc/fedQK4SRm4KPIAt+zOiQWDxWASm6YGBUJis5c648WN80yz47qnmdDi8DQNOcA==",
+      "cpu": [
+        "x64"
+      ],
       "dev": true,
-      "license": "MIT",
+      "license": "Apache-2.0",
       "optional": true,
-      "dependencies": {
-        "tslib": "^2.4.0"
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=16"
       }
     },
-    "node_modules/@types/d3": {
-      "version": "7.4.3",
-      "resolved": "https://registry.npmjs.org/@types/d3/-/d3-7.4.3.tgz",
-      "integrity": "sha512-lZXZ9ckh5R8uiFVt8ogUNf+pIrK4EsWrx2Np75WvF/eTpJ0FMHNhjXk8CKEx/+gpHbNQyJWehbFaTvqmHWB3ww==",
+    "node_modules/@cloudflare/workerd-linux-arm64": {
+      "version": "1.20260415.1",
+      "resolved": "https://registry.npmjs.org/@cloudflare/workerd-linux-arm64/-/workerd-linux-arm64-1.20260415.1.tgz",
+      "integrity": "sha512-bR9uITnV19r5NQ14xnypi2xHXu2iQvfYV8cVgx0JouFUmWwTEEAwFVojDdssGq93VHX9hr/pi2IRUZeegbYBog==",
+      "cpu": [
+        "arm64"
+      ],
       "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@types/d3-array": "*",
-        "@types/d3-axis": "*",
-        "@types/d3-brush": "*",
-        "@types/d3-chord": "*",
-        "@types/d3-color": "*",
-        "@types/d3-contour": "*",
-        "@types/d3-delaunay": "*",
-        "@types/d3-dispatch": "*",
-        "@types/d3-drag": "*",
-        "@types/d3-dsv": "*",
-        "@types/d3-ease": "*",
-        "@types/d3-fetch": "*",
-        "@types/d3-force": "*",
-        "@types/d3-format": "*",
-        "@types/d3-geo": "*",
-        "@types/d3-hierarchy": "*",
-        "@types/d3-interpolate": "*",
-        "@types/d3-path": "*",
-        "@types/d3-polygon": "*",
-        "@types/d3-quadtree": "*",
-        "@types/d3-random": "*",
-        "@types/d3-scale": "*",
-        "@types/d3-scale-chromatic": "*",
-        "@types/d3-selection": "*",
-        "@types/d3-shape": "*",
-        "@types/d3-time": "*",
-        "@types/d3-time-format": "*",
-        "@types/d3-timer": "*",
-        "@types/d3-transition": "*",
-        "@types/d3-zoom": "*"
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=16"
       }
     },
-    "node_modules/@types/d3-array": {
-      "version": "3.2.2",
-      "resolved": "https://registry.npmjs.org/@types/d3-array/-/d3-array-3.2.2.tgz",
-      "integrity": "sha512-hOLWVbm7uRza0BYXpIIW5pxfrKe0W+D5lrFiAEYR+pb6w3N2SwSMaJbXdUfSEv+dT4MfHBLtn5js0LAWaO6otw==",
+    "node_modules/@cloudflare/workerd-windows-64": {
+      "version": "1.20260415.1",
+      "resolved": "https://registry.npmjs.org/@cloudflare/workerd-windows-64/-/workerd-windows-64-1.20260415.1.tgz",
+      "integrity": "sha512-4NuMLlerI0Ijua3Ir8HXQ+qyNvCUDEG5gDco5Om+sAiK6rnWiz+aGoSlbB8W16yW9QAgzCstbmXLiVknUBflfQ==",
+      "cpu": [
+        "x64"
+      ],
       "dev": true,
-      "license": "MIT"
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=16"
+      }
     },
-    "node_modules/@types/d3-axis": {
-      "version": "3.0.6",
-      "resolved": "https://registry.npmjs.org/@types/d3-axis/-/d3-axis-3.0.6.tgz",
-      "integrity": "sha512-pYeijfZuBd87T0hGn0FO1vQ/cgLk6E1ALJjfkC0oJ8cbwkZl3TpgS8bVBLZN+2jjGgg38epgxb2zmoGtSfvgMw==",
+    "node_modules/@cspotcode/source-map-support": {
+      "version": "0.8.1",
+      "resolved": "https://registry.npmjs.org/@cspotcode/source-map-support/-/source-map-support-0.8.1.tgz",
+      "integrity": "sha512-IchNf6dN4tHoMFIn/7OE8LWZ19Y6q/67Bmf6vnGREv8RSbBVb9LPJxEcnwrcwX6ixSvaiGoomAUvu4YSxXrVgw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@types/d3-selection": "*"
+        "@jridgewell/trace-mapping": "0.3.9"
+      },
+      "engines": {
+        "node": ">=12"
       }
     },
-    "node_modules/@types/d3-brush": {
-      "version": "3.0.6",
-      "resolved": "https://registry.npmjs.org/@types/d3-brush/-/d3-brush-3.0.6.tgz",
-      "integrity": "sha512-nH60IZNNxEcrh6L1ZSMNA28rj27ut/2ZmI3r96Zd+1jrZD++zD3LsMIjWlvg4AYrHn/Pqz4CF3veCxGjtbqt7A==",
+    "node_modules/@cspotcode/source-map-support/node_modules/@jridgewell/trace-mapping": {
+      "version": "0.3.9",
+      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.9.tgz",
+      "integrity": "sha512-3Belt6tdc8bPgAtbcmdtNJlirVoTmEb5e2gC94PnkwEW9jI6CAHUeoG85tjWP5WquqfavoMtMwiG4P926ZKKuQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@types/d3-selection": "*"
+        "@jridgewell/resolve-uri": "^3.0.3",
+        "@jridgewell/sourcemap-codec": "^1.4.10"
       }
     },
-    "node_modules/@types/d3-chord": {
-      "version": "3.0.6",
-      "resolved": "https://registry.npmjs.org/@types/d3-chord/-/d3-chord-3.0.6.tgz",
-      "integrity": "sha512-LFYWWd8nwfwEmTZG9PfQxd17HbNPksHBiJHaKuY1XeqscXacsS2tyoo6OdRsjf+NQYeB6XrNL3a25E3gH69lcg==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/@types/d3-color": {
-      "version": "3.1.3",
-      "resolved": "https://registry.npmjs.org/@types/d3-color/-/d3-color-3.1.3.tgz",
-      "integrity": "sha512-iO90scth9WAbmgv7ogoq57O9YpKmFBbmoEoCHDB2xMBY0+/KVrqAaCDyCE16dUspeOvIxFFRI+0sEtqDqy2b4A==",
+    "node_modules/@dotenvx/dotenvx": {
+      "version": "1.31.0",
+      "resolved": "https://registry.npmjs.org/@dotenvx/dotenvx/-/dotenvx-1.31.0.tgz",
+      "integrity": "sha512-GeDxvtjiRuoyWVU9nQneId879zIyNdL05bS7RKiqMkfBSKpHMWHLoRyRqjYWLaXmX/llKO1hTlqHDmatkQAjPA==",
       "dev": true,
-      "license": "MIT"
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "commander": "^11.1.0",
+        "dotenv": "^16.4.5",
+        "eciesjs": "^0.4.10",
+        "execa": "^5.1.1",
+        "fdir": "^6.2.0",
+        "ignore": "^5.3.0",
+        "object-treeify": "1.1.33",
+        "picomatch": "^4.0.2",
+        "which": "^4.0.0"
+      },
+      "bin": {
+        "dotenvx": "src/cli/dotenvx.js",
+        "git-dotenvx": "src/cli/dotenvx.js"
+      },
+      "funding": {
+        "url": "https://dotenvx.com"
+      }
     },
-    "node_modules/@types/d3-contour": {
-      "version": "3.0.6",
-      "resolved": "https://registry.npmjs.org/@types/d3-contour/-/d3-contour-3.0.6.tgz",
-      "integrity": "sha512-BjzLgXGnCWjUSYGfH1cpdo41/hgdWETu4YxpezoztawmqsvCeep+8QGfiY6YbDvfgHz/DkjeIkkZVJavB4a3rg==",
+    "node_modules/@dotenvx/dotenvx/node_modules/commander": {
+      "version": "11.1.0",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-11.1.0.tgz",
+      "integrity": "sha512-yPVavfyCcRhmorC7rWlkHn15b4wDVgVmBA7kV4QVBsF7kv/9TKJAbAXVTxvTnwP8HHKjRCJDClKbciiYS7p0DQ==",
       "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "@types/d3-array": "*",
-        "@types/geojson": "*"
+      "engines": {
+        "node": ">=16"
       }
     },
-    "node_modules/@types/d3-delaunay": {
-      "version": "6.0.4",
-      "resolved": "https://registry.npmjs.org/@types/d3-delaunay/-/d3-delaunay-6.0.4.tgz",
-      "integrity": "sha512-ZMaSKu4THYCU6sV64Lhg6qjf1orxBthaC161plr5KuPHo3CNm8DTHiLw/5Eq2b6TsNP0W0iJrUOFscY6Q450Hw==",
+    "node_modules/@dotenvx/dotenvx/node_modules/fdir": {
+      "version": "6.5.0",
+      "resolved": "https://registry.npmjs.org/fdir/-/fdir-6.5.0.tgz",
+      "integrity": "sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==",
       "dev": true,
-      "license": "MIT"
+      "license": "MIT",
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "peerDependencies": {
+        "picomatch": "^3 || ^4"
+      },
+      "peerDependenciesMeta": {
+        "picomatch": {
+          "optional": true
+        }
+      }
     },
-    "node_modules/@types/d3-dispatch": {
-      "version": "3.0.7",
-      "resolved": "https://registry.npmjs.org/@types/d3-dispatch/-/d3-dispatch-3.0.7.tgz",
-      "integrity": "sha512-5o9OIAdKkhN1QItV2oqaE5KMIiXAvDWBDPrD85e58Qlz1c1kI/J0NcqbEG88CoTwJrYe7ntUCVfeUl2UJKbWgA==",
+    "node_modules/@dotenvx/dotenvx/node_modules/isexe": {
+      "version": "3.1.5",
+      "resolved": "https://registry.npmjs.org/isexe/-/isexe-3.1.5.tgz",
+      "integrity": "sha512-6B3tLtFqtQS4ekarvLVMZ+X+VlvQekbe4taUkf/rhVO3d/h0M2rfARm/pXLcPEsjjMsFgrFgSrhQIxcSVrBz8w==",
       "dev": true,
-      "license": "MIT"
+      "license": "BlueOak-1.0.0",
+      "engines": {
+        "node": ">=18"
+      }
     },
-    "node_modules/@types/d3-drag": {
-      "version": "3.0.7",
-      "resolved": "https://registry.npmjs.org/@types/d3-drag/-/d3-drag-3.0.7.tgz",
-      "integrity": "sha512-HE3jVKlzU9AaMazNufooRJ5ZpWmLIoc90A37WU2JMmeq28w1FQqCZswHZ3xR+SuxYftzHq6WU6KJHvqxKzTxxQ==",
+    "node_modules/@dotenvx/dotenvx/node_modules/picomatch": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.4.tgz",
+      "integrity": "sha512-QP88BAKvMam/3NxH6vj2o21R6MjxZUAd6nlwAS/pnGvN9IVLocLHxGYIzFhg6fUQ+5th6P4dv4eW9jX3DSIj7A==",
       "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "@types/d3-selection": "*"
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
       }
     },
-    "node_modules/@types/d3-dsv": {
-      "version": "3.0.7",
-      "resolved": "https://registry.npmjs.org/@types/d3-dsv/-/d3-dsv-3.0.7.tgz",
-      "integrity": "sha512-n6QBF9/+XASqcKK6waudgL0pf/S5XHPPI8APyMLLUHd8NqouBGLsU8MgtO7NINGtPBtk9Kko/W4ea0oAspwh9g==",
+    "node_modules/@dotenvx/dotenvx/node_modules/which": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/which/-/which-4.0.0.tgz",
+      "integrity": "sha512-GlaYyEb07DPxYCKhKzplCWBJtvxZcZMrL+4UkrTSJHHPyZU4mYYTv3qaOe77H7EODLSSopAUFAc6W8U4yqvscg==",
       "dev": true,
-      "license": "MIT"
+      "license": "ISC",
+      "dependencies": {
+        "isexe": "^3.1.1"
+      },
+      "bin": {
+        "node-which": "bin/which.js"
+      },
+      "engines": {
+        "node": "^16.13.0 || >=18.0.0"
+      }
     },
-    "node_modules/@types/d3-ease": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/@types/d3-ease/-/d3-ease-3.0.2.tgz",
-      "integrity": "sha512-NcV1JjO5oDzoK26oMzbILE6HW7uVXOHLQvHshBUW4UMdZGfiY6v5BeQwh9a9tCzv+CeefZQHJt5SRgK154RtiA==",
+    "node_modules/@ecies/ciphers": {
+      "version": "0.2.6",
+      "resolved": "https://registry.npmjs.org/@ecies/ciphers/-/ciphers-0.2.6.tgz",
+      "integrity": "sha512-patgsRPKGkhhoBjETV4XxD0En4ui5fbX0hzayqI3M8tvNMGUoUvmyYAIWwlxBc1KX5cturfqByYdj5bYGRpN9g==",
       "dev": true,
-      "license": "MIT"
+      "license": "MIT",
+      "engines": {
+        "bun": ">=1",
+        "deno": ">=2.7.10",
+        "node": ">=16"
+      },
+      "peerDependencies": {
+        "@noble/ciphers": "^1.0.0"
+      }
     },
-    "node_modules/@types/d3-fetch": {
-      "version": "3.0.7",
-      "resolved": "https://registry.npmjs.org/@types/d3-fetch/-/d3-fetch-3.0.7.tgz",
-      "integrity": "sha512-fTAfNmxSb9SOWNB9IoG5c8Hg6R+AzUHDRlsXsDZsNp6sxAEOP0tkP3gKkNSO/qmHPoBFTxNrjDprVHDQDvo5aA==",
+    "node_modules/@emnapi/core": {
+      "version": "1.10.0",
+      "resolved": "https://registry.npmjs.org/@emnapi/core/-/core-1.10.0.tgz",
+      "integrity": "sha512-yq6OkJ4p82CAfPl0u9mQebQHKPJkY7WrIuk205cTYnYe+k2Z8YBh11FrbRG/H6ihirqcacOgl2BIO8oyMQLeXw==",
       "dev": true,
       "license": "MIT",
+      "optional": true,
       "dependencies": {
-        "@types/d3-dsv": "*"
+        "@emnapi/wasi-threads": "1.2.1",
+        "tslib": "^2.4.0"
       }
     },
-    "node_modules/@types/d3-force": {
-      "version": "3.0.10",
-      "resolved": "https://registry.npmjs.org/@types/d3-force/-/d3-force-3.0.10.tgz",
-      "integrity": "sha512-ZYeSaCF3p73RdOKcjj+swRlZfnYpK1EbaDiYICEEp5Q6sUiqFaFQ9qgoshp5CzIyyb/yD09kD9o2zEltCexlgw==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/@types/d3-format": {
-      "version": "3.0.4",
-      "resolved": "https://registry.npmjs.org/@types/d3-format/-/d3-format-3.0.4.tgz",
-      "integrity": "sha512-fALi2aI6shfg7vM5KiR1wNJnZ7r6UuggVqtDA+xiEdPZQwy/trcQaHnwShLuLdta2rTymCNpxYTiMZX/e09F4g==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/@types/d3-geo": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/@types/d3-geo/-/d3-geo-3.1.0.tgz",
-      "integrity": "sha512-856sckF0oP/diXtS4jNsiQw/UuK5fQG8l/a9VVLeSouf1/PPbBE1i1W852zVwKwYCBkFJJB7nCFTbk6UMEXBOQ==",
-      "dev": true,
+    "node_modules/@emnapi/runtime": {
+      "version": "1.10.0",
+      "resolved": "https://registry.npmjs.org/@emnapi/runtime/-/runtime-1.10.0.tgz",
+      "integrity": "sha512-ewvYlk86xUoGI0zQRNq/mC+16R1QeDlKQy21Ki3oSYXNgLb45GV1P6A0M+/s6nyCuNDqe5VpaY84BzXGwVbwFA==",
       "license": "MIT",
+      "optional": true,
       "dependencies": {
-        "@types/geojson": "*"
+        "tslib": "^2.4.0"
       }
     },
-    "node_modules/@types/d3-hierarchy": {
-      "version": "3.1.7",
-      "resolved": "https://registry.npmjs.org/@types/d3-hierarchy/-/d3-hierarchy-3.1.7.tgz",
-      "integrity": "sha512-tJFtNoYBtRtkNysX1Xq4sxtjK8YgoWUNpIiUee0/jHGRwqvzYxkq0hGVbbOGSz+JgFxxRu4K8nb3YpG3CMARtg==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/@types/d3-interpolate": {
-      "version": "3.0.4",
-      "resolved": "https://registry.npmjs.org/@types/d3-interpolate/-/d3-interpolate-3.0.4.tgz",
-      "integrity": "sha512-mgLPETlrpVV1YRJIglr4Ez47g7Yxjl1lj7YKsiMCb27VJH9W8NVM6Bb9d8kkpG/uAQS5AmbA48q2IAolKKo1MA==",
+    "node_modules/@emnapi/wasi-threads": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/@emnapi/wasi-threads/-/wasi-threads-1.2.1.tgz",
+      "integrity": "sha512-uTII7OYF+/Mes/MrcIOYp5yOtSMLBWSIoLPpcgwipoiKbli6k322tcoFsxoIIxPDqW01SQGAgko4EzZi2BNv2w==",
       "dev": true,
       "license": "MIT",
+      "optional": true,
       "dependencies": {
-        "@types/d3-color": "*"
+        "tslib": "^2.4.0"
       }
     },
-    "node_modules/@types/d3-path": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/@types/d3-path/-/d3-path-3.1.1.tgz",
-      "integrity": "sha512-VMZBYyQvbGmWyWVea0EHs/BwLgxc+MKi1zLDCONksozI4YJMcTt8ZEuIR4Sb1MMTE8MMW49v0IwI5+b7RmfWlg==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/@types/d3-polygon": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/@types/d3-polygon/-/d3-polygon-3.0.2.tgz",
-      "integrity": "sha512-ZuWOtMaHCkN9xoeEMr1ubW2nGWsp4nIql+OPQRstu4ypeZ+zk3YKqQT0CXVe/PYqrKpZAi+J9mTs05TKwjXSRA==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/@types/d3-quadtree": {
-      "version": "3.0.6",
-      "resolved": "https://registry.npmjs.org/@types/d3-quadtree/-/d3-quadtree-3.0.6.tgz",
-      "integrity": "sha512-oUzyO1/Zm6rsxKRHA1vH0NEDG58HrT5icx/azi9MF1TWdtttWl0UIUsjEQBBh+SIkrpd21ZjEv7ptxWys1ncsg==",
+    "node_modules/@esbuild/aix-ppc64": {
+      "version": "0.25.4",
+      "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.25.4.tgz",
+      "integrity": "sha512-1VCICWypeQKhVbE9oW/sJaAmjLxhVqacdkvPLEjwlttjfwENRSClS8EjBz0KzRyFSCPDIkuXW34Je/vk7zdB7Q==",
+      "cpu": [
+        "ppc64"
+      ],
       "dev": true,
-      "license": "MIT"
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "aix"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
     },
-    "node_modules/@types/d3-random": {
-      "version": "3.0.3",
-      "resolved": "https://registry.npmjs.org/@types/d3-random/-/d3-random-3.0.3.tgz",
-      "integrity": "sha512-Imagg1vJ3y76Y2ea0871wpabqp613+8/r0mCLEBfdtqC7xMSfj9idOnmBYyMoULfHePJyxMAw3nWhJxzc+LFwQ==",
+    "node_modules/@esbuild/android-arm": {
+      "version": "0.25.4",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.25.4.tgz",
+      "integrity": "sha512-QNdQEps7DfFwE3hXiU4BZeOV68HHzYwGd0Nthhd3uCkkEKK7/R6MTgM0P7H7FAs5pU/DIWsviMmEGxEoxIZ+ZQ==",
+      "cpu": [
+        "arm"
+      ],
       "dev": true,
-      "license": "MIT"
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
     },
-    "node_modules/@types/d3-scale": {
-      "version": "4.0.9",
-      "resolved": "https://registry.npmjs.org/@types/d3-scale/-/d3-scale-4.0.9.tgz",
-      "integrity": "sha512-dLmtwB8zkAeO/juAMfnV+sItKjlsw2lKdZVVy6LRr0cBmegxSABiLEpGVmSJJ8O08i4+sGR6qQtb6WtuwJdvVw==",
+    "node_modules/@esbuild/android-arm64": {
+      "version": "0.25.4",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.25.4.tgz",
+      "integrity": "sha512-bBy69pgfhMGtCnwpC/x5QhfxAz/cBgQ9enbtwjf6V9lnPI/hMyT9iWpR1arm0l3kttTr4L0KSLpKmLp/ilKS9A==",
+      "cpu": [
+        "arm64"
+      ],
       "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "@types/d3-time": "*"
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=18"
       }
     },
-    "node_modules/@types/d3-scale-chromatic": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/@types/d3-scale-chromatic/-/d3-scale-chromatic-3.1.0.tgz",
-      "integrity": "sha512-iWMJgwkK7yTRmWqRB5plb1kadXyQ5Sj8V/zYlFGMUBbIPKQScw+Dku9cAAMgJG+z5GYDoMjWGLVOvjghDEFnKQ==",
+    "node_modules/@esbuild/android-x64": {
+      "version": "0.25.4",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.25.4.tgz",
+      "integrity": "sha512-TVhdVtQIFuVpIIR282btcGC2oGQoSfZfmBdTip2anCaVYcqWlZXGcdcKIUklfX2wj0JklNYgz39OBqh2cqXvcQ==",
+      "cpu": [
+        "x64"
+      ],
       "dev": true,
-      "license": "MIT"
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
     },
-    "node_modules/@types/d3-selection": {
-      "version": "3.0.11",
-      "resolved": "https://registry.npmjs.org/@types/d3-selection/-/d3-selection-3.0.11.tgz",
-      "integrity": "sha512-bhAXu23DJWsrI45xafYpkQ4NtcKMwWnAC/vKrd2l+nxMFuvOT3XMYTIj2opv8vq8AO5Yh7Qac/nSeP/3zjTK0w==",
+    "node_modules/@esbuild/darwin-arm64": {
+      "version": "0.25.4",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.25.4.tgz",
+      "integrity": "sha512-Y1giCfM4nlHDWEfSckMzeWNdQS31BQGs9/rouw6Ub91tkK79aIMTH3q9xHvzH8d0wDru5Ci0kWB8b3up/nl16g==",
+      "cpu": [
+        "arm64"
+      ],
       "dev": true,
-      "license": "MIT"
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
     },
-    "node_modules/@types/d3-shape": {
-      "version": "3.1.8",
-      "resolved": "https://registry.npmjs.org/@types/d3-shape/-/d3-shape-3.1.8.tgz",
-      "integrity": "sha512-lae0iWfcDeR7qt7rA88BNiqdvPS5pFVPpo5OfjElwNaT2yyekbM0C9vK+yqBqEmHr6lDkRnYNoTBYlAgJa7a4w==",
+    "node_modules/@esbuild/darwin-x64": {
+      "version": "0.25.4",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.25.4.tgz",
+      "integrity": "sha512-CJsry8ZGM5VFVeyUYB3cdKpd/H69PYez4eJh1W/t38vzutdjEjtP7hB6eLKBoOdxcAlCtEYHzQ/PJ/oU9I4u0A==",
+      "cpu": [
+        "x64"
+      ],
       "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "@types/d3-path": "*"
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=18"
       }
     },
-    "node_modules/@types/d3-time": {
-      "version": "3.0.4",
-      "resolved": "https://registry.npmjs.org/@types/d3-time/-/d3-time-3.0.4.tgz",
-      "integrity": "sha512-yuzZug1nkAAaBlBBikKZTgzCeA+k1uy4ZFwWANOfKw5z5LRhV0gNA7gNkKm7HoK+HRN0wX3EkxGk0fpbWhmB7g==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/@types/d3-time-format": {
-      "version": "4.0.3",
-      "resolved": "https://registry.npmjs.org/@types/d3-time-format/-/d3-time-format-4.0.3.tgz",
-      "integrity": "sha512-5xg9rC+wWL8kdDj153qZcsJ0FWiFt0J5RB6LYUNZjwSnesfblqrI/bJ1wBdJ8OQfncgbJG5+2F+qfqnqyzYxyg==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/@types/d3-timer": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/@types/d3-timer/-/d3-timer-3.0.2.tgz",
-      "integrity": "sha512-Ps3T8E8dZDam6fUyNiMkekK3XUsaUEik+idO9/YjPtfj2qruF8tFBXS7XhtE4iIXBLxhmLjP3SXpLhVf21I9Lw==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/@types/d3-transition": {
-      "version": "3.0.9",
-      "resolved": "https://registry.npmjs.org/@types/d3-transition/-/d3-transition-3.0.9.tgz",
-      "integrity": "sha512-uZS5shfxzO3rGlu0cC3bjmMFKsXv+SmZZcgp0KD22ts4uGXp5EVYGzu/0YdwZeKmddhcAccYtREJKkPfXkZuCg==",
+    "node_modules/@esbuild/freebsd-arm64": {
+      "version": "0.25.4",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.25.4.tgz",
+      "integrity": "sha512-yYq+39NlTRzU2XmoPW4l5Ifpl9fqSk0nAJYM/V/WUGPEFfek1epLHJIkTQM6bBs1swApjO5nWgvr843g6TjxuQ==",
+      "cpu": [
+        "arm64"
+      ],
       "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "@types/d3-selection": "*"
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=18"
       }
     },
-    "node_modules/@types/d3-zoom": {
-      "version": "3.0.8",
-      "resolved": "https://registry.npmjs.org/@types/d3-zoom/-/d3-zoom-3.0.8.tgz",
-      "integrity": "sha512-iqMC4/YlFCSlO8+2Ii1GGGliCAY4XdeG748w5vQUbevlbDu0zSjH/+jojorQVBK/se0j6DUFNPBGSqD3YWYnDw==",
+    "node_modules/@esbuild/freebsd-x64": {
+      "version": "0.25.4",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.25.4.tgz",
+      "integrity": "sha512-0FgvOJ6UUMflsHSPLzdfDnnBBVoCDtBTVyn/MrWloUNvq/5SFmh13l3dvgRPkDihRxb77Y17MbqbCAa2strMQQ==",
+      "cpu": [
+        "x64"
+      ],
       "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "@types/d3-interpolate": "*",
-        "@types/d3-selection": "*"
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=18"
       }
     },
-    "node_modules/@types/debug": {
-      "version": "4.1.13",
-      "resolved": "https://registry.npmjs.org/@types/debug/-/debug-4.1.13.tgz",
-      "integrity": "sha512-KSVgmQmzMwPlmtljOomayoR89W4FynCAi3E8PPs7vmDVPe84hT+vGPKkJfThkmXs0x0jAaa9U8uW8bbfyS2fWw==",
+    "node_modules/@esbuild/linux-arm": {
+      "version": "0.25.4",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.25.4.tgz",
+      "integrity": "sha512-kro4c0P85GMfFYqW4TWOpvmF8rFShbWGnrLqlzp4X1TNWjRY3JMYUfDCtOxPKOIY8B0WC8HN51hGP4I4hz4AaQ==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "@types/ms": "*"
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
       }
     },
-    "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==",
-      "license": "MIT"
-    },
-    "node_modules/@types/estree-jsx": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/@types/estree-jsx/-/estree-jsx-1.0.5.tgz",
-      "integrity": "sha512-52CcUVNFyfb1A2ALocQw/Dd1BQFNmSdkuC3BkZ6iqhdMfQz7JWOFRuJFloOzjk+6WijU56m9oKXFAXc7o3Towg==",
+    "node_modules/@esbuild/linux-arm64": {
+      "version": "0.25.4",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.25.4.tgz",
+      "integrity": "sha512-+89UsQTfXdmjIvZS6nUnOOLoXnkUTB9hR5QAeLrQdzOSWZvNSAXAtcRDHWtqAUtAmv7ZM1WPOOeSxDzzzMogiQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "@types/estree": "*"
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
       }
     },
-    "node_modules/@types/geojson": {
-      "version": "7946.0.16",
-      "resolved": "https://registry.npmjs.org/@types/geojson/-/geojson-7946.0.16.tgz",
-      "integrity": "sha512-6C8nqWur3j98U6+lXDfTUWIfgvZU+EumvpHKcYjujKH7woYyLj2sUmff0tRhrqM7BohUw7Pz3ZB1jj2gW9Fvmg==",
+    "node_modules/@esbuild/linux-ia32": {
+      "version": "0.25.4",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.25.4.tgz",
+      "integrity": "sha512-yTEjoapy8UP3rv8dB0ip3AfMpRbyhSN3+hY8mo/i4QXFeDxmiYbEKp3ZRjBKcOP862Ua4b1PDfwlvbuwY7hIGQ==",
+      "cpu": [
+        "ia32"
+      ],
       "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/@types/hast": {
-      "version": "3.0.4",
-      "resolved": "https://registry.npmjs.org/@types/hast/-/hast-3.0.4.tgz",
-      "integrity": "sha512-WPs+bbQw5aCj+x6laNGWLH3wviHtoCv/P3+otBhbOhJgG8qtpdAMlTCxLtsTWA7LH1Oh/bFCHsBn0TPS5m30EQ==",
       "license": "MIT",
-      "dependencies": {
-        "@types/unist": "*"
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
       }
     },
-    "node_modules/@types/json-schema": {
-      "version": "7.0.15",
-      "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.15.tgz",
-      "integrity": "sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/@types/json5": {
-      "version": "0.0.29",
-      "resolved": "https://registry.npmjs.org/@types/json5/-/json5-0.0.29.tgz",
-      "integrity": "sha512-dRLjCWHYg4oaA77cxO64oO+7JwCwnIzkZPdrrC71jQmQtlhM556pwKo5bUzqvZndkVbeFLIIi+9TC40JNF5hNQ==",
+    "node_modules/@esbuild/linux-loong64": {
+      "version": "0.25.4",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.25.4.tgz",
+      "integrity": "sha512-NeqqYkrcGzFwi6CGRGNMOjWGGSYOpqwCjS9fvaUlX5s3zwOtn1qwg1s2iE2svBe4Q/YOG1q6875lcAoQK/F4VA==",
+      "cpu": [
+        "loong64"
+      ],
       "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/@types/katex": {
-      "version": "0.16.8",
-      "resolved": "https://registry.npmjs.org/@types/katex/-/katex-0.16.8.tgz",
-      "integrity": "sha512-trgaNyfU+Xh2Tc+ABIb44a5AYUpicB3uwirOioeOkNPPbmgRNtcWyDeeFRzjPZENO9Vq8gvVqfhaaXWLlevVwg==",
-      "license": "MIT"
-    },
-    "node_modules/@types/mdast": {
-      "version": "4.0.4",
-      "resolved": "https://registry.npmjs.org/@types/mdast/-/mdast-4.0.4.tgz",
-      "integrity": "sha512-kGaNbPh1k7AFzgpud/gMdvIm5xuECykRR+JnWKQno9TAXVa6WIVCGTPvYGekIDL4uwCZQSYbUxNBSb1aUo79oA==",
       "license": "MIT",
-      "dependencies": {
-        "@types/unist": "*"
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
       }
     },
-    "node_modules/@types/ms": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/@types/ms/-/ms-2.1.0.tgz",
-      "integrity": "sha512-GsCCIZDE/p3i96vtEqx+7dBUGXrc7zeSK3wwPHIaRThS+9OhWIXRqzs4d6k1SVU8g91DrNRWxWUGhp5KXQb2VA==",
-      "license": "MIT"
-    },
-    "node_modules/@types/node": {
-      "version": "20.19.39",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.19.39.tgz",
-      "integrity": "sha512-orrrD74MBUyK8jOAD/r0+lfa1I2MO6I+vAkmAWzMYbCcgrN4lCrmK52gRFQq/JRxfYPfonkr4b0jcY7Olqdqbw==",
+    "node_modules/@esbuild/linux-mips64el": {
+      "version": "0.25.4",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.25.4.tgz",
+      "integrity": "sha512-IcvTlF9dtLrfL/M8WgNI/qJYBENP3ekgsHbYUIzEzq5XJzzVEV/fXY9WFPfEEXmu3ck2qJP8LG/p3Q8f7Zc2Xg==",
+      "cpu": [
+        "mips64el"
+      ],
+      "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "undici-types": "~6.21.0"
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
       }
     },
-    "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==",
+    "node_modules/@esbuild/linux-ppc64": {
+      "version": "0.25.4",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.25.4.tgz",
+      "integrity": "sha512-HOy0aLTJTVtoTeGZh4HSXaO6M95qu4k5lJcH4gxv56iaycfz1S8GO/5Jh6X4Y1YiI0h7cRyLi+HixMR+88swag==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "csstype": "^3.2.2"
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
       }
     },
-    "node_modules/@types/react-dom": {
-      "version": "19.2.3",
-      "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-19.2.3.tgz",
-      "integrity": "sha512-jp2L/eY6fn+KgVVQAOqYItbF0VY/YApe5Mz2F0aykSO8gx31bYCZyvSeYxCHKvzHG5eZjc+zyaS5BrBWya2+kQ==",
+    "node_modules/@esbuild/linux-riscv64": {
+      "version": "0.25.4",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.25.4.tgz",
+      "integrity": "sha512-i8JUDAufpz9jOzo4yIShCTcXzS07vEgWzyX3NH2G7LEFVgrLEhjwL3ajFE4fZI3I4ZgiM7JH3GQ7ReObROvSUA==",
+      "cpu": [
+        "riscv64"
+      ],
       "dev": true,
       "license": "MIT",
-      "peerDependencies": {
-        "@types/react": "^19.2.0"
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
       }
     },
-    "node_modules/@types/unist": {
-      "version": "3.0.3",
-      "resolved": "https://registry.npmjs.org/@types/unist/-/unist-3.0.3.tgz",
-      "integrity": "sha512-ko/gIFJRv177XgZsZcBwnqJN5x/Gien8qNOn0D5bQU/zAzVf9Zt3BlcUiLqhV9y4ARk0GbT3tnUiPNgnTXzc/Q==",
-      "license": "MIT"
-    },
-    "node_modules/@types/ws": {
-      "version": "8.18.1",
-      "resolved": "https://registry.npmjs.org/@types/ws/-/ws-8.18.1.tgz",
-      "integrity": "sha512-ThVF6DCVhA8kUGy+aazFQ4kXQ7E1Ty7A3ypFOe0IcJV8O/M511G99AW24irKrW56Wt44yG9+ij8FaqoBGkuBXg==",
+    "node_modules/@esbuild/linux-s390x": {
+      "version": "0.25.4",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.25.4.tgz",
+      "integrity": "sha512-jFnu+6UbLlzIjPQpWCNh5QtrcNfMLjgIavnwPQAfoGx4q17ocOU9MsQ2QVvFxwQoWpZT8DvTLooTvmOQXkO51g==",
+      "cpu": [
+        "s390x"
+      ],
+      "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "@types/node": "*"
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
       }
     },
-    "node_modules/@typescript-eslint/eslint-plugin": {
-      "version": "8.58.2",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-8.58.2.tgz",
-      "integrity": "sha512-aC2qc5thQahutKjP+cl8cgN9DWe3ZUqVko30CMSZHnFEHyhOYoZSzkGtAI2mcwZ38xeImDucI4dnqsHiOYuuCw==",
+    "node_modules/@esbuild/linux-x64": {
+      "version": "0.25.4",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.25.4.tgz",
+      "integrity": "sha512-6e0cvXwzOnVWJHq+mskP8DNSrKBr1bULBvnFLpc1KY+d+irZSgZ02TGse5FsafKS5jg2e4pbvK6TPXaF/A6+CA==",
+      "cpu": [
+        "x64"
+      ],
       "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "@eslint-community/regexpp": "^4.12.2",
-        "@typescript-eslint/scope-manager": "8.58.2",
-        "@typescript-eslint/type-utils": "8.58.2",
-        "@typescript-eslint/utils": "8.58.2",
-        "@typescript-eslint/visitor-keys": "8.58.2",
-        "ignore": "^7.0.5",
-        "natural-compare": "^1.4.0",
-        "ts-api-utils": "^2.5.0"
-      },
+      "optional": true,
+      "os": [
+        "linux"
+      ],
       "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      },
-      "peerDependencies": {
-        "@typescript-eslint/parser": "^8.58.2",
-        "eslint": "^8.57.0 || ^9.0.0 || ^10.0.0",
-        "typescript": ">=4.8.4 <6.1.0"
+        "node": ">=18"
       }
     },
-    "node_modules/@typescript-eslint/eslint-plugin/node_modules/ignore": {
-      "version": "7.0.5",
-      "resolved": "https://registry.npmjs.org/ignore/-/ignore-7.0.5.tgz",
-      "integrity": "sha512-Hs59xBNfUIunMFgWAbGX5cq6893IbWg4KnrjbYwX3tx0ztorVgTDA6B2sxf8ejHJ4wz8BqGUMYlnzNBer5NvGg==",
+    "node_modules/@esbuild/netbsd-arm64": {
+      "version": "0.25.4",
+      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-arm64/-/netbsd-arm64-0.25.4.tgz",
+      "integrity": "sha512-vUnkBYxZW4hL/ie91hSqaSNjulOnYXE1VSLusnvHg2u3jewJBz3YzB9+oCw8DABeVqZGg94t9tyZFoHma8gWZQ==",
+      "cpu": [
+        "arm64"
+      ],
       "dev": true,
       "license": "MIT",
+      "optional": true,
+      "os": [
+        "netbsd"
+      ],
       "engines": {
-        "node": ">= 4"
+        "node": ">=18"
       }
     },
-    "node_modules/@typescript-eslint/parser": {
-      "version": "8.58.2",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-8.58.2.tgz",
-      "integrity": "sha512-/Zb/xaIDfxeJnvishjGdcR4jmr7S+bda8PKNhRGdljDM+elXhlvN0FyPSsMnLmJUrVG9aPO6dof80wjMawsASg==",
+    "node_modules/@esbuild/netbsd-x64": {
+      "version": "0.25.4",
+      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.25.4.tgz",
+      "integrity": "sha512-XAg8pIQn5CzhOB8odIcAm42QsOfa98SBeKUdo4xa8OvX8LbMZqEtgeWE9P/Wxt7MlG2QqvjGths+nq48TrUiKw==",
+      "cpu": [
+        "x64"
+      ],
       "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "@typescript-eslint/scope-manager": "8.58.2",
-        "@typescript-eslint/types": "8.58.2",
-        "@typescript-eslint/typescript-estree": "8.58.2",
-        "@typescript-eslint/visitor-keys": "8.58.2",
-        "debug": "^4.4.3"
-      },
+      "optional": true,
+      "os": [
+        "netbsd"
+      ],
       "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      },
-      "peerDependencies": {
-        "eslint": "^8.57.0 || ^9.0.0 || ^10.0.0",
-        "typescript": ">=4.8.4 <6.1.0"
+        "node": ">=18"
       }
     },
-    "node_modules/@typescript-eslint/project-service": {
-      "version": "8.58.2",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/project-service/-/project-service-8.58.2.tgz",
-      "integrity": "sha512-Cq6UfpZZk15+r87BkIh5rDpi38W4b+Sjnb8wQCPPDDweS/LRCFjCyViEbzHk5Ck3f2QDfgmlxqSa7S7clDtlfg==",
+    "node_modules/@esbuild/openbsd-arm64": {
+      "version": "0.25.4",
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-arm64/-/openbsd-arm64-0.25.4.tgz",
+      "integrity": "sha512-Ct2WcFEANlFDtp1nVAXSNBPDxyU+j7+tId//iHXU2f/lN5AmO4zLyhDcpR5Cz1r08mVxzt3Jpyt4PmXQ1O6+7A==",
+      "cpu": [
+        "arm64"
+      ],
       "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "@typescript-eslint/tsconfig-utils": "^8.58.2",
-        "@typescript-eslint/types": "^8.58.2",
-        "debug": "^4.4.3"
-      },
+      "optional": true,
+      "os": [
+        "openbsd"
+      ],
       "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      },
-      "peerDependencies": {
-        "typescript": ">=4.8.4 <6.1.0"
+        "node": ">=18"
       }
     },
-    "node_modules/@typescript-eslint/scope-manager": {
-      "version": "8.58.2",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-8.58.2.tgz",
-      "integrity": "sha512-SgmyvDPexWETQek+qzZnrG6844IaO02UVyOLhI4wpo82dpZJY9+6YZCKAMFzXb7qhx37mFK1QcPQ18tud+vo6Q==",
+    "node_modules/@esbuild/openbsd-x64": {
+      "version": "0.25.4",
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.25.4.tgz",
+      "integrity": "sha512-xAGGhyOQ9Otm1Xu8NT1ifGLnA6M3sJxZ6ixylb+vIUVzvvd6GOALpwQrYrtlPouMqd/vSbgehz6HaVk4+7Afhw==",
+      "cpu": [
+        "x64"
+      ],
       "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "@typescript-eslint/types": "8.58.2",
-        "@typescript-eslint/visitor-keys": "8.58.2"
-      },
+      "optional": true,
+      "os": [
+        "openbsd"
+      ],
       "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
+        "node": ">=18"
       }
     },
-    "node_modules/@typescript-eslint/tsconfig-utils": {
-      "version": "8.58.2",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/tsconfig-utils/-/tsconfig-utils-8.58.2.tgz",
-      "integrity": "sha512-3SR+RukipDvkkKp/d0jP0dyzuls3DbGmwDpVEc5wqk5f38KFThakqAAO0XMirWAE+kT00oTauTbzMFGPoAzB0A==",
+    "node_modules/@esbuild/openharmony-arm64": {
+      "version": "0.27.3",
+      "resolved": "https://registry.npmjs.org/@esbuild/openharmony-arm64/-/openharmony-arm64-0.27.3.tgz",
+      "integrity": "sha512-NinAEgr/etERPTsZJ7aEZQvvg/A6IsZG/LgZy+81wON2huV7SrK3e63dU0XhyZP4RKGyTm7aOgmQk0bGp0fy2g==",
+      "cpu": [
+        "arm64"
+      ],
       "dev": true,
       "license": "MIT",
+      "optional": true,
+      "os": [
+        "openharmony"
+      ],
       "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      },
-      "peerDependencies": {
-        "typescript": ">=4.8.4 <6.1.0"
+        "node": ">=18"
       }
     },
-    "node_modules/@typescript-eslint/type-utils": {
-      "version": "8.58.2",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-8.58.2.tgz",
-      "integrity": "sha512-Z7EloNR/B389FvabdGeTo2XMs4W9TjtPiO9DAsmT0yom0bwlPyRjkJ1uCdW1DvrrrYP50AJZ9Xc3sByZA9+dcg==",
+    "node_modules/@esbuild/sunos-x64": {
+      "version": "0.25.4",
+      "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.25.4.tgz",
+      "integrity": "sha512-Mw+tzy4pp6wZEK0+Lwr76pWLjrtjmJyUB23tHKqEDP74R3q95luY/bXqXZeYl4NYlvwOqoRKlInQialgCKy67Q==",
+      "cpu": [
+        "x64"
+      ],
       "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "@typescript-eslint/types": "8.58.2",
-        "@typescript-eslint/typescript-estree": "8.58.2",
-        "@typescript-eslint/utils": "8.58.2",
-        "debug": "^4.4.3",
-        "ts-api-utils": "^2.5.0"
-      },
+      "optional": true,
+      "os": [
+        "sunos"
+      ],
       "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      },
-      "peerDependencies": {
-        "eslint": "^8.57.0 || ^9.0.0 || ^10.0.0",
-        "typescript": ">=4.8.4 <6.1.0"
+        "node": ">=18"
       }
     },
-    "node_modules/@typescript-eslint/types": {
-      "version": "8.58.2",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.58.2.tgz",
-      "integrity": "sha512-9TukXyATBQf/Jq9AMQXfvurk+G5R2MwfqQGDR2GzGz28HvY/lXNKGhkY+6IOubwcquikWk5cjlgPvD2uAA7htQ==",
+    "node_modules/@esbuild/win32-arm64": {
+      "version": "0.25.4",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.25.4.tgz",
+      "integrity": "sha512-AVUP428VQTSddguz9dO9ngb+E5aScyg7nOeJDrF1HPYu555gmza3bDGMPhmVXL8svDSoqPCsCPjb265yG/kLKQ==",
+      "cpu": [
+        "arm64"
+      ],
       "dev": true,
       "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
       "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
+        "node": ">=18"
       }
     },
-    "node_modules/@typescript-eslint/typescript-estree": {
-      "version": "8.58.2",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-8.58.2.tgz",
-      "integrity": "sha512-ELGuoofuhhoCvNbQjFFiobFcGgcDCEm0ThWdmO4Z0UzLqPXS3KFvnEZ+SHewwOYHjM09tkzOWXNTv9u6Gqtyuw==",
+    "node_modules/@esbuild/win32-ia32": {
+      "version": "0.25.4",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.25.4.tgz",
+      "integrity": "sha512-i1sW+1i+oWvQzSgfRcxxG2k4I9n3O9NRqy8U+uugaT2Dy7kLO9Y7wI72haOahxceMX8hZAzgGou1FhndRldxRg==",
+      "cpu": [
+        "ia32"
+      ],
       "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "@typescript-eslint/project-service": "8.58.2",
-        "@typescript-eslint/tsconfig-utils": "8.58.2",
-        "@typescript-eslint/types": "8.58.2",
-        "@typescript-eslint/visitor-keys": "8.58.2",
-        "debug": "^4.4.3",
-        "minimatch": "^10.2.2",
-        "semver": "^7.7.3",
-        "tinyglobby": "^0.2.15",
-        "ts-api-utils": "^2.5.0"
-      },
+      "optional": true,
+      "os": [
+        "win32"
+      ],
       "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      },
-      "peerDependencies": {
-        "typescript": ">=4.8.4 <6.1.0"
+        "node": ">=18"
       }
     },
-    "node_modules/@typescript-eslint/typescript-estree/node_modules/balanced-match": {
-      "version": "4.0.4",
-      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-4.0.4.tgz",
-      "integrity": "sha512-BLrgEcRTwX2o6gGxGOCNyMvGSp35YofuYzw9h1IMTRmKqttAZZVU67bdb9Pr2vUHA8+j3i2tJfjO6C6+4myGTA==",
+    "node_modules/@esbuild/win32-x64": {
+      "version": "0.25.4",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.25.4.tgz",
+      "integrity": "sha512-nOT2vZNw6hJ+z43oP1SPea/G/6AbN6X+bGNhNuq8NtRHy4wsMhw765IKLNmnjek7GvjWBYQ8Q5VBoYTFg9y1UQ==",
+      "cpu": [
+        "x64"
+      ],
       "dev": true,
       "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
       "engines": {
-        "node": "18 || 20 || >=22"
+        "node": ">=18"
       }
     },
-    "node_modules/@typescript-eslint/typescript-estree/node_modules/brace-expansion": {
-      "version": "5.0.5",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-5.0.5.tgz",
-      "integrity": "sha512-VZznLgtwhn+Mact9tfiwx64fA9erHH/MCXEUfB/0bX/6Fz6ny5EGTXYltMocqg4xFAQZtnO3DHWWXi8RiuN7cQ==",
+    "node_modules/@eslint-community/eslint-utils": {
+      "version": "4.9.1",
+      "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.9.1.tgz",
+      "integrity": "sha512-phrYmNiYppR7znFEdqgfWHXR6NCkZEK7hwWDHZUjit/2/U0r6XvkDl0SYnoM51Hq7FhCGdLDT6zxCCOY1hexsQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "balanced-match": "^4.0.2"
+        "eslint-visitor-keys": "^3.4.3"
       },
       "engines": {
-        "node": "18 || 20 || >=22"
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^6.0.0 || ^7.0.0 || >=8.0.0"
       }
     },
-    "node_modules/@typescript-eslint/typescript-estree/node_modules/minimatch": {
-      "version": "10.2.5",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-10.2.5.tgz",
-      "integrity": "sha512-MULkVLfKGYDFYejP07QOurDLLQpcjk7Fw+7jXS2R2czRQzR56yHRveU5NDJEOviH+hETZKSkIk5c+T23GjFUMg==",
+    "node_modules/@eslint-community/eslint-utils/node_modules/eslint-visitor-keys": {
+      "version": "3.4.3",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz",
+      "integrity": "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==",
       "dev": true,
-      "license": "BlueOak-1.0.0",
-      "dependencies": {
-        "brace-expansion": "^5.0.5"
-      },
+      "license": "Apache-2.0",
       "engines": {
-        "node": "18 || 20 || >=22"
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
       },
       "funding": {
-        "url": "https://github.com/sponsors/isaacs"
+        "url": "https://opencollective.com/eslint"
       }
     },
-    "node_modules/@typescript-eslint/typescript-estree/node_modules/semver": {
-      "version": "7.7.4",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.4.tgz",
-      "integrity": "sha512-vFKC2IEtQnVhpT78h1Yp8wzwrf8CM+MzKMHGJZfBtzhZNycRFnXsHk6E5TxIkkMsgNS7mdX3AGB7x2QM2di4lA==",
+    "node_modules/@eslint-community/regexpp": {
+      "version": "4.12.2",
+      "resolved": "https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.12.2.tgz",
+      "integrity": "sha512-EriSTlt5OC9/7SXkRSCAhfSxxoSUgBm33OH+IkwbdpgoqsSsUg7y3uh+IICI/Qg4BBWr3U2i39RpmycbxMq4ew==",
       "dev": true,
-      "license": "ISC",
-      "bin": {
-        "semver": "bin/semver.js"
-      },
+      "license": "MIT",
       "engines": {
-        "node": ">=10"
+        "node": "^12.0.0 || ^14.0.0 || >=16.0.0"
       }
     },
-    "node_modules/@typescript-eslint/utils": {
-      "version": "8.58.2",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-8.58.2.tgz",
-      "integrity": "sha512-QZfjHNEzPY8+l0+fIXMvuQ2sJlplB4zgDZvA+NmvZsZv3EQwOcc1DuIU1VJUTWZ/RKouBMhDyNaBMx4sWvrzRA==",
+    "node_modules/@eslint/config-array": {
+      "version": "0.21.2",
+      "resolved": "https://registry.npmjs.org/@eslint/config-array/-/config-array-0.21.2.tgz",
+      "integrity": "sha512-nJl2KGTlrf9GjLimgIru+V/mzgSK0ABCDQRvxw5BjURL7WfH5uoWmizbH7QB6MmnMBd8cIC9uceWnezL1VZWWw==",
       "dev": true,
-      "license": "MIT",
+      "license": "Apache-2.0",
       "dependencies": {
-        "@eslint-community/eslint-utils": "^4.9.1",
-        "@typescript-eslint/scope-manager": "8.58.2",
-        "@typescript-eslint/types": "8.58.2",
-        "@typescript-eslint/typescript-estree": "8.58.2"
+        "@eslint/object-schema": "^2.1.7",
+        "debug": "^4.3.1",
+        "minimatch": "^3.1.5"
       },
       "engines": {
         "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      },
-      "peerDependencies": {
-        "eslint": "^8.57.0 || ^9.0.0 || ^10.0.0",
-        "typescript": ">=4.8.4 <6.1.0"
       }
     },
-    "node_modules/@typescript-eslint/visitor-keys": {
-      "version": "8.58.2",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-8.58.2.tgz",
-      "integrity": "sha512-f1WO2Lx8a9t8DARmcWAUPJbu0G20bJlj8L4z72K00TMeJAoyLr/tHhI/pzYBLrR4dXWkcxO1cWYZEOX8DKHTqA==",
-      "dev": true,
+    "node_modules/@eslint/config-helpers": {
+      "version": "0.4.2",
+      "resolved": "https://registry.npmjs.org/@eslint/config-helpers/-/config-helpers-0.4.2.tgz",
+      "integrity": "sha512-gBrxN88gOIf3R7ja5K9slwNayVcZgK6SOUORm2uBzTeIEfeVaIhOpCtTox3P6R7o2jLFwLFTLnC7kU/RGcYEgw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@eslint/core": "^0.17.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      }
+    },
+    "node_modules/@eslint/core": {
+      "version": "0.17.0",
+      "resolved": "https://registry.npmjs.org/@eslint/core/-/core-0.17.0.tgz",
+      "integrity": "sha512-yL/sLrpmtDaFEiUj1osRP4TI2MDz1AddJL+jZ7KSqvBuliN4xqYY54IfdN8qD8Toa6g1iloph1fxQNkjOxrrpQ==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@types/json-schema": "^7.0.15"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      }
+    },
+    "node_modules/@eslint/eslintrc": {
+      "version": "3.3.5",
+      "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-3.3.5.tgz",
+      "integrity": "sha512-4IlJx0X0qftVsN5E+/vGujTRIFtwuLbNsVUe7TO6zYPDR1O6nFwvwhIKEKSrl6dZchmYBITazxKoUYOjdtjlRg==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/types": "8.58.2",
-        "eslint-visitor-keys": "^5.0.0"
+        "ajv": "^6.14.0",
+        "debug": "^4.3.2",
+        "espree": "^10.0.1",
+        "globals": "^14.0.0",
+        "ignore": "^5.2.0",
+        "import-fresh": "^3.2.1",
+        "js-yaml": "^4.1.1",
+        "minimatch": "^3.1.5",
+        "strip-json-comments": "^3.1.1"
       },
       "engines": {
         "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
       },
       "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
+        "url": "https://opencollective.com/eslint"
       }
     },
-    "node_modules/@typescript-eslint/visitor-keys/node_modules/eslint-visitor-keys": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-5.0.1.tgz",
-      "integrity": "sha512-tD40eHxA35h0PEIZNeIjkHoDR4YjjJp34biM0mDvplBe//mB+IHCqHDGV7pxF+7MklTvighcCPPZC7ynWyjdTA==",
+    "node_modules/@eslint/js": {
+      "version": "9.39.4",
+      "resolved": "https://registry.npmjs.org/@eslint/js/-/js-9.39.4.tgz",
+      "integrity": "sha512-nE7DEIchvtiFTwBw4Lfbu59PG+kCofhjsKaCWzxTpt4lfRjRMqG6uMBzKXuEcyXhOHoUp9riAm7/aWYGhXZ9cw==",
       "dev": true,
-      "license": "Apache-2.0",
+      "license": "MIT",
       "engines": {
-        "node": "^20.19.0 || ^22.13.0 || >=24"
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
       },
       "funding": {
-        "url": "https://opencollective.com/eslint"
+        "url": "https://eslint.org/donate"
       }
     },
-    "node_modules/@ungap/structured-clone": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/@ungap/structured-clone/-/structured-clone-1.3.0.tgz",
-      "integrity": "sha512-WmoN8qaIAo7WTYWbAZuG8PYEhn5fkz7dZrqTBZ7dtt//lL2Gwms1IcnQ5yHqjDfX8Ft5j4YzDM23f87zBfDe9g==",
-      "license": "ISC"
+    "node_modules/@eslint/object-schema": {
+      "version": "2.1.7",
+      "resolved": "https://registry.npmjs.org/@eslint/object-schema/-/object-schema-2.1.7.tgz",
+      "integrity": "sha512-VtAOaymWVfZcmZbp6E2mympDIHvyjXs/12LqWYjVw6qjrfF+VK+fyG33kChz3nnK+SU5/NeHOqrTEHS8sXO3OA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      }
     },
-    "node_modules/@unrs/resolver-binding-android-arm-eabi": {
-      "version": "1.11.1",
-      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-android-arm-eabi/-/resolver-binding-android-arm-eabi-1.11.1.tgz",
-      "integrity": "sha512-ppLRUgHVaGRWUx0R0Ut06Mjo9gBaBkg3v/8AxusGLhsIotbBLuRk51rAzqLC8gq6NyyAojEXglNjzf6R948DNw==",
-      "cpu": [
-        "arm"
-      ],
+    "node_modules/@eslint/plugin-kit": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/@eslint/plugin-kit/-/plugin-kit-0.4.1.tgz",
+      "integrity": "sha512-43/qtrDUokr7LJqoF2c3+RInu/t4zfrpYdoSDfYyhg52rwLV6TnOvdG4fXm7IkSB3wErkcmJS9iEhjVtOSEjjA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@eslint/core": "^0.17.0",
+        "levn": "^0.4.1"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      }
+    },
+    "node_modules/@humanfs/core": {
+      "version": "0.19.2",
+      "resolved": "https://registry.npmjs.org/@humanfs/core/-/core-0.19.2.tgz",
+      "integrity": "sha512-UhXNm+CFMWcbChXywFwkmhqjs3PRCmcSa/hfBgLIb7oQ5HNb1wS0icWsGtSAUNgefHeI+eBrA8I1fxmbHsGdvA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@humanfs/types": "^0.15.0"
+      },
+      "engines": {
+        "node": ">=18.18.0"
+      }
+    },
+    "node_modules/@humanfs/node": {
+      "version": "0.16.8",
+      "resolved": "https://registry.npmjs.org/@humanfs/node/-/node-0.16.8.tgz",
+      "integrity": "sha512-gE1eQNZ3R++kTzFUpdGlpmy8kDZD/MLyHqDwqjkVQI0JMdI1D51sy1H958PNXYkM2rAac7e5/CnIKZrHtPh3BQ==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@humanfs/core": "^0.19.2",
+        "@humanfs/types": "^0.15.0",
+        "@humanwhocodes/retry": "^0.4.0"
+      },
+      "engines": {
+        "node": ">=18.18.0"
+      }
+    },
+    "node_modules/@humanfs/types": {
+      "version": "0.15.0",
+      "resolved": "https://registry.npmjs.org/@humanfs/types/-/types-0.15.0.tgz",
+      "integrity": "sha512-ZZ1w0aoQkwuUuC7Yf+7sdeaNfqQiiLcSRbfI08oAxqLtpXQr9AIVX7Ay7HLDuiLYAaFPu8oBYNq/QIi9URHJ3Q==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=18.18.0"
+      }
+    },
+    "node_modules/@humanwhocodes/module-importer": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz",
+      "integrity": "sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=12.22"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/nzakas"
+      }
+    },
+    "node_modules/@humanwhocodes/retry": {
+      "version": "0.4.3",
+      "resolved": "https://registry.npmjs.org/@humanwhocodes/retry/-/retry-0.4.3.tgz",
+      "integrity": "sha512-bV0Tgo9K4hfPCek+aMAn81RppFKv2ySDQeMoSZuvTASywNTnVJCArCZE2FWqpvIatKu7VMRLWlR1EazvVhDyhQ==",
       "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=18.18"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/nzakas"
+      }
+    },
+    "node_modules/@img/colour": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@img/colour/-/colour-1.1.0.tgz",
+      "integrity": "sha512-Td76q7j57o/tLVdgS746cYARfSyxk8iEfRxewL9h4OMzYhbW4TAcppl0mT4eyqXddh6L/jwoM75mo7ixa/pCeQ==",
+      "devOptional": true,
       "license": "MIT",
-      "optional": true,
-      "os": [
-        "android"
-      ]
+      "engines": {
+        "node": ">=18"
+      }
     },
-    "node_modules/@unrs/resolver-binding-android-arm64": {
-      "version": "1.11.1",
-      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-android-arm64/-/resolver-binding-android-arm64-1.11.1.tgz",
-      "integrity": "sha512-lCxkVtb4wp1v+EoN+HjIG9cIIzPkX5OtM03pQYkG+U5O/wL53LC4QbIeazgiKqluGeVEeBlZahHalCaBvU1a2g==",
+    "node_modules/@img/sharp-darwin-arm64": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-darwin-arm64/-/sharp-darwin-arm64-0.34.5.tgz",
+      "integrity": "sha512-imtQ3WMJXbMY4fxb/Ndp6HBTNVtWCUI0WdobyheGf5+ad6xX8VIDO8u2xE4qc/fr08CKG/7dDseFtn6M6g/r3w==",
       "cpu": [
         "arm64"
       ],
-      "dev": true,
-      "license": "MIT",
+      "license": "Apache-2.0",
       "optional": true,
       "os": [
-        "android"
-      ]
+        "darwin"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-darwin-arm64": "1.2.4"
+      }
     },
-    "node_modules/@unrs/resolver-binding-darwin-arm64": {
-      "version": "1.11.1",
-      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-darwin-arm64/-/resolver-binding-darwin-arm64-1.11.1.tgz",
-      "integrity": "sha512-gPVA1UjRu1Y/IsB/dQEsp2V1pm44Of6+LWvbLc9SDk1c2KhhDRDBUkQCYVWe6f26uJb3fOK8saWMgtX8IrMk3g==",
+    "node_modules/@img/sharp-darwin-x64": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-darwin-x64/-/sharp-darwin-x64-0.34.5.tgz",
+      "integrity": "sha512-YNEFAF/4KQ/PeW0N+r+aVVsoIY0/qxxikF2SWdp+NRkmMB7y9LBZAVqQ4yhGCm/H3H270OSykqmQMKLBhBJDEw==",
       "cpu": [
-        "arm64"
+        "x64"
       ],
-      "dev": true,
-      "license": "MIT",
+      "license": "Apache-2.0",
       "optional": true,
       "os": [
         "darwin"
-      ]
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-darwin-x64": "1.2.4"
+      }
     },
-    "node_modules/@unrs/resolver-binding-darwin-x64": {
-      "version": "1.11.1",
-      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-darwin-x64/-/resolver-binding-darwin-x64-1.11.1.tgz",
-      "integrity": "sha512-cFzP7rWKd3lZaCsDze07QX1SC24lO8mPty9vdP+YVa3MGdVgPmFc59317b2ioXtgCMKGiCLxJ4HQs62oz6GfRQ==",
+    "node_modules/@img/sharp-libvips-darwin-arm64": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-darwin-arm64/-/sharp-libvips-darwin-arm64-1.2.4.tgz",
+      "integrity": "sha512-zqjjo7RatFfFoP0MkQ51jfuFZBnVE2pRiaydKJ1G/rHZvnsrHAOcQALIi9sA5co5xenQdTugCvtb1cuf78Vf4g==",
       "cpu": [
-        "x64"
+        "arm64"
       ],
-      "dev": true,
-      "license": "MIT",
+      "license": "LGPL-3.0-or-later",
       "optional": true,
       "os": [
         "darwin"
-      ]
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
     },
-    "node_modules/@unrs/resolver-binding-freebsd-x64": {
-      "version": "1.11.1",
-      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-freebsd-x64/-/resolver-binding-freebsd-x64-1.11.1.tgz",
-      "integrity": "sha512-fqtGgak3zX4DCB6PFpsH5+Kmt/8CIi4Bry4rb1ho6Av2QHTREM+47y282Uqiu3ZRF5IQioJQ5qWRV6jduA+iGw==",
+    "node_modules/@img/sharp-libvips-darwin-x64": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-darwin-x64/-/sharp-libvips-darwin-x64-1.2.4.tgz",
+      "integrity": "sha512-1IOd5xfVhlGwX+zXv2N93k0yMONvUlANylbJw1eTah8K/Jtpi15KC+WSiaX/nBmbm2HxRM1gZ0nSdjSsrZbGKg==",
       "cpu": [
         "x64"
       ],
-      "dev": true,
-      "license": "MIT",
+      "license": "LGPL-3.0-or-later",
       "optional": true,
       "os": [
-        "freebsd"
-      ]
+        "darwin"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
     },
-    "node_modules/@unrs/resolver-binding-linux-arm-gnueabihf": {
-      "version": "1.11.1",
-      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-arm-gnueabihf/-/resolver-binding-linux-arm-gnueabihf-1.11.1.tgz",
-      "integrity": "sha512-u92mvlcYtp9MRKmP+ZvMmtPN34+/3lMHlyMj7wXJDeXxuM0Vgzz0+PPJNsro1m3IZPYChIkn944wW8TYgGKFHw==",
+    "node_modules/@img/sharp-libvips-linux-arm": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-arm/-/sharp-libvips-linux-arm-1.2.4.tgz",
+      "integrity": "sha512-bFI7xcKFELdiNCVov8e44Ia4u2byA+l3XtsAj+Q8tfCwO6BQ8iDojYdvoPMqsKDkuoOo+X6HZA0s0q11ANMQ8A==",
       "cpu": [
         "arm"
       ],
-      "dev": true,
-      "license": "MIT",
+      "license": "LGPL-3.0-or-later",
       "optional": true,
       "os": [
         "linux"
-      ]
-    },
-    "node_modules/@unrs/resolver-binding-linux-arm-musleabihf": {
-      "version": "1.11.1",
-      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-arm-musleabihf/-/resolver-binding-linux-arm-musleabihf-1.11.1.tgz",
-      "integrity": "sha512-cINaoY2z7LVCrfHkIcmvj7osTOtm6VVT16b5oQdS4beibX2SYBwgYLmqhBjA1t51CarSaBuX5YNsWLjsqfW5Cw==",
-      "cpu": [
-        "arm"
       ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ]
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
     },
-    "node_modules/@unrs/resolver-binding-linux-arm64-gnu": {
-      "version": "1.11.1",
-      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-arm64-gnu/-/resolver-binding-linux-arm64-gnu-1.11.1.tgz",
-      "integrity": "sha512-34gw7PjDGB9JgePJEmhEqBhWvCiiWCuXsL9hYphDF7crW7UgI05gyBAi6MF58uGcMOiOqSJ2ybEeCvHcq0BCmQ==",
+    "node_modules/@img/sharp-libvips-linux-arm64": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-arm64/-/sharp-libvips-linux-arm64-1.2.4.tgz",
+      "integrity": "sha512-excjX8DfsIcJ10x1Kzr4RcWe1edC9PquDRRPx3YVCvQv+U5p7Yin2s32ftzikXojb1PIFc/9Mt28/y+iRklkrw==",
       "cpu": [
         "arm64"
       ],
-      "dev": true,
-      "license": "MIT",
+      "license": "LGPL-3.0-or-later",
       "optional": true,
       "os": [
         "linux"
-      ]
-    },
-    "node_modules/@unrs/resolver-binding-linux-arm64-musl": {
-      "version": "1.11.1",
-      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-arm64-musl/-/resolver-binding-linux-arm64-musl-1.11.1.tgz",
-      "integrity": "sha512-RyMIx6Uf53hhOtJDIamSbTskA99sPHS96wxVE/bJtePJJtpdKGXO1wY90oRdXuYOGOTuqjT8ACccMc4K6QmT3w==",
-      "cpu": [
-        "arm64"
       ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ]
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
     },
-    "node_modules/@unrs/resolver-binding-linux-ppc64-gnu": {
-      "version": "1.11.1",
-      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-ppc64-gnu/-/resolver-binding-linux-ppc64-gnu-1.11.1.tgz",
-      "integrity": "sha512-D8Vae74A4/a+mZH0FbOkFJL9DSK2R6TFPC9M+jCWYia/q2einCubX10pecpDiTmkJVUH+y8K3BZClycD8nCShA==",
+    "node_modules/@img/sharp-libvips-linux-ppc64": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-ppc64/-/sharp-libvips-linux-ppc64-1.2.4.tgz",
+      "integrity": "sha512-FMuvGijLDYG6lW+b/UvyilUWu5Ayu+3r2d1S8notiGCIyYU/76eig1UfMmkZ7vwgOrzKzlQbFSuQfgm7GYUPpA==",
       "cpu": [
         "ppc64"
       ],
-      "dev": true,
-      "license": "MIT",
+      "license": "LGPL-3.0-or-later",
       "optional": true,
       "os": [
         "linux"
-      ]
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
     },
-    "node_modules/@unrs/resolver-binding-linux-riscv64-gnu": {
-      "version": "1.11.1",
-      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-riscv64-gnu/-/resolver-binding-linux-riscv64-gnu-1.11.1.tgz",
-      "integrity": "sha512-frxL4OrzOWVVsOc96+V3aqTIQl1O2TjgExV4EKgRY09AJ9leZpEg8Ak9phadbuX0BA4k8U5qtvMSQQGGmaJqcQ==",
+    "node_modules/@img/sharp-libvips-linux-riscv64": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-riscv64/-/sharp-libvips-linux-riscv64-1.2.4.tgz",
+      "integrity": "sha512-oVDbcR4zUC0ce82teubSm+x6ETixtKZBh/qbREIOcI3cULzDyb18Sr/Wcyx7NRQeQzOiHTNbZFF1UwPS2scyGA==",
       "cpu": [
         "riscv64"
       ],
-      "dev": true,
-      "license": "MIT",
+      "license": "LGPL-3.0-or-later",
       "optional": true,
       "os": [
         "linux"
-      ]
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
     },
-    "node_modules/@unrs/resolver-binding-linux-riscv64-musl": {
-      "version": "1.11.1",
-      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-riscv64-musl/-/resolver-binding-linux-riscv64-musl-1.11.1.tgz",
-      "integrity": "sha512-mJ5vuDaIZ+l/acv01sHoXfpnyrNKOk/3aDoEdLO/Xtn9HuZlDD6jKxHlkN8ZhWyLJsRBxfv9GYM2utQ1SChKew==",
+    "node_modules/@img/sharp-libvips-linux-s390x": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-s390x/-/sharp-libvips-linux-s390x-1.2.4.tgz",
+      "integrity": "sha512-qmp9VrzgPgMoGZyPvrQHqk02uyjA0/QrTO26Tqk6l4ZV0MPWIW6LTkqOIov+J1yEu7MbFQaDpwdwJKhbJvuRxQ==",
       "cpu": [
-        "riscv64"
+        "s390x"
       ],
-      "dev": true,
-      "license": "MIT",
+      "license": "LGPL-3.0-or-later",
       "optional": true,
       "os": [
         "linux"
-      ]
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
     },
-    "node_modules/@unrs/resolver-binding-linux-s390x-gnu": {
-      "version": "1.11.1",
-      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-s390x-gnu/-/resolver-binding-linux-s390x-gnu-1.11.1.tgz",
-      "integrity": "sha512-kELo8ebBVtb9sA7rMe1Cph4QHreByhaZ2QEADd9NzIQsYNQpt9UkM9iqr2lhGr5afh885d/cB5QeTXSbZHTYPg==",
+    "node_modules/@img/sharp-libvips-linux-x64": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-x64/-/sharp-libvips-linux-x64-1.2.4.tgz",
+      "integrity": "sha512-tJxiiLsmHc9Ax1bz3oaOYBURTXGIRDODBqhveVHonrHJ9/+k89qbLl0bcJns+e4t4rvaNBxaEZsFtSfAdquPrw==",
       "cpu": [
-        "s390x"
+        "x64"
       ],
-      "dev": true,
-      "license": "MIT",
+      "license": "LGPL-3.0-or-later",
       "optional": true,
       "os": [
         "linux"
-      ]
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
     },
-    "node_modules/@unrs/resolver-binding-linux-x64-gnu": {
-      "version": "1.11.1",
-      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-x64-gnu/-/resolver-binding-linux-x64-gnu-1.11.1.tgz",
-      "integrity": "sha512-C3ZAHugKgovV5YvAMsxhq0gtXuwESUKc5MhEtjBpLoHPLYM+iuwSj3lflFwK3DPm68660rZ7G8BMcwSro7hD5w==",
+    "node_modules/@img/sharp-libvips-linuxmusl-arm64": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linuxmusl-arm64/-/sharp-libvips-linuxmusl-arm64-1.2.4.tgz",
+      "integrity": "sha512-FVQHuwx1IIuNow9QAbYUzJ+En8KcVm9Lk5+uGUQJHaZmMECZmOlix9HnH7n1TRkXMS0pGxIJokIVB9SuqZGGXw==",
       "cpu": [
-        "x64"
+        "arm64"
       ],
-      "dev": true,
-      "license": "MIT",
+      "license": "LGPL-3.0-or-later",
       "optional": true,
       "os": [
         "linux"
-      ]
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
     },
-    "node_modules/@unrs/resolver-binding-linux-x64-musl": {
-      "version": "1.11.1",
-      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-x64-musl/-/resolver-binding-linux-x64-musl-1.11.1.tgz",
-      "integrity": "sha512-rV0YSoyhK2nZ4vEswT/QwqzqQXw5I6CjoaYMOX0TqBlWhojUf8P94mvI7nuJTeaCkkds3QE4+zS8Ko+GdXuZtA==",
+    "node_modules/@img/sharp-libvips-linuxmusl-x64": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linuxmusl-x64/-/sharp-libvips-linuxmusl-x64-1.2.4.tgz",
+      "integrity": "sha512-+LpyBk7L44ZIXwz/VYfglaX/okxezESc6UxDSoyo2Ks6Jxc4Y7sGjpgU9s4PMgqgjj1gZCylTieNamqA1MF7Dg==",
       "cpu": [
         "x64"
       ],
-      "dev": true,
-      "license": "MIT",
+      "license": "LGPL-3.0-or-later",
       "optional": true,
       "os": [
         "linux"
-      ]
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
     },
-    "node_modules/@unrs/resolver-binding-wasm32-wasi": {
-      "version": "1.11.1",
-      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-wasm32-wasi/-/resolver-binding-wasm32-wasi-1.11.1.tgz",
-      "integrity": "sha512-5u4RkfxJm+Ng7IWgkzi3qrFOvLvQYnPBmjmZQ8+szTK/b31fQCnleNl1GgEt7nIsZRIf5PLhPwT0WM+q45x/UQ==",
+    "node_modules/@img/sharp-linux-arm": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-arm/-/sharp-linux-arm-0.34.5.tgz",
+      "integrity": "sha512-9dLqsvwtg1uuXBGZKsxem9595+ujv0sJ6Vi8wcTANSFpwV/GONat5eCkzQo/1O6zRIkh0m/8+5BjrRr7jDUSZw==",
       "cpu": [
-        "wasm32"
+        "arm"
       ],
-      "dev": true,
-      "license": "MIT",
+      "license": "Apache-2.0",
       "optional": true,
-      "dependencies": {
-        "@napi-rs/wasm-runtime": "^0.2.11"
-      },
+      "os": [
+        "linux"
+      ],
       "engines": {
-        "node": ">=14.0.0"
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linux-arm": "1.2.4"
       }
     },
-    "node_modules/@unrs/resolver-binding-win32-arm64-msvc": {
-      "version": "1.11.1",
-      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-win32-arm64-msvc/-/resolver-binding-win32-arm64-msvc-1.11.1.tgz",
-      "integrity": "sha512-nRcz5Il4ln0kMhfL8S3hLkxI85BXs3o8EYoattsJNdsX4YUU89iOkVn7g0VHSRxFuVMdM4Q1jEpIId1Ihim/Uw==",
+    "node_modules/@img/sharp-linux-arm64": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-arm64/-/sharp-linux-arm64-0.34.5.tgz",
+      "integrity": "sha512-bKQzaJRY/bkPOXyKx5EVup7qkaojECG6NLYswgktOZjaXecSAeCWiZwwiFf3/Y+O1HrauiE3FVsGxFg8c24rZg==",
       "cpu": [
         "arm64"
       ],
-      "dev": true,
-      "license": "MIT",
+      "license": "Apache-2.0",
       "optional": true,
       "os": [
-        "win32"
-      ]
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linux-arm64": "1.2.4"
+      }
     },
-    "node_modules/@unrs/resolver-binding-win32-ia32-msvc": {
-      "version": "1.11.1",
-      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-win32-ia32-msvc/-/resolver-binding-win32-ia32-msvc-1.11.1.tgz",
-      "integrity": "sha512-DCEI6t5i1NmAZp6pFonpD5m7i6aFrpofcp4LA2i8IIq60Jyo28hamKBxNrZcyOwVOZkgsRp9O2sXWBWP8MnvIQ==",
+    "node_modules/@img/sharp-linux-ppc64": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-ppc64/-/sharp-linux-ppc64-0.34.5.tgz",
+      "integrity": "sha512-7zznwNaqW6YtsfrGGDA6BRkISKAAE1Jo0QdpNYXNMHu2+0dTrPflTLNkpc8l7MUP5M16ZJcUvysVWWrMefZquA==",
       "cpu": [
-        "ia32"
+        "ppc64"
       ],
-      "dev": true,
-      "license": "MIT",
+      "license": "Apache-2.0",
       "optional": true,
       "os": [
-        "win32"
-      ]
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linux-ppc64": "1.2.4"
+      }
     },
-    "node_modules/@unrs/resolver-binding-win32-x64-msvc": {
-      "version": "1.11.1",
-      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-win32-x64-msvc/-/resolver-binding-win32-x64-msvc-1.11.1.tgz",
-      "integrity": "sha512-lrW200hZdbfRtztbygyaq/6jP6AKE8qQN2KvPcJ+x7wiD038YtnYtZ82IMNJ69GJibV7bwL3y9FgK+5w/pYt6g==",
+    "node_modules/@img/sharp-linux-riscv64": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-riscv64/-/sharp-linux-riscv64-0.34.5.tgz",
+      "integrity": "sha512-51gJuLPTKa7piYPaVs8GmByo7/U7/7TZOq+cnXJIHZKavIRHAP77e3N2HEl3dgiqdD/w0yUfiJnII77PuDDFdw==",
       "cpu": [
-        "x64"
+        "riscv64"
       ],
-      "dev": true,
-      "license": "MIT",
+      "license": "Apache-2.0",
       "optional": true,
       "os": [
-        "win32"
-      ]
-    },
-    "node_modules/acorn": {
-      "version": "8.16.0",
-      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.16.0.tgz",
-      "integrity": "sha512-UVJyE9MttOsBQIDKw1skb9nAwQuR5wuGD3+82K6JgJlm/Y+KI92oNsMNGZCYdDsVtRHSak0pcV5Dno5+4jh9sw==",
-      "dev": true,
-      "license": "MIT",
-      "bin": {
-        "acorn": "bin/acorn"
-      },
+        "linux"
+      ],
       "engines": {
-        "node": ">=0.4.0"
-      }
-    },
-    "node_modules/acorn-jsx": {
-      "version": "5.3.2",
-      "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz",
-      "integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==",
-      "dev": true,
-      "license": "MIT",
-      "peerDependencies": {
-        "acorn": "^6.0.0 || ^7.0.0 || ^8.0.0"
-      }
-    },
-    "node_modules/ajv": {
-      "version": "6.14.0",
-      "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.14.0.tgz",
-      "integrity": "sha512-IWrosm/yrn43eiKqkfkHis7QioDleaXQHdDVPKg0FSwwd/DuvyX79TZnFOnYpB7dcsFAMmtFztZuXPDvSePkFw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "fast-deep-equal": "^3.1.1",
-        "fast-json-stable-stringify": "^2.0.0",
-        "json-schema-traverse": "^0.4.1",
-        "uri-js": "^4.2.2"
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
       },
       "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/epoberezkin"
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linux-riscv64": "1.2.4"
       }
     },
-    "node_modules/ansi-styles": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
-      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "color-convert": "^2.0.1"
-      },
+    "node_modules/@img/sharp-linux-s390x": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-s390x/-/sharp-linux-s390x-0.34.5.tgz",
+      "integrity": "sha512-nQtCk0PdKfho3eC5MrbQoigJ2gd1CgddUMkabUj+rBevs8tZ2cULOx46E7oyX+04WGfABgIwmMC0VqieTiR4jg==",
+      "cpu": [
+        "s390x"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
       "engines": {
-        "node": ">=8"
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
       },
       "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linux-s390x": "1.2.4"
       }
     },
-    "node_modules/argparse": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
-      "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
-      "dev": true,
-      "license": "Python-2.0"
-    },
-    "node_modules/aria-query": {
-      "version": "5.3.2",
-      "resolved": "https://registry.npmjs.org/aria-query/-/aria-query-5.3.2.tgz",
-      "integrity": "sha512-COROpnaoap1E2F000S62r6A60uHZnmlvomhfyT2DlTcrY1OrBKn2UhH7qn5wTC9zMvD0AY7csdPSNwKP+7WiQw==",
-      "dev": true,
+    "node_modules/@img/sharp-linux-x64": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-x64/-/sharp-linux-x64-0.34.5.tgz",
+      "integrity": "sha512-MEzd8HPKxVxVenwAa+JRPwEC7QFjoPWuS5NZnBt6B3pu7EG2Ge0id1oLHZpPJdn3OQK+BQDiw9zStiHBTJQQQQ==",
+      "cpu": [
+        "x64"
+      ],
       "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
       "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/array-buffer-byte-length": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/array-buffer-byte-length/-/array-buffer-byte-length-1.0.2.tgz",
-      "integrity": "sha512-LHE+8BuR7RYGDKvnrmcuSq3tDcKv9OFEXQt/HpbZhY7V6h0zlUXutnAD82GiFx9rdieCMjkvtcsPqBwgUl1Iiw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "call-bound": "^1.0.3",
-        "is-array-buffer": "^3.0.5"
-      },
-      "engines": {
-        "node": ">= 0.4"
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
       },
       "funding": {
-        "url": "https://github.com/sponsors/ljharb"
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linux-x64": "1.2.4"
       }
     },
-    "node_modules/array-includes": {
-      "version": "3.1.9",
-      "resolved": "https://registry.npmjs.org/array-includes/-/array-includes-3.1.9.tgz",
-      "integrity": "sha512-FmeCCAenzH0KH381SPT5FZmiA/TmpndpcaShhfgEN9eCVjnFBqq3l1xrI42y8+PPLI6hypzou4GXw00WHmPBLQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "call-bind": "^1.0.8",
-        "call-bound": "^1.0.4",
-        "define-properties": "^1.2.1",
-        "es-abstract": "^1.24.0",
-        "es-object-atoms": "^1.1.1",
-        "get-intrinsic": "^1.3.0",
-        "is-string": "^1.1.1",
-        "math-intrinsics": "^1.1.0"
-      },
+    "node_modules/@img/sharp-linuxmusl-arm64": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linuxmusl-arm64/-/sharp-linuxmusl-arm64-0.34.5.tgz",
+      "integrity": "sha512-fprJR6GtRsMt6Kyfq44IsChVZeGN97gTD331weR1ex1c1rypDEABN6Tm2xa1wE6lYb5DdEnk03NZPqA7Id21yg==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
       "engines": {
-        "node": ">= 0.4"
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
       },
       "funding": {
-        "url": "https://github.com/sponsors/ljharb"
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linuxmusl-arm64": "1.2.4"
       }
     },
-    "node_modules/array.prototype.findlast": {
-      "version": "1.2.5",
-      "resolved": "https://registry.npmjs.org/array.prototype.findlast/-/array.prototype.findlast-1.2.5.tgz",
-      "integrity": "sha512-CVvd6FHg1Z3POpBLxO6E6zr+rSKEQ9L6rZHAaY7lLfhKsWYUBBOuMs0e9o24oopj6H+geRCX0YJ+TJLBK2eHyQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "call-bind": "^1.0.7",
-        "define-properties": "^1.2.1",
-        "es-abstract": "^1.23.2",
-        "es-errors": "^1.3.0",
-        "es-object-atoms": "^1.0.0",
-        "es-shim-unscopables": "^1.0.2"
-      },
+    "node_modules/@img/sharp-linuxmusl-x64": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linuxmusl-x64/-/sharp-linuxmusl-x64-0.34.5.tgz",
+      "integrity": "sha512-Jg8wNT1MUzIvhBFxViqrEhWDGzqymo3sV7z7ZsaWbZNDLXRJZoRGrjulp60YYtV4wfY8VIKcWidjojlLcWrd8Q==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
       "engines": {
-        "node": ">= 0.4"
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
       },
       "funding": {
-        "url": "https://github.com/sponsors/ljharb"
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linuxmusl-x64": "1.2.4"
       }
     },
-    "node_modules/array.prototype.findlastindex": {
-      "version": "1.2.6",
-      "resolved": "https://registry.npmjs.org/array.prototype.findlastindex/-/array.prototype.findlastindex-1.2.6.tgz",
-      "integrity": "sha512-F/TKATkzseUExPlfvmwQKGITM3DGTK+vkAsCZoDc5daVygbJBnjEUCbgkAvVFsgfXfX4YIqZ/27G3k3tdXrTxQ==",
-      "dev": true,
-      "license": "MIT",
+    "node_modules/@img/sharp-wasm32": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-wasm32/-/sharp-wasm32-0.34.5.tgz",
+      "integrity": "sha512-OdWTEiVkY2PHwqkbBI8frFxQQFekHaSSkUIJkwzclWZe64O1X4UlUjqqqLaPbUpMOQk6FBu/HtlGXNblIs0huw==",
+      "cpu": [
+        "wasm32"
+      ],
+      "license": "Apache-2.0 AND LGPL-3.0-or-later AND MIT",
+      "optional": true,
       "dependencies": {
-        "call-bind": "^1.0.8",
-        "call-bound": "^1.0.4",
-        "define-properties": "^1.2.1",
-        "es-abstract": "^1.23.9",
-        "es-errors": "^1.3.0",
-        "es-object-atoms": "^1.1.1",
-        "es-shim-unscopables": "^1.1.0"
+        "@emnapi/runtime": "^1.7.0"
       },
       "engines": {
-        "node": ">= 0.4"
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
       },
       "funding": {
-        "url": "https://github.com/sponsors/ljharb"
+        "url": "https://opencollective.com/libvips"
       }
     },
-    "node_modules/array.prototype.flat": {
-      "version": "1.3.3",
-      "resolved": "https://registry.npmjs.org/array.prototype.flat/-/array.prototype.flat-1.3.3.tgz",
-      "integrity": "sha512-rwG/ja1neyLqCuGZ5YYrznA62D4mZXg0i1cIskIUKSiqF3Cje9/wXAls9B9s1Wa2fomMsIv8czB8jZcPmxCXFg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "call-bind": "^1.0.8",
-        "define-properties": "^1.2.1",
-        "es-abstract": "^1.23.5",
-        "es-shim-unscopables": "^1.0.2"
-      },
+    "node_modules/@img/sharp-win32-arm64": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-win32-arm64/-/sharp-win32-arm64-0.34.5.tgz",
+      "integrity": "sha512-WQ3AgWCWYSb2yt+IG8mnC6Jdk9Whs7O0gxphblsLvdhSpSTtmu69ZG1Gkb6NuvxsNACwiPV6cNSZNzt0KPsw7g==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "Apache-2.0 AND LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
       "engines": {
-        "node": ">= 0.4"
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
       },
       "funding": {
-        "url": "https://github.com/sponsors/ljharb"
+        "url": "https://opencollective.com/libvips"
       }
     },
-    "node_modules/array.prototype.flatmap": {
-      "version": "1.3.3",
-      "resolved": "https://registry.npmjs.org/array.prototype.flatmap/-/array.prototype.flatmap-1.3.3.tgz",
-      "integrity": "sha512-Y7Wt51eKJSyi80hFrJCePGGNo5ktJCslFuboqJsbf57CCPcm5zztluPlc4/aD8sWsKvlwatezpV4U1efk8kpjg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "call-bind": "^1.0.8",
-        "define-properties": "^1.2.1",
-        "es-abstract": "^1.23.5",
-        "es-shim-unscopables": "^1.0.2"
-      },
+    "node_modules/@img/sharp-win32-ia32": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-win32-ia32/-/sharp-win32-ia32-0.34.5.tgz",
+      "integrity": "sha512-FV9m/7NmeCmSHDD5j4+4pNI8Cp3aW+JvLoXcTUo0IqyjSfAZJ8dIUmijx1qaJsIiU+Hosw6xM5KijAWRJCSgNg==",
+      "cpu": [
+        "ia32"
+      ],
+      "license": "Apache-2.0 AND LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
       "engines": {
-        "node": ">= 0.4"
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
       },
       "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/array.prototype.tosorted": {
-      "version": "1.1.4",
-      "resolved": "https://registry.npmjs.org/array.prototype.tosorted/-/array.prototype.tosorted-1.1.4.tgz",
-      "integrity": "sha512-p6Fx8B7b7ZhL/gmUsAy0D15WhvDccw3mnGNbZpi3pmeJdxtWsj2jEaI4Y6oo3XiHfzuSgPwKc04MYt6KgvC/wA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "call-bind": "^1.0.7",
-        "define-properties": "^1.2.1",
-        "es-abstract": "^1.23.3",
-        "es-errors": "^1.3.0",
-        "es-shim-unscopables": "^1.0.2"
-      },
-      "engines": {
-        "node": ">= 0.4"
+        "url": "https://opencollective.com/libvips"
       }
     },
-    "node_modules/arraybuffer.prototype.slice": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/arraybuffer.prototype.slice/-/arraybuffer.prototype.slice-1.0.4.tgz",
-      "integrity": "sha512-BNoCY6SXXPQ7gF2opIP4GBE+Xw7U+pHMYKuzjgCN3GwiaIR09UUeKfheyIry77QtrCBlC0KK0q5/TER/tYh3PQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "array-buffer-byte-length": "^1.0.1",
-        "call-bind": "^1.0.8",
-        "define-properties": "^1.2.1",
-        "es-abstract": "^1.23.5",
-        "es-errors": "^1.3.0",
-        "get-intrinsic": "^1.2.6",
-        "is-array-buffer": "^3.0.4"
-      },
+    "node_modules/@img/sharp-win32-x64": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-win32-x64/-/sharp-win32-x64-0.34.5.tgz",
+      "integrity": "sha512-+29YMsqY2/9eFEiW93eqWnuLcWcufowXewwSNIT6UwZdUUCrM3oFjMWH/Z6/TMmb4hlFenmfAVbpWeup2jryCw==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "Apache-2.0 AND LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
       "engines": {
-        "node": ">= 0.4"
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
       },
       "funding": {
-        "url": "https://github.com/sponsors/ljharb"
+        "url": "https://opencollective.com/libvips"
       }
     },
-    "node_modules/ast-types-flow": {
-      "version": "0.0.8",
-      "resolved": "https://registry.npmjs.org/ast-types-flow/-/ast-types-flow-0.0.8.tgz",
-      "integrity": "sha512-OH/2E5Fg20h2aPrbe+QL8JZQFko0YZaF+j4mnQ7BGhfavO7OpSLa8a0y9sBwomHdSbkhTS8TQNayBfnW5DwbvQ==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/async-function": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/async-function/-/async-function-1.0.0.tgz",
-      "integrity": "sha512-hsU18Ae8CDTR6Kgu9DYf0EbCr/a5iGL0rytQDobUcdpYOKokk8LEjVphnXkDkgpi0wYVsqrXuP0bZxJaTqdgoA==",
+    "node_modules/@isaacs/cliui": {
+      "version": "9.0.0",
+      "resolved": "https://registry.npmjs.org/@isaacs/cliui/-/cliui-9.0.0.tgz",
+      "integrity": "sha512-AokJm4tuBHillT+FpMtxQ60n8ObyXBatq7jD2/JA9dxbDDokKQm8KMht5ibGzLVU9IJDIKK4TPKgMHEYMn3lMg==",
       "dev": true,
-      "license": "MIT",
+      "license": "BlueOak-1.0.0",
       "engines": {
-        "node": ">= 0.4"
+        "node": ">=18"
       }
     },
-    "node_modules/available-typed-arrays": {
-      "version": "1.0.7",
-      "resolved": "https://registry.npmjs.org/available-typed-arrays/-/available-typed-arrays-1.0.7.tgz",
-      "integrity": "sha512-wvUjBtSGN7+7SjNpq/9M2Tg350UZD3q62IFZLbRAR1bSMlCo1ZaeW+BJ+D090e4hIIZLBcTDWe4Mh4jvUDajzQ==",
+    "node_modules/@jridgewell/gen-mapping": {
+      "version": "0.3.13",
+      "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.13.tgz",
+      "integrity": "sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "possible-typed-array-names": "^1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
+        "@jridgewell/sourcemap-codec": "^1.5.0",
+        "@jridgewell/trace-mapping": "^0.3.24"
       }
     },
-    "node_modules/axe-core": {
-      "version": "4.11.3",
-      "resolved": "https://registry.npmjs.org/axe-core/-/axe-core-4.11.3.tgz",
-      "integrity": "sha512-zBQouZixDTbo3jMGqHKyePxYxr1e5W8UdTmBQ7sNtaA9M2bE32daxxPLS/jojhKOHxQ7LWwPjfiwf/fhaJWzlg==",
+    "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": "MPL-2.0",
-      "engines": {
-        "node": ">=4"
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/gen-mapping": "^0.3.5",
+        "@jridgewell/trace-mapping": "^0.3.24"
       }
     },
-    "node_modules/axobject-query": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/axobject-query/-/axobject-query-4.1.0.tgz",
-      "integrity": "sha512-qIj0G9wZbMGNLjLmg1PT6v2mE9AH2zlnADJD/2tC6E00hgmhUOfEB6greHPAfLRSufHqROIUTkw6E+M3lH0PTQ==",
+    "node_modules/@jridgewell/resolve-uri": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz",
+      "integrity": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==",
       "dev": true,
-      "license": "Apache-2.0",
+      "license": "MIT",
       "engines": {
-        "node": ">= 0.4"
+        "node": ">=6.0.0"
       }
     },
-    "node_modules/bail": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/bail/-/bail-2.0.2.tgz",
-      "integrity": "sha512-0xO6mYd7JB2YesxDKplafRpsiOzPt9V02ddPCLbY1xYGPOX24NTyN50qnUxgCPcSoYMhKpAuBTjQoRZCAkUDRw==",
+    "node_modules/@jridgewell/source-map": {
+      "version": "0.3.11",
+      "resolved": "https://registry.npmjs.org/@jridgewell/source-map/-/source-map-0.3.11.tgz",
+      "integrity": "sha512-ZMp1V8ZFcPG5dIWnQLr3NSI1MiCU7UETdS/A0G8V/XWHvJv3ZsFqutJn1Y5RPmAPX6F3BiE397OqveU/9NCuIA==",
+      "dev": true,
       "license": "MIT",
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/wooorm"
+      "dependencies": {
+        "@jridgewell/gen-mapping": "^0.3.5",
+        "@jridgewell/trace-mapping": "^0.3.25"
       }
     },
-    "node_modules/balanced-match": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
-      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
+    "node_modules/@jridgewell/sourcemap-codec": {
+      "version": "1.5.5",
+      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.5.tgz",
+      "integrity": "sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==",
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/baseline-browser-mapping": {
-      "version": "2.10.20",
-      "resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.10.20.tgz",
-      "integrity": "sha512-1AaXxEPfXT+GvTBJFuy4yXVHWJBXa4OdbIebGN/wX5DlsIkU0+wzGnd2lOzokSk51d5LUmqjgBLRLlypLUqInQ==",
-      "license": "Apache-2.0",
-      "bin": {
-        "baseline-browser-mapping": "dist/cli.cjs"
-      },
-      "engines": {
-        "node": ">=6.0.0"
-      }
-    },
-    "node_modules/brace-expansion": {
-      "version": "1.1.14",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.14.tgz",
-      "integrity": "sha512-MWPGfDxnyzKU7rNOW9SP/c50vi3xrmrua/+6hfPbCS2ABNWfx24vPidzvC7krjU/RTo235sV776ymlsMtGKj8g==",
+    "node_modules/@jridgewell/trace-mapping": {
+      "version": "0.3.31",
+      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.31.tgz",
+      "integrity": "sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "balanced-match": "^1.0.0",
-        "concat-map": "0.0.1"
+        "@jridgewell/resolve-uri": "^3.1.0",
+        "@jridgewell/sourcemap-codec": "^1.4.14"
       }
     },
-    "node_modules/braces": {
-      "version": "3.0.3",
-      "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz",
-      "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==",
+    "node_modules/@napi-rs/wasm-runtime": {
+      "version": "0.2.12",
+      "resolved": "https://registry.npmjs.org/@napi-rs/wasm-runtime/-/wasm-runtime-0.2.12.tgz",
+      "integrity": "sha512-ZVWUcfwY4E/yPitQJl481FjFo3K22D6qF0DuFH6Y/nbnE11GY5uguDxZMGXPQ8WQ0128MXQD7TnfHyK4oWoIJQ==",
       "dev": true,
       "license": "MIT",
+      "optional": true,
       "dependencies": {
-        "fill-range": "^7.1.1"
-      },
-      "engines": {
-        "node": ">=8"
+        "@emnapi/core": "^1.4.3",
+        "@emnapi/runtime": "^1.4.3",
+        "@tybys/wasm-util": "^0.10.0"
       }
     },
-    "node_modules/browserslist": {
-      "version": "4.28.2",
-      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.28.2.tgz",
-      "integrity": "sha512-48xSriZYYg+8qXna9kwqjIVzuQxi+KYWp2+5nCYnYKPTr0LvD89Jqk2Or5ogxz0NUMfIjhh2lIUX/LyX9B4oIg==",
+    "node_modules/@next/env": {
+      "version": "16.1.6",
+      "resolved": "https://registry.npmjs.org/@next/env/-/env-16.1.6.tgz",
+      "integrity": "sha512-N1ySLuZjnAtN3kFnwhAwPvZah8RJxKasD7x1f8shFqhncnWZn4JMfg37diLNuoHsLAlrDfM3g4mawVdtAG8XLQ==",
+      "license": "MIT"
+    },
+    "node_modules/@next/eslint-plugin-next": {
+      "version": "16.1.6",
+      "resolved": "https://registry.npmjs.org/@next/eslint-plugin-next/-/eslint-plugin-next-16.1.6.tgz",
+      "integrity": "sha512-/Qq3PTagA6+nYVfryAtQ7/9FEr/6YVyvOtl6rZnGsbReGLf0jZU6gkpr1FuChAQpvV46a78p4cmHOVP8mbfSMQ==",
       "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.10.12",
-        "caniuse-lite": "^1.0.30001782",
-        "electron-to-chromium": "^1.5.328",
-        "node-releases": "^2.0.36",
-        "update-browserslist-db": "^1.2.3"
-      },
-      "bin": {
-        "browserslist": "cli.js"
-      },
-      "engines": {
-        "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7"
+        "fast-glob": "3.3.1"
       }
     },
-    "node_modules/call-bind": {
-      "version": "1.0.9",
-      "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.9.tgz",
-      "integrity": "sha512-a/hy+pNsFUTR+Iz8TCJvXudKVLAnz/DyeSUo10I5yvFDQJBFU2s9uqQpoSrJlroHUKoKqzg+epxyP9lqFdzfBQ==",
-      "dev": true,
+    "node_modules/@next/swc-darwin-arm64": {
+      "version": "16.1.6",
+      "resolved": "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-16.1.6.tgz",
+      "integrity": "sha512-wTzYulosJr/6nFnqGW7FrG3jfUUlEf8UjGA0/pyypJl42ExdVgC6xJgcXQ+V8QFn6niSG2Pb8+MIG1mZr2vczw==",
+      "cpu": [
+        "arm64"
+      ],
       "license": "MIT",
-      "dependencies": {
-        "call-bind-apply-helpers": "^1.0.2",
-        "es-define-property": "^1.0.1",
-        "get-intrinsic": "^1.3.0",
-        "set-function-length": "^1.2.2"
-      },
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
       "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
+        "node": ">= 10"
       }
     },
-    "node_modules/call-bind-apply-helpers": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.2.tgz",
-      "integrity": "sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==",
-      "dev": true,
+    "node_modules/@next/swc-darwin-x64": {
+      "version": "16.1.6",
+      "resolved": "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-16.1.6.tgz",
+      "integrity": "sha512-BLFPYPDO+MNJsiDWbeVzqvYd4NyuRrEYVB5k2N3JfWncuHAy2IVwMAOlVQDFjj+krkWzhY2apvmekMkfQR0CUQ==",
+      "cpu": [
+        "x64"
+      ],
       "license": "MIT",
-      "dependencies": {
-        "es-errors": "^1.3.0",
-        "function-bind": "^1.1.2"
-      },
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
       "engines": {
-        "node": ">= 0.4"
+        "node": ">= 10"
       }
     },
-    "node_modules/call-bound": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/call-bound/-/call-bound-1.0.4.tgz",
-      "integrity": "sha512-+ys997U96po4Kx/ABpBCqhA9EuxJaQWDQg7295H4hBphv3IZg0boBKuwYpt4YXp6MZ5AmZQnU/tyMTlRpaSejg==",
-      "dev": true,
+    "node_modules/@next/swc-linux-arm64-gnu": {
+      "version": "16.1.6",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-16.1.6.tgz",
+      "integrity": "sha512-OJYkCd5pj/QloBvoEcJ2XiMnlJkRv9idWA/j0ugSuA34gMT6f5b7vOiCQHVRpvStoZUknhl6/UxOXL4OwtdaBw==",
+      "cpu": [
+        "arm64"
+      ],
       "license": "MIT",
-      "dependencies": {
-        "call-bind-apply-helpers": "^1.0.2",
-        "get-intrinsic": "^1.3.0"
-      },
+      "optional": true,
+      "os": [
+        "linux"
+      ],
       "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
+        "node": ">= 10"
       }
     },
-    "node_modules/callsites": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",
-      "integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==",
-      "dev": true,
+    "node_modules/@next/swc-linux-arm64-musl": {
+      "version": "16.1.6",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-16.1.6.tgz",
+      "integrity": "sha512-S4J2v+8tT3NIO9u2q+S0G5KdvNDjXfAv06OhfOzNDaBn5rw84DGXWndOEB7d5/x852A20sW1M56vhC/tRVbccQ==",
+      "cpu": [
+        "arm64"
+      ],
       "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
       "engines": {
-        "node": ">=6"
+        "node": ">= 10"
       }
     },
-    "node_modules/caniuse-lite": {
-      "version": "1.0.30001788",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001788.tgz",
-      "integrity": "sha512-6q8HFp+lOQtcf7wBK+uEenxymVWkGKkjFpCvw5W25cmMwEDU45p1xQFBQv8JDlMMry7eNxyBaR+qxgmTUZkIRQ==",
-      "funding": [
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/browserslist"
-        },
-        {
-          "type": "tidelift",
-          "url": "https://tidelift.com/funding/github/npm/caniuse-lite"
-        },
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/ai"
-        }
+    "node_modules/@next/swc-linux-x64-gnu": {
+      "version": "16.1.6",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-16.1.6.tgz",
+      "integrity": "sha512-2eEBDkFlMMNQnkTyPBhQOAyn2qMxyG2eE7GPH2WIDGEpEILcBPI/jdSv4t6xupSP+ot/jkfrCShLAa7+ZUPcJQ==",
+      "cpu": [
+        "x64"
       ],
-      "license": "CC-BY-4.0"
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
     },
-    "node_modules/ccount": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/ccount/-/ccount-2.0.1.tgz",
-      "integrity": "sha512-eyrF0jiFpY+3drT6383f1qhkbGsLSifNAjA61IUjZjmLCWjItY6LB9ft9YhoDgwfmclB2zhu51Lc7+95b8NRAg==",
+    "node_modules/@next/swc-linux-x64-musl": {
+      "version": "16.1.6",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-16.1.6.tgz",
+      "integrity": "sha512-oicJwRlyOoZXVlxmIMaTq7f8pN9QNbdes0q2FXfRsPhfCi8n8JmOZJm5oo1pwDaFbnnD421rVU409M3evFbIqg==",
+      "cpu": [
+        "x64"
+      ],
       "license": "MIT",
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/wooorm"
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
       }
     },
-    "node_modules/chalk": {
-      "version": "4.1.2",
-      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
-      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
-      "dev": true,
+    "node_modules/@next/swc-win32-arm64-msvc": {
+      "version": "16.1.6",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-16.1.6.tgz",
+      "integrity": "sha512-gQmm8izDTPgs+DCWH22kcDmuUp7NyiJgEl18bcr8irXA5N2m2O+JQIr6f3ct42GOs9c0h8QF3L5SzIxcYAAXXw==",
+      "cpu": [
+        "arm64"
+      ],
       "license": "MIT",
-      "dependencies": {
-        "ansi-styles": "^4.1.0",
-        "supports-color": "^7.1.0"
-      },
+      "optional": true,
+      "os": [
+        "win32"
+      ],
       "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/chalk?sponsor=1"
+        "node": ">= 10"
       }
     },
-    "node_modules/character-entities": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/character-entities/-/character-entities-2.0.2.tgz",
-      "integrity": "sha512-shx7oQ0Awen/BRIdkjkvz54PnEEI/EjwXDSIZp86/KKdbafHh1Df/RYGBhn4hbe2+uKC9FnT5UCEdyPz3ai9hQ==",
+    "node_modules/@next/swc-win32-x64-msvc": {
+      "version": "16.1.6",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-16.1.6.tgz",
+      "integrity": "sha512-NRfO39AIrzBnixKbjuo2YiYhB6o9d8v/ymU9m/Xk8cyVk+k7XylniXkHwjs4s70wedVffc6bQNbufk5v0xEm0A==",
+      "cpu": [
+        "x64"
+      ],
       "license": "MIT",
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/wooorm"
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10"
       }
     },
-    "node_modules/character-entities-html4": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/character-entities-html4/-/character-entities-html4-2.1.0.tgz",
-      "integrity": "sha512-1v7fgQRj6hnSwFpq1Eu0ynr/CDEw0rXo2B61qXrLNdHZmPKgb7fqS1a2JwF0rISo9q77jDI8VMEHoApn8qDoZA==",
+    "node_modules/@noble/ciphers": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/@noble/ciphers/-/ciphers-1.3.0.tgz",
+      "integrity": "sha512-2I0gnIVPtfnMw9ee9h1dJG7tp81+8Ob3OJb3Mv37rx5L40/b0i7djjCVvGOVqc9AEIQyvyu1i6ypKdFw8R8gQw==",
+      "dev": true,
       "license": "MIT",
+      "engines": {
+        "node": "^14.21.3 || >=16"
+      },
       "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/wooorm"
+        "url": "https://paulmillr.com/funding/"
       }
     },
-    "node_modules/character-entities-legacy": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/character-entities-legacy/-/character-entities-legacy-3.0.0.tgz",
-      "integrity": "sha512-RpPp0asT/6ufRm//AJVwpViZbGM/MkjQFxJccQRHmISF/22NBtsHqAWmL+/pmkPWoIUJdWyeVleTl1wydHATVQ==",
+    "node_modules/@noble/curves": {
+      "version": "1.9.7",
+      "resolved": "https://registry.npmjs.org/@noble/curves/-/curves-1.9.7.tgz",
+      "integrity": "sha512-gbKGcRUYIjA3/zCCNaWDciTMFI0dCkvou3TL8Zmy5Nc7sJ47a0jtOeZoTaMxkuqRo9cRhjOdZJXegxYE5FN/xw==",
+      "dev": true,
       "license": "MIT",
+      "dependencies": {
+        "@noble/hashes": "1.8.0"
+      },
+      "engines": {
+        "node": "^14.21.3 || >=16"
+      },
       "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/wooorm"
+        "url": "https://paulmillr.com/funding/"
       }
     },
-    "node_modules/character-reference-invalid": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/character-reference-invalid/-/character-reference-invalid-2.0.1.tgz",
-      "integrity": "sha512-iBZ4F4wRbyORVsu0jPV7gXkOsGYjGHPmAyv+HiHG8gi5PtC9KI2j1+v8/tlibRvjoWX027ypmG/n0HtO5t7unw==",
+    "node_modules/@noble/hashes": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmjs.org/@noble/hashes/-/hashes-1.8.0.tgz",
+      "integrity": "sha512-jCs9ldd7NwzpgXDIf6P3+NrHh9/sD6CQdxHyjQI+h/6rDNo88ypBxxz45UDuZHz9r3tNz7N/VInSVoVdtXEI4A==",
+      "dev": true,
       "license": "MIT",
+      "engines": {
+        "node": "^14.21.3 || >=16"
+      },
       "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/wooorm"
+        "url": "https://paulmillr.com/funding/"
       }
     },
-    "node_modules/client-only": {
-      "version": "0.0.1",
-      "resolved": "https://registry.npmjs.org/client-only/-/client-only-0.0.1.tgz",
-      "integrity": "sha512-IV3Ou0jSMzZrd3pZ48nLkT9DA7Ag1pnPzaiQhpW7c3RbcqqzvzzVu+L8gfqMp/8IM2MQtSiqaCxrrcfu8I8rMA==",
-      "license": "MIT"
+    "node_modules/@node-minify/core": {
+      "version": "8.0.6",
+      "resolved": "https://registry.npmjs.org/@node-minify/core/-/core-8.0.6.tgz",
+      "integrity": "sha512-/vxN46ieWDLU67CmgbArEvOb41zlYFOkOtr9QW9CnTrBLuTyGgkyNWC2y5+khvRw3Br58p2B5ZVSx/PxCTru6g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@node-minify/utils": "8.0.6",
+        "glob": "9.3.5",
+        "mkdirp": "1.0.4"
+      },
+      "engines": {
+        "node": ">=16.0.0"
+      }
     },
-    "node_modules/color-convert": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
-      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+    "node_modules/@node-minify/core/node_modules/brace-expansion": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.1.0.tgz",
+      "integrity": "sha512-TN1kCZAgdgweJhWWpgKYrQaMNHcDULHkWwQIspdtjV4Y5aurRdZpjAqn6yX3FPqTA9ngHCc4hJxMAMgGfve85w==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "color-name": "~1.1.4"
+        "balanced-match": "^1.0.0"
+      }
+    },
+    "node_modules/@node-minify/core/node_modules/glob": {
+      "version": "9.3.5",
+      "resolved": "https://registry.npmjs.org/glob/-/glob-9.3.5.tgz",
+      "integrity": "sha512-e1LleDykUz2Iu+MTYdkSsuWX8lvAjAcs0Xef0lNIu0S2wOAzuTxCJtcd9S3cijlwYF18EsU3rzb8jPVobxDh9Q==",
+      "deprecated": "Old versions of glob are not supported, and contain widely publicized security vulnerabilities, which have been fixed in the current version. Please update. Support for old versions may be purchased (at exorbitant rates) by contacting i@izs.me",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "fs.realpath": "^1.0.0",
+        "minimatch": "^8.0.2",
+        "minipass": "^4.2.4",
+        "path-scurry": "^1.6.1"
       },
       "engines": {
-        "node": ">=7.0.0"
+        "node": ">=16 || 14 >=14.17"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
       }
     },
-    "node_modules/color-name": {
-      "version": "1.1.4",
-      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
-      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+    "node_modules/@node-minify/core/node_modules/lru-cache": {
+      "version": "10.4.3",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.4.3.tgz",
+      "integrity": "sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==",
       "dev": true,
-      "license": "MIT"
+      "license": "ISC"
     },
-    "node_modules/comma-separated-tokens": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/comma-separated-tokens/-/comma-separated-tokens-2.0.3.tgz",
-      "integrity": "sha512-Fu4hJdvzeylCfQPp9SGWidpzrMs7tTrlu6Vb8XGaRGck8QSNZJJp538Wrb60Lax4fPwR64ViY468OIUTbRlGZg==",
-      "license": "MIT",
+    "node_modules/@node-minify/core/node_modules/minimatch": {
+      "version": "8.0.7",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-8.0.7.tgz",
+      "integrity": "sha512-V+1uQNdzybxa14e/p00HZnQNNcTjnRJjDxg2V8wtkjFctq4M7hXFws4oekyTP0Jebeq7QYtpFyOeBAjc88zvYg==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      },
       "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/wooorm"
+        "url": "https://github.com/sponsors/isaacs"
       }
     },
-    "node_modules/commander": {
-      "version": "7.2.0",
-      "resolved": "https://registry.npmjs.org/commander/-/commander-7.2.0.tgz",
-      "integrity": "sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw==",
-      "license": "MIT",
+    "node_modules/@node-minify/core/node_modules/minipass": {
+      "version": "4.2.8",
+      "resolved": "https://registry.npmjs.org/minipass/-/minipass-4.2.8.tgz",
+      "integrity": "sha512-fNzuVyifolSLFL4NzpF+wEF4qrgqaaKX0haXPQEdQ7NKAN+WecoKMHV09YcuL/DHxrUsYQOK3MiuDf7Ip2OXfQ==",
+      "dev": true,
+      "license": "ISC",
       "engines": {
-        "node": ">= 10"
+        "node": ">=8"
       }
     },
-    "node_modules/concat-map": {
-      "version": "0.0.1",
-      "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
-      "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==",
+    "node_modules/@node-minify/core/node_modules/path-scurry": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/path-scurry/-/path-scurry-1.11.1.tgz",
+      "integrity": "sha512-Xa4Nw17FS9ApQFJ9umLiJS4orGjm7ZzwUrwamcGQuHSzDyth9boKDaycYdDcZDuqYATXw4HFXgaqWTctW/v1HA==",
       "dev": true,
-      "license": "MIT"
+      "license": "BlueOak-1.0.0",
+      "dependencies": {
+        "lru-cache": "^10.2.0",
+        "minipass": "^5.0.0 || ^6.0.2 || ^7.0.0"
+      },
+      "engines": {
+        "node": ">=16 || 14 >=14.18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
     },
-    "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==",
+    "node_modules/@node-minify/core/node_modules/path-scurry/node_modules/minipass": {
+      "version": "7.1.3",
+      "resolved": "https://registry.npmjs.org/minipass/-/minipass-7.1.3.tgz",
+      "integrity": "sha512-tEBHqDnIoM/1rXME1zgka9g6Q2lcoCkxHLuc7ODJ5BxbP5d4c2Z5cGgtXAku59200Cx7diuHTOYfSBD8n6mm8A==",
       "dev": true,
-      "license": "MIT"
+      "license": "BlueOak-1.0.0",
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      }
     },
-    "node_modules/cross-spawn": {
-      "version": "7.0.6",
-      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz",
-      "integrity": "sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==",
+    "node_modules/@node-minify/terser": {
+      "version": "8.0.6",
+      "resolved": "https://registry.npmjs.org/@node-minify/terser/-/terser-8.0.6.tgz",
+      "integrity": "sha512-grQ1ipham743ch2c3++C8Isk6toJnxJSyDiwUI/IWUCh4CZFD6aYVw6UAY40IpCnjrq5aXGwiv5OZJn6Pr0hvg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "path-key": "^3.1.0",
-        "shebang-command": "^2.0.0",
-        "which": "^2.0.1"
+        "@node-minify/utils": "8.0.6",
+        "terser": "5.16.9"
       },
       "engines": {
-        "node": ">= 8"
+        "node": ">=16.0.0"
       }
     },
-    "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/d3": {
-      "version": "7.9.0",
-      "resolved": "https://registry.npmjs.org/d3/-/d3-7.9.0.tgz",
-      "integrity": "sha512-e1U46jVP+w7Iut8Jt8ri1YsPOvFpg46k+K8TpCb0P+zjCkjkPnV7WzfDJzMHy1LnA+wj5pLT1wjO901gLXeEhA==",
-      "license": "ISC",
+    "node_modules/@node-minify/utils": {
+      "version": "8.0.6",
+      "resolved": "https://registry.npmjs.org/@node-minify/utils/-/utils-8.0.6.tgz",
+      "integrity": "sha512-csY4qcR7jUwiZmkreNTJhcypQfts2aY2CK+a+rXgXUImZiZiySh0FvwHjRnlqWKvg+y6ae9lHFzDRjBTmqlTIQ==",
+      "dev": true,
+      "license": "MIT",
       "dependencies": {
-        "d3-array": "3",
-        "d3-axis": "3",
-        "d3-brush": "3",
-        "d3-chord": "3",
-        "d3-color": "3",
-        "d3-contour": "4",
-        "d3-delaunay": "6",
-        "d3-dispatch": "3",
-        "d3-drag": "3",
-        "d3-dsv": "3",
-        "d3-ease": "3",
-        "d3-fetch": "3",
-        "d3-force": "3",
-        "d3-format": "3",
-        "d3-geo": "3",
-        "d3-hierarchy": "3",
-        "d3-interpolate": "3",
-        "d3-path": "3",
-        "d3-polygon": "3",
-        "d3-quadtree": "3",
-        "d3-random": "3",
-        "d3-scale": "4",
-        "d3-scale-chromatic": "3",
-        "d3-selection": "3",
-        "d3-shape": "3",
-        "d3-time": "3",
-        "d3-time-format": "4",
-        "d3-timer": "3",
-        "d3-transition": "3",
-        "d3-zoom": "3"
+        "gzip-size": "6.0.0"
       },
       "engines": {
-        "node": ">=12"
+        "node": ">=16.0.0"
       }
     },
-    "node_modules/d3-array": {
-      "version": "3.2.4",
-      "resolved": "https://registry.npmjs.org/d3-array/-/d3-array-3.2.4.tgz",
-      "integrity": "sha512-tdQAmyA18i4J7wprpYq8ClcxZy3SC31QMeByyCFyRt7BVHdREQZ5lpzoe5mFEYZUWe+oq8HBvk9JjpibyEV4Jg==",
-      "license": "ISC",
+    "node_modules/@nodelib/fs.scandir": {
+      "version": "2.1.5",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
+      "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==",
+      "dev": true,
+      "license": "MIT",
       "dependencies": {
-        "internmap": "1 - 2"
+        "@nodelib/fs.stat": "2.0.5",
+        "run-parallel": "^1.1.9"
       },
       "engines": {
-        "node": ">=12"
+        "node": ">= 8"
       }
     },
-    "node_modules/d3-axis": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/d3-axis/-/d3-axis-3.0.0.tgz",
-      "integrity": "sha512-IH5tgjV4jE/GhHkRV0HiVYPDtvfjHQlQfJHs0usq7M30XcSBvOotpmH1IgkcXsO/5gEQZD43B//fc7SRT5S+xw==",
-      "license": "ISC",
+    "node_modules/@nodelib/fs.stat": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz",
+      "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==",
+      "dev": true,
+      "license": "MIT",
       "engines": {
-        "node": ">=12"
+        "node": ">= 8"
       }
     },
-    "node_modules/d3-brush": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/d3-brush/-/d3-brush-3.0.0.tgz",
-      "integrity": "sha512-ALnjWlVYkXsVIGlOsuWH1+3udkYFI48Ljihfnh8FZPF2QS9o+PzGLBslO0PjzVoHLZ2KCVgAM8NVkXPJB2aNnQ==",
-      "license": "ISC",
+    "node_modules/@nodelib/fs.walk": {
+      "version": "1.2.8",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz",
+      "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==",
+      "dev": true,
+      "license": "MIT",
       "dependencies": {
-        "d3-dispatch": "1 - 3",
-        "d3-drag": "2 - 3",
-        "d3-interpolate": "1 - 3",
-        "d3-selection": "3",
-        "d3-transition": "3"
+        "@nodelib/fs.scandir": "2.1.5",
+        "fastq": "^1.6.0"
       },
       "engines": {
-        "node": ">=12"
+        "node": ">= 8"
       }
     },
-    "node_modules/d3-chord": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/d3-chord/-/d3-chord-3.0.1.tgz",
-      "integrity": "sha512-VE5S6TNa+j8msksl7HwjxMHDM2yNK3XCkusIlpX5kwauBfXuyLAtNg9jCp/iHH61tgI4sb6R/EIMWCqEIdjT/g==",
-      "license": "ISC",
-      "dependencies": {
-        "d3-path": "1 - 3"
-      },
+    "node_modules/@nolyfill/is-core-module": {
+      "version": "1.0.39",
+      "resolved": "https://registry.npmjs.org/@nolyfill/is-core-module/-/is-core-module-1.0.39.tgz",
+      "integrity": "sha512-nn5ozdjYQpUCZlWGuxcJY/KpxkWQs4DcbMCmKojjyrYDEAGy4Ce19NN4v5MduafTwJlbKc99UA8YhSVqq9yPZA==",
+      "dev": true,
+      "license": "MIT",
       "engines": {
-        "node": ">=12"
+        "node": ">=12.4.0"
       }
     },
-    "node_modules/d3-color": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/d3-color/-/d3-color-3.1.0.tgz",
-      "integrity": "sha512-zg/chbXyeBtMQ1LbD/WSoW2DpC3I0mpmPdW+ynRTj/x2DAWYrIY7qeZIHidozwV24m4iavr15lNwIwLxRmOxhA==",
-      "license": "ISC",
+    "node_modules/@opennextjs/aws": {
+      "version": "3.10.1",
+      "resolved": "https://registry.npmjs.org/@opennextjs/aws/-/aws-3.10.1.tgz",
+      "integrity": "sha512-Pn8hLuP3M9EWlsZnS/O7Bm41Nt+lIOEsCaW/QJ3KlmIbtAeixnSj1CS80Z9PlQe/LQCe0GnQ8vGJeOdg5a4iWg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@ast-grep/napi": "^0.40.5",
+        "@aws-sdk/client-cloudfront": "3.984.0",
+        "@aws-sdk/client-dynamodb": "3.984.0",
+        "@aws-sdk/client-lambda": "3.984.0",
+        "@aws-sdk/client-s3": "3.984.0",
+        "@aws-sdk/client-sqs": "3.984.0",
+        "@node-minify/core": "^8.0.6",
+        "@node-minify/terser": "^8.0.6",
+        "@tsconfig/node18": "^1.0.3",
+        "aws4fetch": "^1.0.20",
+        "chalk": "^5.6.2",
+        "cookie": "^1.0.2",
+        "esbuild": "0.25.4",
+        "express": "^5.1.0",
+        "path-to-regexp": "^6.3.0",
+        "urlpattern-polyfill": "^10.1.0",
+        "yaml": "^2.8.1"
+      },
+      "bin": {
+        "open-next": "dist/index.js"
+      },
+      "peerDependencies": {
+        "next": ">=15.5.15 || >=16.2.3"
+      }
+    },
+    "node_modules/@opennextjs/aws/node_modules/chalk": {
+      "version": "5.6.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-5.6.2.tgz",
+      "integrity": "sha512-7NzBL0rN6fMUW+f7A6Io4h40qQlG+xGmtMxfbnH/K7TAtt8JQWVQK+6g0UXKMeVJoyV5EkkNsErQ8pVD3bLHbA==",
+      "dev": true,
+      "license": "MIT",
       "engines": {
-        "node": ">=12"
+        "node": "^12.17.0 || ^14.13 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
       }
     },
-    "node_modules/d3-contour": {
-      "version": "4.0.2",
-      "resolved": "https://registry.npmjs.org/d3-contour/-/d3-contour-4.0.2.tgz",
-      "integrity": "sha512-4EzFTRIikzs47RGmdxbeUvLWtGedDUNkTcmzoeyg4sP/dvCexO47AaQL7VKy/gul85TOxw+IBgA8US2xwbToNA==",
-      "license": "ISC",
+    "node_modules/@opennextjs/cloudflare": {
+      "version": "1.19.1",
+      "resolved": "https://registry.npmjs.org/@opennextjs/cloudflare/-/cloudflare-1.19.1.tgz",
+      "integrity": "sha512-qW6ivDkwDzomX4uBTwIHiSFMvsXjZ2GuVf/GITxGByr8sA3eyx3IMfFjWyaqBHVqcqtJaCiFo8IPxpLHv0jWbg==",
+      "dev": true,
+      "license": "MIT",
       "dependencies": {
-        "d3-array": "^3.2.0"
+        "@ast-grep/napi": "^0.40.5",
+        "@dotenvx/dotenvx": "1.31.0",
+        "@opennextjs/aws": "3.10.1",
+        "cloudflare": "^4.4.1",
+        "comment-json": "^4.5.1",
+        "enquirer": "^2.4.1",
+        "glob": "^12.0.0",
+        "ts-tqdm": "^0.8.6",
+        "yargs": "^18.0.0"
       },
-      "engines": {
-        "node": ">=12"
+      "bin": {
+        "opennextjs-cloudflare": "dist/cli/index.js"
+      },
+      "peerDependencies": {
+        "next": ">=15.5.15 || >=16.2.3",
+        "wrangler": "^4.65.0"
       }
     },
-    "node_modules/d3-delaunay": {
-      "version": "6.0.4",
-      "resolved": "https://registry.npmjs.org/d3-delaunay/-/d3-delaunay-6.0.4.tgz",
-      "integrity": "sha512-mdjtIZ1XLAM8bm/hx3WwjfHt6Sggek7qH043O8KEjDXN40xi3vx/6pYSVTwLjEgiXQTbvaouWKynLBiUZ6SK6A==",
-      "license": "ISC",
+    "node_modules/@poppinss/colors": {
+      "version": "4.1.6",
+      "resolved": "https://registry.npmjs.org/@poppinss/colors/-/colors-4.1.6.tgz",
+      "integrity": "sha512-H9xkIdFswbS8n1d6vmRd8+c10t2Qe+rZITbbDHHkQixH5+2x1FDGmi/0K+WgWiqQFKPSlIYB7jlH6Kpfn6Fleg==",
+      "dev": true,
+      "license": "MIT",
       "dependencies": {
-        "delaunator": "5"
-      },
+        "kleur": "^4.1.5"
+      }
+    },
+    "node_modules/@poppinss/dumper": {
+      "version": "0.6.5",
+      "resolved": "https://registry.npmjs.org/@poppinss/dumper/-/dumper-0.6.5.tgz",
+      "integrity": "sha512-NBdYIb90J7LfOI32dOewKI1r7wnkiH6m920puQ3qHUeZkxNkQiFnXVWoE6YtFSv6QOiPPf7ys6i+HWWecDz7sw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@poppinss/colors": "^4.1.5",
+        "@sindresorhus/is": "^7.0.2",
+        "supports-color": "^10.0.0"
+      }
+    },
+    "node_modules/@poppinss/dumper/node_modules/supports-color": {
+      "version": "10.2.2",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-10.2.2.tgz",
+      "integrity": "sha512-SS+jx45GF1QjgEXQx4NJZV9ImqmO2NPz5FNsIHrsDjh2YsHnawpan7SNQ1o8NuhrbHZy9AZhIoCUiCeaW/C80g==",
+      "dev": true,
+      "license": "MIT",
       "engines": {
-        "node": ">=12"
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/supports-color?sponsor=1"
       }
     },
-    "node_modules/d3-dispatch": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/d3-dispatch/-/d3-dispatch-3.0.1.tgz",
-      "integrity": "sha512-rzUyPU/S7rwUflMyLc1ETDeBj0NRuHKKAcvukozwhshr6g6c5d8zh4c2gQjY2bZ0dXeGLWc1PF174P2tVvKhfg==",
-      "license": "ISC",
+    "node_modules/@poppinss/exception": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/@poppinss/exception/-/exception-1.2.3.tgz",
+      "integrity": "sha512-dCED+QRChTVatE9ibtoaxc+WkdzOSjYTKi/+uacHWIsfodVfpsueo3+DKpgU5Px8qXjgmXkSvhXvSCz3fnP9lw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@rtsao/scc": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@rtsao/scc/-/scc-1.1.0.tgz",
+      "integrity": "sha512-zt6OdqaDoOnJ1ZYsCYGt9YmWzDXl4vQdKTyJev62gFhRGKdx7mcT54V9KIjg+d2wi9EXsPvAPKe7i7WjfVWB8g==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@sindresorhus/is": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/@sindresorhus/is/-/is-7.2.0.tgz",
+      "integrity": "sha512-P1Cz1dWaFfR4IR+U13mqqiGsLFf1KbayybWwdd2vfctdV6hDpUkgCY0nKOLLTMSoRd/jJNjtbqzf13K8DCCXQw==",
+      "dev": true,
+      "license": "MIT",
       "engines": {
-        "node": ">=12"
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sindresorhus/is?sponsor=1"
       }
     },
-    "node_modules/d3-drag": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/d3-drag/-/d3-drag-3.0.0.tgz",
-      "integrity": "sha512-pWbUJLdETVA8lQNJecMxoXfH6x+mO2UQo8rSmZ+QqxcbyA3hfeprFgIT//HW2nlHChWeIIMwS2Fq+gEARkhTkg==",
-      "license": "ISC",
+    "node_modules/@smithy/chunked-blob-reader": {
+      "version": "5.2.2",
+      "resolved": "https://registry.npmjs.org/@smithy/chunked-blob-reader/-/chunked-blob-reader-5.2.2.tgz",
+      "integrity": "sha512-St+kVicSyayWQca+I1rGitaOEH6uKgE8IUWoYnnEX26SWdWQcL6LvMSD19Lg+vYHKdT9B2Zuu7rd3i6Wnyb/iw==",
+      "dev": true,
+      "license": "Apache-2.0",
       "dependencies": {
-        "d3-dispatch": "1 - 3",
-        "d3-selection": "3"
+        "tslib": "^2.6.2"
       },
       "engines": {
-        "node": ">=12"
+        "node": ">=18.0.0"
       }
     },
-    "node_modules/d3-dsv": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/d3-dsv/-/d3-dsv-3.0.1.tgz",
-      "integrity": "sha512-UG6OvdI5afDIFP9w4G0mNq50dSOsXHJaRE8arAS5o9ApWnIElp8GZw1Dun8vP8OyHOZ/QJUKUJwxiiCCnUwm+Q==",
-      "license": "ISC",
+    "node_modules/@smithy/chunked-blob-reader-native": {
+      "version": "4.2.3",
+      "resolved": "https://registry.npmjs.org/@smithy/chunked-blob-reader-native/-/chunked-blob-reader-native-4.2.3.tgz",
+      "integrity": "sha512-jA5k5Udn7Y5717L86h4EIv06wIr3xn8GM1qHRi/Nf31annXcXHJjBKvgztnbn2TxH3xWrPBfgwHsOwZf0UmQWw==",
+      "dev": true,
+      "license": "Apache-2.0",
       "dependencies": {
-        "commander": "7",
-        "iconv-lite": "0.6",
-        "rw": "1"
-      },
-      "bin": {
-        "csv2json": "bin/dsv2json.js",
-        "csv2tsv": "bin/dsv2dsv.js",
-        "dsv2dsv": "bin/dsv2dsv.js",
-        "dsv2json": "bin/dsv2json.js",
-        "json2csv": "bin/json2dsv.js",
-        "json2dsv": "bin/json2dsv.js",
-        "json2tsv": "bin/json2dsv.js",
-        "tsv2csv": "bin/dsv2dsv.js",
-        "tsv2json": "bin/dsv2json.js"
+        "@smithy/util-base64": "^4.3.2",
+        "tslib": "^2.6.2"
       },
       "engines": {
-        "node": ">=12"
+        "node": ">=18.0.0"
       }
     },
-    "node_modules/d3-ease": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/d3-ease/-/d3-ease-3.0.1.tgz",
-      "integrity": "sha512-wR/XK3D3XcLIZwpbvQwQ5fK+8Ykds1ip7A2Txe0yxncXSdq1L9skcG7blcedkOX+ZcgxGAmLX1FrRGbADwzi0w==",
-      "license": "BSD-3-Clause",
+    "node_modules/@smithy/config-resolver": {
+      "version": "4.4.16",
+      "resolved": "https://registry.npmjs.org/@smithy/config-resolver/-/config-resolver-4.4.16.tgz",
+      "integrity": "sha512-GFlGPNLZKrGfqWpqVb31z7hvYCA9ZscfX1buYnvvMGcRYsQQnhH+4uN6mWWflcD5jB4OXP/LBrdpukEdjl41tg==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@smithy/node-config-provider": "^4.3.14",
+        "@smithy/types": "^4.14.1",
+        "@smithy/util-config-provider": "^4.2.2",
+        "@smithy/util-endpoints": "^3.4.1",
+        "@smithy/util-middleware": "^4.2.14",
+        "tslib": "^2.6.2"
+      },
       "engines": {
-        "node": ">=12"
+        "node": ">=18.0.0"
       }
     },
-    "node_modules/d3-fetch": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/d3-fetch/-/d3-fetch-3.0.1.tgz",
-      "integrity": "sha512-kpkQIM20n3oLVBKGg6oHrUchHM3xODkTzjMoj7aWQFq5QEM+R6E4WkzT5+tojDY7yjez8KgCBRoj4aEr99Fdqw==",
-      "license": "ISC",
+    "node_modules/@smithy/core": {
+      "version": "3.23.15",
+      "resolved": "https://registry.npmjs.org/@smithy/core/-/core-3.23.15.tgz",
+      "integrity": "sha512-E7GVCgsQttzfujEZb6Qep005wWf4xiL4x06apFEtzQMWYBPggZh/0cnOxPficw5cuK/YjjkehKoIN4YUaSh0UQ==",
+      "dev": true,
+      "license": "Apache-2.0",
       "dependencies": {
-        "d3-dsv": "1 - 3"
+        "@smithy/protocol-http": "^5.3.14",
+        "@smithy/types": "^4.14.1",
+        "@smithy/url-parser": "^4.2.14",
+        "@smithy/util-base64": "^4.3.2",
+        "@smithy/util-body-length-browser": "^4.2.2",
+        "@smithy/util-middleware": "^4.2.14",
+        "@smithy/util-stream": "^4.5.23",
+        "@smithy/util-utf8": "^4.2.2",
+        "@smithy/uuid": "^1.1.2",
+        "tslib": "^2.6.2"
       },
       "engines": {
-        "node": ">=12"
+        "node": ">=18.0.0"
       }
     },
-    "node_modules/d3-force": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/d3-force/-/d3-force-3.0.0.tgz",
-      "integrity": "sha512-zxV/SsA+U4yte8051P4ECydjD/S+qeYtnaIyAs9tgHCqfguma/aAQDjo85A9Z6EKhBirHRJHXIgJUlffT4wdLg==",
-      "license": "ISC",
+    "node_modules/@smithy/credential-provider-imds": {
+      "version": "4.2.14",
+      "resolved": "https://registry.npmjs.org/@smithy/credential-provider-imds/-/credential-provider-imds-4.2.14.tgz",
+      "integrity": "sha512-Au28zBN48ZAoXdooGUHemuVBrkE+Ie6RPmGNIAJsFqj33Vhb6xAgRifUydZ2aY+M+KaMAETAlKk5NC5h1G7wpg==",
+      "dev": true,
+      "license": "Apache-2.0",
       "dependencies": {
-        "d3-dispatch": "1 - 3",
-        "d3-quadtree": "1 - 3",
-        "d3-timer": "1 - 3"
+        "@smithy/node-config-provider": "^4.3.14",
+        "@smithy/property-provider": "^4.2.14",
+        "@smithy/types": "^4.14.1",
+        "@smithy/url-parser": "^4.2.14",
+        "tslib": "^2.6.2"
       },
       "engines": {
-        "node": ">=12"
+        "node": ">=18.0.0"
       }
     },
-    "node_modules/d3-format": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/d3-format/-/d3-format-3.1.2.tgz",
-      "integrity": "sha512-AJDdYOdnyRDV5b6ArilzCPPwc1ejkHcoyFarqlPqT7zRYjhavcT3uSrqcMvsgh2CgoPbK3RCwyHaVyxYcP2Arg==",
-      "license": "ISC",
+    "node_modules/@smithy/eventstream-codec": {
+      "version": "4.2.14",
+      "resolved": "https://registry.npmjs.org/@smithy/eventstream-codec/-/eventstream-codec-4.2.14.tgz",
+      "integrity": "sha512-erZq0nOIpzfeZdCyzZjdJb4nVSKLUmSkaQUVkRGQTXs30gyUGeKnrYEg+Xe1W5gE3aReS7IgsvANwVPxSzY6Pw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@aws-crypto/crc32": "5.2.0",
+        "@smithy/types": "^4.14.1",
+        "@smithy/util-hex-encoding": "^4.2.2",
+        "tslib": "^2.6.2"
+      },
       "engines": {
-        "node": ">=12"
+        "node": ">=18.0.0"
       }
     },
-    "node_modules/d3-geo": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/d3-geo/-/d3-geo-3.1.1.tgz",
-      "integrity": "sha512-637ln3gXKXOwhalDzinUgY83KzNWZRKbYubaG+fGVuc/dxO64RRljtCTnf5ecMyE1RIdtqpkVcq0IbtU2S8j2Q==",
-      "license": "ISC",
+    "node_modules/@smithy/eventstream-serde-browser": {
+      "version": "4.2.14",
+      "resolved": "https://registry.npmjs.org/@smithy/eventstream-serde-browser/-/eventstream-serde-browser-4.2.14.tgz",
+      "integrity": "sha512-8IelTCtTctWRbb+0Dcy+C0aICh1qa0qWXqgjcXDmMuCvPJRnv26hiDZoAau2ILOniki65mCPKqOQs/BaWvO4CQ==",
+      "dev": true,
+      "license": "Apache-2.0",
       "dependencies": {
-        "d3-array": "2.5.0 - 3"
+        "@smithy/eventstream-serde-universal": "^4.2.14",
+        "@smithy/types": "^4.14.1",
+        "tslib": "^2.6.2"
       },
       "engines": {
-        "node": ">=12"
+        "node": ">=18.0.0"
       }
     },
-    "node_modules/d3-hierarchy": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/d3-hierarchy/-/d3-hierarchy-3.1.2.tgz",
-      "integrity": "sha512-FX/9frcub54beBdugHjDCdikxThEqjnR93Qt7PvQTOHxyiNCAlvMrHhclk3cD5VeAaq9fxmfRp+CnWw9rEMBuA==",
-      "license": "ISC",
+    "node_modules/@smithy/eventstream-serde-config-resolver": {
+      "version": "4.3.14",
+      "resolved": "https://registry.npmjs.org/@smithy/eventstream-serde-config-resolver/-/eventstream-serde-config-resolver-4.3.14.tgz",
+      "integrity": "sha512-sqHiHpYRYo3FJlaIxD1J8PhbcmJAm7IuM16mVnwSkCToD7g00IBZzKuiLNMGmftULmEUX6/UAz8/NN5uMP8bVA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@smithy/types": "^4.14.1",
+        "tslib": "^2.6.2"
+      },
       "engines": {
-        "node": ">=12"
+        "node": ">=18.0.0"
       }
     },
-    "node_modules/d3-interpolate": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/d3-interpolate/-/d3-interpolate-3.0.1.tgz",
-      "integrity": "sha512-3bYs1rOD33uo8aqJfKP3JWPAibgw8Zm2+L9vBKEHJ2Rg+viTR7o5Mmv5mZcieN+FRYaAOWX5SJATX6k1PWz72g==",
-      "license": "ISC",
+    "node_modules/@smithy/eventstream-serde-node": {
+      "version": "4.2.14",
+      "resolved": "https://registry.npmjs.org/@smithy/eventstream-serde-node/-/eventstream-serde-node-4.2.14.tgz",
+      "integrity": "sha512-Ht/8BuGlKfFTy0H3+8eEu0vdpwGztCnaLLXtpXNdQqiR7Hj4vFScU3T436vRAjATglOIPjJXronY+1WxxNLSiw==",
+      "dev": true,
+      "license": "Apache-2.0",
       "dependencies": {
-        "d3-color": "1 - 3"
+        "@smithy/eventstream-serde-universal": "^4.2.14",
+        "@smithy/types": "^4.14.1",
+        "tslib": "^2.6.2"
       },
       "engines": {
-        "node": ">=12"
+        "node": ">=18.0.0"
       }
     },
-    "node_modules/d3-path": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/d3-path/-/d3-path-3.1.0.tgz",
-      "integrity": "sha512-p3KP5HCf/bvjBSSKuXid6Zqijx7wIfNW+J/maPs+iwR35at5JCbLUT0LzF1cnjbCHWhqzQTIN2Jpe8pRebIEFQ==",
-      "license": "ISC",
+    "node_modules/@smithy/eventstream-serde-universal": {
+      "version": "4.2.14",
+      "resolved": "https://registry.npmjs.org/@smithy/eventstream-serde-universal/-/eventstream-serde-universal-4.2.14.tgz",
+      "integrity": "sha512-lWyt4T2XQZUZgK3tQ3Wn0w3XBvZsK/vjTuJl6bXbnGZBHH0ZUSONTYiK9TgjTTzU54xQr3DRFwpjmhp0oLm3gg==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@smithy/eventstream-codec": "^4.2.14",
+        "@smithy/types": "^4.14.1",
+        "tslib": "^2.6.2"
+      },
       "engines": {
-        "node": ">=12"
+        "node": ">=18.0.0"
       }
     },
-    "node_modules/d3-polygon": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/d3-polygon/-/d3-polygon-3.0.1.tgz",
-      "integrity": "sha512-3vbA7vXYwfe1SYhED++fPUQlWSYTTGmFmQiany/gdbiWgU/iEyQzyymwL9SkJjFFuCS4902BSzewVGsHHmHtXg==",
-      "license": "ISC",
+    "node_modules/@smithy/fetch-http-handler": {
+      "version": "5.3.17",
+      "resolved": "https://registry.npmjs.org/@smithy/fetch-http-handler/-/fetch-http-handler-5.3.17.tgz",
+      "integrity": "sha512-bXOvQzaSm6MnmLaWA1elgfQcAtN4UP3vXqV97bHuoOrHQOJiLT3ds6o9eo5bqd0TJfRFpzdGnDQdW3FACiAVdw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@smithy/protocol-http": "^5.3.14",
+        "@smithy/querystring-builder": "^4.2.14",
+        "@smithy/types": "^4.14.1",
+        "@smithy/util-base64": "^4.3.2",
+        "tslib": "^2.6.2"
+      },
       "engines": {
-        "node": ">=12"
+        "node": ">=18.0.0"
       }
     },
-    "node_modules/d3-quadtree": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/d3-quadtree/-/d3-quadtree-3.0.1.tgz",
-      "integrity": "sha512-04xDrxQTDTCFwP5H6hRhsRcb9xxv2RzkcsygFzmkSIOJy3PeRJP7sNk3VRIbKXcog561P9oU0/rVH6vDROAgUw==",
-      "license": "ISC",
+    "node_modules/@smithy/hash-blob-browser": {
+      "version": "4.2.15",
+      "resolved": "https://registry.npmjs.org/@smithy/hash-blob-browser/-/hash-blob-browser-4.2.15.tgz",
+      "integrity": "sha512-0PJ4Al3fg2nM4qKrAIxyNcApgqHAXcBkN8FeizOz69z0rb26uZ6lMESYtxegaTlXB5Hj84JfwMPavMrwDMjucA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@smithy/chunked-blob-reader": "^5.2.2",
+        "@smithy/chunked-blob-reader-native": "^4.2.3",
+        "@smithy/types": "^4.14.1",
+        "tslib": "^2.6.2"
+      },
       "engines": {
-        "node": ">=12"
+        "node": ">=18.0.0"
       }
     },
-    "node_modules/d3-random": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/d3-random/-/d3-random-3.0.1.tgz",
-      "integrity": "sha512-FXMe9GfxTxqd5D6jFsQ+DJ8BJS4E/fT5mqqdjovykEB2oFbTMDVdg1MGFxfQW+FBOGoB++k8swBrgwSHT1cUXQ==",
-      "license": "ISC",
+    "node_modules/@smithy/hash-node": {
+      "version": "4.2.14",
+      "resolved": "https://registry.npmjs.org/@smithy/hash-node/-/hash-node-4.2.14.tgz",
+      "integrity": "sha512-8ZBDY2DD4wr+GGjTpPtiglEsqr0lUP+KHqgZcWczFf6qeZ/YRjMIOoQWVQlmwu7EtxKTd8YXD8lblmYcpBIA1g==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@smithy/types": "^4.14.1",
+        "@smithy/util-buffer-from": "^4.2.2",
+        "@smithy/util-utf8": "^4.2.2",
+        "tslib": "^2.6.2"
+      },
       "engines": {
-        "node": ">=12"
+        "node": ">=18.0.0"
       }
     },
-    "node_modules/d3-scale": {
-      "version": "4.0.2",
-      "resolved": "https://registry.npmjs.org/d3-scale/-/d3-scale-4.0.2.tgz",
-      "integrity": "sha512-GZW464g1SH7ag3Y7hXjf8RoUuAFIqklOAq3MRl4OaWabTFJY9PN/E1YklhXLh+OQ3fM9yS2nOkCoS+WLZ6kvxQ==",
-      "license": "ISC",
+    "node_modules/@smithy/hash-stream-node": {
+      "version": "4.2.14",
+      "resolved": "https://registry.npmjs.org/@smithy/hash-stream-node/-/hash-stream-node-4.2.14.tgz",
+      "integrity": "sha512-tw4GANWkZPb6+BdD4Fgucqzey2+r73Z/GRo9zklsCdwrnxxumUV83ZIaBDdudV4Ylazw3EPTiJZhpX42105ruQ==",
+      "dev": true,
+      "license": "Apache-2.0",
       "dependencies": {
-        "d3-array": "2.10.0 - 3",
-        "d3-format": "1 - 3",
-        "d3-interpolate": "1.2.0 - 3",
-        "d3-time": "2.1.1 - 3",
-        "d3-time-format": "2 - 4"
+        "@smithy/types": "^4.14.1",
+        "@smithy/util-utf8": "^4.2.2",
+        "tslib": "^2.6.2"
       },
       "engines": {
-        "node": ">=12"
+        "node": ">=18.0.0"
       }
     },
-    "node_modules/d3-scale-chromatic": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/d3-scale-chromatic/-/d3-scale-chromatic-3.1.0.tgz",
-      "integrity": "sha512-A3s5PWiZ9YCXFye1o246KoscMWqf8BsD9eRiJ3He7C9OBaxKhAd5TFCdEx/7VbKtxxTsu//1mMJFrEt572cEyQ==",
-      "license": "ISC",
+    "node_modules/@smithy/invalid-dependency": {
+      "version": "4.2.14",
+      "resolved": "https://registry.npmjs.org/@smithy/invalid-dependency/-/invalid-dependency-4.2.14.tgz",
+      "integrity": "sha512-c21qJiTSb25xvvOp+H2TNZzPCngrvl5vIPqPB8zQ/DmJF4QWXO19x1dWfMJZ6wZuuWUPPm0gV8C0cU3+ifcWuw==",
+      "dev": true,
+      "license": "Apache-2.0",
       "dependencies": {
-        "d3-color": "1 - 3",
-        "d3-interpolate": "1 - 3"
+        "@smithy/types": "^4.14.1",
+        "tslib": "^2.6.2"
       },
       "engines": {
-        "node": ">=12"
+        "node": ">=18.0.0"
       }
     },
-    "node_modules/d3-selection": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/d3-selection/-/d3-selection-3.0.0.tgz",
-      "integrity": "sha512-fmTRWbNMmsmWq6xJV8D19U/gw/bwrHfNXxrIN+HfZgnzqTHp9jOmKMhsTUjXOJnZOdZY9Q28y4yebKzqDKlxlQ==",
-      "license": "ISC",
+    "node_modules/@smithy/is-array-buffer": {
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/@smithy/is-array-buffer/-/is-array-buffer-4.2.2.tgz",
+      "integrity": "sha512-n6rQ4N8Jj4YTQO3YFrlgZuwKodf4zUFs7EJIWH86pSCWBaAtAGBFfCM7Wx6D2bBJ2xqFNxGBSrUWswT3M0VJow==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "tslib": "^2.6.2"
+      },
       "engines": {
-        "node": ">=12"
+        "node": ">=18.0.0"
       }
     },
-    "node_modules/d3-shape": {
-      "version": "3.2.0",
-      "resolved": "https://registry.npmjs.org/d3-shape/-/d3-shape-3.2.0.tgz",
-      "integrity": "sha512-SaLBuwGm3MOViRq2ABk3eLoxwZELpH6zhl3FbAoJ7Vm1gofKx6El1Ib5z23NUEhF9AsGl7y+dzLe5Cw2AArGTA==",
-      "license": "ISC",
+    "node_modules/@smithy/md5-js": {
+      "version": "4.2.14",
+      "resolved": "https://registry.npmjs.org/@smithy/md5-js/-/md5-js-4.2.14.tgz",
+      "integrity": "sha512-V2v0vx+h0iUSNG1Alt+GNBMSLGCrl9iVsdd+Ap67HPM9PN479x12V8LkuMoKImNZxn3MXeuyUjls+/7ZACZghA==",
+      "dev": true,
+      "license": "Apache-2.0",
       "dependencies": {
-        "d3-path": "^3.1.0"
+        "@smithy/types": "^4.14.1",
+        "@smithy/util-utf8": "^4.2.2",
+        "tslib": "^2.6.2"
       },
       "engines": {
-        "node": ">=12"
+        "node": ">=18.0.0"
       }
     },
-    "node_modules/d3-time": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/d3-time/-/d3-time-3.1.0.tgz",
-      "integrity": "sha512-VqKjzBLejbSMT4IgbmVgDjpkYrNWUYJnbCGo874u7MMKIWsILRX+OpX/gTk8MqjpT1A/c6HY2dCA77ZN0lkQ2Q==",
-      "license": "ISC",
+    "node_modules/@smithy/middleware-content-length": {
+      "version": "4.2.14",
+      "resolved": "https://registry.npmjs.org/@smithy/middleware-content-length/-/middleware-content-length-4.2.14.tgz",
+      "integrity": "sha512-xhHq7fX4/3lv5NHxLUk3OeEvl0xZ+Ek3qIbWaCL4f9JwgDZEclPBElljaZCAItdGPQl/kSM4LPMOpy1MYgprpw==",
+      "dev": true,
+      "license": "Apache-2.0",
       "dependencies": {
-        "d3-array": "2 - 3"
+        "@smithy/protocol-http": "^5.3.14",
+        "@smithy/types": "^4.14.1",
+        "tslib": "^2.6.2"
       },
       "engines": {
-        "node": ">=12"
+        "node": ">=18.0.0"
       }
     },
-    "node_modules/d3-time-format": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/d3-time-format/-/d3-time-format-4.1.0.tgz",
-      "integrity": "sha512-dJxPBlzC7NugB2PDLwo9Q8JiTR3M3e4/XANkreKSUxF8vvXKqm1Yfq4Q5dl8budlunRVlUUaDUgFt7eA8D6NLg==",
-      "license": "ISC",
+    "node_modules/@smithy/middleware-endpoint": {
+      "version": "4.4.30",
+      "resolved": "https://registry.npmjs.org/@smithy/middleware-endpoint/-/middleware-endpoint-4.4.30.tgz",
+      "integrity": "sha512-qS2XqhKeXmdZ4nEQ4cOxIczSP/Y91wPAHYuRwmWDCh975B7/57uxsm5d6sisnUThn2u2FwzMdJNM7AbO1YPsPg==",
+      "dev": true,
+      "license": "Apache-2.0",
       "dependencies": {
-        "d3-time": "1 - 3"
+        "@smithy/core": "^3.23.15",
+        "@smithy/middleware-serde": "^4.2.18",
+        "@smithy/node-config-provider": "^4.3.14",
+        "@smithy/shared-ini-file-loader": "^4.4.9",
+        "@smithy/types": "^4.14.1",
+        "@smithy/url-parser": "^4.2.14",
+        "@smithy/util-middleware": "^4.2.14",
+        "tslib": "^2.6.2"
       },
       "engines": {
-        "node": ">=12"
+        "node": ">=18.0.0"
       }
     },
-    "node_modules/d3-timer": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/d3-timer/-/d3-timer-3.0.1.tgz",
-      "integrity": "sha512-ndfJ/JxxMd3nw31uyKoY2naivF+r29V+Lc0svZxe1JvvIRmi8hUsrMvdOwgS1o6uBHmiz91geQ0ylPP0aj1VUA==",
-      "license": "ISC",
+    "node_modules/@smithy/middleware-retry": {
+      "version": "4.5.3",
+      "resolved": "https://registry.npmjs.org/@smithy/middleware-retry/-/middleware-retry-4.5.3.tgz",
+      "integrity": "sha512-TE8dJNi6JuxzGSxMCVd3i9IEWDndCl3bmluLsBNDWok8olgj65OfkndMhl9SZ7m14c+C5SQn/PcUmrDl57rSFw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@smithy/core": "^3.23.15",
+        "@smithy/node-config-provider": "^4.3.14",
+        "@smithy/protocol-http": "^5.3.14",
+        "@smithy/service-error-classification": "^4.2.14",
+        "@smithy/smithy-client": "^4.12.11",
+        "@smithy/types": "^4.14.1",
+        "@smithy/util-middleware": "^4.2.14",
+        "@smithy/util-retry": "^4.3.2",
+        "@smithy/uuid": "^1.1.2",
+        "tslib": "^2.6.2"
+      },
       "engines": {
-        "node": ">=12"
+        "node": ">=18.0.0"
       }
     },
-    "node_modules/d3-transition": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/d3-transition/-/d3-transition-3.0.1.tgz",
-      "integrity": "sha512-ApKvfjsSR6tg06xrL434C0WydLr7JewBB3V+/39RMHsaXTOG0zmt/OAXeng5M5LBm0ojmxJrpomQVZ1aPvBL4w==",
-      "license": "ISC",
+    "node_modules/@smithy/middleware-serde": {
+      "version": "4.2.18",
+      "resolved": "https://registry.npmjs.org/@smithy/middleware-serde/-/middleware-serde-4.2.18.tgz",
+      "integrity": "sha512-M6CSgnp3v4tYz9ynj2JHbA60woBZcGqEwNjTKjBsNHPV26R1ZX52+0wW8WsZU18q45jD0tw2wL22S17Ze9LpEw==",
+      "dev": true,
+      "license": "Apache-2.0",
       "dependencies": {
-        "d3-color": "1 - 3",
-        "d3-dispatch": "1 - 3",
-        "d3-ease": "1 - 3",
-        "d3-interpolate": "1 - 3",
-        "d3-timer": "1 - 3"
+        "@smithy/core": "^3.23.15",
+        "@smithy/protocol-http": "^5.3.14",
+        "@smithy/types": "^4.14.1",
+        "tslib": "^2.6.2"
       },
       "engines": {
-        "node": ">=12"
-      },
-      "peerDependencies": {
-        "d3-selection": "2 - 3"
+        "node": ">=18.0.0"
       }
     },
-    "node_modules/d3-zoom": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/d3-zoom/-/d3-zoom-3.0.0.tgz",
-      "integrity": "sha512-b8AmV3kfQaqWAuacbPuNbL6vahnOJflOhexLzMMNLga62+/nh0JzvJ0aO/5a5MVgUFGS7Hu1P9P03o3fJkDCyw==",
-      "license": "ISC",
+    "node_modules/@smithy/middleware-stack": {
+      "version": "4.2.14",
+      "resolved": "https://registry.npmjs.org/@smithy/middleware-stack/-/middleware-stack-4.2.14.tgz",
+      "integrity": "sha512-2dvkUKLuFdKsCRmOE4Mn63co0Djtsm+JMh0bYZQupN1pJwMeE8FmQmRLLzzEMN0dnNi7CDCYYH8F0EVwWiPBeA==",
+      "dev": true,
+      "license": "Apache-2.0",
       "dependencies": {
-        "d3-dispatch": "1 - 3",
-        "d3-drag": "2 - 3",
-        "d3-interpolate": "1 - 3",
-        "d3-selection": "2 - 3",
-        "d3-transition": "2 - 3"
+        "@smithy/types": "^4.14.1",
+        "tslib": "^2.6.2"
       },
       "engines": {
-        "node": ">=12"
+        "node": ">=18.0.0"
       }
     },
-    "node_modules/damerau-levenshtein": {
-      "version": "1.0.8",
-      "resolved": "https://registry.npmjs.org/damerau-levenshtein/-/damerau-levenshtein-1.0.8.tgz",
-      "integrity": "sha512-sdQSFB7+llfUcQHUQO3+B8ERRj0Oa4w9POWMI/puGtuf7gFywGmkaLCElnudfTiKZV+NvHqL0ifzdrI8Ro7ESA==",
-      "dev": true,
-      "license": "BSD-2-Clause"
-    },
-    "node_modules/data-view-buffer": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/data-view-buffer/-/data-view-buffer-1.0.2.tgz",
-      "integrity": "sha512-EmKO5V3OLXh1rtK2wgXRansaK1/mtVdTUEiEI0W8RkvgT05kfxaH29PliLnpLP73yYO6142Q72QNa8Wx/A5CqQ==",
+    "node_modules/@smithy/node-config-provider": {
+      "version": "4.3.14",
+      "resolved": "https://registry.npmjs.org/@smithy/node-config-provider/-/node-config-provider-4.3.14.tgz",
+      "integrity": "sha512-S+gFjyo/weSVL0P1b9Ts8C/CwIfNCgUPikk3sl6QVsfE/uUuO+QsF+NsE/JkpvWqqyz1wg7HFdiaZuj5CoBMRg==",
       "dev": true,
-      "license": "MIT",
+      "license": "Apache-2.0",
       "dependencies": {
-        "call-bound": "^1.0.3",
-        "es-errors": "^1.3.0",
-        "is-data-view": "^1.0.2"
+        "@smithy/property-provider": "^4.2.14",
+        "@smithy/shared-ini-file-loader": "^4.4.9",
+        "@smithy/types": "^4.14.1",
+        "tslib": "^2.6.2"
       },
       "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
+        "node": ">=18.0.0"
       }
     },
-    "node_modules/data-view-byte-length": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/data-view-byte-length/-/data-view-byte-length-1.0.2.tgz",
-      "integrity": "sha512-tuhGbE6CfTM9+5ANGf+oQb72Ky/0+s3xKUpHvShfiz2RxMFgFPjsXuRLBVMtvMs15awe45SRb83D6wH4ew6wlQ==",
+    "node_modules/@smithy/node-http-handler": {
+      "version": "4.5.3",
+      "resolved": "https://registry.npmjs.org/@smithy/node-http-handler/-/node-http-handler-4.5.3.tgz",
+      "integrity": "sha512-lc5jFL++x17sPhIwMWJ3YOnqmSjw/2Po6VLDlUIXvxVWRuJwRXnJ4jOBBLB0cfI5BB5ehIl02Fxr1PDvk/kxDw==",
       "dev": true,
-      "license": "MIT",
+      "license": "Apache-2.0",
       "dependencies": {
-        "call-bound": "^1.0.3",
-        "es-errors": "^1.3.0",
-        "is-data-view": "^1.0.2"
+        "@smithy/protocol-http": "^5.3.14",
+        "@smithy/querystring-builder": "^4.2.14",
+        "@smithy/types": "^4.14.1",
+        "tslib": "^2.6.2"
       },
       "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/inspect-js"
+        "node": ">=18.0.0"
       }
     },
-    "node_modules/data-view-byte-offset": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/data-view-byte-offset/-/data-view-byte-offset-1.0.1.tgz",
-      "integrity": "sha512-BS8PfmtDGnrgYdOonGZQdLZslWIeCGFP9tpan0hi1Co2Zr2NKADsvGYA8XxuG/4UWgJ6Cjtv+YJnB6MM69QGlQ==",
+    "node_modules/@smithy/property-provider": {
+      "version": "4.2.14",
+      "resolved": "https://registry.npmjs.org/@smithy/property-provider/-/property-provider-4.2.14.tgz",
+      "integrity": "sha512-WuM31CgfsnQ/10i7NYr0PyxqknD72Y5uMfUMVSniPjbEPceiTErb4eIqJQ+pdxNEAUEWrewrGjIRjVbVHsxZiQ==",
       "dev": true,
-      "license": "MIT",
+      "license": "Apache-2.0",
       "dependencies": {
-        "call-bound": "^1.0.2",
-        "es-errors": "^1.3.0",
-        "is-data-view": "^1.0.1"
+        "@smithy/types": "^4.14.1",
+        "tslib": "^2.6.2"
       },
       "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
+        "node": ">=18.0.0"
       }
     },
-    "node_modules/debug": {
-      "version": "4.4.3",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.3.tgz",
-      "integrity": "sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==",
-      "license": "MIT",
+    "node_modules/@smithy/protocol-http": {
+      "version": "5.3.14",
+      "resolved": "https://registry.npmjs.org/@smithy/protocol-http/-/protocol-http-5.3.14.tgz",
+      "integrity": "sha512-dN5F8kHx8RNU0r+pCwNmFZyz6ChjMkzShy/zup6MtkRmmix4vZzJdW+di7x//b1LiynIev88FM18ie+wwPcQtQ==",
+      "dev": true,
+      "license": "Apache-2.0",
       "dependencies": {
-        "ms": "^2.1.3"
+        "@smithy/types": "^4.14.1",
+        "tslib": "^2.6.2"
       },
       "engines": {
-        "node": ">=6.0"
-      },
-      "peerDependenciesMeta": {
-        "supports-color": {
-          "optional": true
-        }
+        "node": ">=18.0.0"
       }
     },
-    "node_modules/decode-named-character-reference": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/decode-named-character-reference/-/decode-named-character-reference-1.3.0.tgz",
-      "integrity": "sha512-GtpQYB283KrPp6nRw50q3U9/VfOutZOe103qlN7BPP6Ad27xYnOIWv4lPzo8HCAL+mMZofJ9KEy30fq6MfaK6Q==",
-      "license": "MIT",
+    "node_modules/@smithy/querystring-builder": {
+      "version": "4.2.14",
+      "resolved": "https://registry.npmjs.org/@smithy/querystring-builder/-/querystring-builder-4.2.14.tgz",
+      "integrity": "sha512-XYA5Z0IqTeF+5XDdh4BBmSA0HvbgVZIyv4cmOoUheDNR57K1HgBp9ukUMx3Cr3XpDHHpLBnexPE3LAtDsZkj2A==",
+      "dev": true,
+      "license": "Apache-2.0",
       "dependencies": {
-        "character-entities": "^2.0.0"
+        "@smithy/types": "^4.14.1",
+        "@smithy/util-uri-escape": "^4.2.2",
+        "tslib": "^2.6.2"
       },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/wooorm"
+      "engines": {
+        "node": ">=18.0.0"
       }
     },
-    "node_modules/deep-is": {
-      "version": "0.1.4",
-      "resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.4.tgz",
-      "integrity": "sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/define-data-property": {
-      "version": "1.1.4",
-      "resolved": "https://registry.npmjs.org/define-data-property/-/define-data-property-1.1.4.tgz",
-      "integrity": "sha512-rBMvIzlpA8v6E+SJZoo++HAYqsLrkg7MSfIinMPFhmkorw7X+dOXVJQs+QT69zGkzMyfDnIMN2Wid1+NbL3T+A==",
+    "node_modules/@smithy/querystring-parser": {
+      "version": "4.2.14",
+      "resolved": "https://registry.npmjs.org/@smithy/querystring-parser/-/querystring-parser-4.2.14.tgz",
+      "integrity": "sha512-hr+YyqBD23GVvRxGGrcc/oOeNlK3PzT5Fu4dzrDXxzS1LpFiuL2PQQqKPs87M79aW7ziMs+nvB3qdw77SqE7Lw==",
       "dev": true,
-      "license": "MIT",
+      "license": "Apache-2.0",
       "dependencies": {
-        "es-define-property": "^1.0.0",
-        "es-errors": "^1.3.0",
-        "gopd": "^1.0.1"
+        "@smithy/types": "^4.14.1",
+        "tslib": "^2.6.2"
       },
       "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
+        "node": ">=18.0.0"
       }
     },
-    "node_modules/define-properties": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/define-properties/-/define-properties-1.2.1.tgz",
-      "integrity": "sha512-8QmQKqEASLd5nx0U1B1okLElbUuuttJ/AnYmRXbbbGDWh6uS208EjD4Xqq/I9wK7u0v6O08XhTWnt5XtEbR6Dg==",
+    "node_modules/@smithy/service-error-classification": {
+      "version": "4.2.14",
+      "resolved": "https://registry.npmjs.org/@smithy/service-error-classification/-/service-error-classification-4.2.14.tgz",
+      "integrity": "sha512-vVimoUnGxlx4eLLQbZImdOZFOe+Zh+5ACntv8VxZuGP72LdWu5GV3oEmCahSEReBgRJoWjypFkrehSj7BWx1HQ==",
       "dev": true,
-      "license": "MIT",
+      "license": "Apache-2.0",
       "dependencies": {
-        "define-data-property": "^1.0.1",
-        "has-property-descriptors": "^1.0.0",
-        "object-keys": "^1.1.1"
+        "@smithy/types": "^4.14.1"
       },
       "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
+        "node": ">=18.0.0"
       }
     },
-    "node_modules/delaunator": {
-      "version": "5.1.0",
-      "resolved": "https://registry.npmjs.org/delaunator/-/delaunator-5.1.0.tgz",
-      "integrity": "sha512-AGrQ4QSgssa1NGmWmLPqN5NY2KajF5MqxetNEO+o0n3ZwZZeTmt7bBnvzHWrmkZFxGgr4HdyFgelzgi06otLuQ==",
-      "license": "ISC",
+    "node_modules/@smithy/shared-ini-file-loader": {
+      "version": "4.4.9",
+      "resolved": "https://registry.npmjs.org/@smithy/shared-ini-file-loader/-/shared-ini-file-loader-4.4.9.tgz",
+      "integrity": "sha512-495/V2I15SHgedSJoDPD23JuSfKAp726ZI1V0wtjB07Wh7q/0tri/0e0DLefZCHgxZonrGKt/OCTpAtP1wE1kQ==",
+      "dev": true,
+      "license": "Apache-2.0",
       "dependencies": {
-        "robust-predicates": "^3.0.2"
-      }
-    },
-    "node_modules/dequal": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/dequal/-/dequal-2.0.3.tgz",
-      "integrity": "sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==",
-      "license": "MIT",
+        "@smithy/types": "^4.14.1",
+        "tslib": "^2.6.2"
+      },
       "engines": {
-        "node": ">=6"
+        "node": ">=18.0.0"
       }
     },
-    "node_modules/detect-libc": {
-      "version": "2.1.2",
-      "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.1.2.tgz",
-      "integrity": "sha512-Btj2BOOO83o3WyH59e8MgXsxEQVcarkUOpEYrubB0urwnN10yQ364rsiByU11nZlqWYZm05i/of7io4mzihBtQ==",
+    "node_modules/@smithy/signature-v4": {
+      "version": "5.3.14",
+      "resolved": "https://registry.npmjs.org/@smithy/signature-v4/-/signature-v4-5.3.14.tgz",
+      "integrity": "sha512-1D9Y/nmlVjCeSivCbhZ7hgEpmHyY1h0GvpSZt3l0xcD9JjmjVC1CHOozS6+Gh+/ldMH8JuJ6cujObQqfayAVFA==",
+      "dev": true,
       "license": "Apache-2.0",
-      "optional": true,
+      "dependencies": {
+        "@smithy/is-array-buffer": "^4.2.2",
+        "@smithy/protocol-http": "^5.3.14",
+        "@smithy/types": "^4.14.1",
+        "@smithy/util-hex-encoding": "^4.2.2",
+        "@smithy/util-middleware": "^4.2.14",
+        "@smithy/util-uri-escape": "^4.2.2",
+        "@smithy/util-utf8": "^4.2.2",
+        "tslib": "^2.6.2"
+      },
       "engines": {
-        "node": ">=8"
+        "node": ">=18.0.0"
       }
     },
-    "node_modules/devlop": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/devlop/-/devlop-1.1.0.tgz",
-      "integrity": "sha512-RWmIqhcFf1lRYBvNmr7qTNuyCt/7/ns2jbpp1+PalgE/rDQcBT0fioSMUpJ93irlUhC5hrg4cYqe6U+0ImW0rA==",
-      "license": "MIT",
+    "node_modules/@smithy/smithy-client": {
+      "version": "4.12.11",
+      "resolved": "https://registry.npmjs.org/@smithy/smithy-client/-/smithy-client-4.12.11.tgz",
+      "integrity": "sha512-wzz/Wa1CH/Tlhxh0s4DQPEcXSxSVfJ59AZcUh9Gu0c6JTlKuwGf4o/3P2TExv0VbtPFt8odIBG+eQGK2+vTECg==",
+      "dev": true,
+      "license": "Apache-2.0",
       "dependencies": {
-        "dequal": "^2.0.0"
+        "@smithy/core": "^3.23.15",
+        "@smithy/middleware-endpoint": "^4.4.30",
+        "@smithy/middleware-stack": "^4.2.14",
+        "@smithy/protocol-http": "^5.3.14",
+        "@smithy/types": "^4.14.1",
+        "@smithy/util-stream": "^4.5.23",
+        "tslib": "^2.6.2"
       },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/wooorm"
+      "engines": {
+        "node": ">=18.0.0"
       }
     },
-    "node_modules/doctrine": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-2.1.0.tgz",
-      "integrity": "sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==",
+    "node_modules/@smithy/types": {
+      "version": "4.14.1",
+      "resolved": "https://registry.npmjs.org/@smithy/types/-/types-4.14.1.tgz",
+      "integrity": "sha512-59b5HtSVrVR/eYNei3BUj3DCPKD/G7EtDDe7OEJE7i7FtQFugYo6MxbotS8mVJkLNVf8gYaAlEBwwtJ9HzhWSg==",
       "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
-        "esutils": "^2.0.2"
+        "tslib": "^2.6.2"
       },
       "engines": {
-        "node": ">=0.10.0"
+        "node": ">=18.0.0"
       }
     },
-    "node_modules/dunder-proto": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/dunder-proto/-/dunder-proto-1.0.1.tgz",
-      "integrity": "sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==",
+    "node_modules/@smithy/url-parser": {
+      "version": "4.2.14",
+      "resolved": "https://registry.npmjs.org/@smithy/url-parser/-/url-parser-4.2.14.tgz",
+      "integrity": "sha512-p06BiBigJ8bTA3MgnOfCtDUWnAMY0YfedO/GRpmc7p+wg3KW8vbXy1xwSu5ASy0wV7rRYtlfZOIKH4XqfhjSQQ==",
       "dev": true,
-      "license": "MIT",
+      "license": "Apache-2.0",
       "dependencies": {
-        "call-bind-apply-helpers": "^1.0.1",
-        "es-errors": "^1.3.0",
-        "gopd": "^1.2.0"
+        "@smithy/querystring-parser": "^4.2.14",
+        "@smithy/types": "^4.14.1",
+        "tslib": "^2.6.2"
       },
       "engines": {
-        "node": ">= 0.4"
+        "node": ">=18.0.0"
       }
     },
-    "node_modules/electron-to-chromium": {
-      "version": "1.5.340",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.340.tgz",
-      "integrity": "sha512-908qahOGocRMinT2nM3ajCEM99H4iPdv84eagPP3FfZy/1ZGeOy2CZYzjhms81ckOPCXPlW7LkY4XpxD8r1DrA==",
+    "node_modules/@smithy/util-base64": {
+      "version": "4.3.2",
+      "resolved": "https://registry.npmjs.org/@smithy/util-base64/-/util-base64-4.3.2.tgz",
+      "integrity": "sha512-XRH6b0H/5A3SgblmMa5ErXQ2XKhfbQB+Fm/oyLZ2O2kCUrwgg55bU0RekmzAhuwOjA9qdN5VU2BprOvGGUkOOQ==",
       "dev": true,
-      "license": "ISC"
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@smithy/util-buffer-from": "^4.2.2",
+        "@smithy/util-utf8": "^4.2.2",
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
     },
-    "node_modules/emoji-regex": {
-      "version": "9.2.2",
-      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-9.2.2.tgz",
-      "integrity": "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==",
+    "node_modules/@smithy/util-body-length-browser": {
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/@smithy/util-body-length-browser/-/util-body-length-browser-4.2.2.tgz",
+      "integrity": "sha512-JKCrLNOup3OOgmzeaKQwi4ZCTWlYR5H4Gm1r2uTMVBXoemo1UEghk5vtMi1xSu2ymgKVGW631e2fp9/R610ZjQ==",
       "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/entities": {
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/entities/-/entities-6.0.1.tgz",
-      "integrity": "sha512-aN97NXWF6AWBTahfVOIrB/NShkzi5H7F9r1s9mD3cDj4Ko5f2qhhVoYMibXF7GlLveb/D2ioWay8lxI97Ven3g==",
-      "license": "BSD-2-Clause",
-      "engines": {
-        "node": ">=0.12"
+      "license": "Apache-2.0",
+      "dependencies": {
+        "tslib": "^2.6.2"
       },
-      "funding": {
-        "url": "https://github.com/fb55/entities?sponsor=1"
+      "engines": {
+        "node": ">=18.0.0"
       }
     },
-    "node_modules/es-abstract": {
-      "version": "1.24.2",
-      "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.24.2.tgz",
-      "integrity": "sha512-2FpH9Q5i2RRwyEP1AylXe6nYLR5OhaJTZwmlcP0dL/+JCbgg7yyEo/sEK6HeGZRf3dFpWwThaRHVApXSkW3xeg==",
+    "node_modules/@smithy/util-body-length-node": {
+      "version": "4.2.3",
+      "resolved": "https://registry.npmjs.org/@smithy/util-body-length-node/-/util-body-length-node-4.2.3.tgz",
+      "integrity": "sha512-ZkJGvqBzMHVHE7r/hcuCxlTY8pQr1kMtdsVPs7ex4mMU+EAbcXppfo5NmyxMYi2XU49eqaz56j2gsk4dHHPG/g==",
       "dev": true,
-      "license": "MIT",
+      "license": "Apache-2.0",
       "dependencies": {
-        "array-buffer-byte-length": "^1.0.2",
-        "arraybuffer.prototype.slice": "^1.0.4",
-        "available-typed-arrays": "^1.0.7",
-        "call-bind": "^1.0.8",
-        "call-bound": "^1.0.4",
-        "data-view-buffer": "^1.0.2",
-        "data-view-byte-length": "^1.0.2",
-        "data-view-byte-offset": "^1.0.1",
-        "es-define-property": "^1.0.1",
-        "es-errors": "^1.3.0",
-        "es-object-atoms": "^1.1.1",
-        "es-set-tostringtag": "^2.1.0",
-        "es-to-primitive": "^1.3.0",
-        "function.prototype.name": "^1.1.8",
-        "get-intrinsic": "^1.3.0",
-        "get-proto": "^1.0.1",
-        "get-symbol-description": "^1.1.0",
-        "globalthis": "^1.0.4",
-        "gopd": "^1.2.0",
-        "has-property-descriptors": "^1.0.2",
-        "has-proto": "^1.2.0",
-        "has-symbols": "^1.1.0",
-        "hasown": "^2.0.2",
-        "internal-slot": "^1.1.0",
-        "is-array-buffer": "^3.0.5",
-        "is-callable": "^1.2.7",
-        "is-data-view": "^1.0.2",
-        "is-negative-zero": "^2.0.3",
-        "is-regex": "^1.2.1",
-        "is-set": "^2.0.3",
-        "is-shared-array-buffer": "^1.0.4",
-        "is-string": "^1.1.1",
-        "is-typed-array": "^1.1.15",
-        "is-weakref": "^1.1.1",
-        "math-intrinsics": "^1.1.0",
-        "object-inspect": "^1.13.4",
-        "object-keys": "^1.1.1",
-        "object.assign": "^4.1.7",
-        "own-keys": "^1.0.1",
-        "regexp.prototype.flags": "^1.5.4",
-        "safe-array-concat": "^1.1.3",
-        "safe-push-apply": "^1.0.0",
-        "safe-regex-test": "^1.1.0",
-        "set-proto": "^1.0.0",
-        "stop-iteration-iterator": "^1.1.0",
-        "string.prototype.trim": "^1.2.10",
-        "string.prototype.trimend": "^1.0.9",
-        "string.prototype.trimstart": "^1.0.8",
-        "typed-array-buffer": "^1.0.3",
-        "typed-array-byte-length": "^1.0.3",
-        "typed-array-byte-offset": "^1.0.4",
-        "typed-array-length": "^1.0.7",
-        "unbox-primitive": "^1.1.0",
-        "which-typed-array": "^1.1.19"
+        "tslib": "^2.6.2"
       },
       "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
+        "node": ">=18.0.0"
       }
     },
-    "node_modules/es-define-property": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.1.tgz",
-      "integrity": "sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==",
+    "node_modules/@smithy/util-buffer-from": {
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/@smithy/util-buffer-from/-/util-buffer-from-4.2.2.tgz",
+      "integrity": "sha512-FDXD7cvUoFWwN6vtQfEta540Y/YBe5JneK3SoZg9bThSoOAC/eGeYEua6RkBgKjGa/sz6Y+DuBZj3+YEY21y4Q==",
       "dev": true,
-      "license": "MIT",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@smithy/is-array-buffer": "^4.2.2",
+        "tslib": "^2.6.2"
+      },
       "engines": {
-        "node": ">= 0.4"
+        "node": ">=18.0.0"
       }
     },
-    "node_modules/es-errors": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz",
-      "integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==",
+    "node_modules/@smithy/util-config-provider": {
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/@smithy/util-config-provider/-/util-config-provider-4.2.2.tgz",
+      "integrity": "sha512-dWU03V3XUprJwaUIFVv4iOnS1FC9HnMHDfUrlNDSh4315v0cWyaIErP8KiqGVbf5z+JupoVpNM7ZB3jFiTejvQ==",
       "dev": true,
-      "license": "MIT",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "tslib": "^2.6.2"
+      },
       "engines": {
-        "node": ">= 0.4"
+        "node": ">=18.0.0"
       }
     },
-    "node_modules/es-iterator-helpers": {
-      "version": "1.3.2",
-      "resolved": "https://registry.npmjs.org/es-iterator-helpers/-/es-iterator-helpers-1.3.2.tgz",
-      "integrity": "sha512-HVLACW1TppGYjJ8H6/jqH/pqOtKRw6wMlrB23xfExmFWxFquAIWCmwoLsOyN96K4a5KbmOf5At9ZUO3GZbetAw==",
+    "node_modules/@smithy/util-defaults-mode-browser": {
+      "version": "4.3.47",
+      "resolved": "https://registry.npmjs.org/@smithy/util-defaults-mode-browser/-/util-defaults-mode-browser-4.3.47.tgz",
+      "integrity": "sha512-zlIuXai3/SHjQUQ8y3g/woLvrH573SK2wNjcDaHu5e9VOcC0JwM1MI0Sq0GZJyN3BwSUneIhpjZ18nsiz5AtQw==",
       "dev": true,
-      "license": "MIT",
+      "license": "Apache-2.0",
       "dependencies": {
-        "call-bind": "^1.0.9",
-        "call-bound": "^1.0.4",
-        "define-properties": "^1.2.1",
-        "es-abstract": "^1.24.2",
-        "es-errors": "^1.3.0",
-        "es-set-tostringtag": "^2.1.0",
-        "function-bind": "^1.1.2",
-        "get-intrinsic": "^1.3.0",
-        "globalthis": "^1.0.4",
-        "gopd": "^1.2.0",
-        "has-property-descriptors": "^1.0.2",
-        "has-proto": "^1.2.0",
-        "has-symbols": "^1.1.0",
-        "internal-slot": "^1.1.0",
-        "iterator.prototype": "^1.1.5",
-        "math-intrinsics": "^1.1.0"
+        "@smithy/property-provider": "^4.2.14",
+        "@smithy/smithy-client": "^4.12.11",
+        "@smithy/types": "^4.14.1",
+        "tslib": "^2.6.2"
       },
       "engines": {
-        "node": ">= 0.4"
+        "node": ">=18.0.0"
       }
     },
-    "node_modules/es-object-atoms": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/es-object-atoms/-/es-object-atoms-1.1.1.tgz",
-      "integrity": "sha512-FGgH2h8zKNim9ljj7dankFPcICIK9Cp5bm+c2gQSYePhpaG5+esrLODihIorn+Pe6FGJzWhXQotPv73jTaldXA==",
+    "node_modules/@smithy/util-defaults-mode-node": {
+      "version": "4.2.52",
+      "resolved": "https://registry.npmjs.org/@smithy/util-defaults-mode-node/-/util-defaults-mode-node-4.2.52.tgz",
+      "integrity": "sha512-cQBz8g68Vnw1W2meXlkb3D/hXJU+Taiyj9P8qLJtjREEV9/Td65xi4A/H1sRQ8EIgX5qbZbvdYPKygKLholZ3w==",
       "dev": true,
-      "license": "MIT",
+      "license": "Apache-2.0",
       "dependencies": {
-        "es-errors": "^1.3.0"
+        "@smithy/config-resolver": "^4.4.16",
+        "@smithy/credential-provider-imds": "^4.2.14",
+        "@smithy/node-config-provider": "^4.3.14",
+        "@smithy/property-provider": "^4.2.14",
+        "@smithy/smithy-client": "^4.12.11",
+        "@smithy/types": "^4.14.1",
+        "tslib": "^2.6.2"
       },
       "engines": {
-        "node": ">= 0.4"
+        "node": ">=18.0.0"
       }
     },
-    "node_modules/es-set-tostringtag": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/es-set-tostringtag/-/es-set-tostringtag-2.1.0.tgz",
-      "integrity": "sha512-j6vWzfrGVfyXxge+O0x5sh6cvxAog0a/4Rdd2K36zCMV5eJ+/+tOAngRO8cODMNWbVRdVlmGZQL2YS3yR8bIUA==",
+    "node_modules/@smithy/util-endpoints": {
+      "version": "3.4.1",
+      "resolved": "https://registry.npmjs.org/@smithy/util-endpoints/-/util-endpoints-3.4.1.tgz",
+      "integrity": "sha512-wMxNDZJrgS5mQV9oxCs4TWl5767VMgOfqfZ3JHyCkMtGC2ykW9iPqMvFur695Otcc5yxLG8OKO/80tsQBxrhXg==",
       "dev": true,
-      "license": "MIT",
+      "license": "Apache-2.0",
       "dependencies": {
-        "es-errors": "^1.3.0",
-        "get-intrinsic": "^1.2.6",
-        "has-tostringtag": "^1.0.2",
-        "hasown": "^2.0.2"
+        "@smithy/node-config-provider": "^4.3.14",
+        "@smithy/types": "^4.14.1",
+        "tslib": "^2.6.2"
       },
       "engines": {
-        "node": ">= 0.4"
+        "node": ">=18.0.0"
       }
     },
-    "node_modules/es-shim-unscopables": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/es-shim-unscopables/-/es-shim-unscopables-1.1.0.tgz",
-      "integrity": "sha512-d9T8ucsEhh8Bi1woXCf+TIKDIROLG5WCkxg8geBCbvk22kzwC5G2OnXVMO6FUsvQlgUUXQ2itephWDLqDzbeCw==",
+    "node_modules/@smithy/util-hex-encoding": {
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/@smithy/util-hex-encoding/-/util-hex-encoding-4.2.2.tgz",
+      "integrity": "sha512-Qcz3W5vuHK4sLQdyT93k/rfrUwdJ8/HZ+nMUOyGdpeGA1Wxt65zYwi3oEl9kOM+RswvYq90fzkNDahPS8K0OIg==",
       "dev": true,
-      "license": "MIT",
+      "license": "Apache-2.0",
       "dependencies": {
-        "hasown": "^2.0.2"
+        "tslib": "^2.6.2"
       },
       "engines": {
-        "node": ">= 0.4"
+        "node": ">=18.0.0"
       }
     },
-    "node_modules/es-to-primitive": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/es-to-primitive/-/es-to-primitive-1.3.0.tgz",
-      "integrity": "sha512-w+5mJ3GuFL+NjVtJlvydShqE1eN3h3PbI7/5LAsYJP/2qtuMXjfL2LpHSRqo4b4eSF5K/DH1JXKUAHSB2UW50g==",
+    "node_modules/@smithy/util-middleware": {
+      "version": "4.2.14",
+      "resolved": "https://registry.npmjs.org/@smithy/util-middleware/-/util-middleware-4.2.14.tgz",
+      "integrity": "sha512-1Su2vj9RYNDEv/V+2E+jXkkwGsgR7dc4sfHn9Z7ruzQHJIEni9zzw5CauvRXlFJfmgcqYP8fWa0dkh2Q2YaQyw==",
       "dev": true,
-      "license": "MIT",
+      "license": "Apache-2.0",
       "dependencies": {
-        "is-callable": "^1.2.7",
-        "is-date-object": "^1.0.5",
-        "is-symbol": "^1.0.4"
+        "@smithy/types": "^4.14.1",
+        "tslib": "^2.6.2"
       },
       "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
+        "node": ">=18.0.0"
       }
     },
-    "node_modules/escalade": {
-      "version": "3.2.0",
-      "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.2.0.tgz",
-      "integrity": "sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==",
+    "node_modules/@smithy/util-retry": {
+      "version": "4.3.2",
+      "resolved": "https://registry.npmjs.org/@smithy/util-retry/-/util-retry-4.3.2.tgz",
+      "integrity": "sha512-2+KTsJEwTi63NUv4uR9IQ+IFT1yu6Rf6JuoBK2WKaaJ/TRvOiOVGcXAsEqX/TQN2thR9yII21kPUJq1UV/WI2A==",
       "dev": true,
-      "license": "MIT",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@smithy/service-error-classification": "^4.2.14",
+        "@smithy/types": "^4.14.1",
+        "tslib": "^2.6.2"
+      },
       "engines": {
-        "node": ">=6"
+        "node": ">=18.0.0"
       }
     },
-    "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==",
+    "node_modules/@smithy/util-stream": {
+      "version": "4.5.23",
+      "resolved": "https://registry.npmjs.org/@smithy/util-stream/-/util-stream-4.5.23.tgz",
+      "integrity": "sha512-N6on1+ngJ3RznZOnDWNveIwnTSlqxNnXuNAh7ez889ZZaRdXoNRTXKgmYOLe6dB0gCmAVtuRScE1hymQFl4hpg==",
       "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=10"
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@smithy/fetch-http-handler": "^5.3.17",
+        "@smithy/node-http-handler": "^4.5.3",
+        "@smithy/types": "^4.14.1",
+        "@smithy/util-base64": "^4.3.2",
+        "@smithy/util-buffer-from": "^4.2.2",
+        "@smithy/util-hex-encoding": "^4.2.2",
+        "@smithy/util-utf8": "^4.2.2",
+        "tslib": "^2.6.2"
       },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
+      "engines": {
+        "node": ">=18.0.0"
       }
     },
-    "node_modules/eslint": {
-      "version": "9.39.4",
-      "resolved": "https://registry.npmjs.org/eslint/-/eslint-9.39.4.tgz",
-      "integrity": "sha512-XoMjdBOwe/esVgEvLmNsD3IRHkm7fbKIUGvrleloJXUZgDHig2IPWNniv+GwjyJXzuNqVjlr5+4yVUZjycJwfQ==",
+    "node_modules/@smithy/util-uri-escape": {
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/@smithy/util-uri-escape/-/util-uri-escape-4.2.2.tgz",
+      "integrity": "sha512-2kAStBlvq+lTXHyAZYfJRb/DfS3rsinLiwb+69SstC9Vb0s9vNWkRwpnj918Pfi85mzi42sOqdV72OLxWAISnw==",
       "dev": true,
-      "license": "MIT",
+      "license": "Apache-2.0",
       "dependencies": {
-        "@eslint-community/eslint-utils": "^4.8.0",
-        "@eslint-community/regexpp": "^4.12.1",
-        "@eslint/config-array": "^0.21.2",
-        "@eslint/config-helpers": "^0.4.2",
-        "@eslint/core": "^0.17.0",
-        "@eslint/eslintrc": "^3.3.5",
-        "@eslint/js": "9.39.4",
-        "@eslint/plugin-kit": "^0.4.1",
-        "@humanfs/node": "^0.16.6",
-        "@humanwhocodes/module-importer": "^1.0.1",
-        "@humanwhocodes/retry": "^0.4.2",
-        "@types/estree": "^1.0.6",
-        "ajv": "^6.14.0",
-        "chalk": "^4.0.0",
-        "cross-spawn": "^7.0.6",
-        "debug": "^4.3.2",
-        "escape-string-regexp": "^4.0.0",
-        "eslint-scope": "^8.4.0",
-        "eslint-visitor-keys": "^4.2.1",
-        "espree": "^10.4.0",
-        "esquery": "^1.5.0",
-        "esutils": "^2.0.2",
-        "fast-deep-equal": "^3.1.3",
-        "file-entry-cache": "^8.0.0",
-        "find-up": "^5.0.0",
-        "glob-parent": "^6.0.2",
-        "ignore": "^5.2.0",
-        "imurmurhash": "^0.1.4",
-        "is-glob": "^4.0.0",
-        "json-stable-stringify-without-jsonify": "^1.0.1",
-        "lodash.merge": "^4.6.2",
-        "minimatch": "^3.1.5",
-        "natural-compare": "^1.4.0",
-        "optionator": "^0.9.3"
-      },
-      "bin": {
-        "eslint": "bin/eslint.js"
+        "tslib": "^2.6.2"
       },
       "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-      },
-      "funding": {
-        "url": "https://eslint.org/donate"
-      },
-      "peerDependencies": {
-        "jiti": "*"
-      },
-      "peerDependenciesMeta": {
-        "jiti": {
-          "optional": true
-        }
+        "node": ">=18.0.0"
       }
     },
-    "node_modules/eslint-config-next": {
-      "version": "16.1.6",
-      "resolved": "https://registry.npmjs.org/eslint-config-next/-/eslint-config-next-16.1.6.tgz",
-      "integrity": "sha512-vKq40io2B0XtkkNDYyleATwblNt8xuh3FWp8SpSz3pt7P01OkBFlKsJZ2mWt5WsCySlDQLckb1zMY9yE9Qy0LA==",
+    "node_modules/@smithy/util-utf8": {
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/@smithy/util-utf8/-/util-utf8-4.2.2.tgz",
+      "integrity": "sha512-75MeYpjdWRe8M5E3AW0O4Cx3UadweS+cwdXjwYGBW5h/gxxnbeZ877sLPX/ZJA9GVTlL/qG0dXP29JWFCD1Ayw==",
       "dev": true,
-      "license": "MIT",
+      "license": "Apache-2.0",
       "dependencies": {
-        "@next/eslint-plugin-next": "16.1.6",
-        "eslint-import-resolver-node": "^0.3.6",
-        "eslint-import-resolver-typescript": "^3.5.2",
-        "eslint-plugin-import": "^2.32.0",
-        "eslint-plugin-jsx-a11y": "^6.10.0",
-        "eslint-plugin-react": "^7.37.0",
-        "eslint-plugin-react-hooks": "^7.0.0",
-        "globals": "16.4.0",
-        "typescript-eslint": "^8.46.0"
+        "@smithy/util-buffer-from": "^4.2.2",
+        "tslib": "^2.6.2"
       },
-      "peerDependencies": {
-        "eslint": ">=9.0.0",
-        "typescript": ">=3.3.1"
-      },
-      "peerDependenciesMeta": {
-        "typescript": {
-          "optional": true
-        }
+      "engines": {
+        "node": ">=18.0.0"
       }
     },
-    "node_modules/eslint-config-next/node_modules/globals": {
-      "version": "16.4.0",
-      "resolved": "https://registry.npmjs.org/globals/-/globals-16.4.0.tgz",
-      "integrity": "sha512-ob/2LcVVaVGCYN+r14cnwnoDPUufjiYgSqRhiFD0Q1iI4Odora5RE8Iv1D24hAz5oMophRGkGz+yuvQmmUMnMw==",
+    "node_modules/@smithy/util-waiter": {
+      "version": "4.2.16",
+      "resolved": "https://registry.npmjs.org/@smithy/util-waiter/-/util-waiter-4.2.16.tgz",
+      "integrity": "sha512-GtclrKoZ3Lt7jPQ7aTIYKfjY92OgceScftVnkTsG8e1KV8rkvZgN+ny6YSRhd9hxB8rZtwVbmln7NTvE5O3GmQ==",
       "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=18"
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@smithy/types": "^4.14.1",
+        "tslib": "^2.6.2"
       },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
+      "engines": {
+        "node": ">=18.0.0"
       }
     },
-    "node_modules/eslint-import-resolver-node": {
-      "version": "0.3.10",
-      "resolved": "https://registry.npmjs.org/eslint-import-resolver-node/-/eslint-import-resolver-node-0.3.10.tgz",
-      "integrity": "sha512-tRrKqFyCaKict5hOd244sL6EQFNycnMQnBe+j8uqGNXYzsImGbGUU4ibtoaBmv5FLwJwcFJNeg1GeVjQfbMrDQ==",
+    "node_modules/@smithy/uuid": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@smithy/uuid/-/uuid-1.1.2.tgz",
+      "integrity": "sha512-O/IEdcCUKkubz60tFbGA7ceITTAJsty+lBjNoorP4Z6XRqaFb/OjQjZODophEcuq68nKm6/0r+6/lLQ+XVpk8g==",
       "dev": true,
-      "license": "MIT",
+      "license": "Apache-2.0",
       "dependencies": {
-        "debug": "^3.2.7",
-        "is-core-module": "^2.16.1",
-        "resolve": "^2.0.0-next.6"
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=18.0.0"
       }
     },
-    "node_modules/eslint-import-resolver-node/node_modules/debug": {
-      "version": "3.2.7",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
-      "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
+    "node_modules/@speed-highlight/core": {
+      "version": "1.2.15",
+      "resolved": "https://registry.npmjs.org/@speed-highlight/core/-/core-1.2.15.tgz",
+      "integrity": "sha512-BMq1K3DsElxDWawkX6eLg9+CKJrTVGCBAWVuHXVUV2u0s2711qiChLSId6ikYPfxhdYocLNt3wWwSvDiTvFabw==",
       "dev": true,
+      "license": "CC0-1.0"
+    },
+    "node_modules/@supabase/auth-js": {
+      "version": "2.103.3",
+      "resolved": "https://registry.npmjs.org/@supabase/auth-js/-/auth-js-2.103.3.tgz",
+      "integrity": "sha512-SMDJ4vg5jLXNEHdhN4J4ujSb203WangbDw1n3VaARH0ZqM51E6lJnoUAHlpQU9N7SzP0hfgghA9IvT8c7tGRfg==",
       "license": "MIT",
       "dependencies": {
-        "ms": "^2.1.1"
+        "tslib": "2.8.1"
+      },
+      "engines": {
+        "node": ">=20.0.0"
       }
     },
-    "node_modules/eslint-import-resolver-typescript": {
-      "version": "3.10.1",
-      "resolved": "https://registry.npmjs.org/eslint-import-resolver-typescript/-/eslint-import-resolver-typescript-3.10.1.tgz",
-      "integrity": "sha512-A1rHYb06zjMGAxdLSkN2fXPBwuSaQ0iO5M/hdyS0Ajj1VBaRp0sPD3dn1FhME3c/JluGFbwSxyCfqdSbtQLAHQ==",
-      "dev": true,
-      "license": "ISC",
+    "node_modules/@supabase/functions-js": {
+      "version": "2.103.3",
+      "resolved": "https://registry.npmjs.org/@supabase/functions-js/-/functions-js-2.103.3.tgz",
+      "integrity": "sha512-A2ZHi95GIRRlN9LGOSa/zGEIPg9taR1giDI9Gkfkgrcz0YmKV8ShiAplIrKsHQFdkzKxtsO3maJF0efL+i31mg==",
+      "license": "MIT",
       "dependencies": {
-        "@nolyfill/is-core-module": "1.0.39",
-        "debug": "^4.4.0",
-        "get-tsconfig": "^4.10.0",
-        "is-bun-module": "^2.0.0",
-        "stable-hash": "^0.0.5",
-        "tinyglobby": "^0.2.13",
-        "unrs-resolver": "^1.6.2"
+        "tslib": "2.8.1"
       },
       "engines": {
-        "node": "^14.18.0 || >=16.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/eslint-import-resolver-typescript"
-      },
-      "peerDependencies": {
-        "eslint": "*",
-        "eslint-plugin-import": "*",
-        "eslint-plugin-import-x": "*"
-      },
-      "peerDependenciesMeta": {
-        "eslint-plugin-import": {
-          "optional": true
-        },
-        "eslint-plugin-import-x": {
-          "optional": true
-        }
+        "node": ">=20.0.0"
       }
     },
-    "node_modules/eslint-module-utils": {
-      "version": "2.12.1",
-      "resolved": "https://registry.npmjs.org/eslint-module-utils/-/eslint-module-utils-2.12.1.tgz",
-      "integrity": "sha512-L8jSWTze7K2mTg0vos/RuLRS5soomksDPoJLXIslC7c8Wmut3bx7CPpJijDcBZtxQ5lrbUdM+s0OlNbz0DCDNw==",
-      "dev": true,
+    "node_modules/@supabase/phoenix": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/@supabase/phoenix/-/phoenix-0.4.0.tgz",
+      "integrity": "sha512-RHSx8bHS02xwfHdAbX5Lpbo6PXbgyf7lTaXTlwtFDPwOIw64NnVRwFAXGojHhjtVYI+PEPNSWwkL90f4agN3bw==",
+      "license": "MIT"
+    },
+    "node_modules/@supabase/postgrest-js": {
+      "version": "2.103.3",
+      "resolved": "https://registry.npmjs.org/@supabase/postgrest-js/-/postgrest-js-2.103.3.tgz",
+      "integrity": "sha512-S0k/9FJVXDeejNfQLCJwRlm4IH8Wet/HEEdBTBpX6/G2o1eU/6CjQop/hJPZIwlQkI6D/zbHH8KymuCsBgy6jA==",
       "license": "MIT",
       "dependencies": {
-        "debug": "^3.2.7"
+        "tslib": "2.8.1"
       },
       "engines": {
-        "node": ">=4"
-      },
-      "peerDependenciesMeta": {
-        "eslint": {
-          "optional": true
-        }
+        "node": ">=20.0.0"
       }
     },
-    "node_modules/eslint-module-utils/node_modules/debug": {
-      "version": "3.2.7",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
-      "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
-      "dev": true,
+    "node_modules/@supabase/realtime-js": {
+      "version": "2.103.3",
+      "resolved": "https://registry.npmjs.org/@supabase/realtime-js/-/realtime-js-2.103.3.tgz",
+      "integrity": "sha512-fUvKtSXMUk1BkApVwAurWtHF4Vzbb0UB9aC/fQXrRBek7Ta3Kaora+wHf/fGwFNQs7uRz+mvjIVpzLfpR32VXA==",
       "license": "MIT",
       "dependencies": {
-        "ms": "^2.1.1"
-      }
-    },
-    "node_modules/eslint-plugin-import": {
-      "version": "2.32.0",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-import/-/eslint-plugin-import-2.32.0.tgz",
-      "integrity": "sha512-whOE1HFo/qJDyX4SnXzP4N6zOWn79WhnCUY/iDR0mPfQZO8wcYE4JClzI2oZrhBnnMUCBCHZhO6VQyoBU95mZA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@rtsao/scc": "^1.1.0",
-        "array-includes": "^3.1.9",
-        "array.prototype.findlastindex": "^1.2.6",
-        "array.prototype.flat": "^1.3.3",
-        "array.prototype.flatmap": "^1.3.3",
-        "debug": "^3.2.7",
-        "doctrine": "^2.1.0",
-        "eslint-import-resolver-node": "^0.3.9",
-        "eslint-module-utils": "^2.12.1",
-        "hasown": "^2.0.2",
-        "is-core-module": "^2.16.1",
-        "is-glob": "^4.0.3",
-        "minimatch": "^3.1.2",
-        "object.fromentries": "^2.0.8",
-        "object.groupby": "^1.0.3",
-        "object.values": "^1.2.1",
-        "semver": "^6.3.1",
-        "string.prototype.trimend": "^1.0.9",
-        "tsconfig-paths": "^3.15.0"
+        "@supabase/phoenix": "^0.4.0",
+        "@types/ws": "^8.18.1",
+        "tslib": "2.8.1",
+        "ws": "^8.18.2"
       },
       "engines": {
-        "node": ">=4"
-      },
-      "peerDependencies": {
-        "eslint": "^2 || ^3 || ^4 || ^5 || ^6 || ^7.2.0 || ^8 || ^9"
+        "node": ">=20.0.0"
       }
     },
-    "node_modules/eslint-plugin-import/node_modules/debug": {
-      "version": "3.2.7",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
-      "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
-      "dev": true,
+    "node_modules/@supabase/storage-js": {
+      "version": "2.103.3",
+      "resolved": "https://registry.npmjs.org/@supabase/storage-js/-/storage-js-2.103.3.tgz",
+      "integrity": "sha512-5bAIEubrw5keHcdKR2RTois0O1M2Ilx4UYuzOzc07G6mLGCPS/8t1nbC6Vq451pnxR3sK+rmtFHWb9CY/OPjAw==",
       "license": "MIT",
       "dependencies": {
-        "ms": "^2.1.1"
+        "iceberg-js": "^0.8.1",
+        "tslib": "2.8.1"
+      },
+      "engines": {
+        "node": ">=20.0.0"
       }
     },
-    "node_modules/eslint-plugin-jsx-a11y": {
-      "version": "6.10.2",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-jsx-a11y/-/eslint-plugin-jsx-a11y-6.10.2.tgz",
-      "integrity": "sha512-scB3nz4WmG75pV8+3eRUQOHZlNSUhFNq37xnpgRkCCELU3XMvXAxLk1eqWWyE22Ki4Q01Fnsw9BA3cJHDPgn2Q==",
-      "dev": true,
+    "node_modules/@supabase/supabase-js": {
+      "version": "2.103.3",
+      "resolved": "https://registry.npmjs.org/@supabase/supabase-js/-/supabase-js-2.103.3.tgz",
+      "integrity": "sha512-DuPiAz5pIJsTAQCt7B6bDZrnLzlq9+/5bta/GWTsgpLn6AkuZQcmYsQHYplv4skQ8U2raKY5HASQOu4KtYq9Qw==",
       "license": "MIT",
       "dependencies": {
-        "aria-query": "^5.3.2",
-        "array-includes": "^3.1.8",
-        "array.prototype.flatmap": "^1.3.2",
-        "ast-types-flow": "^0.0.8",
-        "axe-core": "^4.10.0",
-        "axobject-query": "^4.1.0",
-        "damerau-levenshtein": "^1.0.8",
-        "emoji-regex": "^9.2.2",
-        "hasown": "^2.0.2",
-        "jsx-ast-utils": "^3.3.5",
-        "language-tags": "^1.0.9",
-        "minimatch": "^3.1.2",
-        "object.fromentries": "^2.0.8",
-        "safe-regex-test": "^1.0.3",
-        "string.prototype.includes": "^2.0.1"
+        "@supabase/auth-js": "2.103.3",
+        "@supabase/functions-js": "2.103.3",
+        "@supabase/postgrest-js": "2.103.3",
+        "@supabase/realtime-js": "2.103.3",
+        "@supabase/storage-js": "2.103.3"
       },
       "engines": {
-        "node": ">=4.0"
-      },
-      "peerDependencies": {
-        "eslint": "^3 || ^4 || ^5 || ^6 || ^7 || ^8 || ^9"
+        "node": ">=20.0.0"
       }
     },
-    "node_modules/eslint-plugin-react": {
-      "version": "7.37.5",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-react/-/eslint-plugin-react-7.37.5.tgz",
-      "integrity": "sha512-Qteup0SqU15kdocexFNAJMvCJEfa2xUKNV4CC1xsVMrIIqEy3SQ/rqyxCWNzfrd3/ldy6HMlD2e0JDVpDg2qIA==",
-      "dev": true,
-      "license": "MIT",
+    "node_modules/@swc/helpers": {
+      "version": "0.5.15",
+      "resolved": "https://registry.npmjs.org/@swc/helpers/-/helpers-0.5.15.tgz",
+      "integrity": "sha512-JQ5TuMi45Owi4/BIMAJBoSQoOJu12oOk/gADqlcUL9JEdHB8vyjUSsxqeNXnmXHjYKMi2WcYtezGEEhqUI/E2g==",
+      "license": "Apache-2.0",
       "dependencies": {
-        "array-includes": "^3.1.8",
-        "array.prototype.findlast": "^1.2.5",
-        "array.prototype.flatmap": "^1.3.3",
-        "array.prototype.tosorted": "^1.1.4",
-        "doctrine": "^2.1.0",
-        "es-iterator-helpers": "^1.2.1",
-        "estraverse": "^5.3.0",
-        "hasown": "^2.0.2",
-        "jsx-ast-utils": "^2.4.1 || ^3.0.0",
-        "minimatch": "^3.1.2",
-        "object.entries": "^1.1.9",
-        "object.fromentries": "^2.0.8",
-        "object.values": "^1.2.1",
-        "prop-types": "^15.8.1",
-        "resolve": "^2.0.0-next.5",
-        "semver": "^6.3.1",
-        "string.prototype.matchall": "^4.0.12",
-        "string.prototype.repeat": "^1.0.0"
-      },
-      "engines": {
-        "node": ">=4"
-      },
-      "peerDependencies": {
-        "eslint": "^3 || ^4 || ^5 || ^6 || ^7 || ^8 || ^9.7"
+        "tslib": "^2.8.0"
       }
     },
-    "node_modules/eslint-plugin-react-hooks": {
-      "version": "7.1.1",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-7.1.1.tgz",
-      "integrity": "sha512-f2I7Gw6JbvCexzIInuSbZpfdQ44D7iqdWX01FKLvrPgqxoE7oMj8clOfto8U6vYiz4yd5oKu39rRSVOe1zRu0g==",
+    "node_modules/@tsconfig/node18": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/@tsconfig/node18/-/node18-1.0.3.tgz",
+      "integrity": "sha512-RbwvSJQsuN9TB04AQbGULYfOGE/RnSFk/FLQ5b0NmDf5Kx2q/lABZbHQPKCO1vZ6Fiwkplu+yb9pGdLy1iGseQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@tybys/wasm-util": {
+      "version": "0.10.1",
+      "resolved": "https://registry.npmjs.org/@tybys/wasm-util/-/wasm-util-0.10.1.tgz",
+      "integrity": "sha512-9tTaPJLSiejZKx+Bmog4uSubteqTvFrVrURwkmHixBo0G4seD0zUxp98E1DzUBJxLQ3NPwXrGKDiVjwx/DpPsg==",
       "dev": true,
       "license": "MIT",
+      "optional": true,
       "dependencies": {
-        "@babel/core": "^7.24.4",
-        "@babel/parser": "^7.24.4",
-        "hermes-parser": "^0.25.1",
-        "zod": "^3.25.0 || ^4.0.0",
-        "zod-validation-error": "^3.5.0 || ^4.0.0"
-      },
-      "engines": {
-        "node": ">=18"
-      },
-      "peerDependencies": {
-        "eslint": "^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0 || ^9.0.0 || ^10.0.0"
+        "tslib": "^2.4.0"
       }
     },
-    "node_modules/eslint-scope": {
-      "version": "8.4.0",
-      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-8.4.0.tgz",
-      "integrity": "sha512-sNXOfKCn74rt8RICKMvJS7XKV/Xk9kA7DyJr8mJik3S7Cwgy3qlkkmyS2uQB3jiJg6VNdZd/pDBJu0nvG2NlTg==",
+    "node_modules/@types/d3": {
+      "version": "7.4.3",
+      "resolved": "https://registry.npmjs.org/@types/d3/-/d3-7.4.3.tgz",
+      "integrity": "sha512-lZXZ9ckh5R8uiFVt8ogUNf+pIrK4EsWrx2Np75WvF/eTpJ0FMHNhjXk8CKEx/+gpHbNQyJWehbFaTvqmHWB3ww==",
       "dev": true,
-      "license": "BSD-2-Clause",
+      "license": "MIT",
       "dependencies": {
-        "esrecurse": "^4.3.0",
-        "estraverse": "^5.2.0"
-      },
-      "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/eslint"
+        "@types/d3-array": "*",
+        "@types/d3-axis": "*",
+        "@types/d3-brush": "*",
+        "@types/d3-chord": "*",
+        "@types/d3-color": "*",
+        "@types/d3-contour": "*",
+        "@types/d3-delaunay": "*",
+        "@types/d3-dispatch": "*",
+        "@types/d3-drag": "*",
+        "@types/d3-dsv": "*",
+        "@types/d3-ease": "*",
+        "@types/d3-fetch": "*",
+        "@types/d3-force": "*",
+        "@types/d3-format": "*",
+        "@types/d3-geo": "*",
+        "@types/d3-hierarchy": "*",
+        "@types/d3-interpolate": "*",
+        "@types/d3-path": "*",
+        "@types/d3-polygon": "*",
+        "@types/d3-quadtree": "*",
+        "@types/d3-random": "*",
+        "@types/d3-scale": "*",
+        "@types/d3-scale-chromatic": "*",
+        "@types/d3-selection": "*",
+        "@types/d3-shape": "*",
+        "@types/d3-time": "*",
+        "@types/d3-time-format": "*",
+        "@types/d3-timer": "*",
+        "@types/d3-transition": "*",
+        "@types/d3-zoom": "*"
       }
     },
-    "node_modules/eslint-visitor-keys": {
-      "version": "4.2.1",
-      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-4.2.1.tgz",
-      "integrity": "sha512-Uhdk5sfqcee/9H/rCOJikYz67o0a2Tw2hGRPOG2Y1R2dg7brRe1uG0yaNQDHu+TO/uQPF/5eCapvYSmHUjt7JQ==",
+    "node_modules/@types/d3-array": {
+      "version": "3.2.2",
+      "resolved": "https://registry.npmjs.org/@types/d3-array/-/d3-array-3.2.2.tgz",
+      "integrity": "sha512-hOLWVbm7uRza0BYXpIIW5pxfrKe0W+D5lrFiAEYR+pb6w3N2SwSMaJbXdUfSEv+dT4MfHBLtn5js0LAWaO6otw==",
       "dev": true,
-      "license": "Apache-2.0",
-      "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/eslint"
-      }
+      "license": "MIT"
     },
-    "node_modules/espree": {
-      "version": "10.4.0",
-      "resolved": "https://registry.npmjs.org/espree/-/espree-10.4.0.tgz",
-      "integrity": "sha512-j6PAQ2uUr79PZhBjP5C5fhl8e39FmRnOjsD5lGnWrFU8i2G776tBK7+nP8KuQUTTyAZUwfQqXAgrVH5MbH9CYQ==",
+    "node_modules/@types/d3-axis": {
+      "version": "3.0.6",
+      "resolved": "https://registry.npmjs.org/@types/d3-axis/-/d3-axis-3.0.6.tgz",
+      "integrity": "sha512-pYeijfZuBd87T0hGn0FO1vQ/cgLk6E1ALJjfkC0oJ8cbwkZl3TpgS8bVBLZN+2jjGgg38epgxb2zmoGtSfvgMw==",
       "dev": true,
-      "license": "BSD-2-Clause",
+      "license": "MIT",
       "dependencies": {
-        "acorn": "^8.15.0",
-        "acorn-jsx": "^5.3.2",
-        "eslint-visitor-keys": "^4.2.1"
-      },
-      "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/eslint"
+        "@types/d3-selection": "*"
       }
     },
-    "node_modules/esquery": {
-      "version": "1.7.0",
-      "resolved": "https://registry.npmjs.org/esquery/-/esquery-1.7.0.tgz",
-      "integrity": "sha512-Ap6G0WQwcU/LHsvLwON1fAQX9Zp0A2Y6Y/cJBl9r/JbW90Zyg4/zbG6zzKa2OTALELarYHmKu0GhpM5EO+7T0g==",
+    "node_modules/@types/d3-brush": {
+      "version": "3.0.6",
+      "resolved": "https://registry.npmjs.org/@types/d3-brush/-/d3-brush-3.0.6.tgz",
+      "integrity": "sha512-nH60IZNNxEcrh6L1ZSMNA28rj27ut/2ZmI3r96Zd+1jrZD++zD3LsMIjWlvg4AYrHn/Pqz4CF3veCxGjtbqt7A==",
       "dev": true,
-      "license": "BSD-3-Clause",
+      "license": "MIT",
       "dependencies": {
-        "estraverse": "^5.1.0"
-      },
-      "engines": {
-        "node": ">=0.10"
+        "@types/d3-selection": "*"
       }
     },
-    "node_modules/esrecurse": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/esrecurse/-/esrecurse-4.3.0.tgz",
-      "integrity": "sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==",
+    "node_modules/@types/d3-chord": {
+      "version": "3.0.6",
+      "resolved": "https://registry.npmjs.org/@types/d3-chord/-/d3-chord-3.0.6.tgz",
+      "integrity": "sha512-LFYWWd8nwfwEmTZG9PfQxd17HbNPksHBiJHaKuY1XeqscXacsS2tyoo6OdRsjf+NQYeB6XrNL3a25E3gH69lcg==",
       "dev": true,
-      "license": "BSD-2-Clause",
-      "dependencies": {
-        "estraverse": "^5.2.0"
-      },
-      "engines": {
-        "node": ">=4.0"
-      }
+      "license": "MIT"
     },
-    "node_modules/estraverse": {
-      "version": "5.3.0",
-      "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
-      "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
+    "node_modules/@types/d3-color": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/@types/d3-color/-/d3-color-3.1.3.tgz",
+      "integrity": "sha512-iO90scth9WAbmgv7ogoq57O9YpKmFBbmoEoCHDB2xMBY0+/KVrqAaCDyCE16dUspeOvIxFFRI+0sEtqDqy2b4A==",
       "dev": true,
-      "license": "BSD-2-Clause",
-      "engines": {
-        "node": ">=4.0"
-      }
+      "license": "MIT"
     },
-    "node_modules/estree-util-is-identifier-name": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/estree-util-is-identifier-name/-/estree-util-is-identifier-name-3.0.0.tgz",
-      "integrity": "sha512-hFtqIDZTIUZ9BXLb8y4pYGyk6+wekIivNVTcmvk8NoOh+VeRn5y6cEHzbURrWbfp1fIqdVipilzj+lfaadNZmg==",
+    "node_modules/@types/d3-contour": {
+      "version": "3.0.6",
+      "resolved": "https://registry.npmjs.org/@types/d3-contour/-/d3-contour-3.0.6.tgz",
+      "integrity": "sha512-BjzLgXGnCWjUSYGfH1cpdo41/hgdWETu4YxpezoztawmqsvCeep+8QGfiY6YbDvfgHz/DkjeIkkZVJavB4a3rg==",
+      "dev": true,
       "license": "MIT",
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/unified"
+      "dependencies": {
+        "@types/d3-array": "*",
+        "@types/geojson": "*"
       }
     },
-    "node_modules/esutils": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz",
-      "integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==",
+    "node_modules/@types/d3-delaunay": {
+      "version": "6.0.4",
+      "resolved": "https://registry.npmjs.org/@types/d3-delaunay/-/d3-delaunay-6.0.4.tgz",
+      "integrity": "sha512-ZMaSKu4THYCU6sV64Lhg6qjf1orxBthaC161plr5KuPHo3CNm8DTHiLw/5Eq2b6TsNP0W0iJrUOFscY6Q450Hw==",
       "dev": true,
-      "license": "BSD-2-Clause",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/extend": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/extend/-/extend-3.0.2.tgz",
-      "integrity": "sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g==",
       "license": "MIT"
     },
-    "node_modules/fast-deep-equal": {
-      "version": "3.1.3",
-      "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
-      "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==",
+    "node_modules/@types/d3-dispatch": {
+      "version": "3.0.7",
+      "resolved": "https://registry.npmjs.org/@types/d3-dispatch/-/d3-dispatch-3.0.7.tgz",
+      "integrity": "sha512-5o9OIAdKkhN1QItV2oqaE5KMIiXAvDWBDPrD85e58Qlz1c1kI/J0NcqbEG88CoTwJrYe7ntUCVfeUl2UJKbWgA==",
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/fast-glob": {
-      "version": "3.3.1",
-      "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.1.tgz",
-      "integrity": "sha512-kNFPyjhh5cKjrUltxs+wFx+ZkbRaxxmZ+X0ZU31SOsxCEtP9VPgtq2teZw1DebupL5GmDaNQ6yKMMVcM41iqDg==",
+    "node_modules/@types/d3-drag": {
+      "version": "3.0.7",
+      "resolved": "https://registry.npmjs.org/@types/d3-drag/-/d3-drag-3.0.7.tgz",
+      "integrity": "sha512-HE3jVKlzU9AaMazNufooRJ5ZpWmLIoc90A37WU2JMmeq28w1FQqCZswHZ3xR+SuxYftzHq6WU6KJHvqxKzTxxQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@nodelib/fs.stat": "^2.0.2",
-        "@nodelib/fs.walk": "^1.2.3",
-        "glob-parent": "^5.1.2",
-        "merge2": "^1.3.0",
-        "micromatch": "^4.0.4"
-      },
-      "engines": {
-        "node": ">=8.6.0"
+        "@types/d3-selection": "*"
       }
     },
-    "node_modules/fast-glob/node_modules/glob-parent": {
-      "version": "5.1.2",
-      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
-      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+    "node_modules/@types/d3-dsv": {
+      "version": "3.0.7",
+      "resolved": "https://registry.npmjs.org/@types/d3-dsv/-/d3-dsv-3.0.7.tgz",
+      "integrity": "sha512-n6QBF9/+XASqcKK6waudgL0pf/S5XHPPI8APyMLLUHd8NqouBGLsU8MgtO7NINGtPBtk9Kko/W4ea0oAspwh9g==",
       "dev": true,
-      "license": "ISC",
+      "license": "MIT"
+    },
+    "node_modules/@types/d3-ease": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/@types/d3-ease/-/d3-ease-3.0.2.tgz",
+      "integrity": "sha512-NcV1JjO5oDzoK26oMzbILE6HW7uVXOHLQvHshBUW4UMdZGfiY6v5BeQwh9a9tCzv+CeefZQHJt5SRgK154RtiA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/d3-fetch": {
+      "version": "3.0.7",
+      "resolved": "https://registry.npmjs.org/@types/d3-fetch/-/d3-fetch-3.0.7.tgz",
+      "integrity": "sha512-fTAfNmxSb9SOWNB9IoG5c8Hg6R+AzUHDRlsXsDZsNp6sxAEOP0tkP3gKkNSO/qmHPoBFTxNrjDprVHDQDvo5aA==",
+      "dev": true,
+      "license": "MIT",
       "dependencies": {
-        "is-glob": "^4.0.1"
-      },
-      "engines": {
-        "node": ">= 6"
+        "@types/d3-dsv": "*"
       }
     },
-    "node_modules/fast-json-stable-stringify": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz",
-      "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==",
+    "node_modules/@types/d3-force": {
+      "version": "3.0.10",
+      "resolved": "https://registry.npmjs.org/@types/d3-force/-/d3-force-3.0.10.tgz",
+      "integrity": "sha512-ZYeSaCF3p73RdOKcjj+swRlZfnYpK1EbaDiYICEEp5Q6sUiqFaFQ9qgoshp5CzIyyb/yD09kD9o2zEltCexlgw==",
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/fast-levenshtein": {
-      "version": "2.0.6",
-      "resolved": "https://registry.npmjs.org/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz",
-      "integrity": "sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==",
+    "node_modules/@types/d3-format": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/@types/d3-format/-/d3-format-3.0.4.tgz",
+      "integrity": "sha512-fALi2aI6shfg7vM5KiR1wNJnZ7r6UuggVqtDA+xiEdPZQwy/trcQaHnwShLuLdta2rTymCNpxYTiMZX/e09F4g==",
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/fastq": {
-      "version": "1.20.1",
-      "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.20.1.tgz",
-      "integrity": "sha512-GGToxJ/w1x32s/D2EKND7kTil4n8OVk/9mycTc4VDza13lOvpUZTGX3mFSCtV9ksdGBVzvsyAVLM6mHFThxXxw==",
+    "node_modules/@types/d3-geo": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/@types/d3-geo/-/d3-geo-3.1.0.tgz",
+      "integrity": "sha512-856sckF0oP/diXtS4jNsiQw/UuK5fQG8l/a9VVLeSouf1/PPbBE1i1W852zVwKwYCBkFJJB7nCFTbk6UMEXBOQ==",
       "dev": true,
-      "license": "ISC",
+      "license": "MIT",
       "dependencies": {
-        "reusify": "^1.0.4"
+        "@types/geojson": "*"
       }
     },
-    "node_modules/file-entry-cache": {
-      "version": "8.0.0",
-      "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-8.0.0.tgz",
-      "integrity": "sha512-XXTUwCvisa5oacNGRP9SfNtYBNAMi+RPwBFmblZEF7N7swHYQS6/Zfk7SRwx4D5j3CH211YNRco1DEMNVfZCnQ==",
+    "node_modules/@types/d3-hierarchy": {
+      "version": "3.1.7",
+      "resolved": "https://registry.npmjs.org/@types/d3-hierarchy/-/d3-hierarchy-3.1.7.tgz",
+      "integrity": "sha512-tJFtNoYBtRtkNysX1Xq4sxtjK8YgoWUNpIiUee0/jHGRwqvzYxkq0hGVbbOGSz+JgFxxRu4K8nb3YpG3CMARtg==",
       "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "flat-cache": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=16.0.0"
-      }
+      "license": "MIT"
     },
-    "node_modules/fill-range": {
-      "version": "7.1.1",
-      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz",
-      "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==",
+    "node_modules/@types/d3-interpolate": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/@types/d3-interpolate/-/d3-interpolate-3.0.4.tgz",
+      "integrity": "sha512-mgLPETlrpVV1YRJIglr4Ez47g7Yxjl1lj7YKsiMCb27VJH9W8NVM6Bb9d8kkpG/uAQS5AmbA48q2IAolKKo1MA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "to-regex-range": "^5.0.1"
-      },
-      "engines": {
-        "node": ">=8"
+        "@types/d3-color": "*"
       }
     },
-    "node_modules/find-up": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/find-up/-/find-up-5.0.0.tgz",
-      "integrity": "sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==",
+    "node_modules/@types/d3-path": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/@types/d3-path/-/d3-path-3.1.1.tgz",
+      "integrity": "sha512-VMZBYyQvbGmWyWVea0EHs/BwLgxc+MKi1zLDCONksozI4YJMcTt8ZEuIR4Sb1MMTE8MMW49v0IwI5+b7RmfWlg==",
       "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "locate-path": "^6.0.0",
-        "path-exists": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
+      "license": "MIT"
     },
-    "node_modules/flat-cache": {
-      "version": "4.0.1",
-      "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-4.0.1.tgz",
-      "integrity": "sha512-f7ccFPK3SXFHpx15UIGyRJ/FJQctuKZ0zVuN3frBo4HnK3cay9VEW0R6yPYFHC0AgqhukPzKjq22t5DmAyqGyw==",
+    "node_modules/@types/d3-polygon": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/@types/d3-polygon/-/d3-polygon-3.0.2.tgz",
+      "integrity": "sha512-ZuWOtMaHCkN9xoeEMr1ubW2nGWsp4nIql+OPQRstu4ypeZ+zk3YKqQT0CXVe/PYqrKpZAi+J9mTs05TKwjXSRA==",
       "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "flatted": "^3.2.9",
-        "keyv": "^4.5.4"
-      },
-      "engines": {
-        "node": ">=16"
-      }
+      "license": "MIT"
     },
-    "node_modules/flatted": {
-      "version": "3.4.2",
-      "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.4.2.tgz",
-      "integrity": "sha512-PjDse7RzhcPkIJwy5t7KPWQSZ9cAbzQXcafsetQoD7sOJRQlGikNbx7yZp2OotDnJyrDcbyRq3Ttb18iYOqkxA==",
+    "node_modules/@types/d3-quadtree": {
+      "version": "3.0.6",
+      "resolved": "https://registry.npmjs.org/@types/d3-quadtree/-/d3-quadtree-3.0.6.tgz",
+      "integrity": "sha512-oUzyO1/Zm6rsxKRHA1vH0NEDG58HrT5icx/azi9MF1TWdtttWl0UIUsjEQBBh+SIkrpd21ZjEv7ptxWys1ncsg==",
       "dev": true,
-      "license": "ISC"
+      "license": "MIT"
     },
-    "node_modules/for-each": {
-      "version": "0.3.5",
-      "resolved": "https://registry.npmjs.org/for-each/-/for-each-0.3.5.tgz",
-      "integrity": "sha512-dKx12eRCVIzqCxFGplyFKJMPvLEWgmNtUrpTiJIR5u97zEhRG8ySrtboPHZXx7daLxQVrl643cTzbab2tkQjxg==",
+    "node_modules/@types/d3-random": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/@types/d3-random/-/d3-random-3.0.3.tgz",
+      "integrity": "sha512-Imagg1vJ3y76Y2ea0871wpabqp613+8/r0mCLEBfdtqC7xMSfj9idOnmBYyMoULfHePJyxMAw3nWhJxzc+LFwQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/d3-scale": {
+      "version": "4.0.9",
+      "resolved": "https://registry.npmjs.org/@types/d3-scale/-/d3-scale-4.0.9.tgz",
+      "integrity": "sha512-dLmtwB8zkAeO/juAMfnV+sItKjlsw2lKdZVVy6LRr0cBmegxSABiLEpGVmSJJ8O08i4+sGR6qQtb6WtuwJdvVw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "is-callable": "^1.2.7"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
+        "@types/d3-time": "*"
       }
     },
-    "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==",
+    "node_modules/@types/d3-scale-chromatic": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/@types/d3-scale-chromatic/-/d3-scale-chromatic-3.1.0.tgz",
+      "integrity": "sha512-iWMJgwkK7yTRmWqRB5plb1kadXyQ5Sj8V/zYlFGMUBbIPKQScw+Dku9cAAMgJG+z5GYDoMjWGLVOvjghDEFnKQ==",
       "dev": true,
-      "license": "MIT",
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
+      "license": "MIT"
     },
-    "node_modules/function.prototype.name": {
-      "version": "1.1.8",
-      "resolved": "https://registry.npmjs.org/function.prototype.name/-/function.prototype.name-1.1.8.tgz",
-      "integrity": "sha512-e5iwyodOHhbMr/yNrc7fDYG4qlbIvI5gajyzPnb5TCwyhjApznQh1BMFou9b30SevY43gCJKXycoCBjMbsuW0Q==",
+    "node_modules/@types/d3-selection": {
+      "version": "3.0.11",
+      "resolved": "https://registry.npmjs.org/@types/d3-selection/-/d3-selection-3.0.11.tgz",
+      "integrity": "sha512-bhAXu23DJWsrI45xafYpkQ4NtcKMwWnAC/vKrd2l+nxMFuvOT3XMYTIj2opv8vq8AO5Yh7Qac/nSeP/3zjTK0w==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/d3-shape": {
+      "version": "3.1.8",
+      "resolved": "https://registry.npmjs.org/@types/d3-shape/-/d3-shape-3.1.8.tgz",
+      "integrity": "sha512-lae0iWfcDeR7qt7rA88BNiqdvPS5pFVPpo5OfjElwNaT2yyekbM0C9vK+yqBqEmHr6lDkRnYNoTBYlAgJa7a4w==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "call-bind": "^1.0.8",
-        "call-bound": "^1.0.3",
-        "define-properties": "^1.2.1",
-        "functions-have-names": "^1.2.3",
-        "hasown": "^2.0.2",
-        "is-callable": "^1.2.7"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
+        "@types/d3-path": "*"
       }
     },
-    "node_modules/functions-have-names": {
-      "version": "1.2.3",
-      "resolved": "https://registry.npmjs.org/functions-have-names/-/functions-have-names-1.2.3.tgz",
-      "integrity": "sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==",
+    "node_modules/@types/d3-time": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/@types/d3-time/-/d3-time-3.0.4.tgz",
+      "integrity": "sha512-yuzZug1nkAAaBlBBikKZTgzCeA+k1uy4ZFwWANOfKw5z5LRhV0gNA7gNkKm7HoK+HRN0wX3EkxGk0fpbWhmB7g==",
       "dev": true,
-      "license": "MIT",
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
+      "license": "MIT"
     },
-    "node_modules/generator-function": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/generator-function/-/generator-function-2.0.1.tgz",
-      "integrity": "sha512-SFdFmIJi+ybC0vjlHN0ZGVGHc3lgE0DxPAT0djjVg+kjOnSqclqmj0KQ7ykTOLP6YxoqOvuAODGdcHJn+43q3g==",
+    "node_modules/@types/d3-time-format": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/@types/d3-time-format/-/d3-time-format-4.0.3.tgz",
+      "integrity": "sha512-5xg9rC+wWL8kdDj153qZcsJ0FWiFt0J5RB6LYUNZjwSnesfblqrI/bJ1wBdJ8OQfncgbJG5+2F+qfqnqyzYxyg==",
       "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.4"
-      }
+      "license": "MIT"
     },
-    "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==",
+    "node_modules/@types/d3-timer": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/@types/d3-timer/-/d3-timer-3.0.2.tgz",
+      "integrity": "sha512-Ps3T8E8dZDam6fUyNiMkekK3XUsaUEik+idO9/YjPtfj2qruF8tFBXS7XhtE4iIXBLxhmLjP3SXpLhVf21I9Lw==",
       "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=6.9.0"
-      }
+      "license": "MIT"
     },
-    "node_modules/get-intrinsic": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.3.0.tgz",
-      "integrity": "sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==",
+    "node_modules/@types/d3-transition": {
+      "version": "3.0.9",
+      "resolved": "https://registry.npmjs.org/@types/d3-transition/-/d3-transition-3.0.9.tgz",
+      "integrity": "sha512-uZS5shfxzO3rGlu0cC3bjmMFKsXv+SmZZcgp0KD22ts4uGXp5EVYGzu/0YdwZeKmddhcAccYtREJKkPfXkZuCg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "call-bind-apply-helpers": "^1.0.2",
-        "es-define-property": "^1.0.1",
-        "es-errors": "^1.3.0",
-        "es-object-atoms": "^1.1.1",
-        "function-bind": "^1.1.2",
-        "get-proto": "^1.0.1",
-        "gopd": "^1.2.0",
-        "has-symbols": "^1.1.0",
-        "hasown": "^2.0.2",
-        "math-intrinsics": "^1.1.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
+        "@types/d3-selection": "*"
       }
     },
-    "node_modules/get-proto": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/get-proto/-/get-proto-1.0.1.tgz",
-      "integrity": "sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==",
+    "node_modules/@types/d3-zoom": {
+      "version": "3.0.8",
+      "resolved": "https://registry.npmjs.org/@types/d3-zoom/-/d3-zoom-3.0.8.tgz",
+      "integrity": "sha512-iqMC4/YlFCSlO8+2Ii1GGGliCAY4XdeG748w5vQUbevlbDu0zSjH/+jojorQVBK/se0j6DUFNPBGSqD3YWYnDw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "dunder-proto": "^1.0.1",
-        "es-object-atoms": "^1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
+        "@types/d3-interpolate": "*",
+        "@types/d3-selection": "*"
       }
     },
-    "node_modules/get-symbol-description": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/get-symbol-description/-/get-symbol-description-1.1.0.tgz",
-      "integrity": "sha512-w9UMqWwJxHNOvoNzSJ2oPF5wvYcvP7jUvYzhp67yEhTi17ZDBBC1z9pTdGuzjD+EFIqLSYRweZjqfiPzQ06Ebg==",
-      "dev": true,
+    "node_modules/@types/debug": {
+      "version": "4.1.13",
+      "resolved": "https://registry.npmjs.org/@types/debug/-/debug-4.1.13.tgz",
+      "integrity": "sha512-KSVgmQmzMwPlmtljOomayoR89W4FynCAi3E8PPs7vmDVPe84hT+vGPKkJfThkmXs0x0jAaa9U8uW8bbfyS2fWw==",
       "license": "MIT",
       "dependencies": {
-        "call-bound": "^1.0.3",
-        "es-errors": "^1.3.0",
-        "get-intrinsic": "^1.2.6"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
+        "@types/ms": "*"
       }
     },
-    "node_modules/get-tsconfig": {
-      "version": "4.14.0",
-      "resolved": "https://registry.npmjs.org/get-tsconfig/-/get-tsconfig-4.14.0.tgz",
-      "integrity": "sha512-yTb+8DXzDREzgvYmh6s9vHsSVCHeC0G3PI5bEXNBHtmshPnO+S5O7qgLEOn0I5QvMy6kpZN8K1NKGyilLb93wA==",
-      "dev": true,
+    "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==",
+      "license": "MIT"
+    },
+    "node_modules/@types/estree-jsx": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/@types/estree-jsx/-/estree-jsx-1.0.5.tgz",
+      "integrity": "sha512-52CcUVNFyfb1A2ALocQw/Dd1BQFNmSdkuC3BkZ6iqhdMfQz7JWOFRuJFloOzjk+6WijU56m9oKXFAXc7o3Towg==",
       "license": "MIT",
       "dependencies": {
-        "resolve-pkg-maps": "^1.0.0"
-      },
-      "funding": {
-        "url": "https://github.com/privatenumber/get-tsconfig?sponsor=1"
+        "@types/estree": "*"
       }
     },
-    "node_modules/glob-parent": {
-      "version": "6.0.2",
-      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
-      "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
+    "node_modules/@types/geojson": {
+      "version": "7946.0.16",
+      "resolved": "https://registry.npmjs.org/@types/geojson/-/geojson-7946.0.16.tgz",
+      "integrity": "sha512-6C8nqWur3j98U6+lXDfTUWIfgvZU+EumvpHKcYjujKH7woYyLj2sUmff0tRhrqM7BohUw7Pz3ZB1jj2gW9Fvmg==",
       "dev": true,
-      "license": "ISC",
+      "license": "MIT"
+    },
+    "node_modules/@types/hast": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/@types/hast/-/hast-3.0.4.tgz",
+      "integrity": "sha512-WPs+bbQw5aCj+x6laNGWLH3wviHtoCv/P3+otBhbOhJgG8qtpdAMlTCxLtsTWA7LH1Oh/bFCHsBn0TPS5m30EQ==",
+      "license": "MIT",
       "dependencies": {
-        "is-glob": "^4.0.3"
-      },
-      "engines": {
-        "node": ">=10.13.0"
+        "@types/unist": "*"
       }
     },
-    "node_modules/globals": {
-      "version": "14.0.0",
-      "resolved": "https://registry.npmjs.org/globals/-/globals-14.0.0.tgz",
-      "integrity": "sha512-oahGvuMGQlPw/ivIYBjVSrWAfWLBeku5tpPE2fOPLi+WHffIWbuh2tCjhyQhTBPMf5E9jDEH4FOmTYgYwbKwtQ==",
+    "node_modules/@types/json-schema": {
+      "version": "7.0.15",
+      "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.15.tgz",
+      "integrity": "sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==",
       "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=18"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
+      "license": "MIT"
     },
-    "node_modules/globalthis": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/globalthis/-/globalthis-1.0.4.tgz",
-      "integrity": "sha512-DpLKbNU4WylpxJykQujfCcwYWiV/Jhm50Goo0wrVILAv5jOr9d+H+UR3PhSCD2rCCEIg0uc+G+muBTwD54JhDQ==",
+    "node_modules/@types/json5": {
+      "version": "0.0.29",
+      "resolved": "https://registry.npmjs.org/@types/json5/-/json5-0.0.29.tgz",
+      "integrity": "sha512-dRLjCWHYg4oaA77cxO64oO+7JwCwnIzkZPdrrC71jQmQtlhM556pwKo5bUzqvZndkVbeFLIIi+9TC40JNF5hNQ==",
       "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/katex": {
+      "version": "0.16.8",
+      "resolved": "https://registry.npmjs.org/@types/katex/-/katex-0.16.8.tgz",
+      "integrity": "sha512-trgaNyfU+Xh2Tc+ABIb44a5AYUpicB3uwirOioeOkNPPbmgRNtcWyDeeFRzjPZENO9Vq8gvVqfhaaXWLlevVwg==",
+      "license": "MIT"
+    },
+    "node_modules/@types/mdast": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/@types/mdast/-/mdast-4.0.4.tgz",
+      "integrity": "sha512-kGaNbPh1k7AFzgpud/gMdvIm5xuECykRR+JnWKQno9TAXVa6WIVCGTPvYGekIDL4uwCZQSYbUxNBSb1aUo79oA==",
       "license": "MIT",
       "dependencies": {
-        "define-properties": "^1.2.1",
-        "gopd": "^1.0.1"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
+        "@types/unist": "*"
       }
     },
-    "node_modules/gopd": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.2.0.tgz",
-      "integrity": "sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==",
-      "dev": true,
+    "node_modules/@types/ms": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/@types/ms/-/ms-2.1.0.tgz",
+      "integrity": "sha512-GsCCIZDE/p3i96vtEqx+7dBUGXrc7zeSK3wwPHIaRThS+9OhWIXRqzs4d6k1SVU8g91DrNRWxWUGhp5KXQb2VA==",
+      "license": "MIT"
+    },
+    "node_modules/@types/node": {
+      "version": "20.19.39",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.19.39.tgz",
+      "integrity": "sha512-orrrD74MBUyK8jOAD/r0+lfa1I2MO6I+vAkmAWzMYbCcgrN4lCrmK52gRFQq/JRxfYPfonkr4b0jcY7Olqdqbw==",
       "license": "MIT",
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
+      "dependencies": {
+        "undici-types": "~6.21.0"
       }
     },
-    "node_modules/has-bigints": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/has-bigints/-/has-bigints-1.1.0.tgz",
-      "integrity": "sha512-R3pbpkcIqv2Pm3dUwgjclDRVmWpTJW2DcMzcIhEXEx1oh/CEMObMm3KLmRJOdvhM7o4uQBnwr8pzRK2sJWIqfg==",
+    "node_modules/@types/node-fetch": {
+      "version": "2.6.13",
+      "resolved": "https://registry.npmjs.org/@types/node-fetch/-/node-fetch-2.6.13.tgz",
+      "integrity": "sha512-QGpRVpzSaUs30JBSGPjOg4Uveu384erbHBoT1zeONvyCfwQxIkUshLAOqN/k9EjGviPRmWTTe6aH2qySWKTVSw==",
       "dev": true,
       "license": "MIT",
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
+      "dependencies": {
+        "@types/node": "*",
+        "form-data": "^4.0.4"
       }
     },
-    "node_modules/has-flag": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
-      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
-      "dev": true,
+    "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",
-      "engines": {
-        "node": ">=8"
+      "dependencies": {
+        "csstype": "^3.2.2"
       }
     },
-    "node_modules/has-property-descriptors": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.2.tgz",
-      "integrity": "sha512-55JNKuIW+vq4Ke1BjOTjM2YctQIvCT7GFzHwmfZPGo5wnrgkid0YQtnAleFSqumZm4az3n2BS+erby5ipJdgrg==",
+    "node_modules/@types/react-dom": {
+      "version": "19.2.3",
+      "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-19.2.3.tgz",
+      "integrity": "sha512-jp2L/eY6fn+KgVVQAOqYItbF0VY/YApe5Mz2F0aykSO8gx31bYCZyvSeYxCHKvzHG5eZjc+zyaS5BrBWya2+kQ==",
       "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "es-define-property": "^1.0.0"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
+      "peerDependencies": {
+        "@types/react": "^19.2.0"
       }
     },
-    "node_modules/has-proto": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/has-proto/-/has-proto-1.2.0.tgz",
-      "integrity": "sha512-KIL7eQPfHQRC8+XluaIw7BHUwwqL19bQn4hzNgdr+1wXoU0KKj6rufu47lhY7KbJR2C6T6+PfyN0Ea7wkSS+qQ==",
+    "node_modules/@types/unist": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/@types/unist/-/unist-3.0.3.tgz",
+      "integrity": "sha512-ko/gIFJRv177XgZsZcBwnqJN5x/Gien8qNOn0D5bQU/zAzVf9Zt3BlcUiLqhV9y4ARk0GbT3tnUiPNgnTXzc/Q==",
+      "license": "MIT"
+    },
+    "node_modules/@types/ws": {
+      "version": "8.18.1",
+      "resolved": "https://registry.npmjs.org/@types/ws/-/ws-8.18.1.tgz",
+      "integrity": "sha512-ThVF6DCVhA8kUGy+aazFQ4kXQ7E1Ty7A3ypFOe0IcJV8O/M511G99AW24irKrW56Wt44yG9+ij8FaqoBGkuBXg==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@typescript-eslint/eslint-plugin": {
+      "version": "8.58.2",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-8.58.2.tgz",
+      "integrity": "sha512-aC2qc5thQahutKjP+cl8cgN9DWe3ZUqVko30CMSZHnFEHyhOYoZSzkGtAI2mcwZ38xeImDucI4dnqsHiOYuuCw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "dunder-proto": "^1.0.0"
+        "@eslint-community/regexpp": "^4.12.2",
+        "@typescript-eslint/scope-manager": "8.58.2",
+        "@typescript-eslint/type-utils": "8.58.2",
+        "@typescript-eslint/utils": "8.58.2",
+        "@typescript-eslint/visitor-keys": "8.58.2",
+        "ignore": "^7.0.5",
+        "natural-compare": "^1.4.0",
+        "ts-api-utils": "^2.5.0"
       },
       "engines": {
-        "node": ">= 0.4"
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
       },
       "funding": {
-        "url": "https://github.com/sponsors/ljharb"
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "@typescript-eslint/parser": "^8.58.2",
+        "eslint": "^8.57.0 || ^9.0.0 || ^10.0.0",
+        "typescript": ">=4.8.4 <6.1.0"
       }
     },
-    "node_modules/has-symbols": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.1.0.tgz",
-      "integrity": "sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==",
+    "node_modules/@typescript-eslint/eslint-plugin/node_modules/ignore": {
+      "version": "7.0.5",
+      "resolved": "https://registry.npmjs.org/ignore/-/ignore-7.0.5.tgz",
+      "integrity": "sha512-Hs59xBNfUIunMFgWAbGX5cq6893IbWg4KnrjbYwX3tx0ztorVgTDA6B2sxf8ejHJ4wz8BqGUMYlnzNBer5NvGg==",
       "dev": true,
       "license": "MIT",
       "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
+        "node": ">= 4"
       }
     },
-    "node_modules/has-tostringtag": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/has-tostringtag/-/has-tostringtag-1.0.2.tgz",
-      "integrity": "sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==",
+    "node_modules/@typescript-eslint/parser": {
+      "version": "8.58.2",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-8.58.2.tgz",
+      "integrity": "sha512-/Zb/xaIDfxeJnvishjGdcR4jmr7S+bda8PKNhRGdljDM+elXhlvN0FyPSsMnLmJUrVG9aPO6dof80wjMawsASg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "has-symbols": "^1.0.3"
+        "@typescript-eslint/scope-manager": "8.58.2",
+        "@typescript-eslint/types": "8.58.2",
+        "@typescript-eslint/typescript-estree": "8.58.2",
+        "@typescript-eslint/visitor-keys": "8.58.2",
+        "debug": "^4.4.3"
       },
       "engines": {
-        "node": ">= 0.4"
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
       },
       "funding": {
-        "url": "https://github.com/sponsors/ljharb"
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^8.57.0 || ^9.0.0 || ^10.0.0",
+        "typescript": ">=4.8.4 <6.1.0"
       }
     },
-    "node_modules/hasown": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.3.tgz",
-      "integrity": "sha512-ej4AhfhfL2Q2zpMmLo7U1Uv9+PyhIZpgQLGT1F9miIGmiCJIoCgSmczFdrc97mWT4kVY72KA+WnnhJ5pghSvSg==",
+    "node_modules/@typescript-eslint/project-service": {
+      "version": "8.58.2",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/project-service/-/project-service-8.58.2.tgz",
+      "integrity": "sha512-Cq6UfpZZk15+r87BkIh5rDpi38W4b+Sjnb8wQCPPDDweS/LRCFjCyViEbzHk5Ck3f2QDfgmlxqSa7S7clDtlfg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "function-bind": "^1.1.2"
+        "@typescript-eslint/tsconfig-utils": "^8.58.2",
+        "@typescript-eslint/types": "^8.58.2",
+        "debug": "^4.4.3"
       },
       "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/hast-util-from-dom": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/hast-util-from-dom/-/hast-util-from-dom-5.0.1.tgz",
-      "integrity": "sha512-N+LqofjR2zuzTjCPzyDUdSshy4Ma6li7p/c3pA78uTwzFgENbgbUrm2ugwsOdcjI1muO+o6Dgzp9p8WHtn/39Q==",
-      "license": "ISC",
-      "dependencies": {
-        "@types/hast": "^3.0.0",
-        "hastscript": "^9.0.0",
-        "web-namespaces": "^2.0.0"
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
       },
       "funding": {
         "type": "opencollective",
-        "url": "https://opencollective.com/unified"
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "typescript": ">=4.8.4 <6.1.0"
       }
     },
-    "node_modules/hast-util-from-html": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/hast-util-from-html/-/hast-util-from-html-2.0.3.tgz",
-      "integrity": "sha512-CUSRHXyKjzHov8yKsQjGOElXy/3EKpyX56ELnkHH34vDVw1N1XSQ1ZcAvTyAPtGqLTuKP/uxM+aLkSPqF/EtMw==",
+    "node_modules/@typescript-eslint/scope-manager": {
+      "version": "8.58.2",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-8.58.2.tgz",
+      "integrity": "sha512-SgmyvDPexWETQek+qzZnrG6844IaO02UVyOLhI4wpo82dpZJY9+6YZCKAMFzXb7qhx37mFK1QcPQ18tud+vo6Q==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@types/hast": "^3.0.0",
-        "devlop": "^1.1.0",
-        "hast-util-from-parse5": "^8.0.0",
-        "parse5": "^7.0.0",
-        "vfile": "^6.0.0",
-        "vfile-message": "^4.0.0"
+        "@typescript-eslint/types": "8.58.2",
+        "@typescript-eslint/visitor-keys": "8.58.2"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
       },
       "funding": {
         "type": "opencollective",
-        "url": "https://opencollective.com/unified"
+        "url": "https://opencollective.com/typescript-eslint"
       }
     },
-    "node_modules/hast-util-from-html-isomorphic": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/hast-util-from-html-isomorphic/-/hast-util-from-html-isomorphic-2.0.0.tgz",
-      "integrity": "sha512-zJfpXq44yff2hmE0XmwEOzdWin5xwH+QIhMLOScpX91e/NSGPsAzNCvLQDIEPyO2TXi+lBmU6hjLIhV8MwP2kw==",
+    "node_modules/@typescript-eslint/tsconfig-utils": {
+      "version": "8.58.2",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/tsconfig-utils/-/tsconfig-utils-8.58.2.tgz",
+      "integrity": "sha512-3SR+RukipDvkkKp/d0jP0dyzuls3DbGmwDpVEc5wqk5f38KFThakqAAO0XMirWAE+kT00oTauTbzMFGPoAzB0A==",
+      "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "@types/hast": "^3.0.0",
-        "hast-util-from-dom": "^5.0.0",
-        "hast-util-from-html": "^2.0.0",
-        "unist-util-remove-position": "^5.0.0"
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
       },
       "funding": {
         "type": "opencollective",
-        "url": "https://opencollective.com/unified"
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "typescript": ">=4.8.4 <6.1.0"
       }
     },
-    "node_modules/hast-util-from-parse5": {
-      "version": "8.0.3",
-      "resolved": "https://registry.npmjs.org/hast-util-from-parse5/-/hast-util-from-parse5-8.0.3.tgz",
-      "integrity": "sha512-3kxEVkEKt0zvcZ3hCRYI8rqrgwtlIOFMWkbclACvjlDw8Li9S2hk/d51OI0nr/gIpdMHNepwgOKqZ/sy0Clpyg==",
+    "node_modules/@typescript-eslint/type-utils": {
+      "version": "8.58.2",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-8.58.2.tgz",
+      "integrity": "sha512-Z7EloNR/B389FvabdGeTo2XMs4W9TjtPiO9DAsmT0yom0bwlPyRjkJ1uCdW1DvrrrYP50AJZ9Xc3sByZA9+dcg==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@types/hast": "^3.0.0",
-        "@types/unist": "^3.0.0",
-        "devlop": "^1.0.0",
-        "hastscript": "^9.0.0",
-        "property-information": "^7.0.0",
-        "vfile": "^6.0.0",
-        "vfile-location": "^5.0.0",
-        "web-namespaces": "^2.0.0"
+        "@typescript-eslint/types": "8.58.2",
+        "@typescript-eslint/typescript-estree": "8.58.2",
+        "@typescript-eslint/utils": "8.58.2",
+        "debug": "^4.4.3",
+        "ts-api-utils": "^2.5.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
       },
       "funding": {
         "type": "opencollective",
-        "url": "https://opencollective.com/unified"
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^8.57.0 || ^9.0.0 || ^10.0.0",
+        "typescript": ">=4.8.4 <6.1.0"
       }
     },
-    "node_modules/hast-util-is-element": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/hast-util-is-element/-/hast-util-is-element-3.0.0.tgz",
-      "integrity": "sha512-Val9mnv2IWpLbNPqc/pUem+a7Ipj2aHacCwgNfTiK0vJKl0LF+4Ba4+v1oPHFpf3bLYmreq0/l3Gud9S5OH42g==",
+    "node_modules/@typescript-eslint/types": {
+      "version": "8.58.2",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.58.2.tgz",
+      "integrity": "sha512-9TukXyATBQf/Jq9AMQXfvurk+G5R2MwfqQGDR2GzGz28HvY/lXNKGhkY+6IOubwcquikWk5cjlgPvD2uAA7htQ==",
+      "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "@types/hast": "^3.0.0"
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
       },
       "funding": {
         "type": "opencollective",
-        "url": "https://opencollective.com/unified"
+        "url": "https://opencollective.com/typescript-eslint"
       }
     },
-    "node_modules/hast-util-parse-selector": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/hast-util-parse-selector/-/hast-util-parse-selector-4.0.0.tgz",
-      "integrity": "sha512-wkQCkSYoOGCRKERFWcxMVMOcYE2K1AaNLU8DXS9arxnLOUEWbOXKXiJUNzEpqZ3JOKpnha3jkFrumEjVliDe7A==",
+    "node_modules/@typescript-eslint/typescript-estree": {
+      "version": "8.58.2",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-8.58.2.tgz",
+      "integrity": "sha512-ELGuoofuhhoCvNbQjFFiobFcGgcDCEm0ThWdmO4Z0UzLqPXS3KFvnEZ+SHewwOYHjM09tkzOWXNTv9u6Gqtyuw==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@types/hast": "^3.0.0"
+        "@typescript-eslint/project-service": "8.58.2",
+        "@typescript-eslint/tsconfig-utils": "8.58.2",
+        "@typescript-eslint/types": "8.58.2",
+        "@typescript-eslint/visitor-keys": "8.58.2",
+        "debug": "^4.4.3",
+        "minimatch": "^10.2.2",
+        "semver": "^7.7.3",
+        "tinyglobby": "^0.2.15",
+        "ts-api-utils": "^2.5.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
       },
       "funding": {
         "type": "opencollective",
-        "url": "https://opencollective.com/unified"
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "typescript": ">=4.8.4 <6.1.0"
       }
     },
-    "node_modules/hast-util-to-jsx-runtime": {
-      "version": "2.3.6",
-      "resolved": "https://registry.npmjs.org/hast-util-to-jsx-runtime/-/hast-util-to-jsx-runtime-2.3.6.tgz",
-      "integrity": "sha512-zl6s8LwNyo1P9uw+XJGvZtdFF1GdAkOg8ujOw+4Pyb76874fLps4ueHXDhXWdk6YHQ6OgUtinliG7RsYvCbbBg==",
+    "node_modules/@typescript-eslint/typescript-estree/node_modules/balanced-match": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-4.0.4.tgz",
+      "integrity": "sha512-BLrgEcRTwX2o6gGxGOCNyMvGSp35YofuYzw9h1IMTRmKqttAZZVU67bdb9Pr2vUHA8+j3i2tJfjO6C6+4myGTA==",
+      "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "@types/estree": "^1.0.0",
-        "@types/hast": "^3.0.0",
-        "@types/unist": "^3.0.0",
-        "comma-separated-tokens": "^2.0.0",
-        "devlop": "^1.0.0",
-        "estree-util-is-identifier-name": "^3.0.0",
-        "hast-util-whitespace": "^3.0.0",
-        "mdast-util-mdx-expression": "^2.0.0",
-        "mdast-util-mdx-jsx": "^3.0.0",
-        "mdast-util-mdxjs-esm": "^2.0.0",
-        "property-information": "^7.0.0",
-        "space-separated-tokens": "^2.0.0",
-        "style-to-js": "^1.0.0",
-        "unist-util-position": "^5.0.0",
-        "vfile-message": "^4.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/unified"
+      "engines": {
+        "node": "18 || 20 || >=22"
       }
     },
-    "node_modules/hast-util-to-text": {
-      "version": "4.0.2",
-      "resolved": "https://registry.npmjs.org/hast-util-to-text/-/hast-util-to-text-4.0.2.tgz",
-      "integrity": "sha512-KK6y/BN8lbaq654j7JgBydev7wuNMcID54lkRav1P0CaE1e47P72AWWPiGKXTJU271ooYzcvTAn/Zt0REnvc7A==",
-      "license": "MIT",
-      "dependencies": {
-        "@types/hast": "^3.0.0",
-        "@types/unist": "^3.0.0",
-        "hast-util-is-element": "^3.0.0",
-        "unist-util-find-after": "^5.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/unified"
-      }
-    },
-    "node_modules/hast-util-whitespace": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/hast-util-whitespace/-/hast-util-whitespace-3.0.0.tgz",
-      "integrity": "sha512-88JUN06ipLwsnv+dVn+OIYOvAuvBMy/Qoi6O7mQHxdPXpjy+Cd6xRkWwux7DKO+4sYILtLBRIKgsdpS2gQc7qw==",
-      "license": "MIT",
-      "dependencies": {
-        "@types/hast": "^3.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/unified"
-      }
-    },
-    "node_modules/hastscript": {
-      "version": "9.0.1",
-      "resolved": "https://registry.npmjs.org/hastscript/-/hastscript-9.0.1.tgz",
-      "integrity": "sha512-g7df9rMFX/SPi34tyGCyUBREQoKkapwdY/T04Qn9TDWfHhAYt4/I0gMVirzK5wEzeUqIjEB+LXC/ypb7Aqno5w==",
-      "license": "MIT",
-      "dependencies": {
-        "@types/hast": "^3.0.0",
-        "comma-separated-tokens": "^2.0.0",
-        "hast-util-parse-selector": "^4.0.0",
-        "property-information": "^7.0.0",
-        "space-separated-tokens": "^2.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/unified"
-      }
-    },
-    "node_modules/hermes-estree": {
-      "version": "0.25.1",
-      "resolved": "https://registry.npmjs.org/hermes-estree/-/hermes-estree-0.25.1.tgz",
-      "integrity": "sha512-0wUoCcLp+5Ev5pDW2OriHC2MJCbwLwuRx+gAqMTOkGKJJiBCLjtrvy4PWUGn6MIVefecRpzoOZ/UV6iGdOr+Cw==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/hermes-parser": {
-      "version": "0.25.1",
-      "resolved": "https://registry.npmjs.org/hermes-parser/-/hermes-parser-0.25.1.tgz",
-      "integrity": "sha512-6pEjquH3rqaI6cYAXYPcz9MS4rY6R4ngRgrgfDshRptUZIc3lw0MCIJIGDj9++mfySOuPTHB4nrSW99BCvOPIA==",
+    "node_modules/@typescript-eslint/typescript-estree/node_modules/brace-expansion": {
+      "version": "5.0.5",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-5.0.5.tgz",
+      "integrity": "sha512-VZznLgtwhn+Mact9tfiwx64fA9erHH/MCXEUfB/0bX/6Fz6ny5EGTXYltMocqg4xFAQZtnO3DHWWXi8RiuN7cQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "hermes-estree": "0.25.1"
-      }
-    },
-    "node_modules/html-url-attributes": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/html-url-attributes/-/html-url-attributes-3.0.1.tgz",
-      "integrity": "sha512-ol6UPyBWqsrO6EJySPz2O7ZSr856WDrEzM5zMqp+FJJLGMW35cLYmmZnl0vztAZxRUoNZJFTCohfjuIJ8I4QBQ==",
-      "license": "MIT",
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/unified"
-      }
-    },
-    "node_modules/iceberg-js": {
-      "version": "0.8.1",
-      "resolved": "https://registry.npmjs.org/iceberg-js/-/iceberg-js-0.8.1.tgz",
-      "integrity": "sha512-1dhVQZXhcHje7798IVM+xoo/1ZdVfzOMIc8/rgVSijRK38EDqOJoGula9N/8ZI5RD8QTxNQtK/Gozpr+qUqRRA==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=20.0.0"
-      }
-    },
-    "node_modules/iconv-lite": {
-      "version": "0.6.3",
-      "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz",
-      "integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==",
-      "license": "MIT",
-      "dependencies": {
-        "safer-buffer": ">= 2.1.2 < 3.0.0"
+        "balanced-match": "^4.0.2"
       },
       "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/ignore": {
-      "version": "5.3.2",
-      "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.3.2.tgz",
-      "integrity": "sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">= 4"
+        "node": "18 || 20 || >=22"
       }
     },
-    "node_modules/import-fresh": {
-      "version": "3.3.1",
-      "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.1.tgz",
-      "integrity": "sha512-TR3KfrTZTYLPB6jUjfx6MF9WcWrHL9su5TObK4ZkYgBdWKPOFoSoQIdEuTuR82pmtxH2spWG9h6etwfr1pLBqQ==",
+    "node_modules/@typescript-eslint/typescript-estree/node_modules/minimatch": {
+      "version": "10.2.5",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-10.2.5.tgz",
+      "integrity": "sha512-MULkVLfKGYDFYejP07QOurDLLQpcjk7Fw+7jXS2R2czRQzR56yHRveU5NDJEOviH+hETZKSkIk5c+T23GjFUMg==",
       "dev": true,
-      "license": "MIT",
+      "license": "BlueOak-1.0.0",
       "dependencies": {
-        "parent-module": "^1.0.0",
-        "resolve-from": "^4.0.0"
+        "brace-expansion": "^5.0.5"
       },
       "engines": {
-        "node": ">=6"
+        "node": "18 || 20 || >=22"
       },
       "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
+        "url": "https://github.com/sponsors/isaacs"
       }
     },
-    "node_modules/imurmurhash": {
-      "version": "0.1.4",
-      "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz",
-      "integrity": "sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==",
+    "node_modules/@typescript-eslint/typescript-estree/node_modules/semver": {
+      "version": "7.7.4",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.4.tgz",
+      "integrity": "sha512-vFKC2IEtQnVhpT78h1Yp8wzwrf8CM+MzKMHGJZfBtzhZNycRFnXsHk6E5TxIkkMsgNS7mdX3AGB7x2QM2di4lA==",
       "dev": true,
-      "license": "MIT",
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      },
       "engines": {
-        "node": ">=0.8.19"
+        "node": ">=10"
       }
     },
-    "node_modules/inline-style-parser": {
-      "version": "0.2.7",
-      "resolved": "https://registry.npmjs.org/inline-style-parser/-/inline-style-parser-0.2.7.tgz",
-      "integrity": "sha512-Nb2ctOyNR8DqQoR0OwRG95uNWIC0C1lCgf5Naz5H6Ji72KZ8OcFZLz2P5sNgwlyoJ8Yif11oMuYs5pBQa86csA==",
-      "license": "MIT"
-    },
-    "node_modules/internal-slot": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/internal-slot/-/internal-slot-1.1.0.tgz",
-      "integrity": "sha512-4gd7VpWNQNB4UKKCFFVcp1AVv+FMOgs9NKzjHKusc8jTMhd5eL1NqQqOpE0KzMds804/yHlglp3uxgluOqAPLw==",
+    "node_modules/@typescript-eslint/utils": {
+      "version": "8.58.2",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-8.58.2.tgz",
+      "integrity": "sha512-QZfjHNEzPY8+l0+fIXMvuQ2sJlplB4zgDZvA+NmvZsZv3EQwOcc1DuIU1VJUTWZ/RKouBMhDyNaBMx4sWvrzRA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "es-errors": "^1.3.0",
-        "hasown": "^2.0.2",
-        "side-channel": "^1.1.0"
+        "@eslint-community/eslint-utils": "^4.9.1",
+        "@typescript-eslint/scope-manager": "8.58.2",
+        "@typescript-eslint/types": "8.58.2",
+        "@typescript-eslint/typescript-estree": "8.58.2"
       },
       "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/internmap": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/internmap/-/internmap-2.0.3.tgz",
-      "integrity": "sha512-5Hh7Y1wQbvY5ooGgPbDaL5iYLAPzMTUrjMulskHLH6wnv/A+1q5rgEaiuqEjB+oxGXIVZs1FF+R/KPN3ZSQYYg==",
-      "license": "ISC",
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/is-alphabetical": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/is-alphabetical/-/is-alphabetical-2.0.1.tgz",
-      "integrity": "sha512-FWyyY60MeTNyeSRpkM2Iry0G9hpr7/9kD40mD/cGQEuilcZYS4okz8SN2Q6rLCJ8gbCt6fN+rC+6tMGS99LaxQ==",
-      "license": "MIT",
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/wooorm"
-      }
-    },
-    "node_modules/is-alphanumerical": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/is-alphanumerical/-/is-alphanumerical-2.0.1.tgz",
-      "integrity": "sha512-hmbYhX/9MUMF5uh7tOXyK/n0ZvWpad5caBA17GsC6vyuCqaWliRG5K1qS9inmUhEMaOBIW7/whAnSwveW/LtZw==",
-      "license": "MIT",
-      "dependencies": {
-        "is-alphabetical": "^2.0.0",
-        "is-decimal": "^2.0.0"
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
       },
       "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/wooorm"
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^8.57.0 || ^9.0.0 || ^10.0.0",
+        "typescript": ">=4.8.4 <6.1.0"
       }
     },
-    "node_modules/is-array-buffer": {
-      "version": "3.0.5",
-      "resolved": "https://registry.npmjs.org/is-array-buffer/-/is-array-buffer-3.0.5.tgz",
-      "integrity": "sha512-DDfANUiiG2wC1qawP66qlTugJeL5HyzMpfr8lLK+jMQirGzNod0B12cFB/9q838Ru27sBwfw78/rdoU7RERz6A==",
+    "node_modules/@typescript-eslint/visitor-keys": {
+      "version": "8.58.2",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-8.58.2.tgz",
+      "integrity": "sha512-f1WO2Lx8a9t8DARmcWAUPJbu0G20bJlj8L4z72K00TMeJAoyLr/tHhI/pzYBLrR4dXWkcxO1cWYZEOX8DKHTqA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "call-bind": "^1.0.8",
-        "call-bound": "^1.0.3",
-        "get-intrinsic": "^1.2.6"
+        "@typescript-eslint/types": "8.58.2",
+        "eslint-visitor-keys": "^5.0.0"
       },
       "engines": {
-        "node": ">= 0.4"
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
       },
       "funding": {
-        "url": "https://github.com/sponsors/ljharb"
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
       }
     },
-    "node_modules/is-async-function": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/is-async-function/-/is-async-function-2.1.1.tgz",
-      "integrity": "sha512-9dgM/cZBnNvjzaMYHVoxxfPj2QXt22Ev7SuuPrs+xav0ukGB0S6d4ydZdEiM48kLx5kDV+QBPrpVnFyefL8kkQ==",
+    "node_modules/@typescript-eslint/visitor-keys/node_modules/eslint-visitor-keys": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-5.0.1.tgz",
+      "integrity": "sha512-tD40eHxA35h0PEIZNeIjkHoDR4YjjJp34biM0mDvplBe//mB+IHCqHDGV7pxF+7MklTvighcCPPZC7ynWyjdTA==",
       "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "async-function": "^1.0.0",
-        "call-bound": "^1.0.3",
-        "get-proto": "^1.0.1",
-        "has-tostringtag": "^1.0.2",
-        "safe-regex-test": "^1.1.0"
-      },
+      "license": "Apache-2.0",
       "engines": {
-        "node": ">= 0.4"
+        "node": "^20.19.0 || ^22.13.0 || >=24"
       },
       "funding": {
-        "url": "https://github.com/sponsors/ljharb"
+        "url": "https://opencollective.com/eslint"
       }
     },
-    "node_modules/is-bigint": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/is-bigint/-/is-bigint-1.1.0.tgz",
-      "integrity": "sha512-n4ZT37wG78iz03xPRKJrHTdZbe3IicyucEtdRsV5yglwc3GyUfbAfpSeD0FJ41NbUNSt5wbhqfp1fS+BgnvDFQ==",
+    "node_modules/@ungap/structured-clone": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/@ungap/structured-clone/-/structured-clone-1.3.0.tgz",
+      "integrity": "sha512-WmoN8qaIAo7WTYWbAZuG8PYEhn5fkz7dZrqTBZ7dtt//lL2Gwms1IcnQ5yHqjDfX8Ft5j4YzDM23f87zBfDe9g==",
+      "license": "ISC"
+    },
+    "node_modules/@unrs/resolver-binding-android-arm-eabi": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-android-arm-eabi/-/resolver-binding-android-arm-eabi-1.11.1.tgz",
+      "integrity": "sha512-ppLRUgHVaGRWUx0R0Ut06Mjo9gBaBkg3v/8AxusGLhsIotbBLuRk51rAzqLC8gq6NyyAojEXglNjzf6R948DNw==",
+      "cpu": [
+        "arm"
+      ],
       "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "has-bigints": "^1.0.2"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
+      "optional": true,
+      "os": [
+        "android"
+      ]
     },
-    "node_modules/is-boolean-object": {
-      "version": "1.2.2",
-      "resolved": "https://registry.npmjs.org/is-boolean-object/-/is-boolean-object-1.2.2.tgz",
-      "integrity": "sha512-wa56o2/ElJMYqjCjGkXri7it5FbebW5usLw/nPmCMs5DeZ7eziSYZhSmPRn0txqeW4LnAmQQU7FgqLpsEFKM4A==",
+    "node_modules/@unrs/resolver-binding-android-arm64": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-android-arm64/-/resolver-binding-android-arm64-1.11.1.tgz",
+      "integrity": "sha512-lCxkVtb4wp1v+EoN+HjIG9cIIzPkX5OtM03pQYkG+U5O/wL53LC4QbIeazgiKqluGeVEeBlZahHalCaBvU1a2g==",
+      "cpu": [
+        "arm64"
+      ],
       "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "call-bound": "^1.0.3",
-        "has-tostringtag": "^1.0.2"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
+      "optional": true,
+      "os": [
+        "android"
+      ]
     },
-    "node_modules/is-bun-module": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/is-bun-module/-/is-bun-module-2.0.0.tgz",
-      "integrity": "sha512-gNCGbnnnnFAUGKeZ9PdbyeGYJqewpmc2aKHUEMO5nQPWU9lOmv7jcmQIv+qHD8fXW6W7qfuCwX4rY9LNRjXrkQ==",
+    "node_modules/@unrs/resolver-binding-darwin-arm64": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-darwin-arm64/-/resolver-binding-darwin-arm64-1.11.1.tgz",
+      "integrity": "sha512-gPVA1UjRu1Y/IsB/dQEsp2V1pm44Of6+LWvbLc9SDk1c2KhhDRDBUkQCYVWe6f26uJb3fOK8saWMgtX8IrMk3g==",
+      "cpu": [
+        "arm64"
+      ],
       "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "semver": "^7.7.1"
-      }
+      "optional": true,
+      "os": [
+        "darwin"
+      ]
     },
-    "node_modules/is-bun-module/node_modules/semver": {
-      "version": "7.7.4",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.4.tgz",
-      "integrity": "sha512-vFKC2IEtQnVhpT78h1Yp8wzwrf8CM+MzKMHGJZfBtzhZNycRFnXsHk6E5TxIkkMsgNS7mdX3AGB7x2QM2di4lA==",
+    "node_modules/@unrs/resolver-binding-darwin-x64": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-darwin-x64/-/resolver-binding-darwin-x64-1.11.1.tgz",
+      "integrity": "sha512-cFzP7rWKd3lZaCsDze07QX1SC24lO8mPty9vdP+YVa3MGdVgPmFc59317b2ioXtgCMKGiCLxJ4HQs62oz6GfRQ==",
+      "cpu": [
+        "x64"
+      ],
       "dev": true,
-      "license": "ISC",
-      "bin": {
-        "semver": "bin/semver.js"
-      },
-      "engines": {
-        "node": ">=10"
-      }
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ]
     },
-    "node_modules/is-callable": {
-      "version": "1.2.7",
-      "resolved": "https://registry.npmjs.org/is-callable/-/is-callable-1.2.7.tgz",
-      "integrity": "sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==",
+    "node_modules/@unrs/resolver-binding-freebsd-x64": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-freebsd-x64/-/resolver-binding-freebsd-x64-1.11.1.tgz",
+      "integrity": "sha512-fqtGgak3zX4DCB6PFpsH5+Kmt/8CIi4Bry4rb1ho6Av2QHTREM+47y282Uqiu3ZRF5IQioJQ5qWRV6jduA+iGw==",
+      "cpu": [
+        "x64"
+      ],
       "dev": true,
       "license": "MIT",
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
+      "optional": true,
+      "os": [
+        "freebsd"
+      ]
     },
-    "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==",
+    "node_modules/@unrs/resolver-binding-linux-arm-gnueabihf": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-arm-gnueabihf/-/resolver-binding-linux-arm-gnueabihf-1.11.1.tgz",
+      "integrity": "sha512-u92mvlcYtp9MRKmP+ZvMmtPN34+/3lMHlyMj7wXJDeXxuM0Vgzz0+PPJNsro1m3IZPYChIkn944wW8TYgGKFHw==",
+      "cpu": [
+        "arm"
+      ],
       "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "hasown": "^2.0.2"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
+      "optional": true,
+      "os": [
+        "linux"
+      ]
     },
-    "node_modules/is-data-view": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/is-data-view/-/is-data-view-1.0.2.tgz",
-      "integrity": "sha512-RKtWF8pGmS87i2D6gqQu/l7EYRlVdfzemCJN/P3UOs//x1QE7mfhvzHIApBTRf7axvT6DMGwSwBXYCT0nfB9xw==",
+    "node_modules/@unrs/resolver-binding-linux-arm-musleabihf": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-arm-musleabihf/-/resolver-binding-linux-arm-musleabihf-1.11.1.tgz",
+      "integrity": "sha512-cINaoY2z7LVCrfHkIcmvj7osTOtm6VVT16b5oQdS4beibX2SYBwgYLmqhBjA1t51CarSaBuX5YNsWLjsqfW5Cw==",
+      "cpu": [
+        "arm"
+      ],
       "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "call-bound": "^1.0.2",
-        "get-intrinsic": "^1.2.6",
-        "is-typed-array": "^1.1.13"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
+      "optional": true,
+      "os": [
+        "linux"
+      ]
     },
-    "node_modules/is-date-object": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/is-date-object/-/is-date-object-1.1.0.tgz",
-      "integrity": "sha512-PwwhEakHVKTdRNVOw+/Gyh0+MzlCl4R6qKvkhuvLtPMggI1WAHt9sOwZxQLSGpUaDnrdyDsomoRgNnCfKNSXXg==",
+    "node_modules/@unrs/resolver-binding-linux-arm64-gnu": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-arm64-gnu/-/resolver-binding-linux-arm64-gnu-1.11.1.tgz",
+      "integrity": "sha512-34gw7PjDGB9JgePJEmhEqBhWvCiiWCuXsL9hYphDF7crW7UgI05gyBAi6MF58uGcMOiOqSJ2ybEeCvHcq0BCmQ==",
+      "cpu": [
+        "arm64"
+      ],
       "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "call-bound": "^1.0.2",
-        "has-tostringtag": "^1.0.2"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
+      "optional": true,
+      "os": [
+        "linux"
+      ]
     },
-    "node_modules/is-decimal": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/is-decimal/-/is-decimal-2.0.1.tgz",
-      "integrity": "sha512-AAB9hiomQs5DXWcRB1rqsxGUstbRroFOPPVAomNk/3XHR5JyEZChOyTWe2oayKnsSsr/kcGqF+z6yuH6HHpN0A==",
+    "node_modules/@unrs/resolver-binding-linux-arm64-musl": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-arm64-musl/-/resolver-binding-linux-arm64-musl-1.11.1.tgz",
+      "integrity": "sha512-RyMIx6Uf53hhOtJDIamSbTskA99sPHS96wxVE/bJtePJJtpdKGXO1wY90oRdXuYOGOTuqjT8ACccMc4K6QmT3w==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
       "license": "MIT",
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/wooorm"
-      }
+      "optional": true,
+      "os": [
+        "linux"
+      ]
     },
-    "node_modules/is-extglob": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
-      "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
+    "node_modules/@unrs/resolver-binding-linux-ppc64-gnu": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-ppc64-gnu/-/resolver-binding-linux-ppc64-gnu-1.11.1.tgz",
+      "integrity": "sha512-D8Vae74A4/a+mZH0FbOkFJL9DSK2R6TFPC9M+jCWYia/q2einCubX10pecpDiTmkJVUH+y8K3BZClycD8nCShA==",
+      "cpu": [
+        "ppc64"
+      ],
       "dev": true,
       "license": "MIT",
-      "engines": {
-        "node": ">=0.10.0"
-      }
+      "optional": true,
+      "os": [
+        "linux"
+      ]
     },
-    "node_modules/is-finalizationregistry": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/is-finalizationregistry/-/is-finalizationregistry-1.1.1.tgz",
-      "integrity": "sha512-1pC6N8qWJbWoPtEjgcL2xyhQOP491EQjeUo3qTKcmV8YSDDJrOepfG8pcC7h/QgnQHYSv0mJ3Z/ZWxmatVrysg==",
+    "node_modules/@unrs/resolver-binding-linux-riscv64-gnu": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-riscv64-gnu/-/resolver-binding-linux-riscv64-gnu-1.11.1.tgz",
+      "integrity": "sha512-frxL4OrzOWVVsOc96+V3aqTIQl1O2TjgExV4EKgRY09AJ9leZpEg8Ak9phadbuX0BA4k8U5qtvMSQQGGmaJqcQ==",
+      "cpu": [
+        "riscv64"
+      ],
       "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "call-bound": "^1.0.3"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
+      "optional": true,
+      "os": [
+        "linux"
+      ]
     },
-    "node_modules/is-generator-function": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/is-generator-function/-/is-generator-function-1.1.2.tgz",
-      "integrity": "sha512-upqt1SkGkODW9tsGNG5mtXTXtECizwtS2kA161M+gJPc1xdb/Ax629af6YrTwcOeQHbewrPNlE5Dx7kzvXTizA==",
+    "node_modules/@unrs/resolver-binding-linux-riscv64-musl": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-riscv64-musl/-/resolver-binding-linux-riscv64-musl-1.11.1.tgz",
+      "integrity": "sha512-mJ5vuDaIZ+l/acv01sHoXfpnyrNKOk/3aDoEdLO/Xtn9HuZlDD6jKxHlkN8ZhWyLJsRBxfv9GYM2utQ1SChKew==",
+      "cpu": [
+        "riscv64"
+      ],
       "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "call-bound": "^1.0.4",
-        "generator-function": "^2.0.0",
-        "get-proto": "^1.0.1",
-        "has-tostringtag": "^1.0.2",
-        "safe-regex-test": "^1.1.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-glob": {
-      "version": "4.0.3",
-      "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
-      "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-linux-s390x-gnu": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-s390x-gnu/-/resolver-binding-linux-s390x-gnu-1.11.1.tgz",
+      "integrity": "sha512-kELo8ebBVtb9sA7rMe1Cph4QHreByhaZ2QEADd9NzIQsYNQpt9UkM9iqr2lhGr5afh885d/cB5QeTXSbZHTYPg==",
+      "cpu": [
+        "s390x"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-linux-x64-gnu": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-x64-gnu/-/resolver-binding-linux-x64-gnu-1.11.1.tgz",
+      "integrity": "sha512-C3ZAHugKgovV5YvAMsxhq0gtXuwESUKc5MhEtjBpLoHPLYM+iuwSj3lflFwK3DPm68660rZ7G8BMcwSro7hD5w==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-linux-x64-musl": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-x64-musl/-/resolver-binding-linux-x64-musl-1.11.1.tgz",
+      "integrity": "sha512-rV0YSoyhK2nZ4vEswT/QwqzqQXw5I6CjoaYMOX0TqBlWhojUf8P94mvI7nuJTeaCkkds3QE4+zS8Ko+GdXuZtA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-wasm32-wasi": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-wasm32-wasi/-/resolver-binding-wasm32-wasi-1.11.1.tgz",
+      "integrity": "sha512-5u4RkfxJm+Ng7IWgkzi3qrFOvLvQYnPBmjmZQ8+szTK/b31fQCnleNl1GgEt7nIsZRIf5PLhPwT0WM+q45x/UQ==",
+      "cpu": [
+        "wasm32"
+      ],
       "dev": true,
       "license": "MIT",
+      "optional": true,
       "dependencies": {
-        "is-extglob": "^2.1.1"
+        "@napi-rs/wasm-runtime": "^0.2.11"
       },
       "engines": {
-        "node": ">=0.10.0"
+        "node": ">=14.0.0"
       }
     },
-    "node_modules/is-hexadecimal": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/is-hexadecimal/-/is-hexadecimal-2.0.1.tgz",
-      "integrity": "sha512-DgZQp241c8oO6cA1SbTEWiXeoxV42vlcJxgH+B3hi1AiqqKruZR3ZGF8In3fj4+/y/7rHvlOZLZtgJ/4ttYGZg==",
+    "node_modules/@unrs/resolver-binding-win32-arm64-msvc": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-win32-arm64-msvc/-/resolver-binding-win32-arm64-msvc-1.11.1.tgz",
+      "integrity": "sha512-nRcz5Il4ln0kMhfL8S3hLkxI85BXs3o8EYoattsJNdsX4YUU89iOkVn7g0VHSRxFuVMdM4Q1jEpIId1Ihim/Uw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
       "license": "MIT",
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/wooorm"
-      }
+      "optional": true,
+      "os": [
+        "win32"
+      ]
     },
-    "node_modules/is-map": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/is-map/-/is-map-2.0.3.tgz",
-      "integrity": "sha512-1Qed0/Hr2m+YqxnM09CjA2d/i6YZNfF6R2oRAOj36eUdS6qIV/huPJNSEpKbupewFs+ZsJlxsjjPbc0/afW6Lw==",
+    "node_modules/@unrs/resolver-binding-win32-ia32-msvc": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-win32-ia32-msvc/-/resolver-binding-win32-ia32-msvc-1.11.1.tgz",
+      "integrity": "sha512-DCEI6t5i1NmAZp6pFonpD5m7i6aFrpofcp4LA2i8IIq60Jyo28hamKBxNrZcyOwVOZkgsRp9O2sXWBWP8MnvIQ==",
+      "cpu": [
+        "ia32"
+      ],
       "dev": true,
       "license": "MIT",
-      "engines": {
-        "node": ">= 0.4"
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-win32-x64-msvc": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-win32-x64-msvc/-/resolver-binding-win32-x64-msvc-1.11.1.tgz",
+      "integrity": "sha512-lrW200hZdbfRtztbygyaq/6jP6AKE8qQN2KvPcJ+x7wiD038YtnYtZ82IMNJ69GJibV7bwL3y9FgK+5w/pYt6g==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/abort-controller": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/abort-controller/-/abort-controller-3.0.0.tgz",
+      "integrity": "sha512-h8lQ8tacZYnR3vNQTgibj+tODHI5/+l06Au2Pcriv/Gmet0eaj4TwWH41sO9wnHDiQsEj19q0drzdWdeAHtweg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "event-target-shim": "^5.0.0"
       },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
+      "engines": {
+        "node": ">=6.5"
       }
     },
-    "node_modules/is-negative-zero": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/is-negative-zero/-/is-negative-zero-2.0.3.tgz",
-      "integrity": "sha512-5KoIu2Ngpyek75jXodFvnafB6DJgr3u8uuK0LEZJjrU19DrMD3EVERaR8sjz8CCGgpZvxPl9SuE1GMVPFHx1mw==",
+    "node_modules/accepts": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/accepts/-/accepts-2.0.0.tgz",
+      "integrity": "sha512-5cvg6CtKwfgdmVqY1WIiXKc3Q1bkRqGLi+2W/6ao+6Y7gu/RCwRuAhGEzh5B4KlszSuTLgZYuqFqo5bImjNKng==",
       "dev": true,
       "license": "MIT",
-      "engines": {
-        "node": ">= 0.4"
+      "dependencies": {
+        "mime-types": "^3.0.0",
+        "negotiator": "^1.0.0"
       },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
+      "engines": {
+        "node": ">= 0.6"
       }
     },
-    "node_modules/is-number": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
-      "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
+    "node_modules/acorn": {
+      "version": "8.16.0",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.16.0.tgz",
+      "integrity": "sha512-UVJyE9MttOsBQIDKw1skb9nAwQuR5wuGD3+82K6JgJlm/Y+KI92oNsMNGZCYdDsVtRHSak0pcV5Dno5+4jh9sw==",
       "dev": true,
       "license": "MIT",
+      "bin": {
+        "acorn": "bin/acorn"
+      },
       "engines": {
-        "node": ">=0.12.0"
+        "node": ">=0.4.0"
       }
     },
-    "node_modules/is-number-object": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/is-number-object/-/is-number-object-1.1.1.tgz",
-      "integrity": "sha512-lZhclumE1G6VYD8VHe35wFaIif+CTy5SJIi5+3y4psDgWu4wPDoBhF8NxUOinEc7pHgiTsT6MaBb92rKhhD+Xw==",
+    "node_modules/acorn-jsx": {
+      "version": "5.3.2",
+      "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz",
+      "integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==",
+      "dev": true,
+      "license": "MIT",
+      "peerDependencies": {
+        "acorn": "^6.0.0 || ^7.0.0 || ^8.0.0"
+      }
+    },
+    "node_modules/agentkeepalive": {
+      "version": "4.6.0",
+      "resolved": "https://registry.npmjs.org/agentkeepalive/-/agentkeepalive-4.6.0.tgz",
+      "integrity": "sha512-kja8j7PjmncONqaTsB8fQ+wE2mSU2DJ9D4XKoJ5PFWIdRMa6SLSN1ff4mOr4jCbfRSsxR4keIiySJU0N9T5hIQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "call-bound": "^1.0.3",
-        "has-tostringtag": "^1.0.2"
+        "humanize-ms": "^1.2.1"
       },
       "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
+        "node": ">= 8.0.0"
       }
     },
-    "node_modules/is-plain-obj": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-4.1.0.tgz",
-      "integrity": "sha512-+Pgi+vMuUNkJyExiMBt5IlFoMyKnr5zhJ4Uspz58WOhBF5QoIZkFyNHIbBAtHwzVAgk5RtndVNsDRN61/mmDqg==",
+    "node_modules/ajv": {
+      "version": "6.14.0",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.14.0.tgz",
+      "integrity": "sha512-IWrosm/yrn43eiKqkfkHis7QioDleaXQHdDVPKg0FSwwd/DuvyX79TZnFOnYpB7dcsFAMmtFztZuXPDvSePkFw==",
+      "dev": true,
       "license": "MIT",
-      "engines": {
-        "node": ">=12"
+      "dependencies": {
+        "fast-deep-equal": "^3.1.1",
+        "fast-json-stable-stringify": "^2.0.0",
+        "json-schema-traverse": "^0.4.1",
+        "uri-js": "^4.2.2"
       },
       "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
+        "type": "github",
+        "url": "https://github.com/sponsors/epoberezkin"
       }
     },
-    "node_modules/is-regex": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.2.1.tgz",
-      "integrity": "sha512-MjYsKHO5O7mCsmRGxWcLWheFqN9DJ/2TmngvjKXihe6efViPqc274+Fx/4fYj/r03+ESvBdTXK0V6tA3rgez1g==",
+    "node_modules/ansi-colors": {
+      "version": "4.1.3",
+      "resolved": "https://registry.npmjs.org/ansi-colors/-/ansi-colors-4.1.3.tgz",
+      "integrity": "sha512-/6w/C21Pm1A7aZitlI5Ni/2J6FFQN8i1Cvz3kHABAAbw93v/NlvKdVOqz7CCWz/3iv/JplRSEEZ83XION15ovw==",
       "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "call-bound": "^1.0.2",
-        "gopd": "^1.2.0",
-        "has-tostringtag": "^1.0.2",
-        "hasown": "^2.0.2"
-      },
       "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
+        "node": ">=6"
       }
     },
-    "node_modules/is-set": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/is-set/-/is-set-2.0.3.tgz",
-      "integrity": "sha512-iPAjerrse27/ygGLxw+EBR9agv9Y6uLeYVJMu+QNCoouJ1/1ri0mGrcWpfCqFZuzzx3WjtwxG098X+n4OuRkPg==",
+    "node_modules/ansi-regex": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
+      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
       "dev": true,
       "license": "MIT",
       "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
+        "node": ">=8"
       }
     },
-    "node_modules/is-shared-array-buffer": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/is-shared-array-buffer/-/is-shared-array-buffer-1.0.4.tgz",
-      "integrity": "sha512-ISWac8drv4ZGfwKl5slpHG9OwPNty4jOWPRIhBpxOoD+hqITiwuipOQ2bNthAzwA3B4fIjO4Nln74N0S9byq8A==",
+    "node_modules/ansi-styles": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "call-bound": "^1.0.3"
+        "color-convert": "^2.0.1"
       },
       "engines": {
-        "node": ">= 0.4"
+        "node": ">=8"
       },
       "funding": {
-        "url": "https://github.com/sponsors/ljharb"
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
       }
     },
-    "node_modules/is-string": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/is-string/-/is-string-1.1.1.tgz",
-      "integrity": "sha512-BtEeSsoaQjlSPBemMQIrY1MY0uM6vnS1g5fmufYOtnxLGUZM2178PKbhsk7Ffv58IX+ZtcvoGwccYsh0PglkAA==",
+    "node_modules/argparse": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
+      "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
+      "dev": true,
+      "license": "Python-2.0"
+    },
+    "node_modules/aria-query": {
+      "version": "5.3.2",
+      "resolved": "https://registry.npmjs.org/aria-query/-/aria-query-5.3.2.tgz",
+      "integrity": "sha512-COROpnaoap1E2F000S62r6A60uHZnmlvomhfyT2DlTcrY1OrBKn2UhH7qn5wTC9zMvD0AY7csdPSNwKP+7WiQw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/array-buffer-byte-length": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/array-buffer-byte-length/-/array-buffer-byte-length-1.0.2.tgz",
+      "integrity": "sha512-LHE+8BuR7RYGDKvnrmcuSq3tDcKv9OFEXQt/HpbZhY7V6h0zlUXutnAD82GiFx9rdieCMjkvtcsPqBwgUl1Iiw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "call-bound": "^1.0.3",
-        "has-tostringtag": "^1.0.2"
+        "is-array-buffer": "^3.0.5"
       },
       "engines": {
         "node": ">= 0.4"
@@ -5265,16 +5658,21 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/is-symbol": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/is-symbol/-/is-symbol-1.1.1.tgz",
-      "integrity": "sha512-9gGx6GTtCQM73BgmHQXfDmLtfjjTUDSyoxTCbp5WtoixAhfgsDirWIcVQ/IHpvI5Vgd5i/J5F7B9cN/WlVbC/w==",
-      "dev": true,
-      "license": "MIT",
+    "node_modules/array-includes": {
+      "version": "3.1.9",
+      "resolved": "https://registry.npmjs.org/array-includes/-/array-includes-3.1.9.tgz",
+      "integrity": "sha512-FmeCCAenzH0KH381SPT5FZmiA/TmpndpcaShhfgEN9eCVjnFBqq3l1xrI42y8+PPLI6hypzou4GXw00WHmPBLQ==",
+      "dev": true,
+      "license": "MIT",
       "dependencies": {
-        "call-bound": "^1.0.2",
-        "has-symbols": "^1.1.0",
-        "safe-regex-test": "^1.1.0"
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.4",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.24.0",
+        "es-object-atoms": "^1.1.1",
+        "get-intrinsic": "^1.3.0",
+        "is-string": "^1.1.1",
+        "math-intrinsics": "^1.1.0"
       },
       "engines": {
         "node": ">= 0.4"
@@ -5283,14 +5681,26 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/is-typed-array": {
-      "version": "1.1.15",
-      "resolved": "https://registry.npmjs.org/is-typed-array/-/is-typed-array-1.1.15.tgz",
-      "integrity": "sha512-p3EcsicXjit7SaskXHs1hA91QxgTw46Fv6EFKKGS5DRFLD8yKnohjF3hxoju94b/OcMZoQukzpPpBE9uLVKzgQ==",
+    "node_modules/array-timsort": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/array-timsort/-/array-timsort-1.0.3.tgz",
+      "integrity": "sha512-/+3GRL7dDAGEfM6TseQk/U+mi18TU2Ms9I3UlLdUMhz2hbvGNTKdj9xniwXfUqgYhHxRx0+8UnKkvlNwVU+cWQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/array.prototype.findlast": {
+      "version": "1.2.5",
+      "resolved": "https://registry.npmjs.org/array.prototype.findlast/-/array.prototype.findlast-1.2.5.tgz",
+      "integrity": "sha512-CVvd6FHg1Z3POpBLxO6E6zr+rSKEQ9L6rZHAaY7lLfhKsWYUBBOuMs0e9o24oopj6H+geRCX0YJ+TJLBK2eHyQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "which-typed-array": "^1.1.16"
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.2",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.0.0",
+        "es-shim-unscopables": "^1.0.2"
       },
       "engines": {
         "node": ">= 0.4"
@@ -5299,12 +5709,21 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/is-weakmap": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/is-weakmap/-/is-weakmap-2.0.2.tgz",
-      "integrity": "sha512-K5pXYOm9wqY1RgjpL3YTkF39tni1XajUIkawTLUo9EZEVUFga5gSQJF8nNS7ZwJQ02y+1YCNYcMh+HIf1ZqE+w==",
+    "node_modules/array.prototype.findlastindex": {
+      "version": "1.2.6",
+      "resolved": "https://registry.npmjs.org/array.prototype.findlastindex/-/array.prototype.findlastindex-1.2.6.tgz",
+      "integrity": "sha512-F/TKATkzseUExPlfvmwQKGITM3DGTK+vkAsCZoDc5daVygbJBnjEUCbgkAvVFsgfXfX4YIqZ/27G3k3tdXrTxQ==",
       "dev": true,
       "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.4",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.9",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.1.1",
+        "es-shim-unscopables": "^1.1.0"
+      },
       "engines": {
         "node": ">= 0.4"
       },
@@ -5312,14 +5731,17 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/is-weakref": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/is-weakref/-/is-weakref-1.1.1.tgz",
-      "integrity": "sha512-6i9mGWSlqzNMEqpCp93KwRS1uUOodk2OJ6b+sq7ZPDSy2WuI5NFIxp/254TytR8ftefexkWn5xNiHUNpPOfSew==",
+    "node_modules/array.prototype.flat": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/array.prototype.flat/-/array.prototype.flat-1.3.3.tgz",
+      "integrity": "sha512-rwG/ja1neyLqCuGZ5YYrznA62D4mZXg0i1cIskIUKSiqF3Cje9/wXAls9B9s1Wa2fomMsIv8czB8jZcPmxCXFg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "call-bound": "^1.0.3"
+        "call-bind": "^1.0.8",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.5",
+        "es-shim-unscopables": "^1.0.2"
       },
       "engines": {
         "node": ">= 0.4"
@@ -5328,15 +5750,17 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/is-weakset": {
-      "version": "2.0.4",
-      "resolved": "https://registry.npmjs.org/is-weakset/-/is-weakset-2.0.4.tgz",
-      "integrity": "sha512-mfcwb6IzQyOKTs84CQMrOwW4gQcaTOAWJ0zzJCl2WSPDrWk/OzDaImWFH3djXhb24g4eudZfLRozAvPGw4d9hQ==",
+    "node_modules/array.prototype.flatmap": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/array.prototype.flatmap/-/array.prototype.flatmap-1.3.3.tgz",
+      "integrity": "sha512-Y7Wt51eKJSyi80hFrJCePGGNo5ktJCslFuboqJsbf57CCPcm5zztluPlc4/aD8sWsKvlwatezpV4U1efk8kpjg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "call-bound": "^1.0.3",
-        "get-intrinsic": "^1.2.6"
+        "call-bind": "^1.0.8",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.5",
+        "es-shim-unscopables": "^1.0.2"
       },
       "engines": {
         "node": ">= 0.4"
@@ -5345,1047 +5769,5937 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/isarray": {
-      "version": "2.0.5",
-      "resolved": "https://registry.npmjs.org/isarray/-/isarray-2.0.5.tgz",
-      "integrity": "sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/isexe": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
-      "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==",
+    "node_modules/array.prototype.tosorted": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/array.prototype.tosorted/-/array.prototype.tosorted-1.1.4.tgz",
+      "integrity": "sha512-p6Fx8B7b7ZhL/gmUsAy0D15WhvDccw3mnGNbZpi3pmeJdxtWsj2jEaI4Y6oo3XiHfzuSgPwKc04MYt6KgvC/wA==",
       "dev": true,
-      "license": "ISC"
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.3",
+        "es-errors": "^1.3.0",
+        "es-shim-unscopables": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
     },
-    "node_modules/iterator.prototype": {
-      "version": "1.1.5",
-      "resolved": "https://registry.npmjs.org/iterator.prototype/-/iterator.prototype-1.1.5.tgz",
-      "integrity": "sha512-H0dkQoCa3b2VEeKQBOxFph+JAbcrQdE7KC0UkqwpLmv2EC4P41QXP+rqo9wYodACiG5/WM5s9oDApTU8utwj9g==",
+    "node_modules/arraybuffer.prototype.slice": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/arraybuffer.prototype.slice/-/arraybuffer.prototype.slice-1.0.4.tgz",
+      "integrity": "sha512-BNoCY6SXXPQ7gF2opIP4GBE+Xw7U+pHMYKuzjgCN3GwiaIR09UUeKfheyIry77QtrCBlC0KK0q5/TER/tYh3PQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "define-data-property": "^1.1.4",
-        "es-object-atoms": "^1.0.0",
+        "array-buffer-byte-length": "^1.0.1",
+        "call-bind": "^1.0.8",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.5",
+        "es-errors": "^1.3.0",
         "get-intrinsic": "^1.2.6",
-        "get-proto": "^1.0.0",
-        "has-symbols": "^1.1.0",
-        "set-function-name": "^2.0.2"
+        "is-array-buffer": "^3.0.4"
       },
       "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==",
+    "node_modules/ast-types-flow": {
+      "version": "0.0.8",
+      "resolved": "https://registry.npmjs.org/ast-types-flow/-/ast-types-flow-0.0.8.tgz",
+      "integrity": "sha512-OH/2E5Fg20h2aPrbe+QL8JZQFko0YZaF+j4mnQ7BGhfavO7OpSLa8a0y9sBwomHdSbkhTS8TQNayBfnW5DwbvQ==",
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/js-yaml": {
-      "version": "4.1.1",
-      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.1.tgz",
-      "integrity": "sha512-qQKT4zQxXl8lLwBtHMWwaTcGfFOZviOJet3Oy/xmGk2gZH677CJM9EvtfdSkgWcATZhj/55JZ0rmy3myCT5lsA==",
+    "node_modules/async-function": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/async-function/-/async-function-1.0.0.tgz",
+      "integrity": "sha512-hsU18Ae8CDTR6Kgu9DYf0EbCr/a5iGL0rytQDobUcdpYOKokk8LEjVphnXkDkgpi0wYVsqrXuP0bZxJaTqdgoA==",
       "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "argparse": "^2.0.1"
-      },
-      "bin": {
-        "js-yaml": "bin/js-yaml.js"
+      "engines": {
+        "node": ">= 0.4"
       }
     },
-    "node_modules/jsesc": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-3.1.0.tgz",
-      "integrity": "sha512-/sM3dO2FOzXjKQhJuo0Q173wf2KOo8t4I8vHy6lF9poUp7bKT0/NHE8fPX23PwfhnykfqnC2xRxOnVw5XuGIaA==",
+    "node_modules/asynckit": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
+      "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/available-typed-arrays": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/available-typed-arrays/-/available-typed-arrays-1.0.7.tgz",
+      "integrity": "sha512-wvUjBtSGN7+7SjNpq/9M2Tg350UZD3q62IFZLbRAR1bSMlCo1ZaeW+BJ+D090e4hIIZLBcTDWe4Mh4jvUDajzQ==",
       "dev": true,
       "license": "MIT",
-      "bin": {
-        "jsesc": "bin/jsesc"
+      "dependencies": {
+        "possible-typed-array-names": "^1.0.0"
       },
       "engines": {
-        "node": ">=6"
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/json-buffer": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/json-buffer/-/json-buffer-3.0.1.tgz",
-      "integrity": "sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==",
+    "node_modules/aws4fetch": {
+      "version": "1.0.20",
+      "resolved": "https://registry.npmjs.org/aws4fetch/-/aws4fetch-1.0.20.tgz",
+      "integrity": "sha512-/djoAN709iY65ETD6LKCtyyEI04XIBP5xVvfmNxsEP0uJB5tyaGBztSryRr4HqMStr9R06PisQE7m9zDTXKu6g==",
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/json-schema-traverse": {
-      "version": "0.4.1",
-      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
-      "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==",
+    "node_modules/axe-core": {
+      "version": "4.11.3",
+      "resolved": "https://registry.npmjs.org/axe-core/-/axe-core-4.11.3.tgz",
+      "integrity": "sha512-zBQouZixDTbo3jMGqHKyePxYxr1e5W8UdTmBQ7sNtaA9M2bE32daxxPLS/jojhKOHxQ7LWwPjfiwf/fhaJWzlg==",
       "dev": true,
-      "license": "MIT"
+      "license": "MPL-2.0",
+      "engines": {
+        "node": ">=4"
+      }
     },
-    "node_modules/json-stable-stringify-without-jsonify": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz",
-      "integrity": "sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==",
+    "node_modules/axobject-query": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/axobject-query/-/axobject-query-4.1.0.tgz",
+      "integrity": "sha512-qIj0G9wZbMGNLjLmg1PT6v2mE9AH2zlnADJD/2tC6E00hgmhUOfEB6greHPAfLRSufHqROIUTkw6E+M3lH0PTQ==",
       "dev": true,
-      "license": "MIT"
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">= 0.4"
+      }
     },
-    "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,
+    "node_modules/bail": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/bail/-/bail-2.0.2.tgz",
+      "integrity": "sha512-0xO6mYd7JB2YesxDKplafRpsiOzPt9V02ddPCLbY1xYGPOX24NTyN50qnUxgCPcSoYMhKpAuBTjQoRZCAkUDRw==",
       "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/balanced-match": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
+      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/baseline-browser-mapping": {
+      "version": "2.10.20",
+      "resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.10.20.tgz",
+      "integrity": "sha512-1AaXxEPfXT+GvTBJFuy4yXVHWJBXa4OdbIebGN/wX5DlsIkU0+wzGnd2lOzokSk51d5LUmqjgBLRLlypLUqInQ==",
+      "license": "Apache-2.0",
       "bin": {
-        "json5": "lib/cli.js"
+        "baseline-browser-mapping": "dist/cli.cjs"
       },
       "engines": {
-        "node": ">=6"
+        "node": ">=6.0.0"
       }
     },
-    "node_modules/jsx-ast-utils": {
-      "version": "3.3.5",
-      "resolved": "https://registry.npmjs.org/jsx-ast-utils/-/jsx-ast-utils-3.3.5.tgz",
-      "integrity": "sha512-ZZow9HBI5O6EPgSJLUb8n2NKgmVWTwCvHGwFuJlMjvLFqlGG6pjirPhtdsseaLZjSibD8eegzmYpUZwoIlj2cQ==",
+    "node_modules/blake3-wasm": {
+      "version": "2.1.5",
+      "resolved": "https://registry.npmjs.org/blake3-wasm/-/blake3-wasm-2.1.5.tgz",
+      "integrity": "sha512-F1+K8EbfOZE49dtoPtmxUQrpXaBIl3ICvasLh+nJta0xkz+9kF/7uet9fLnwKqhDrmj6g+6K3Tw9yQPUg2ka5g==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/body-parser": {
+      "version": "2.2.2",
+      "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-2.2.2.tgz",
+      "integrity": "sha512-oP5VkATKlNwcgvxi0vM0p/D3n2C3EReYVX+DNYs5TjZFn/oQt2j+4sVJtSMr18pdRr8wjTcBl6LoV+FUwzPmNA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "array-includes": "^3.1.6",
-        "array.prototype.flat": "^1.3.1",
-        "object.assign": "^4.1.4",
-        "object.values": "^1.1.6"
+        "bytes": "^3.1.2",
+        "content-type": "^1.0.5",
+        "debug": "^4.4.3",
+        "http-errors": "^2.0.0",
+        "iconv-lite": "^0.7.0",
+        "on-finished": "^2.4.1",
+        "qs": "^6.14.1",
+        "raw-body": "^3.0.1",
+        "type-is": "^2.0.1"
       },
       "engines": {
-        "node": ">=4.0"
+        "node": ">=18"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/express"
       }
     },
-    "node_modules/katex": {
-      "version": "0.16.45",
-      "resolved": "https://registry.npmjs.org/katex/-/katex-0.16.45.tgz",
-      "integrity": "sha512-pQpZbdBu7wCTmQUh7ufPmLr0pFoObnGUoL/yhtwJDgmmQpbkg/0HSVti25Fu4rmd1oCR6NGWe9vqTWuWv3GcNA==",
-      "funding": [
-        "https://opencollective.com/katex",
-        "https://github.com/sponsors/katex"
-      ],
+    "node_modules/body-parser/node_modules/iconv-lite": {
+      "version": "0.7.2",
+      "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.7.2.tgz",
+      "integrity": "sha512-im9DjEDQ55s9fL4EYzOAv0yMqmMBSZp6G0VvFyTMPKWxiSBHUj9NW/qqLmXUwXrrM7AvqSlTCfvqRb0cM8yYqw==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "commander": "^8.3.0"
+        "safer-buffer": ">= 2.1.2 < 3.0.0"
       },
-      "bin": {
-        "katex": "cli.js"
+      "engines": {
+        "node": ">=0.10.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/express"
       }
     },
-    "node_modules/katex/node_modules/commander": {
-      "version": "8.3.0",
-      "resolved": "https://registry.npmjs.org/commander/-/commander-8.3.0.tgz",
-      "integrity": "sha512-OkTL9umf+He2DZkUq8f8J9of7yL6RJKI24dVITBmNfZBmri9zYZQrKkuXiKhyfPSu8tUhnVBB1iKXevvnlR4Ww==",
+    "node_modules/bowser": {
+      "version": "2.14.1",
+      "resolved": "https://registry.npmjs.org/bowser/-/bowser-2.14.1.tgz",
+      "integrity": "sha512-tzPjzCxygAKWFOJP011oxFHs57HzIhOEracIgAePE4pqB3LikALKnSzUyU4MGs9/iCEUuHlAJTjTc5M+u7YEGg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/brace-expansion": {
+      "version": "1.1.14",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.14.tgz",
+      "integrity": "sha512-MWPGfDxnyzKU7rNOW9SP/c50vi3xrmrua/+6hfPbCS2ABNWfx24vPidzvC7krjU/RTo235sV776ymlsMtGKj8g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
+      }
+    },
+    "node_modules/braces": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz",
+      "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==",
+      "dev": true,
       "license": "MIT",
+      "dependencies": {
+        "fill-range": "^7.1.1"
+      },
       "engines": {
-        "node": ">= 12"
+        "node": ">=8"
       }
     },
-    "node_modules/keyv": {
-      "version": "4.5.4",
-      "resolved": "https://registry.npmjs.org/keyv/-/keyv-4.5.4.tgz",
-      "integrity": "sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==",
+    "node_modules/browserslist": {
+      "version": "4.28.2",
+      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.28.2.tgz",
+      "integrity": "sha512-48xSriZYYg+8qXna9kwqjIVzuQxi+KYWp2+5nCYnYKPTr0LvD89Jqk2Or5ogxz0NUMfIjhh2lIUX/LyX9B4oIg==",
       "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": {
-        "json-buffer": "3.0.1"
+        "baseline-browser-mapping": "^2.10.12",
+        "caniuse-lite": "^1.0.30001782",
+        "electron-to-chromium": "^1.5.328",
+        "node-releases": "^2.0.36",
+        "update-browserslist-db": "^1.2.3"
+      },
+      "bin": {
+        "browserslist": "cli.js"
+      },
+      "engines": {
+        "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7"
       }
     },
-    "node_modules/language-subtag-registry": {
-      "version": "0.3.23",
-      "resolved": "https://registry.npmjs.org/language-subtag-registry/-/language-subtag-registry-0.3.23.tgz",
-      "integrity": "sha512-0K65Lea881pHotoGEa5gDlMxt3pctLi2RplBb7Ezh4rRdLEOtgi7n4EwK9lamnUCkKBqaeKRVebTq6BAxSkpXQ==",
+    "node_modules/buffer-from": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.2.tgz",
+      "integrity": "sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==",
       "dev": true,
-      "license": "CC0-1.0"
+      "license": "MIT"
     },
-    "node_modules/language-tags": {
+    "node_modules/bytes": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.1.2.tgz",
+      "integrity": "sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/call-bind": {
       "version": "1.0.9",
-      "resolved": "https://registry.npmjs.org/language-tags/-/language-tags-1.0.9.tgz",
-      "integrity": "sha512-MbjN408fEndfiQXbFQ1vnd+1NoLDsnQW41410oQBXiyXDMYH5z505juWa4KUE1LqxRC7DgOgZDbKLxHIwm27hA==",
+      "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.9.tgz",
+      "integrity": "sha512-a/hy+pNsFUTR+Iz8TCJvXudKVLAnz/DyeSUo10I5yvFDQJBFU2s9uqQpoSrJlroHUKoKqzg+epxyP9lqFdzfBQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "language-subtag-registry": "^0.3.20"
+        "call-bind-apply-helpers": "^1.0.2",
+        "es-define-property": "^1.0.1",
+        "get-intrinsic": "^1.3.0",
+        "set-function-length": "^1.2.2"
       },
       "engines": {
-        "node": ">=0.10"
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/levn": {
-      "version": "0.4.1",
-      "resolved": "https://registry.npmjs.org/levn/-/levn-0.4.1.tgz",
-      "integrity": "sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==",
+    "node_modules/call-bind-apply-helpers": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.2.tgz",
+      "integrity": "sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "prelude-ls": "^1.2.1",
-        "type-check": "~0.4.0"
+        "es-errors": "^1.3.0",
+        "function-bind": "^1.1.2"
       },
       "engines": {
-        "node": ">= 0.8.0"
+        "node": ">= 0.4"
       }
     },
-    "node_modules/locate-path": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz",
-      "integrity": "sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==",
+    "node_modules/call-bound": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/call-bound/-/call-bound-1.0.4.tgz",
+      "integrity": "sha512-+ys997U96po4Kx/ABpBCqhA9EuxJaQWDQg7295H4hBphv3IZg0boBKuwYpt4YXp6MZ5AmZQnU/tyMTlRpaSejg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "p-locate": "^5.0.0"
+        "call-bind-apply-helpers": "^1.0.2",
+        "get-intrinsic": "^1.3.0"
       },
       "engines": {
-        "node": ">=10"
+        "node": ">= 0.4"
       },
       "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/lodash.merge": {
-      "version": "4.6.2",
-      "resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz",
-      "integrity": "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==",
+    "node_modules/callsites": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",
+      "integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==",
       "dev": true,
-      "license": "MIT"
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
     },
-    "node_modules/longest-streak": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/longest-streak/-/longest-streak-3.1.0.tgz",
-      "integrity": "sha512-9Ri+o0JYgehTaVBBDoMqIl8GXtbWg711O3srftcHhZ0dqnETqLaoIK0x17fUw9rFSlK/0NlsKe0Ahhyl5pXE2g==",
+    "node_modules/caniuse-lite": {
+      "version": "1.0.30001788",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001788.tgz",
+      "integrity": "sha512-6q8HFp+lOQtcf7wBK+uEenxymVWkGKkjFpCvw5W25cmMwEDU45p1xQFBQv8JDlMMry7eNxyBaR+qxgmTUZkIRQ==",
+      "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/ccount": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/ccount/-/ccount-2.0.1.tgz",
+      "integrity": "sha512-eyrF0jiFpY+3drT6383f1qhkbGsLSifNAjA61IUjZjmLCWjItY6LB9ft9YhoDgwfmclB2zhu51Lc7+95b8NRAg==",
       "license": "MIT",
       "funding": {
         "type": "github",
         "url": "https://github.com/sponsors/wooorm"
       }
     },
-    "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==",
+    "node_modules/chalk": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "js-tokens": "^3.0.0 || ^4.0.0"
+        "ansi-styles": "^4.1.0",
+        "supports-color": "^7.1.0"
       },
-      "bin": {
-        "loose-envify": "cli.js"
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
       }
     },
-    "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/character-entities": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/character-entities/-/character-entities-2.0.2.tgz",
+      "integrity": "sha512-shx7oQ0Awen/BRIdkjkvz54PnEEI/EjwXDSIZp86/KKdbafHh1Df/RYGBhn4hbe2+uKC9FnT5UCEdyPz3ai9hQ==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
       }
     },
-    "node_modules/math-intrinsics": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/math-intrinsics/-/math-intrinsics-1.1.0.tgz",
-      "integrity": "sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==",
-      "dev": true,
+    "node_modules/character-entities-html4": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/character-entities-html4/-/character-entities-html4-2.1.0.tgz",
+      "integrity": "sha512-1v7fgQRj6hnSwFpq1Eu0ynr/CDEw0rXo2B61qXrLNdHZmPKgb7fqS1a2JwF0rISo9q77jDI8VMEHoApn8qDoZA==",
       "license": "MIT",
-      "engines": {
-        "node": ">= 0.4"
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
       }
     },
-    "node_modules/mdast-util-from-markdown": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/mdast-util-from-markdown/-/mdast-util-from-markdown-2.0.3.tgz",
-      "integrity": "sha512-W4mAWTvSlKvf8L6J+VN9yLSqQ9AOAAvHuoDAmPkz4dHf553m5gVj2ejadHJhoJmcmxEnOv6Pa8XJhpxE93kb8Q==",
+    "node_modules/character-entities-legacy": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/character-entities-legacy/-/character-entities-legacy-3.0.0.tgz",
+      "integrity": "sha512-RpPp0asT/6ufRm//AJVwpViZbGM/MkjQFxJccQRHmISF/22NBtsHqAWmL+/pmkPWoIUJdWyeVleTl1wydHATVQ==",
       "license": "MIT",
-      "dependencies": {
-        "@types/mdast": "^4.0.0",
-        "@types/unist": "^3.0.0",
-        "decode-named-character-reference": "^1.0.0",
-        "devlop": "^1.0.0",
-        "mdast-util-to-string": "^4.0.0",
-        "micromark": "^4.0.0",
-        "micromark-util-decode-numeric-character-reference": "^2.0.0",
-        "micromark-util-decode-string": "^2.0.0",
-        "micromark-util-normalize-identifier": "^2.0.0",
-        "micromark-util-symbol": "^2.0.0",
-        "micromark-util-types": "^2.0.0",
-        "unist-util-stringify-position": "^4.0.0"
-      },
       "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/unified"
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
       }
     },
-    "node_modules/mdast-util-math": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/mdast-util-math/-/mdast-util-math-3.0.0.tgz",
-      "integrity": "sha512-Tl9GBNeG/AhJnQM221bJR2HPvLOSnLE/T9cJI9tlc6zwQk2nPk/4f0cHkOdEixQPC/j8UtKDdITswvLAy1OZ1w==",
+    "node_modules/character-reference-invalid": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/character-reference-invalid/-/character-reference-invalid-2.0.1.tgz",
+      "integrity": "sha512-iBZ4F4wRbyORVsu0jPV7gXkOsGYjGHPmAyv+HiHG8gi5PtC9KI2j1+v8/tlibRvjoWX027ypmG/n0HtO5t7unw==",
       "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/client-only": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/client-only/-/client-only-0.0.1.tgz",
+      "integrity": "sha512-IV3Ou0jSMzZrd3pZ48nLkT9DA7Ag1pnPzaiQhpW7c3RbcqqzvzzVu+L8gfqMp/8IM2MQtSiqaCxrrcfu8I8rMA==",
+      "license": "MIT"
+    },
+    "node_modules/cliui": {
+      "version": "9.0.1",
+      "resolved": "https://registry.npmjs.org/cliui/-/cliui-9.0.1.tgz",
+      "integrity": "sha512-k7ndgKhwoQveBL+/1tqGJYNz097I7WOvwbmmU2AR5+magtbjPWQTS1C5vzGkBC8Ym8UWRzfKUzUUqFLypY4Q+w==",
+      "dev": true,
+      "license": "ISC",
       "dependencies": {
-        "@types/hast": "^3.0.0",
-        "@types/mdast": "^4.0.0",
-        "devlop": "^1.0.0",
-        "longest-streak": "^3.0.0",
-        "mdast-util-from-markdown": "^2.0.0",
-        "mdast-util-to-markdown": "^2.1.0",
-        "unist-util-remove-position": "^5.0.0"
+        "string-width": "^7.2.0",
+        "strip-ansi": "^7.1.0",
+        "wrap-ansi": "^9.0.0"
       },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/unified"
+      "engines": {
+        "node": ">=20"
       }
     },
-    "node_modules/mdast-util-mdx-expression": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/mdast-util-mdx-expression/-/mdast-util-mdx-expression-2.0.1.tgz",
-      "integrity": "sha512-J6f+9hUp+ldTZqKRSg7Vw5V6MqjATc+3E4gf3CFNcuZNWD8XdyI6zQ8GqH7f8169MM6P7hMBRDVGnn7oHB9kXQ==",
+    "node_modules/cliui/node_modules/ansi-regex": {
+      "version": "6.2.2",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.2.2.tgz",
+      "integrity": "sha512-Bq3SmSpyFHaWjPk8If9yc6svM8c56dB5BAtW4Qbw5jHTwwXXcTLoRMkpDJp6VL0XzlWaCHTXrkFURMYmD0sLqg==",
+      "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "@types/estree-jsx": "^1.0.0",
-        "@types/hast": "^3.0.0",
-        "@types/mdast": "^4.0.0",
-        "devlop": "^1.0.0",
-        "mdast-util-from-markdown": "^2.0.0",
-        "mdast-util-to-markdown": "^2.0.0"
+      "engines": {
+        "node": ">=12"
       },
       "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/unified"
+        "url": "https://github.com/chalk/ansi-regex?sponsor=1"
       }
     },
-    "node_modules/mdast-util-mdx-jsx": {
-      "version": "3.2.0",
-      "resolved": "https://registry.npmjs.org/mdast-util-mdx-jsx/-/mdast-util-mdx-jsx-3.2.0.tgz",
-      "integrity": "sha512-lj/z8v0r6ZtsN/cGNNtemmmfoLAFZnjMbNyLzBafjzikOM+glrjNHPlf6lQDOTccj9n5b0PPihEBbhneMyGs1Q==",
+    "node_modules/cliui/node_modules/strip-ansi": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.2.0.tgz",
+      "integrity": "sha512-yDPMNjp4WyfYBkHnjIRLfca1i6KMyGCtsVgoKe/z1+6vukgaENdgGBZt+ZmKPc4gavvEZ5OgHfHdrazhgNyG7w==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@types/estree-jsx": "^1.0.0",
-        "@types/hast": "^3.0.0",
-        "@types/mdast": "^4.0.0",
-        "@types/unist": "^3.0.0",
-        "ccount": "^2.0.0",
-        "devlop": "^1.1.0",
-        "mdast-util-from-markdown": "^2.0.0",
-        "mdast-util-to-markdown": "^2.0.0",
-        "parse-entities": "^4.0.0",
-        "stringify-entities": "^4.0.0",
-        "unist-util-stringify-position": "^4.0.0",
-        "vfile-message": "^4.0.0"
+        "ansi-regex": "^6.2.2"
+      },
+      "engines": {
+        "node": ">=12"
       },
       "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/unified"
+        "url": "https://github.com/chalk/strip-ansi?sponsor=1"
       }
     },
-    "node_modules/mdast-util-mdxjs-esm": {
+    "node_modules/cloudflare": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npmjs.org/cloudflare/-/cloudflare-4.5.0.tgz",
+      "integrity": "sha512-fPcbPKx4zF45jBvQ0z7PCdgejVAPBBCZxwqk1k7krQNfpM07Cfj97/Q6wBzvYqlWXx/zt1S9+m8vnfCe06umbQ==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@types/node": "^18.11.18",
+        "@types/node-fetch": "^2.6.4",
+        "abort-controller": "^3.0.0",
+        "agentkeepalive": "^4.2.1",
+        "form-data-encoder": "1.7.2",
+        "formdata-node": "^4.3.2",
+        "node-fetch": "^2.6.7"
+      }
+    },
+    "node_modules/cloudflare/node_modules/@types/node": {
+      "version": "18.19.130",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-18.19.130.tgz",
+      "integrity": "sha512-GRaXQx6jGfL8sKfaIDD6OupbIHBr9jv7Jnaml9tB7l4v068PAOXqfcujMMo5PhbIs6ggR1XODELqahT2R8v0fg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "undici-types": "~5.26.4"
+      }
+    },
+    "node_modules/cloudflare/node_modules/undici-types": {
+      "version": "5.26.5",
+      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-5.26.5.tgz",
+      "integrity": "sha512-JlCMO+ehdEIKqlFxk6IfVoAUVmgz7cU7zD/h9XZ0qzeosSHmUJVOzSQvvYSYWXkFXC+IfLKSIffhv0sVZup6pA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/color-convert": {
       "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/mdast-util-mdxjs-esm/-/mdast-util-mdxjs-esm-2.0.1.tgz",
-      "integrity": "sha512-EcmOpxsZ96CvlP03NghtH1EsLtr0n9Tm4lPUJUBccV9RwUOneqSycg19n5HGzCf+10LozMRSObtVr3ee1WoHtg==",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@types/estree-jsx": "^1.0.0",
-        "@types/hast": "^3.0.0",
-        "@types/mdast": "^4.0.0",
-        "devlop": "^1.0.0",
-        "mdast-util-from-markdown": "^2.0.0",
-        "mdast-util-to-markdown": "^2.0.0"
+        "color-name": "~1.1.4"
       },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/unified"
+      "engines": {
+        "node": ">=7.0.0"
       }
     },
-    "node_modules/mdast-util-phrasing": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/mdast-util-phrasing/-/mdast-util-phrasing-4.1.0.tgz",
-      "integrity": "sha512-TqICwyvJJpBwvGAMZjj4J2n0X8QWp21b9l0o7eXyVJ25YNWYbJDVIyD1bZXE6WtV6RmKJVYmQAKWa0zWOABz2w==",
+    "node_modules/color-name": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/combined-stream": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
+      "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@types/mdast": "^4.0.0",
-        "unist-util-is": "^6.0.0"
+        "delayed-stream": "~1.0.0"
       },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/comma-separated-tokens": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/comma-separated-tokens/-/comma-separated-tokens-2.0.3.tgz",
+      "integrity": "sha512-Fu4hJdvzeylCfQPp9SGWidpzrMs7tTrlu6Vb8XGaRGck8QSNZJJp538Wrb60Lax4fPwR64ViY468OIUTbRlGZg==",
+      "license": "MIT",
       "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/unified"
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
       }
     },
-    "node_modules/mdast-util-to-hast": {
-      "version": "13.2.1",
-      "resolved": "https://registry.npmjs.org/mdast-util-to-hast/-/mdast-util-to-hast-13.2.1.tgz",
-      "integrity": "sha512-cctsq2wp5vTsLIcaymblUriiTcZd0CwWtCbLvrOzYCDZoWyMNV8sZ7krj09FSnsiJi3WVsHLM4k6Dq/yaPyCXA==",
+    "node_modules/commander": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-7.2.0.tgz",
+      "integrity": "sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/comment-json": {
+      "version": "4.6.2",
+      "resolved": "https://registry.npmjs.org/comment-json/-/comment-json-4.6.2.tgz",
+      "integrity": "sha512-R2rze/hDX30uul4NZoIZ76ImSJLFxn/1/ZxtKC1L77y2X1k+yYu1joKbAtMA2Fg3hZrTOiw0I5mwVMo0cf250w==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@types/hast": "^3.0.0",
-        "@types/mdast": "^4.0.0",
-        "@ungap/structured-clone": "^1.0.0",
-        "devlop": "^1.0.0",
-        "micromark-util-sanitize-uri": "^2.0.0",
-        "trim-lines": "^3.0.0",
-        "unist-util-position": "^5.0.0",
-        "unist-util-visit": "^5.0.0",
-        "vfile": "^6.0.0"
+        "array-timsort": "^1.0.3",
+        "esprima": "^4.0.1"
       },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/unified"
+      "engines": {
+        "node": ">= 6"
       }
     },
-    "node_modules/mdast-util-to-markdown": {
-      "version": "2.1.2",
-      "resolved": "https://registry.npmjs.org/mdast-util-to-markdown/-/mdast-util-to-markdown-2.1.2.tgz",
-      "integrity": "sha512-xj68wMTvGXVOKonmog6LwyJKrYXZPvlwabaryTjLh9LuvovB/KAH+kvi8Gjj+7rJjsFi23nkUxRQv1KqSroMqA==",
+    "node_modules/concat-map": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
+      "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/content-disposition": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/content-disposition/-/content-disposition-1.1.0.tgz",
+      "integrity": "sha512-5jRCH9Z/+DRP7rkvY83B+yGIGX96OYdJmzngqnw2SBSxqCFPd0w2km3s5iawpGX8krnwSGmF0FW5Nhr0Hfai3g==",
+      "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "@types/mdast": "^4.0.0",
-        "@types/unist": "^3.0.0",
-        "longest-streak": "^3.0.0",
-        "mdast-util-phrasing": "^4.0.0",
-        "mdast-util-to-string": "^4.0.0",
-        "micromark-util-classify-character": "^2.0.0",
-        "micromark-util-decode-string": "^2.0.0",
-        "unist-util-visit": "^5.0.0",
-        "zwitch": "^2.0.0"
+      "engines": {
+        "node": ">=18"
       },
       "funding": {
         "type": "opencollective",
-        "url": "https://opencollective.com/unified"
+        "url": "https://opencollective.com/express"
       }
     },
-    "node_modules/mdast-util-to-string": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/mdast-util-to-string/-/mdast-util-to-string-4.0.0.tgz",
-      "integrity": "sha512-0H44vDimn51F0YwvxSJSm0eCDOJTRlmN0R1yBh4HLj9wiV1Dn0QoXGbvFAWj2hSItVTlCmBF1hqKlIyUBVFLPg==",
+    "node_modules/content-type": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/content-type/-/content-type-1.0.5.tgz",
+      "integrity": "sha512-nTjqfcBFEipKdXCv4YDQWCfmcLZKm81ldF0pAopTvyrFGVbcR6P/VAAd5G7N+0tTr8QqiU0tFadD6FK4NtJwOA==",
+      "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "@types/mdast": "^4.0.0"
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "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/cookie": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/cookie/-/cookie-1.1.1.tgz",
+      "integrity": "sha512-ei8Aos7ja0weRpFzJnEA9UHJ/7XQmqglbRwnf2ATjcB9Wq874VKH9kfjjirM6UhU2/E5fFYadylyhFldcqSidQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
       },
       "funding": {
         "type": "opencollective",
-        "url": "https://opencollective.com/unified"
+        "url": "https://opencollective.com/express"
       }
     },
-    "node_modules/merge2": {
-      "version": "1.4.1",
-      "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
-      "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==",
+    "node_modules/cookie-signature": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/cookie-signature/-/cookie-signature-1.2.2.tgz",
+      "integrity": "sha512-D76uU73ulSXrD1UXF4KE2TMxVVwhsnCgfAyTg9k8P6KGZjlXKrOLe4dJQKI3Bxi5wjesZoFXJWElNWBjPZMbhg==",
       "dev": true,
       "license": "MIT",
       "engines": {
-        "node": ">= 8"
+        "node": ">=6.6.0"
       }
     },
-    "node_modules/micromark": {
-      "version": "4.0.2",
-      "resolved": "https://registry.npmjs.org/micromark/-/micromark-4.0.2.tgz",
-      "integrity": "sha512-zpe98Q6kvavpCr1NPVSCMebCKfD7CA2NqZ+rykeNhONIJBpc1tFKt9hucLGwha3jNTNI8lHpctWJWoimVF4PfA==",
-      "funding": [
-        {
-          "type": "GitHub Sponsors",
-          "url": "https://github.com/sponsors/unifiedjs"
-        },
-        {
-          "type": "OpenCollective",
-          "url": "https://opencollective.com/unified"
-        }
-      ],
+    "node_modules/cross-spawn": {
+      "version": "7.0.6",
+      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz",
+      "integrity": "sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@types/debug": "^4.0.0",
-        "debug": "^4.0.0",
-        "decode-named-character-reference": "^1.0.0",
-        "devlop": "^1.0.0",
-        "micromark-core-commonmark": "^2.0.0",
-        "micromark-factory-space": "^2.0.0",
-        "micromark-util-character": "^2.0.0",
-        "micromark-util-chunked": "^2.0.0",
-        "micromark-util-combine-extensions": "^2.0.0",
-        "micromark-util-decode-numeric-character-reference": "^2.0.0",
-        "micromark-util-encode": "^2.0.0",
-        "micromark-util-normalize-identifier": "^2.0.0",
-        "micromark-util-resolve-all": "^2.0.0",
-        "micromark-util-sanitize-uri": "^2.0.0",
-        "micromark-util-subtokenize": "^2.0.0",
-        "micromark-util-symbol": "^2.0.0",
-        "micromark-util-types": "^2.0.0"
+        "path-key": "^3.1.0",
+        "shebang-command": "^2.0.0",
+        "which": "^2.0.1"
+      },
+      "engines": {
+        "node": ">= 8"
       }
     },
-    "node_modules/micromark-core-commonmark": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/micromark-core-commonmark/-/micromark-core-commonmark-2.0.3.tgz",
-      "integrity": "sha512-RDBrHEMSxVFLg6xvnXmb1Ayr2WzLAWjeSATAoxwKYJV94TeNavgoIdA0a9ytzDSVzBy2YKFK+emCPOEibLeCrg==",
-      "funding": [
-        {
+    "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/d3": {
+      "version": "7.9.0",
+      "resolved": "https://registry.npmjs.org/d3/-/d3-7.9.0.tgz",
+      "integrity": "sha512-e1U46jVP+w7Iut8Jt8ri1YsPOvFpg46k+K8TpCb0P+zjCkjkPnV7WzfDJzMHy1LnA+wj5pLT1wjO901gLXeEhA==",
+      "license": "ISC",
+      "dependencies": {
+        "d3-array": "3",
+        "d3-axis": "3",
+        "d3-brush": "3",
+        "d3-chord": "3",
+        "d3-color": "3",
+        "d3-contour": "4",
+        "d3-delaunay": "6",
+        "d3-dispatch": "3",
+        "d3-drag": "3",
+        "d3-dsv": "3",
+        "d3-ease": "3",
+        "d3-fetch": "3",
+        "d3-force": "3",
+        "d3-format": "3",
+        "d3-geo": "3",
+        "d3-hierarchy": "3",
+        "d3-interpolate": "3",
+        "d3-path": "3",
+        "d3-polygon": "3",
+        "d3-quadtree": "3",
+        "d3-random": "3",
+        "d3-scale": "4",
+        "d3-scale-chromatic": "3",
+        "d3-selection": "3",
+        "d3-shape": "3",
+        "d3-time": "3",
+        "d3-time-format": "4",
+        "d3-timer": "3",
+        "d3-transition": "3",
+        "d3-zoom": "3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-array": {
+      "version": "3.2.4",
+      "resolved": "https://registry.npmjs.org/d3-array/-/d3-array-3.2.4.tgz",
+      "integrity": "sha512-tdQAmyA18i4J7wprpYq8ClcxZy3SC31QMeByyCFyRt7BVHdREQZ5lpzoe5mFEYZUWe+oq8HBvk9JjpibyEV4Jg==",
+      "license": "ISC",
+      "dependencies": {
+        "internmap": "1 - 2"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-axis": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/d3-axis/-/d3-axis-3.0.0.tgz",
+      "integrity": "sha512-IH5tgjV4jE/GhHkRV0HiVYPDtvfjHQlQfJHs0usq7M30XcSBvOotpmH1IgkcXsO/5gEQZD43B//fc7SRT5S+xw==",
+      "license": "ISC",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-brush": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/d3-brush/-/d3-brush-3.0.0.tgz",
+      "integrity": "sha512-ALnjWlVYkXsVIGlOsuWH1+3udkYFI48Ljihfnh8FZPF2QS9o+PzGLBslO0PjzVoHLZ2KCVgAM8NVkXPJB2aNnQ==",
+      "license": "ISC",
+      "dependencies": {
+        "d3-dispatch": "1 - 3",
+        "d3-drag": "2 - 3",
+        "d3-interpolate": "1 - 3",
+        "d3-selection": "3",
+        "d3-transition": "3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-chord": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/d3-chord/-/d3-chord-3.0.1.tgz",
+      "integrity": "sha512-VE5S6TNa+j8msksl7HwjxMHDM2yNK3XCkusIlpX5kwauBfXuyLAtNg9jCp/iHH61tgI4sb6R/EIMWCqEIdjT/g==",
+      "license": "ISC",
+      "dependencies": {
+        "d3-path": "1 - 3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-color": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/d3-color/-/d3-color-3.1.0.tgz",
+      "integrity": "sha512-zg/chbXyeBtMQ1LbD/WSoW2DpC3I0mpmPdW+ynRTj/x2DAWYrIY7qeZIHidozwV24m4iavr15lNwIwLxRmOxhA==",
+      "license": "ISC",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-contour": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/d3-contour/-/d3-contour-4.0.2.tgz",
+      "integrity": "sha512-4EzFTRIikzs47RGmdxbeUvLWtGedDUNkTcmzoeyg4sP/dvCexO47AaQL7VKy/gul85TOxw+IBgA8US2xwbToNA==",
+      "license": "ISC",
+      "dependencies": {
+        "d3-array": "^3.2.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-delaunay": {
+      "version": "6.0.4",
+      "resolved": "https://registry.npmjs.org/d3-delaunay/-/d3-delaunay-6.0.4.tgz",
+      "integrity": "sha512-mdjtIZ1XLAM8bm/hx3WwjfHt6Sggek7qH043O8KEjDXN40xi3vx/6pYSVTwLjEgiXQTbvaouWKynLBiUZ6SK6A==",
+      "license": "ISC",
+      "dependencies": {
+        "delaunator": "5"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-dispatch": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/d3-dispatch/-/d3-dispatch-3.0.1.tgz",
+      "integrity": "sha512-rzUyPU/S7rwUflMyLc1ETDeBj0NRuHKKAcvukozwhshr6g6c5d8zh4c2gQjY2bZ0dXeGLWc1PF174P2tVvKhfg==",
+      "license": "ISC",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-drag": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/d3-drag/-/d3-drag-3.0.0.tgz",
+      "integrity": "sha512-pWbUJLdETVA8lQNJecMxoXfH6x+mO2UQo8rSmZ+QqxcbyA3hfeprFgIT//HW2nlHChWeIIMwS2Fq+gEARkhTkg==",
+      "license": "ISC",
+      "dependencies": {
+        "d3-dispatch": "1 - 3",
+        "d3-selection": "3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-dsv": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/d3-dsv/-/d3-dsv-3.0.1.tgz",
+      "integrity": "sha512-UG6OvdI5afDIFP9w4G0mNq50dSOsXHJaRE8arAS5o9ApWnIElp8GZw1Dun8vP8OyHOZ/QJUKUJwxiiCCnUwm+Q==",
+      "license": "ISC",
+      "dependencies": {
+        "commander": "7",
+        "iconv-lite": "0.6",
+        "rw": "1"
+      },
+      "bin": {
+        "csv2json": "bin/dsv2json.js",
+        "csv2tsv": "bin/dsv2dsv.js",
+        "dsv2dsv": "bin/dsv2dsv.js",
+        "dsv2json": "bin/dsv2json.js",
+        "json2csv": "bin/json2dsv.js",
+        "json2dsv": "bin/json2dsv.js",
+        "json2tsv": "bin/json2dsv.js",
+        "tsv2csv": "bin/dsv2dsv.js",
+        "tsv2json": "bin/dsv2json.js"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-ease": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/d3-ease/-/d3-ease-3.0.1.tgz",
+      "integrity": "sha512-wR/XK3D3XcLIZwpbvQwQ5fK+8Ykds1ip7A2Txe0yxncXSdq1L9skcG7blcedkOX+ZcgxGAmLX1FrRGbADwzi0w==",
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-fetch": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/d3-fetch/-/d3-fetch-3.0.1.tgz",
+      "integrity": "sha512-kpkQIM20n3oLVBKGg6oHrUchHM3xODkTzjMoj7aWQFq5QEM+R6E4WkzT5+tojDY7yjez8KgCBRoj4aEr99Fdqw==",
+      "license": "ISC",
+      "dependencies": {
+        "d3-dsv": "1 - 3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-force": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/d3-force/-/d3-force-3.0.0.tgz",
+      "integrity": "sha512-zxV/SsA+U4yte8051P4ECydjD/S+qeYtnaIyAs9tgHCqfguma/aAQDjo85A9Z6EKhBirHRJHXIgJUlffT4wdLg==",
+      "license": "ISC",
+      "dependencies": {
+        "d3-dispatch": "1 - 3",
+        "d3-quadtree": "1 - 3",
+        "d3-timer": "1 - 3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-format": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/d3-format/-/d3-format-3.1.2.tgz",
+      "integrity": "sha512-AJDdYOdnyRDV5b6ArilzCPPwc1ejkHcoyFarqlPqT7zRYjhavcT3uSrqcMvsgh2CgoPbK3RCwyHaVyxYcP2Arg==",
+      "license": "ISC",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-geo": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/d3-geo/-/d3-geo-3.1.1.tgz",
+      "integrity": "sha512-637ln3gXKXOwhalDzinUgY83KzNWZRKbYubaG+fGVuc/dxO64RRljtCTnf5ecMyE1RIdtqpkVcq0IbtU2S8j2Q==",
+      "license": "ISC",
+      "dependencies": {
+        "d3-array": "2.5.0 - 3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-hierarchy": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/d3-hierarchy/-/d3-hierarchy-3.1.2.tgz",
+      "integrity": "sha512-FX/9frcub54beBdugHjDCdikxThEqjnR93Qt7PvQTOHxyiNCAlvMrHhclk3cD5VeAaq9fxmfRp+CnWw9rEMBuA==",
+      "license": "ISC",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-interpolate": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/d3-interpolate/-/d3-interpolate-3.0.1.tgz",
+      "integrity": "sha512-3bYs1rOD33uo8aqJfKP3JWPAibgw8Zm2+L9vBKEHJ2Rg+viTR7o5Mmv5mZcieN+FRYaAOWX5SJATX6k1PWz72g==",
+      "license": "ISC",
+      "dependencies": {
+        "d3-color": "1 - 3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-path": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/d3-path/-/d3-path-3.1.0.tgz",
+      "integrity": "sha512-p3KP5HCf/bvjBSSKuXid6Zqijx7wIfNW+J/maPs+iwR35at5JCbLUT0LzF1cnjbCHWhqzQTIN2Jpe8pRebIEFQ==",
+      "license": "ISC",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-polygon": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/d3-polygon/-/d3-polygon-3.0.1.tgz",
+      "integrity": "sha512-3vbA7vXYwfe1SYhED++fPUQlWSYTTGmFmQiany/gdbiWgU/iEyQzyymwL9SkJjFFuCS4902BSzewVGsHHmHtXg==",
+      "license": "ISC",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-quadtree": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/d3-quadtree/-/d3-quadtree-3.0.1.tgz",
+      "integrity": "sha512-04xDrxQTDTCFwP5H6hRhsRcb9xxv2RzkcsygFzmkSIOJy3PeRJP7sNk3VRIbKXcog561P9oU0/rVH6vDROAgUw==",
+      "license": "ISC",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-random": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/d3-random/-/d3-random-3.0.1.tgz",
+      "integrity": "sha512-FXMe9GfxTxqd5D6jFsQ+DJ8BJS4E/fT5mqqdjovykEB2oFbTMDVdg1MGFxfQW+FBOGoB++k8swBrgwSHT1cUXQ==",
+      "license": "ISC",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-scale": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/d3-scale/-/d3-scale-4.0.2.tgz",
+      "integrity": "sha512-GZW464g1SH7ag3Y7hXjf8RoUuAFIqklOAq3MRl4OaWabTFJY9PN/E1YklhXLh+OQ3fM9yS2nOkCoS+WLZ6kvxQ==",
+      "license": "ISC",
+      "dependencies": {
+        "d3-array": "2.10.0 - 3",
+        "d3-format": "1 - 3",
+        "d3-interpolate": "1.2.0 - 3",
+        "d3-time": "2.1.1 - 3",
+        "d3-time-format": "2 - 4"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-scale-chromatic": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/d3-scale-chromatic/-/d3-scale-chromatic-3.1.0.tgz",
+      "integrity": "sha512-A3s5PWiZ9YCXFye1o246KoscMWqf8BsD9eRiJ3He7C9OBaxKhAd5TFCdEx/7VbKtxxTsu//1mMJFrEt572cEyQ==",
+      "license": "ISC",
+      "dependencies": {
+        "d3-color": "1 - 3",
+        "d3-interpolate": "1 - 3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-selection": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/d3-selection/-/d3-selection-3.0.0.tgz",
+      "integrity": "sha512-fmTRWbNMmsmWq6xJV8D19U/gw/bwrHfNXxrIN+HfZgnzqTHp9jOmKMhsTUjXOJnZOdZY9Q28y4yebKzqDKlxlQ==",
+      "license": "ISC",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-shape": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/d3-shape/-/d3-shape-3.2.0.tgz",
+      "integrity": "sha512-SaLBuwGm3MOViRq2ABk3eLoxwZELpH6zhl3FbAoJ7Vm1gofKx6El1Ib5z23NUEhF9AsGl7y+dzLe5Cw2AArGTA==",
+      "license": "ISC",
+      "dependencies": {
+        "d3-path": "^3.1.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-time": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/d3-time/-/d3-time-3.1.0.tgz",
+      "integrity": "sha512-VqKjzBLejbSMT4IgbmVgDjpkYrNWUYJnbCGo874u7MMKIWsILRX+OpX/gTk8MqjpT1A/c6HY2dCA77ZN0lkQ2Q==",
+      "license": "ISC",
+      "dependencies": {
+        "d3-array": "2 - 3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-time-format": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/d3-time-format/-/d3-time-format-4.1.0.tgz",
+      "integrity": "sha512-dJxPBlzC7NugB2PDLwo9Q8JiTR3M3e4/XANkreKSUxF8vvXKqm1Yfq4Q5dl8budlunRVlUUaDUgFt7eA8D6NLg==",
+      "license": "ISC",
+      "dependencies": {
+        "d3-time": "1 - 3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-timer": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/d3-timer/-/d3-timer-3.0.1.tgz",
+      "integrity": "sha512-ndfJ/JxxMd3nw31uyKoY2naivF+r29V+Lc0svZxe1JvvIRmi8hUsrMvdOwgS1o6uBHmiz91geQ0ylPP0aj1VUA==",
+      "license": "ISC",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-transition": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/d3-transition/-/d3-transition-3.0.1.tgz",
+      "integrity": "sha512-ApKvfjsSR6tg06xrL434C0WydLr7JewBB3V+/39RMHsaXTOG0zmt/OAXeng5M5LBm0ojmxJrpomQVZ1aPvBL4w==",
+      "license": "ISC",
+      "dependencies": {
+        "d3-color": "1 - 3",
+        "d3-dispatch": "1 - 3",
+        "d3-ease": "1 - 3",
+        "d3-interpolate": "1 - 3",
+        "d3-timer": "1 - 3"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "peerDependencies": {
+        "d3-selection": "2 - 3"
+      }
+    },
+    "node_modules/d3-zoom": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/d3-zoom/-/d3-zoom-3.0.0.tgz",
+      "integrity": "sha512-b8AmV3kfQaqWAuacbPuNbL6vahnOJflOhexLzMMNLga62+/nh0JzvJ0aO/5a5MVgUFGS7Hu1P9P03o3fJkDCyw==",
+      "license": "ISC",
+      "dependencies": {
+        "d3-dispatch": "1 - 3",
+        "d3-drag": "2 - 3",
+        "d3-interpolate": "1 - 3",
+        "d3-selection": "2 - 3",
+        "d3-transition": "2 - 3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/damerau-levenshtein": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/damerau-levenshtein/-/damerau-levenshtein-1.0.8.tgz",
+      "integrity": "sha512-sdQSFB7+llfUcQHUQO3+B8ERRj0Oa4w9POWMI/puGtuf7gFywGmkaLCElnudfTiKZV+NvHqL0ifzdrI8Ro7ESA==",
+      "dev": true,
+      "license": "BSD-2-Clause"
+    },
+    "node_modules/data-view-buffer": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/data-view-buffer/-/data-view-buffer-1.0.2.tgz",
+      "integrity": "sha512-EmKO5V3OLXh1rtK2wgXRansaK1/mtVdTUEiEI0W8RkvgT05kfxaH29PliLnpLP73yYO6142Q72QNa8Wx/A5CqQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "es-errors": "^1.3.0",
+        "is-data-view": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/data-view-byte-length": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/data-view-byte-length/-/data-view-byte-length-1.0.2.tgz",
+      "integrity": "sha512-tuhGbE6CfTM9+5ANGf+oQb72Ky/0+s3xKUpHvShfiz2RxMFgFPjsXuRLBVMtvMs15awe45SRb83D6wH4ew6wlQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "es-errors": "^1.3.0",
+        "is-data-view": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/inspect-js"
+      }
+    },
+    "node_modules/data-view-byte-offset": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/data-view-byte-offset/-/data-view-byte-offset-1.0.1.tgz",
+      "integrity": "sha512-BS8PfmtDGnrgYdOonGZQdLZslWIeCGFP9tpan0hi1Co2Zr2NKADsvGYA8XxuG/4UWgJ6Cjtv+YJnB6MM69QGlQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "es-errors": "^1.3.0",
+        "is-data-view": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "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/decode-named-character-reference": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/decode-named-character-reference/-/decode-named-character-reference-1.3.0.tgz",
+      "integrity": "sha512-GtpQYB283KrPp6nRw50q3U9/VfOutZOe103qlN7BPP6Ad27xYnOIWv4lPzo8HCAL+mMZofJ9KEy30fq6MfaK6Q==",
+      "license": "MIT",
+      "dependencies": {
+        "character-entities": "^2.0.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/deep-is": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.4.tgz",
+      "integrity": "sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/define-data-property": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/define-data-property/-/define-data-property-1.1.4.tgz",
+      "integrity": "sha512-rBMvIzlpA8v6E+SJZoo++HAYqsLrkg7MSfIinMPFhmkorw7X+dOXVJQs+QT69zGkzMyfDnIMN2Wid1+NbL3T+A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "es-define-property": "^1.0.0",
+        "es-errors": "^1.3.0",
+        "gopd": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/define-properties": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/define-properties/-/define-properties-1.2.1.tgz",
+      "integrity": "sha512-8QmQKqEASLd5nx0U1B1okLElbUuuttJ/AnYmRXbbbGDWh6uS208EjD4Xqq/I9wK7u0v6O08XhTWnt5XtEbR6Dg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "define-data-property": "^1.0.1",
+        "has-property-descriptors": "^1.0.0",
+        "object-keys": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/delaunator": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/delaunator/-/delaunator-5.1.0.tgz",
+      "integrity": "sha512-AGrQ4QSgssa1NGmWmLPqN5NY2KajF5MqxetNEO+o0n3ZwZZeTmt7bBnvzHWrmkZFxGgr4HdyFgelzgi06otLuQ==",
+      "license": "ISC",
+      "dependencies": {
+        "robust-predicates": "^3.0.2"
+      }
+    },
+    "node_modules/delayed-stream": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
+      "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
+    "node_modules/depd": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/depd/-/depd-2.0.0.tgz",
+      "integrity": "sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/dequal": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/dequal/-/dequal-2.0.3.tgz",
+      "integrity": "sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/detect-libc": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.1.2.tgz",
+      "integrity": "sha512-Btj2BOOO83o3WyH59e8MgXsxEQVcarkUOpEYrubB0urwnN10yQ364rsiByU11nZlqWYZm05i/of7io4mzihBtQ==",
+      "devOptional": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/devlop": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/devlop/-/devlop-1.1.0.tgz",
+      "integrity": "sha512-RWmIqhcFf1lRYBvNmr7qTNuyCt/7/ns2jbpp1+PalgE/rDQcBT0fioSMUpJ93irlUhC5hrg4cYqe6U+0ImW0rA==",
+      "license": "MIT",
+      "dependencies": {
+        "dequal": "^2.0.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/doctrine": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-2.1.0.tgz",
+      "integrity": "sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "esutils": "^2.0.2"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/dotenv": {
+      "version": "16.6.1",
+      "resolved": "https://registry.npmjs.org/dotenv/-/dotenv-16.6.1.tgz",
+      "integrity": "sha512-uBq4egWHTcTt33a72vpSG0z3HnPuIl6NqYcTrKEg2azoEyl2hpW0zqlxysq2pK9HlDIHyHyakeYaYnSAwd8bow==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://dotenvx.com"
+      }
+    },
+    "node_modules/dunder-proto": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/dunder-proto/-/dunder-proto-1.0.1.tgz",
+      "integrity": "sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "gopd": "^1.2.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/duplexer": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/duplexer/-/duplexer-0.1.2.tgz",
+      "integrity": "sha512-jtD6YG370ZCIi/9GTaJKQxWTZD045+4R4hTk/x1UyoqadyJ9x9CgSi1RlVDQF8U2sxLLSnFkCaMihqljHIWgMg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/eciesjs": {
+      "version": "0.4.18",
+      "resolved": "https://registry.npmjs.org/eciesjs/-/eciesjs-0.4.18.tgz",
+      "integrity": "sha512-wG99Zcfcys9fZux7Cft8BAX/YrOJLJSZ3jyYPfhZHqN2E+Ffx+QXBDsv3gubEgPtV6dTzJMSQUwk1H98/t/0wQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@ecies/ciphers": "^0.2.5",
+        "@noble/ciphers": "^1.3.0",
+        "@noble/curves": "^1.9.7",
+        "@noble/hashes": "^1.8.0"
+      },
+      "engines": {
+        "bun": ">=1",
+        "deno": ">=2",
+        "node": ">=16"
+      }
+    },
+    "node_modules/ee-first": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz",
+      "integrity": "sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/electron-to-chromium": {
+      "version": "1.5.340",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.340.tgz",
+      "integrity": "sha512-908qahOGocRMinT2nM3ajCEM99H4iPdv84eagPP3FfZy/1ZGeOy2CZYzjhms81ckOPCXPlW7LkY4XpxD8r1DrA==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/emoji-regex": {
+      "version": "9.2.2",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-9.2.2.tgz",
+      "integrity": "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/encodeurl": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-2.0.0.tgz",
+      "integrity": "sha512-Q0n9HRi4m6JuGIV1eFlmvJB7ZEVxu93IrMyiMsGC0lrMJMWzRgx6WGquyfQgZVb31vhGgXnfmPNNXmxnOkRBrg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/enquirer": {
+      "version": "2.4.1",
+      "resolved": "https://registry.npmjs.org/enquirer/-/enquirer-2.4.1.tgz",
+      "integrity": "sha512-rRqJg/6gd538VHvR3PSrdRBb/1Vy2YfzHqzvbhGIQpDRKIa4FgV/54b5Q1xYSxOOwKvjXweS26E0Q+nAMwp2pQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-colors": "^4.1.1",
+        "strip-ansi": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=8.6"
+      }
+    },
+    "node_modules/entities": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/entities/-/entities-6.0.1.tgz",
+      "integrity": "sha512-aN97NXWF6AWBTahfVOIrB/NShkzi5H7F9r1s9mD3cDj4Ko5f2qhhVoYMibXF7GlLveb/D2ioWay8lxI97Ven3g==",
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=0.12"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/entities?sponsor=1"
+      }
+    },
+    "node_modules/error-stack-parser-es": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/error-stack-parser-es/-/error-stack-parser-es-1.0.5.tgz",
+      "integrity": "sha512-5qucVt2XcuGMcEGgWI7i+yZpmpByQ8J1lHhcL7PwqCwu9FPP3VUXzT4ltHe5i2z9dePwEHcDVOAfSnHsOlCXRA==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      }
+    },
+    "node_modules/es-abstract": {
+      "version": "1.24.2",
+      "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.24.2.tgz",
+      "integrity": "sha512-2FpH9Q5i2RRwyEP1AylXe6nYLR5OhaJTZwmlcP0dL/+JCbgg7yyEo/sEK6HeGZRf3dFpWwThaRHVApXSkW3xeg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "array-buffer-byte-length": "^1.0.2",
+        "arraybuffer.prototype.slice": "^1.0.4",
+        "available-typed-arrays": "^1.0.7",
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.4",
+        "data-view-buffer": "^1.0.2",
+        "data-view-byte-length": "^1.0.2",
+        "data-view-byte-offset": "^1.0.1",
+        "es-define-property": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.1.1",
+        "es-set-tostringtag": "^2.1.0",
+        "es-to-primitive": "^1.3.0",
+        "function.prototype.name": "^1.1.8",
+        "get-intrinsic": "^1.3.0",
+        "get-proto": "^1.0.1",
+        "get-symbol-description": "^1.1.0",
+        "globalthis": "^1.0.4",
+        "gopd": "^1.2.0",
+        "has-property-descriptors": "^1.0.2",
+        "has-proto": "^1.2.0",
+        "has-symbols": "^1.1.0",
+        "hasown": "^2.0.2",
+        "internal-slot": "^1.1.0",
+        "is-array-buffer": "^3.0.5",
+        "is-callable": "^1.2.7",
+        "is-data-view": "^1.0.2",
+        "is-negative-zero": "^2.0.3",
+        "is-regex": "^1.2.1",
+        "is-set": "^2.0.3",
+        "is-shared-array-buffer": "^1.0.4",
+        "is-string": "^1.1.1",
+        "is-typed-array": "^1.1.15",
+        "is-weakref": "^1.1.1",
+        "math-intrinsics": "^1.1.0",
+        "object-inspect": "^1.13.4",
+        "object-keys": "^1.1.1",
+        "object.assign": "^4.1.7",
+        "own-keys": "^1.0.1",
+        "regexp.prototype.flags": "^1.5.4",
+        "safe-array-concat": "^1.1.3",
+        "safe-push-apply": "^1.0.0",
+        "safe-regex-test": "^1.1.0",
+        "set-proto": "^1.0.0",
+        "stop-iteration-iterator": "^1.1.0",
+        "string.prototype.trim": "^1.2.10",
+        "string.prototype.trimend": "^1.0.9",
+        "string.prototype.trimstart": "^1.0.8",
+        "typed-array-buffer": "^1.0.3",
+        "typed-array-byte-length": "^1.0.3",
+        "typed-array-byte-offset": "^1.0.4",
+        "typed-array-length": "^1.0.7",
+        "unbox-primitive": "^1.1.0",
+        "which-typed-array": "^1.1.19"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/es-define-property": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.1.tgz",
+      "integrity": "sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-errors": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz",
+      "integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-iterator-helpers": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/es-iterator-helpers/-/es-iterator-helpers-1.3.2.tgz",
+      "integrity": "sha512-HVLACW1TppGYjJ8H6/jqH/pqOtKRw6wMlrB23xfExmFWxFquAIWCmwoLsOyN96K4a5KbmOf5At9ZUO3GZbetAw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.9",
+        "call-bound": "^1.0.4",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.24.2",
+        "es-errors": "^1.3.0",
+        "es-set-tostringtag": "^2.1.0",
+        "function-bind": "^1.1.2",
+        "get-intrinsic": "^1.3.0",
+        "globalthis": "^1.0.4",
+        "gopd": "^1.2.0",
+        "has-property-descriptors": "^1.0.2",
+        "has-proto": "^1.2.0",
+        "has-symbols": "^1.1.0",
+        "internal-slot": "^1.1.0",
+        "iterator.prototype": "^1.1.5",
+        "math-intrinsics": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-object-atoms": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/es-object-atoms/-/es-object-atoms-1.1.1.tgz",
+      "integrity": "sha512-FGgH2h8zKNim9ljj7dankFPcICIK9Cp5bm+c2gQSYePhpaG5+esrLODihIorn+Pe6FGJzWhXQotPv73jTaldXA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-set-tostringtag": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/es-set-tostringtag/-/es-set-tostringtag-2.1.0.tgz",
+      "integrity": "sha512-j6vWzfrGVfyXxge+O0x5sh6cvxAog0a/4Rdd2K36zCMV5eJ+/+tOAngRO8cODMNWbVRdVlmGZQL2YS3yR8bIUA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.6",
+        "has-tostringtag": "^1.0.2",
+        "hasown": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-shim-unscopables": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/es-shim-unscopables/-/es-shim-unscopables-1.1.0.tgz",
+      "integrity": "sha512-d9T8ucsEhh8Bi1woXCf+TIKDIROLG5WCkxg8geBCbvk22kzwC5G2OnXVMO6FUsvQlgUUXQ2itephWDLqDzbeCw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "hasown": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-to-primitive": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/es-to-primitive/-/es-to-primitive-1.3.0.tgz",
+      "integrity": "sha512-w+5mJ3GuFL+NjVtJlvydShqE1eN3h3PbI7/5LAsYJP/2qtuMXjfL2LpHSRqo4b4eSF5K/DH1JXKUAHSB2UW50g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-callable": "^1.2.7",
+        "is-date-object": "^1.0.5",
+        "is-symbol": "^1.0.4"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/esbuild": {
+      "version": "0.25.4",
+      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.25.4.tgz",
+      "integrity": "sha512-8pgjLUcUjcgDg+2Q4NYXnPbo/vncAY4UmyaCm0jZevERqCHZIaWwdJHkf8XQtu4AxSKCdvrUbT0XUr1IdZzI8Q==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "bin": {
+        "esbuild": "bin/esbuild"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "optionalDependencies": {
+        "@esbuild/aix-ppc64": "0.25.4",
+        "@esbuild/android-arm": "0.25.4",
+        "@esbuild/android-arm64": "0.25.4",
+        "@esbuild/android-x64": "0.25.4",
+        "@esbuild/darwin-arm64": "0.25.4",
+        "@esbuild/darwin-x64": "0.25.4",
+        "@esbuild/freebsd-arm64": "0.25.4",
+        "@esbuild/freebsd-x64": "0.25.4",
+        "@esbuild/linux-arm": "0.25.4",
+        "@esbuild/linux-arm64": "0.25.4",
+        "@esbuild/linux-ia32": "0.25.4",
+        "@esbuild/linux-loong64": "0.25.4",
+        "@esbuild/linux-mips64el": "0.25.4",
+        "@esbuild/linux-ppc64": "0.25.4",
+        "@esbuild/linux-riscv64": "0.25.4",
+        "@esbuild/linux-s390x": "0.25.4",
+        "@esbuild/linux-x64": "0.25.4",
+        "@esbuild/netbsd-arm64": "0.25.4",
+        "@esbuild/netbsd-x64": "0.25.4",
+        "@esbuild/openbsd-arm64": "0.25.4",
+        "@esbuild/openbsd-x64": "0.25.4",
+        "@esbuild/sunos-x64": "0.25.4",
+        "@esbuild/win32-arm64": "0.25.4",
+        "@esbuild/win32-ia32": "0.25.4",
+        "@esbuild/win32-x64": "0.25.4"
+      }
+    },
+    "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-html": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/escape-html/-/escape-html-1.0.3.tgz",
+      "integrity": "sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "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==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/eslint": {
+      "version": "9.39.4",
+      "resolved": "https://registry.npmjs.org/eslint/-/eslint-9.39.4.tgz",
+      "integrity": "sha512-XoMjdBOwe/esVgEvLmNsD3IRHkm7fbKIUGvrleloJXUZgDHig2IPWNniv+GwjyJXzuNqVjlr5+4yVUZjycJwfQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@eslint-community/eslint-utils": "^4.8.0",
+        "@eslint-community/regexpp": "^4.12.1",
+        "@eslint/config-array": "^0.21.2",
+        "@eslint/config-helpers": "^0.4.2",
+        "@eslint/core": "^0.17.0",
+        "@eslint/eslintrc": "^3.3.5",
+        "@eslint/js": "9.39.4",
+        "@eslint/plugin-kit": "^0.4.1",
+        "@humanfs/node": "^0.16.6",
+        "@humanwhocodes/module-importer": "^1.0.1",
+        "@humanwhocodes/retry": "^0.4.2",
+        "@types/estree": "^1.0.6",
+        "ajv": "^6.14.0",
+        "chalk": "^4.0.0",
+        "cross-spawn": "^7.0.6",
+        "debug": "^4.3.2",
+        "escape-string-regexp": "^4.0.0",
+        "eslint-scope": "^8.4.0",
+        "eslint-visitor-keys": "^4.2.1",
+        "espree": "^10.4.0",
+        "esquery": "^1.5.0",
+        "esutils": "^2.0.2",
+        "fast-deep-equal": "^3.1.3",
+        "file-entry-cache": "^8.0.0",
+        "find-up": "^5.0.0",
+        "glob-parent": "^6.0.2",
+        "ignore": "^5.2.0",
+        "imurmurhash": "^0.1.4",
+        "is-glob": "^4.0.0",
+        "json-stable-stringify-without-jsonify": "^1.0.1",
+        "lodash.merge": "^4.6.2",
+        "minimatch": "^3.1.5",
+        "natural-compare": "^1.4.0",
+        "optionator": "^0.9.3"
+      },
+      "bin": {
+        "eslint": "bin/eslint.js"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "url": "https://eslint.org/donate"
+      },
+      "peerDependencies": {
+        "jiti": "*"
+      },
+      "peerDependenciesMeta": {
+        "jiti": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/eslint-config-next": {
+      "version": "16.1.6",
+      "resolved": "https://registry.npmjs.org/eslint-config-next/-/eslint-config-next-16.1.6.tgz",
+      "integrity": "sha512-vKq40io2B0XtkkNDYyleATwblNt8xuh3FWp8SpSz3pt7P01OkBFlKsJZ2mWt5WsCySlDQLckb1zMY9yE9Qy0LA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@next/eslint-plugin-next": "16.1.6",
+        "eslint-import-resolver-node": "^0.3.6",
+        "eslint-import-resolver-typescript": "^3.5.2",
+        "eslint-plugin-import": "^2.32.0",
+        "eslint-plugin-jsx-a11y": "^6.10.0",
+        "eslint-plugin-react": "^7.37.0",
+        "eslint-plugin-react-hooks": "^7.0.0",
+        "globals": "16.4.0",
+        "typescript-eslint": "^8.46.0"
+      },
+      "peerDependencies": {
+        "eslint": ">=9.0.0",
+        "typescript": ">=3.3.1"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/eslint-config-next/node_modules/globals": {
+      "version": "16.4.0",
+      "resolved": "https://registry.npmjs.org/globals/-/globals-16.4.0.tgz",
+      "integrity": "sha512-ob/2LcVVaVGCYN+r14cnwnoDPUufjiYgSqRhiFD0Q1iI4Odora5RE8Iv1D24hAz5oMophRGkGz+yuvQmmUMnMw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/eslint-import-resolver-node": {
+      "version": "0.3.10",
+      "resolved": "https://registry.npmjs.org/eslint-import-resolver-node/-/eslint-import-resolver-node-0.3.10.tgz",
+      "integrity": "sha512-tRrKqFyCaKict5hOd244sL6EQFNycnMQnBe+j8uqGNXYzsImGbGUU4ibtoaBmv5FLwJwcFJNeg1GeVjQfbMrDQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "debug": "^3.2.7",
+        "is-core-module": "^2.16.1",
+        "resolve": "^2.0.0-next.6"
+      }
+    },
+    "node_modules/eslint-import-resolver-node/node_modules/debug": {
+      "version": "3.2.7",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
+      "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ms": "^2.1.1"
+      }
+    },
+    "node_modules/eslint-import-resolver-typescript": {
+      "version": "3.10.1",
+      "resolved": "https://registry.npmjs.org/eslint-import-resolver-typescript/-/eslint-import-resolver-typescript-3.10.1.tgz",
+      "integrity": "sha512-A1rHYb06zjMGAxdLSkN2fXPBwuSaQ0iO5M/hdyS0Ajj1VBaRp0sPD3dn1FhME3c/JluGFbwSxyCfqdSbtQLAHQ==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "@nolyfill/is-core-module": "1.0.39",
+        "debug": "^4.4.0",
+        "get-tsconfig": "^4.10.0",
+        "is-bun-module": "^2.0.0",
+        "stable-hash": "^0.0.5",
+        "tinyglobby": "^0.2.13",
+        "unrs-resolver": "^1.6.2"
+      },
+      "engines": {
+        "node": "^14.18.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint-import-resolver-typescript"
+      },
+      "peerDependencies": {
+        "eslint": "*",
+        "eslint-plugin-import": "*",
+        "eslint-plugin-import-x": "*"
+      },
+      "peerDependenciesMeta": {
+        "eslint-plugin-import": {
+          "optional": true
+        },
+        "eslint-plugin-import-x": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/eslint-module-utils": {
+      "version": "2.12.1",
+      "resolved": "https://registry.npmjs.org/eslint-module-utils/-/eslint-module-utils-2.12.1.tgz",
+      "integrity": "sha512-L8jSWTze7K2mTg0vos/RuLRS5soomksDPoJLXIslC7c8Wmut3bx7CPpJijDcBZtxQ5lrbUdM+s0OlNbz0DCDNw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "debug": "^3.2.7"
+      },
+      "engines": {
+        "node": ">=4"
+      },
+      "peerDependenciesMeta": {
+        "eslint": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/eslint-module-utils/node_modules/debug": {
+      "version": "3.2.7",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
+      "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ms": "^2.1.1"
+      }
+    },
+    "node_modules/eslint-plugin-import": {
+      "version": "2.32.0",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-import/-/eslint-plugin-import-2.32.0.tgz",
+      "integrity": "sha512-whOE1HFo/qJDyX4SnXzP4N6zOWn79WhnCUY/iDR0mPfQZO8wcYE4JClzI2oZrhBnnMUCBCHZhO6VQyoBU95mZA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@rtsao/scc": "^1.1.0",
+        "array-includes": "^3.1.9",
+        "array.prototype.findlastindex": "^1.2.6",
+        "array.prototype.flat": "^1.3.3",
+        "array.prototype.flatmap": "^1.3.3",
+        "debug": "^3.2.7",
+        "doctrine": "^2.1.0",
+        "eslint-import-resolver-node": "^0.3.9",
+        "eslint-module-utils": "^2.12.1",
+        "hasown": "^2.0.2",
+        "is-core-module": "^2.16.1",
+        "is-glob": "^4.0.3",
+        "minimatch": "^3.1.2",
+        "object.fromentries": "^2.0.8",
+        "object.groupby": "^1.0.3",
+        "object.values": "^1.2.1",
+        "semver": "^6.3.1",
+        "string.prototype.trimend": "^1.0.9",
+        "tsconfig-paths": "^3.15.0"
+      },
+      "engines": {
+        "node": ">=4"
+      },
+      "peerDependencies": {
+        "eslint": "^2 || ^3 || ^4 || ^5 || ^6 || ^7.2.0 || ^8 || ^9"
+      }
+    },
+    "node_modules/eslint-plugin-import/node_modules/debug": {
+      "version": "3.2.7",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
+      "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ms": "^2.1.1"
+      }
+    },
+    "node_modules/eslint-plugin-jsx-a11y": {
+      "version": "6.10.2",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-jsx-a11y/-/eslint-plugin-jsx-a11y-6.10.2.tgz",
+      "integrity": "sha512-scB3nz4WmG75pV8+3eRUQOHZlNSUhFNq37xnpgRkCCELU3XMvXAxLk1eqWWyE22Ki4Q01Fnsw9BA3cJHDPgn2Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "aria-query": "^5.3.2",
+        "array-includes": "^3.1.8",
+        "array.prototype.flatmap": "^1.3.2",
+        "ast-types-flow": "^0.0.8",
+        "axe-core": "^4.10.0",
+        "axobject-query": "^4.1.0",
+        "damerau-levenshtein": "^1.0.8",
+        "emoji-regex": "^9.2.2",
+        "hasown": "^2.0.2",
+        "jsx-ast-utils": "^3.3.5",
+        "language-tags": "^1.0.9",
+        "minimatch": "^3.1.2",
+        "object.fromentries": "^2.0.8",
+        "safe-regex-test": "^1.0.3",
+        "string.prototype.includes": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=4.0"
+      },
+      "peerDependencies": {
+        "eslint": "^3 || ^4 || ^5 || ^6 || ^7 || ^8 || ^9"
+      }
+    },
+    "node_modules/eslint-plugin-react": {
+      "version": "7.37.5",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-react/-/eslint-plugin-react-7.37.5.tgz",
+      "integrity": "sha512-Qteup0SqU15kdocexFNAJMvCJEfa2xUKNV4CC1xsVMrIIqEy3SQ/rqyxCWNzfrd3/ldy6HMlD2e0JDVpDg2qIA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "array-includes": "^3.1.8",
+        "array.prototype.findlast": "^1.2.5",
+        "array.prototype.flatmap": "^1.3.3",
+        "array.prototype.tosorted": "^1.1.4",
+        "doctrine": "^2.1.0",
+        "es-iterator-helpers": "^1.2.1",
+        "estraverse": "^5.3.0",
+        "hasown": "^2.0.2",
+        "jsx-ast-utils": "^2.4.1 || ^3.0.0",
+        "minimatch": "^3.1.2",
+        "object.entries": "^1.1.9",
+        "object.fromentries": "^2.0.8",
+        "object.values": "^1.2.1",
+        "prop-types": "^15.8.1",
+        "resolve": "^2.0.0-next.5",
+        "semver": "^6.3.1",
+        "string.prototype.matchall": "^4.0.12",
+        "string.prototype.repeat": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      },
+      "peerDependencies": {
+        "eslint": "^3 || ^4 || ^5 || ^6 || ^7 || ^8 || ^9.7"
+      }
+    },
+    "node_modules/eslint-plugin-react-hooks": {
+      "version": "7.1.1",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-7.1.1.tgz",
+      "integrity": "sha512-f2I7Gw6JbvCexzIInuSbZpfdQ44D7iqdWX01FKLvrPgqxoE7oMj8clOfto8U6vYiz4yd5oKu39rRSVOe1zRu0g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/core": "^7.24.4",
+        "@babel/parser": "^7.24.4",
+        "hermes-parser": "^0.25.1",
+        "zod": "^3.25.0 || ^4.0.0",
+        "zod-validation-error": "^3.5.0 || ^4.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "eslint": "^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0 || ^9.0.0 || ^10.0.0"
+      }
+    },
+    "node_modules/eslint-scope": {
+      "version": "8.4.0",
+      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-8.4.0.tgz",
+      "integrity": "sha512-sNXOfKCn74rt8RICKMvJS7XKV/Xk9kA7DyJr8mJik3S7Cwgy3qlkkmyS2uQB3jiJg6VNdZd/pDBJu0nvG2NlTg==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "esrecurse": "^4.3.0",
+        "estraverse": "^5.2.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/eslint-visitor-keys": {
+      "version": "4.2.1",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-4.2.1.tgz",
+      "integrity": "sha512-Uhdk5sfqcee/9H/rCOJikYz67o0a2Tw2hGRPOG2Y1R2dg7brRe1uG0yaNQDHu+TO/uQPF/5eCapvYSmHUjt7JQ==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/espree": {
+      "version": "10.4.0",
+      "resolved": "https://registry.npmjs.org/espree/-/espree-10.4.0.tgz",
+      "integrity": "sha512-j6PAQ2uUr79PZhBjP5C5fhl8e39FmRnOjsD5lGnWrFU8i2G776tBK7+nP8KuQUTTyAZUwfQqXAgrVH5MbH9CYQ==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "acorn": "^8.15.0",
+        "acorn-jsx": "^5.3.2",
+        "eslint-visitor-keys": "^4.2.1"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/esprima": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/esprima/-/esprima-4.0.1.tgz",
+      "integrity": "sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "bin": {
+        "esparse": "bin/esparse.js",
+        "esvalidate": "bin/esvalidate.js"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/esquery": {
+      "version": "1.7.0",
+      "resolved": "https://registry.npmjs.org/esquery/-/esquery-1.7.0.tgz",
+      "integrity": "sha512-Ap6G0WQwcU/LHsvLwON1fAQX9Zp0A2Y6Y/cJBl9r/JbW90Zyg4/zbG6zzKa2OTALELarYHmKu0GhpM5EO+7T0g==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "estraverse": "^5.1.0"
+      },
+      "engines": {
+        "node": ">=0.10"
+      }
+    },
+    "node_modules/esrecurse": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/esrecurse/-/esrecurse-4.3.0.tgz",
+      "integrity": "sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "estraverse": "^5.2.0"
+      },
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/estraverse": {
+      "version": "5.3.0",
+      "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
+      "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/estree-util-is-identifier-name": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/estree-util-is-identifier-name/-/estree-util-is-identifier-name-3.0.0.tgz",
+      "integrity": "sha512-hFtqIDZTIUZ9BXLb8y4pYGyk6+wekIivNVTcmvk8NoOh+VeRn5y6cEHzbURrWbfp1fIqdVipilzj+lfaadNZmg==",
+      "license": "MIT",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/esutils": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz",
+      "integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/etag": {
+      "version": "1.8.1",
+      "resolved": "https://registry.npmjs.org/etag/-/etag-1.8.1.tgz",
+      "integrity": "sha512-aIL5Fx7mawVa300al2BnEE4iNvo1qETxLrPI/o05L7z6go7fCw1J6EQmbK4FmJ2AS7kgVF/KEZWufBfdClMcPg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/event-target-shim": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/event-target-shim/-/event-target-shim-5.0.1.tgz",
+      "integrity": "sha512-i/2XbnSz/uxRCU6+NdVJgKWDTM427+MqYbkQzD321DuCQJUqOuJKIA0IM2+W2xtYHdKOmZ4dR6fExsd4SXL+WQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/execa": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/execa/-/execa-5.1.1.tgz",
+      "integrity": "sha512-8uSpZZocAZRBAPIEINJj3Lo9HyGitllczc27Eh5YYojjMFMn8yHMDMaUHE2Jqfq05D/wucwI4JGURyXt1vchyg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "cross-spawn": "^7.0.3",
+        "get-stream": "^6.0.0",
+        "human-signals": "^2.1.0",
+        "is-stream": "^2.0.0",
+        "merge-stream": "^2.0.0",
+        "npm-run-path": "^4.0.1",
+        "onetime": "^5.1.2",
+        "signal-exit": "^3.0.3",
+        "strip-final-newline": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sindresorhus/execa?sponsor=1"
+      }
+    },
+    "node_modules/express": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/express/-/express-5.2.1.tgz",
+      "integrity": "sha512-hIS4idWWai69NezIdRt2xFVofaF4j+6INOpJlVOLDO8zXGpUVEVzIYk12UUi2JzjEzWL3IOAxcTubgz9Po0yXw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "accepts": "^2.0.0",
+        "body-parser": "^2.2.1",
+        "content-disposition": "^1.0.0",
+        "content-type": "^1.0.5",
+        "cookie": "^0.7.1",
+        "cookie-signature": "^1.2.1",
+        "debug": "^4.4.0",
+        "depd": "^2.0.0",
+        "encodeurl": "^2.0.0",
+        "escape-html": "^1.0.3",
+        "etag": "^1.8.1",
+        "finalhandler": "^2.1.0",
+        "fresh": "^2.0.0",
+        "http-errors": "^2.0.0",
+        "merge-descriptors": "^2.0.0",
+        "mime-types": "^3.0.0",
+        "on-finished": "^2.4.1",
+        "once": "^1.4.0",
+        "parseurl": "^1.3.3",
+        "proxy-addr": "^2.0.7",
+        "qs": "^6.14.0",
+        "range-parser": "^1.2.1",
+        "router": "^2.2.0",
+        "send": "^1.1.0",
+        "serve-static": "^2.2.0",
+        "statuses": "^2.0.1",
+        "type-is": "^2.0.1",
+        "vary": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 18"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/express"
+      }
+    },
+    "node_modules/express/node_modules/cookie": {
+      "version": "0.7.2",
+      "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.7.2.tgz",
+      "integrity": "sha512-yki5XnKuf750l50uGTllt6kKILY4nQ1eNIQatoXEByZ5dWgnKqbnqmTrBE5B4N7lrMJKQ2ytWMiTO2o0v6Ew/w==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/extend": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/extend/-/extend-3.0.2.tgz",
+      "integrity": "sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g==",
+      "license": "MIT"
+    },
+    "node_modules/fast-deep-equal": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
+      "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/fast-glob": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.1.tgz",
+      "integrity": "sha512-kNFPyjhh5cKjrUltxs+wFx+ZkbRaxxmZ+X0ZU31SOsxCEtP9VPgtq2teZw1DebupL5GmDaNQ6yKMMVcM41iqDg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@nodelib/fs.stat": "^2.0.2",
+        "@nodelib/fs.walk": "^1.2.3",
+        "glob-parent": "^5.1.2",
+        "merge2": "^1.3.0",
+        "micromatch": "^4.0.4"
+      },
+      "engines": {
+        "node": ">=8.6.0"
+      }
+    },
+    "node_modules/fast-glob/node_modules/glob-parent": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
+      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "is-glob": "^4.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/fast-json-stable-stringify": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz",
+      "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/fast-levenshtein": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz",
+      "integrity": "sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/fast-xml-builder": {
+      "version": "1.1.5",
+      "resolved": "https://registry.npmjs.org/fast-xml-builder/-/fast-xml-builder-1.1.5.tgz",
+      "integrity": "sha512-4TJn/8FKLeslLAH3dnohXqE3QSoxkhvaMzepOIZytwJXZO69Bfz0HBdDHzOTOon6G59Zrk6VQ2bEiv1t61rfkA==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/NaturalIntelligence"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "path-expression-matcher": "^1.1.3"
+      }
+    },
+    "node_modules/fast-xml-parser": {
+      "version": "5.5.8",
+      "resolved": "https://registry.npmjs.org/fast-xml-parser/-/fast-xml-parser-5.5.8.tgz",
+      "integrity": "sha512-Z7Fh2nVQSb2d+poDViM063ix2ZGt9jmY1nWhPfHBOK2Hgnb/OW3P4Et3P/81SEej0J7QbWtJqxO05h8QYfK7LQ==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/NaturalIntelligence"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "fast-xml-builder": "^1.1.4",
+        "path-expression-matcher": "^1.2.0",
+        "strnum": "^2.2.0"
+      },
+      "bin": {
+        "fxparser": "src/cli/cli.js"
+      }
+    },
+    "node_modules/fastq": {
+      "version": "1.20.1",
+      "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.20.1.tgz",
+      "integrity": "sha512-GGToxJ/w1x32s/D2EKND7kTil4n8OVk/9mycTc4VDza13lOvpUZTGX3mFSCtV9ksdGBVzvsyAVLM6mHFThxXxw==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "reusify": "^1.0.4"
+      }
+    },
+    "node_modules/file-entry-cache": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-8.0.0.tgz",
+      "integrity": "sha512-XXTUwCvisa5oacNGRP9SfNtYBNAMi+RPwBFmblZEF7N7swHYQS6/Zfk7SRwx4D5j3CH211YNRco1DEMNVfZCnQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "flat-cache": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=16.0.0"
+      }
+    },
+    "node_modules/fill-range": {
+      "version": "7.1.1",
+      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz",
+      "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "to-regex-range": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/finalhandler": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-2.1.1.tgz",
+      "integrity": "sha512-S8KoZgRZN+a5rNwqTxlZZePjT/4cnm0ROV70LedRHZ0p8u9fRID0hJUZQpkKLzro8LfmC8sx23bY6tVNxv8pQA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "debug": "^4.4.0",
+        "encodeurl": "^2.0.0",
+        "escape-html": "^1.0.3",
+        "on-finished": "^2.4.1",
+        "parseurl": "^1.3.3",
+        "statuses": "^2.0.1"
+      },
+      "engines": {
+        "node": ">= 18.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/express"
+      }
+    },
+    "node_modules/find-up": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/find-up/-/find-up-5.0.0.tgz",
+      "integrity": "sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "locate-path": "^6.0.0",
+        "path-exists": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/flat-cache": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-4.0.1.tgz",
+      "integrity": "sha512-f7ccFPK3SXFHpx15UIGyRJ/FJQctuKZ0zVuN3frBo4HnK3cay9VEW0R6yPYFHC0AgqhukPzKjq22t5DmAyqGyw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "flatted": "^3.2.9",
+        "keyv": "^4.5.4"
+      },
+      "engines": {
+        "node": ">=16"
+      }
+    },
+    "node_modules/flatted": {
+      "version": "3.4.2",
+      "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.4.2.tgz",
+      "integrity": "sha512-PjDse7RzhcPkIJwy5t7KPWQSZ9cAbzQXcafsetQoD7sOJRQlGikNbx7yZp2OotDnJyrDcbyRq3Ttb18iYOqkxA==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/for-each": {
+      "version": "0.3.5",
+      "resolved": "https://registry.npmjs.org/for-each/-/for-each-0.3.5.tgz",
+      "integrity": "sha512-dKx12eRCVIzqCxFGplyFKJMPvLEWgmNtUrpTiJIR5u97zEhRG8ySrtboPHZXx7daLxQVrl643cTzbab2tkQjxg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-callable": "^1.2.7"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/foreground-child": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/foreground-child/-/foreground-child-3.3.1.tgz",
+      "integrity": "sha512-gIXjKqtFuWEgzFRJA9WCQeSJLZDjgJUOMCMzxtvFq/37KojM1BFGufqsCy0r4qSQmYLsZYMeyRqzIWOMup03sw==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "cross-spawn": "^7.0.6",
+        "signal-exit": "^4.0.1"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/foreground-child/node_modules/signal-exit": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-4.1.0.tgz",
+      "integrity": "sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/form-data": {
+      "version": "4.0.5",
+      "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.5.tgz",
+      "integrity": "sha512-8RipRLol37bNs2bhoV67fiTEvdTrbMUYcFTiy3+wuuOnUog2QBHCZWXDRijWQfAkhBj2Uf5UnVaiWwA5vdd82w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "asynckit": "^0.4.0",
+        "combined-stream": "^1.0.8",
+        "es-set-tostringtag": "^2.1.0",
+        "hasown": "^2.0.2",
+        "mime-types": "^2.1.12"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/form-data-encoder": {
+      "version": "1.7.2",
+      "resolved": "https://registry.npmjs.org/form-data-encoder/-/form-data-encoder-1.7.2.tgz",
+      "integrity": "sha512-qfqtYan3rxrnCk1VYaA4H+Ms9xdpPqvLZa6xmMgFvhO32x7/3J/ExcTd6qpxM0vH2GdMI+poehyBZvqfMTto8A==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/form-data/node_modules/mime-db": {
+      "version": "1.52.0",
+      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
+      "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/form-data/node_modules/mime-types": {
+      "version": "2.1.35",
+      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
+      "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "mime-db": "1.52.0"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/formdata-node": {
+      "version": "4.4.1",
+      "resolved": "https://registry.npmjs.org/formdata-node/-/formdata-node-4.4.1.tgz",
+      "integrity": "sha512-0iirZp3uVDjVGt9p49aTaqjk84TrglENEDuqfdlZQ1roC9CWlPk6Avf8EEnZNcAqPonwkG35x4n3ww/1THYAeQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "node-domexception": "1.0.0",
+        "web-streams-polyfill": "4.0.0-beta.3"
+      },
+      "engines": {
+        "node": ">= 12.20"
+      }
+    },
+    "node_modules/forwarded": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/forwarded/-/forwarded-0.2.0.tgz",
+      "integrity": "sha512-buRG0fpBtRHSTCOASe6hD258tEubFoRLb4ZNA6NxMVHNw2gOcwHo9wyablzMzOA5z9xA9L1KNjk/Nt6MT9aYow==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/fresh": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/fresh/-/fresh-2.0.0.tgz",
+      "integrity": "sha512-Rx/WycZ60HOaqLKAi6cHRKKI7zxWbJ31MhntmtwMoaTeF7XFH9hhBp8vITaMidfljRQ6eYWCKkaTK+ykVJHP2A==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/fs.realpath": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
+      "integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "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==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/function.prototype.name": {
+      "version": "1.1.8",
+      "resolved": "https://registry.npmjs.org/function.prototype.name/-/function.prototype.name-1.1.8.tgz",
+      "integrity": "sha512-e5iwyodOHhbMr/yNrc7fDYG4qlbIvI5gajyzPnb5TCwyhjApznQh1BMFou9b30SevY43gCJKXycoCBjMbsuW0Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.3",
+        "define-properties": "^1.2.1",
+        "functions-have-names": "^1.2.3",
+        "hasown": "^2.0.2",
+        "is-callable": "^1.2.7"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/functions-have-names": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/functions-have-names/-/functions-have-names-1.2.3.tgz",
+      "integrity": "sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/generator-function": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/generator-function/-/generator-function-2.0.1.tgz",
+      "integrity": "sha512-SFdFmIJi+ybC0vjlHN0ZGVGHc3lgE0DxPAT0djjVg+kjOnSqclqmj0KQ7ykTOLP6YxoqOvuAODGdcHJn+43q3g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "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/get-caller-file": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-2.0.5.tgz",
+      "integrity": "sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": "6.* || 8.* || >= 10.*"
+      }
+    },
+    "node_modules/get-east-asian-width": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/get-east-asian-width/-/get-east-asian-width-1.5.0.tgz",
+      "integrity": "sha512-CQ+bEO+Tva/qlmw24dCejulK5pMzVnUOFOijVogd3KQs07HnRIgp8TGipvCCRT06xeYEbpbgwaCxglFyiuIcmA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/get-intrinsic": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.3.0.tgz",
+      "integrity": "sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.2",
+        "es-define-property": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.1.1",
+        "function-bind": "^1.1.2",
+        "get-proto": "^1.0.1",
+        "gopd": "^1.2.0",
+        "has-symbols": "^1.1.0",
+        "hasown": "^2.0.2",
+        "math-intrinsics": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/get-proto": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/get-proto/-/get-proto-1.0.1.tgz",
+      "integrity": "sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "dunder-proto": "^1.0.1",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/get-stream": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-6.0.1.tgz",
+      "integrity": "sha512-ts6Wi+2j3jQjqi70w5AlN8DFnkSwC+MqmxEzdEALB2qXZYV3X/b1CTfgPLGJNMeAWxdPfU8FO1ms3NUfaHCPYg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/get-symbol-description": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/get-symbol-description/-/get-symbol-description-1.1.0.tgz",
+      "integrity": "sha512-w9UMqWwJxHNOvoNzSJ2oPF5wvYcvP7jUvYzhp67yEhTi17ZDBBC1z9pTdGuzjD+EFIqLSYRweZjqfiPzQ06Ebg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.6"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/get-tsconfig": {
+      "version": "4.14.0",
+      "resolved": "https://registry.npmjs.org/get-tsconfig/-/get-tsconfig-4.14.0.tgz",
+      "integrity": "sha512-yTb+8DXzDREzgvYmh6s9vHsSVCHeC0G3PI5bEXNBHtmshPnO+S5O7qgLEOn0I5QvMy6kpZN8K1NKGyilLb93wA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "resolve-pkg-maps": "^1.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/privatenumber/get-tsconfig?sponsor=1"
+      }
+    },
+    "node_modules/glob": {
+      "version": "12.0.0",
+      "resolved": "https://registry.npmjs.org/glob/-/glob-12.0.0.tgz",
+      "integrity": "sha512-5Qcll1z7IKgHr5g485ePDdHcNQY0k2dtv/bjYy0iuyGxQw2qSOiiXUXJ+AYQpg3HNoUMHqAruX478Jeev7UULw==",
+      "dev": true,
+      "license": "BlueOak-1.0.0",
+      "dependencies": {
+        "foreground-child": "^3.3.1",
+        "jackspeak": "^4.1.1",
+        "minimatch": "^10.1.1",
+        "minipass": "^7.1.2",
+        "package-json-from-dist": "^1.0.0",
+        "path-scurry": "^2.0.0"
+      },
+      "bin": {
+        "glob": "dist/esm/bin.mjs"
+      },
+      "engines": {
+        "node": "20 || >=22"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/glob-parent": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
+      "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "is-glob": "^4.0.3"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/glob/node_modules/balanced-match": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-4.0.4.tgz",
+      "integrity": "sha512-BLrgEcRTwX2o6gGxGOCNyMvGSp35YofuYzw9h1IMTRmKqttAZZVU67bdb9Pr2vUHA8+j3i2tJfjO6C6+4myGTA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "18 || 20 || >=22"
+      }
+    },
+    "node_modules/glob/node_modules/brace-expansion": {
+      "version": "5.0.5",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-5.0.5.tgz",
+      "integrity": "sha512-VZznLgtwhn+Mact9tfiwx64fA9erHH/MCXEUfB/0bX/6Fz6ny5EGTXYltMocqg4xFAQZtnO3DHWWXi8RiuN7cQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^4.0.2"
+      },
+      "engines": {
+        "node": "18 || 20 || >=22"
+      }
+    },
+    "node_modules/glob/node_modules/minimatch": {
+      "version": "10.2.5",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-10.2.5.tgz",
+      "integrity": "sha512-MULkVLfKGYDFYejP07QOurDLLQpcjk7Fw+7jXS2R2czRQzR56yHRveU5NDJEOviH+hETZKSkIk5c+T23GjFUMg==",
+      "dev": true,
+      "license": "BlueOak-1.0.0",
+      "dependencies": {
+        "brace-expansion": "^5.0.5"
+      },
+      "engines": {
+        "node": "18 || 20 || >=22"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/globals": {
+      "version": "14.0.0",
+      "resolved": "https://registry.npmjs.org/globals/-/globals-14.0.0.tgz",
+      "integrity": "sha512-oahGvuMGQlPw/ivIYBjVSrWAfWLBeku5tpPE2fOPLi+WHffIWbuh2tCjhyQhTBPMf5E9jDEH4FOmTYgYwbKwtQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/globalthis": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/globalthis/-/globalthis-1.0.4.tgz",
+      "integrity": "sha512-DpLKbNU4WylpxJykQujfCcwYWiV/Jhm50Goo0wrVILAv5jOr9d+H+UR3PhSCD2rCCEIg0uc+G+muBTwD54JhDQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "define-properties": "^1.2.1",
+        "gopd": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/gopd": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.2.0.tgz",
+      "integrity": "sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/gzip-size": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/gzip-size/-/gzip-size-6.0.0.tgz",
+      "integrity": "sha512-ax7ZYomf6jqPTQ4+XCpUGyXKHk5WweS+e05MBO4/y3WJ5RkmPXNKvX+bx1behVILVwr6JSQvZAku021CHPXG3Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "duplexer": "^0.1.2"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/has-bigints": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/has-bigints/-/has-bigints-1.1.0.tgz",
+      "integrity": "sha512-R3pbpkcIqv2Pm3dUwgjclDRVmWpTJW2DcMzcIhEXEx1oh/CEMObMm3KLmRJOdvhM7o4uQBnwr8pzRK2sJWIqfg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-flag": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/has-property-descriptors": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.2.tgz",
+      "integrity": "sha512-55JNKuIW+vq4Ke1BjOTjM2YctQIvCT7GFzHwmfZPGo5wnrgkid0YQtnAleFSqumZm4az3n2BS+erby5ipJdgrg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "es-define-property": "^1.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-proto": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/has-proto/-/has-proto-1.2.0.tgz",
+      "integrity": "sha512-KIL7eQPfHQRC8+XluaIw7BHUwwqL19bQn4hzNgdr+1wXoU0KKj6rufu47lhY7KbJR2C6T6+PfyN0Ea7wkSS+qQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "dunder-proto": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-symbols": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.1.0.tgz",
+      "integrity": "sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-tostringtag": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/has-tostringtag/-/has-tostringtag-1.0.2.tgz",
+      "integrity": "sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "has-symbols": "^1.0.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/hasown": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.3.tgz",
+      "integrity": "sha512-ej4AhfhfL2Q2zpMmLo7U1Uv9+PyhIZpgQLGT1F9miIGmiCJIoCgSmczFdrc97mWT4kVY72KA+WnnhJ5pghSvSg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "function-bind": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/hast-util-from-dom": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/hast-util-from-dom/-/hast-util-from-dom-5.0.1.tgz",
+      "integrity": "sha512-N+LqofjR2zuzTjCPzyDUdSshy4Ma6li7p/c3pA78uTwzFgENbgbUrm2ugwsOdcjI1muO+o6Dgzp9p8WHtn/39Q==",
+      "license": "ISC",
+      "dependencies": {
+        "@types/hast": "^3.0.0",
+        "hastscript": "^9.0.0",
+        "web-namespaces": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/hast-util-from-html": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/hast-util-from-html/-/hast-util-from-html-2.0.3.tgz",
+      "integrity": "sha512-CUSRHXyKjzHov8yKsQjGOElXy/3EKpyX56ELnkHH34vDVw1N1XSQ1ZcAvTyAPtGqLTuKP/uxM+aLkSPqF/EtMw==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/hast": "^3.0.0",
+        "devlop": "^1.1.0",
+        "hast-util-from-parse5": "^8.0.0",
+        "parse5": "^7.0.0",
+        "vfile": "^6.0.0",
+        "vfile-message": "^4.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/hast-util-from-html-isomorphic": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/hast-util-from-html-isomorphic/-/hast-util-from-html-isomorphic-2.0.0.tgz",
+      "integrity": "sha512-zJfpXq44yff2hmE0XmwEOzdWin5xwH+QIhMLOScpX91e/NSGPsAzNCvLQDIEPyO2TXi+lBmU6hjLIhV8MwP2kw==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/hast": "^3.0.0",
+        "hast-util-from-dom": "^5.0.0",
+        "hast-util-from-html": "^2.0.0",
+        "unist-util-remove-position": "^5.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/hast-util-from-parse5": {
+      "version": "8.0.3",
+      "resolved": "https://registry.npmjs.org/hast-util-from-parse5/-/hast-util-from-parse5-8.0.3.tgz",
+      "integrity": "sha512-3kxEVkEKt0zvcZ3hCRYI8rqrgwtlIOFMWkbclACvjlDw8Li9S2hk/d51OI0nr/gIpdMHNepwgOKqZ/sy0Clpyg==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/hast": "^3.0.0",
+        "@types/unist": "^3.0.0",
+        "devlop": "^1.0.0",
+        "hastscript": "^9.0.0",
+        "property-information": "^7.0.0",
+        "vfile": "^6.0.0",
+        "vfile-location": "^5.0.0",
+        "web-namespaces": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/hast-util-is-element": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/hast-util-is-element/-/hast-util-is-element-3.0.0.tgz",
+      "integrity": "sha512-Val9mnv2IWpLbNPqc/pUem+a7Ipj2aHacCwgNfTiK0vJKl0LF+4Ba4+v1oPHFpf3bLYmreq0/l3Gud9S5OH42g==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/hast": "^3.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/hast-util-parse-selector": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/hast-util-parse-selector/-/hast-util-parse-selector-4.0.0.tgz",
+      "integrity": "sha512-wkQCkSYoOGCRKERFWcxMVMOcYE2K1AaNLU8DXS9arxnLOUEWbOXKXiJUNzEpqZ3JOKpnha3jkFrumEjVliDe7A==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/hast": "^3.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/hast-util-to-jsx-runtime": {
+      "version": "2.3.6",
+      "resolved": "https://registry.npmjs.org/hast-util-to-jsx-runtime/-/hast-util-to-jsx-runtime-2.3.6.tgz",
+      "integrity": "sha512-zl6s8LwNyo1P9uw+XJGvZtdFF1GdAkOg8ujOw+4Pyb76874fLps4ueHXDhXWdk6YHQ6OgUtinliG7RsYvCbbBg==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree": "^1.0.0",
+        "@types/hast": "^3.0.0",
+        "@types/unist": "^3.0.0",
+        "comma-separated-tokens": "^2.0.0",
+        "devlop": "^1.0.0",
+        "estree-util-is-identifier-name": "^3.0.0",
+        "hast-util-whitespace": "^3.0.0",
+        "mdast-util-mdx-expression": "^2.0.0",
+        "mdast-util-mdx-jsx": "^3.0.0",
+        "mdast-util-mdxjs-esm": "^2.0.0",
+        "property-information": "^7.0.0",
+        "space-separated-tokens": "^2.0.0",
+        "style-to-js": "^1.0.0",
+        "unist-util-position": "^5.0.0",
+        "vfile-message": "^4.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/hast-util-to-text": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/hast-util-to-text/-/hast-util-to-text-4.0.2.tgz",
+      "integrity": "sha512-KK6y/BN8lbaq654j7JgBydev7wuNMcID54lkRav1P0CaE1e47P72AWWPiGKXTJU271ooYzcvTAn/Zt0REnvc7A==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/hast": "^3.0.0",
+        "@types/unist": "^3.0.0",
+        "hast-util-is-element": "^3.0.0",
+        "unist-util-find-after": "^5.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/hast-util-whitespace": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/hast-util-whitespace/-/hast-util-whitespace-3.0.0.tgz",
+      "integrity": "sha512-88JUN06ipLwsnv+dVn+OIYOvAuvBMy/Qoi6O7mQHxdPXpjy+Cd6xRkWwux7DKO+4sYILtLBRIKgsdpS2gQc7qw==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/hast": "^3.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/hastscript": {
+      "version": "9.0.1",
+      "resolved": "https://registry.npmjs.org/hastscript/-/hastscript-9.0.1.tgz",
+      "integrity": "sha512-g7df9rMFX/SPi34tyGCyUBREQoKkapwdY/T04Qn9TDWfHhAYt4/I0gMVirzK5wEzeUqIjEB+LXC/ypb7Aqno5w==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/hast": "^3.0.0",
+        "comma-separated-tokens": "^2.0.0",
+        "hast-util-parse-selector": "^4.0.0",
+        "property-information": "^7.0.0",
+        "space-separated-tokens": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/hermes-estree": {
+      "version": "0.25.1",
+      "resolved": "https://registry.npmjs.org/hermes-estree/-/hermes-estree-0.25.1.tgz",
+      "integrity": "sha512-0wUoCcLp+5Ev5pDW2OriHC2MJCbwLwuRx+gAqMTOkGKJJiBCLjtrvy4PWUGn6MIVefecRpzoOZ/UV6iGdOr+Cw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/hermes-parser": {
+      "version": "0.25.1",
+      "resolved": "https://registry.npmjs.org/hermes-parser/-/hermes-parser-0.25.1.tgz",
+      "integrity": "sha512-6pEjquH3rqaI6cYAXYPcz9MS4rY6R4ngRgrgfDshRptUZIc3lw0MCIJIGDj9++mfySOuPTHB4nrSW99BCvOPIA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "hermes-estree": "0.25.1"
+      }
+    },
+    "node_modules/html-url-attributes": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/html-url-attributes/-/html-url-attributes-3.0.1.tgz",
+      "integrity": "sha512-ol6UPyBWqsrO6EJySPz2O7ZSr856WDrEzM5zMqp+FJJLGMW35cLYmmZnl0vztAZxRUoNZJFTCohfjuIJ8I4QBQ==",
+      "license": "MIT",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/http-errors": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-2.0.1.tgz",
+      "integrity": "sha512-4FbRdAX+bSdmo4AUFuS0WNiPz8NgFt+r8ThgNWmlrjQjt1Q7ZR9+zTlce2859x4KSXrwIsaeTqDoKQmtP8pLmQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "depd": "~2.0.0",
+        "inherits": "~2.0.4",
+        "setprototypeof": "~1.2.0",
+        "statuses": "~2.0.2",
+        "toidentifier": "~1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/express"
+      }
+    },
+    "node_modules/human-signals": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/human-signals/-/human-signals-2.1.0.tgz",
+      "integrity": "sha512-B4FFZ6q/T2jhhksgkbEW3HBvWIfDW85snkQgawt07S7J5QXTk6BkNV+0yAeZrM5QpMAdYlocGoljn0sJ/WQkFw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=10.17.0"
+      }
+    },
+    "node_modules/humanize-ms": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/humanize-ms/-/humanize-ms-1.2.1.tgz",
+      "integrity": "sha512-Fl70vYtsAFb/C06PTS9dZBo7ihau+Tu/DNCk/OyHhea07S+aeMWpFFkUaXRa8fI+ScZbEI8dfSxwY7gxZ9SAVQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ms": "^2.0.0"
+      }
+    },
+    "node_modules/iceberg-js": {
+      "version": "0.8.1",
+      "resolved": "https://registry.npmjs.org/iceberg-js/-/iceberg-js-0.8.1.tgz",
+      "integrity": "sha512-1dhVQZXhcHje7798IVM+xoo/1ZdVfzOMIc8/rgVSijRK38EDqOJoGula9N/8ZI5RD8QTxNQtK/Gozpr+qUqRRA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=20.0.0"
+      }
+    },
+    "node_modules/iconv-lite": {
+      "version": "0.6.3",
+      "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz",
+      "integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==",
+      "license": "MIT",
+      "dependencies": {
+        "safer-buffer": ">= 2.1.2 < 3.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/ignore": {
+      "version": "5.3.2",
+      "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.3.2.tgz",
+      "integrity": "sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 4"
+      }
+    },
+    "node_modules/import-fresh": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.1.tgz",
+      "integrity": "sha512-TR3KfrTZTYLPB6jUjfx6MF9WcWrHL9su5TObK4ZkYgBdWKPOFoSoQIdEuTuR82pmtxH2spWG9h6etwfr1pLBqQ==",
+      "dev": true,
+      "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/imurmurhash": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz",
+      "integrity": "sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.8.19"
+      }
+    },
+    "node_modules/inherits": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
+      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/inline-style-parser": {
+      "version": "0.2.7",
+      "resolved": "https://registry.npmjs.org/inline-style-parser/-/inline-style-parser-0.2.7.tgz",
+      "integrity": "sha512-Nb2ctOyNR8DqQoR0OwRG95uNWIC0C1lCgf5Naz5H6Ji72KZ8OcFZLz2P5sNgwlyoJ8Yif11oMuYs5pBQa86csA==",
+      "license": "MIT"
+    },
+    "node_modules/internal-slot": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/internal-slot/-/internal-slot-1.1.0.tgz",
+      "integrity": "sha512-4gd7VpWNQNB4UKKCFFVcp1AVv+FMOgs9NKzjHKusc8jTMhd5eL1NqQqOpE0KzMds804/yHlglp3uxgluOqAPLw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "hasown": "^2.0.2",
+        "side-channel": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/internmap": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/internmap/-/internmap-2.0.3.tgz",
+      "integrity": "sha512-5Hh7Y1wQbvY5ooGgPbDaL5iYLAPzMTUrjMulskHLH6wnv/A+1q5rgEaiuqEjB+oxGXIVZs1FF+R/KPN3ZSQYYg==",
+      "license": "ISC",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/ipaddr.js": {
+      "version": "1.9.1",
+      "resolved": "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-1.9.1.tgz",
+      "integrity": "sha512-0KI/607xoxSToH7GjN1FfSbLoU0+btTicjsQSWQlh/hZykN8KpmMf7uYwPW3R+akZ6R/w18ZlXSHBYXiYUPO3g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.10"
+      }
+    },
+    "node_modules/is-alphabetical": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/is-alphabetical/-/is-alphabetical-2.0.1.tgz",
+      "integrity": "sha512-FWyyY60MeTNyeSRpkM2Iry0G9hpr7/9kD40mD/cGQEuilcZYS4okz8SN2Q6rLCJ8gbCt6fN+rC+6tMGS99LaxQ==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/is-alphanumerical": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/is-alphanumerical/-/is-alphanumerical-2.0.1.tgz",
+      "integrity": "sha512-hmbYhX/9MUMF5uh7tOXyK/n0ZvWpad5caBA17GsC6vyuCqaWliRG5K1qS9inmUhEMaOBIW7/whAnSwveW/LtZw==",
+      "license": "MIT",
+      "dependencies": {
+        "is-alphabetical": "^2.0.0",
+        "is-decimal": "^2.0.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/is-array-buffer": {
+      "version": "3.0.5",
+      "resolved": "https://registry.npmjs.org/is-array-buffer/-/is-array-buffer-3.0.5.tgz",
+      "integrity": "sha512-DDfANUiiG2wC1qawP66qlTugJeL5HyzMpfr8lLK+jMQirGzNod0B12cFB/9q838Ru27sBwfw78/rdoU7RERz6A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.3",
+        "get-intrinsic": "^1.2.6"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-async-function": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/is-async-function/-/is-async-function-2.1.1.tgz",
+      "integrity": "sha512-9dgM/cZBnNvjzaMYHVoxxfPj2QXt22Ev7SuuPrs+xav0ukGB0S6d4ydZdEiM48kLx5kDV+QBPrpVnFyefL8kkQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "async-function": "^1.0.0",
+        "call-bound": "^1.0.3",
+        "get-proto": "^1.0.1",
+        "has-tostringtag": "^1.0.2",
+        "safe-regex-test": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-bigint": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/is-bigint/-/is-bigint-1.1.0.tgz",
+      "integrity": "sha512-n4ZT37wG78iz03xPRKJrHTdZbe3IicyucEtdRsV5yglwc3GyUfbAfpSeD0FJ41NbUNSt5wbhqfp1fS+BgnvDFQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "has-bigints": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-boolean-object": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/is-boolean-object/-/is-boolean-object-1.2.2.tgz",
+      "integrity": "sha512-wa56o2/ElJMYqjCjGkXri7it5FbebW5usLw/nPmCMs5DeZ7eziSYZhSmPRn0txqeW4LnAmQQU7FgqLpsEFKM4A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "has-tostringtag": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-bun-module": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/is-bun-module/-/is-bun-module-2.0.0.tgz",
+      "integrity": "sha512-gNCGbnnnnFAUGKeZ9PdbyeGYJqewpmc2aKHUEMO5nQPWU9lOmv7jcmQIv+qHD8fXW6W7qfuCwX4rY9LNRjXrkQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "semver": "^7.7.1"
+      }
+    },
+    "node_modules/is-bun-module/node_modules/semver": {
+      "version": "7.7.4",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.4.tgz",
+      "integrity": "sha512-vFKC2IEtQnVhpT78h1Yp8wzwrf8CM+MzKMHGJZfBtzhZNycRFnXsHk6E5TxIkkMsgNS7mdX3AGB7x2QM2di4lA==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/is-callable": {
+      "version": "1.2.7",
+      "resolved": "https://registry.npmjs.org/is-callable/-/is-callable-1.2.7.tgz",
+      "integrity": "sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-core-module": {
+      "version": "2.16.1",
+      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.16.1.tgz",
+      "integrity": "sha512-UfoeMA6fIJ8wTYFEUjelnaGI67v6+N7qXJEvQuIGa99l4xsCruSYOVSQ0uPANn4dAzm8lkYPaKLrrijLq7x23w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "hasown": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-data-view": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/is-data-view/-/is-data-view-1.0.2.tgz",
+      "integrity": "sha512-RKtWF8pGmS87i2D6gqQu/l7EYRlVdfzemCJN/P3UOs//x1QE7mfhvzHIApBTRf7axvT6DMGwSwBXYCT0nfB9xw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "get-intrinsic": "^1.2.6",
+        "is-typed-array": "^1.1.13"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-date-object": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/is-date-object/-/is-date-object-1.1.0.tgz",
+      "integrity": "sha512-PwwhEakHVKTdRNVOw+/Gyh0+MzlCl4R6qKvkhuvLtPMggI1WAHt9sOwZxQLSGpUaDnrdyDsomoRgNnCfKNSXXg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "has-tostringtag": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-decimal": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/is-decimal/-/is-decimal-2.0.1.tgz",
+      "integrity": "sha512-AAB9hiomQs5DXWcRB1rqsxGUstbRroFOPPVAomNk/3XHR5JyEZChOyTWe2oayKnsSsr/kcGqF+z6yuH6HHpN0A==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/is-extglob": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
+      "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-finalizationregistry": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/is-finalizationregistry/-/is-finalizationregistry-1.1.1.tgz",
+      "integrity": "sha512-1pC6N8qWJbWoPtEjgcL2xyhQOP491EQjeUo3qTKcmV8YSDDJrOepfG8pcC7h/QgnQHYSv0mJ3Z/ZWxmatVrysg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-generator-function": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/is-generator-function/-/is-generator-function-1.1.2.tgz",
+      "integrity": "sha512-upqt1SkGkODW9tsGNG5mtXTXtECizwtS2kA161M+gJPc1xdb/Ax629af6YrTwcOeQHbewrPNlE5Dx7kzvXTizA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.4",
+        "generator-function": "^2.0.0",
+        "get-proto": "^1.0.1",
+        "has-tostringtag": "^1.0.2",
+        "safe-regex-test": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-glob": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
+      "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-extglob": "^2.1.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-hexadecimal": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/is-hexadecimal/-/is-hexadecimal-2.0.1.tgz",
+      "integrity": "sha512-DgZQp241c8oO6cA1SbTEWiXeoxV42vlcJxgH+B3hi1AiqqKruZR3ZGF8In3fj4+/y/7rHvlOZLZtgJ/4ttYGZg==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/is-map": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/is-map/-/is-map-2.0.3.tgz",
+      "integrity": "sha512-1Qed0/Hr2m+YqxnM09CjA2d/i6YZNfF6R2oRAOj36eUdS6qIV/huPJNSEpKbupewFs+ZsJlxsjjPbc0/afW6Lw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-negative-zero": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/is-negative-zero/-/is-negative-zero-2.0.3.tgz",
+      "integrity": "sha512-5KoIu2Ngpyek75jXodFvnafB6DJgr3u8uuK0LEZJjrU19DrMD3EVERaR8sjz8CCGgpZvxPl9SuE1GMVPFHx1mw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-number": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
+      "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.12.0"
+      }
+    },
+    "node_modules/is-number-object": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/is-number-object/-/is-number-object-1.1.1.tgz",
+      "integrity": "sha512-lZhclumE1G6VYD8VHe35wFaIif+CTy5SJIi5+3y4psDgWu4wPDoBhF8NxUOinEc7pHgiTsT6MaBb92rKhhD+Xw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "has-tostringtag": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-plain-obj": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-4.1.0.tgz",
+      "integrity": "sha512-+Pgi+vMuUNkJyExiMBt5IlFoMyKnr5zhJ4Uspz58WOhBF5QoIZkFyNHIbBAtHwzVAgk5RtndVNsDRN61/mmDqg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/is-promise": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/is-promise/-/is-promise-4.0.0.tgz",
+      "integrity": "sha512-hvpoI6korhJMnej285dSg6nu1+e6uxs7zG3BYAm5byqDsgJNWwxzM6z6iZiAgQR4TJ30JmBTOwqZUw3WlyH3AQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/is-regex": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.2.1.tgz",
+      "integrity": "sha512-MjYsKHO5O7mCsmRGxWcLWheFqN9DJ/2TmngvjKXihe6efViPqc274+Fx/4fYj/r03+ESvBdTXK0V6tA3rgez1g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "gopd": "^1.2.0",
+        "has-tostringtag": "^1.0.2",
+        "hasown": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-set": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/is-set/-/is-set-2.0.3.tgz",
+      "integrity": "sha512-iPAjerrse27/ygGLxw+EBR9agv9Y6uLeYVJMu+QNCoouJ1/1ri0mGrcWpfCqFZuzzx3WjtwxG098X+n4OuRkPg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-shared-array-buffer": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/is-shared-array-buffer/-/is-shared-array-buffer-1.0.4.tgz",
+      "integrity": "sha512-ISWac8drv4ZGfwKl5slpHG9OwPNty4jOWPRIhBpxOoD+hqITiwuipOQ2bNthAzwA3B4fIjO4Nln74N0S9byq8A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-stream": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/is-stream/-/is-stream-2.0.1.tgz",
+      "integrity": "sha512-hFoiJiTl63nn+kstHGBtewWSKnQLpyb155KHheA1l39uvtO9nWIop1p3udqPcUd/xbF1VLMO4n7OI6p7RbngDg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/is-string": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/is-string/-/is-string-1.1.1.tgz",
+      "integrity": "sha512-BtEeSsoaQjlSPBemMQIrY1MY0uM6vnS1g5fmufYOtnxLGUZM2178PKbhsk7Ffv58IX+ZtcvoGwccYsh0PglkAA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "has-tostringtag": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-symbol": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/is-symbol/-/is-symbol-1.1.1.tgz",
+      "integrity": "sha512-9gGx6GTtCQM73BgmHQXfDmLtfjjTUDSyoxTCbp5WtoixAhfgsDirWIcVQ/IHpvI5Vgd5i/J5F7B9cN/WlVbC/w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "has-symbols": "^1.1.0",
+        "safe-regex-test": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-typed-array": {
+      "version": "1.1.15",
+      "resolved": "https://registry.npmjs.org/is-typed-array/-/is-typed-array-1.1.15.tgz",
+      "integrity": "sha512-p3EcsicXjit7SaskXHs1hA91QxgTw46Fv6EFKKGS5DRFLD8yKnohjF3hxoju94b/OcMZoQukzpPpBE9uLVKzgQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "which-typed-array": "^1.1.16"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-weakmap": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/is-weakmap/-/is-weakmap-2.0.2.tgz",
+      "integrity": "sha512-K5pXYOm9wqY1RgjpL3YTkF39tni1XajUIkawTLUo9EZEVUFga5gSQJF8nNS7ZwJQ02y+1YCNYcMh+HIf1ZqE+w==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-weakref": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/is-weakref/-/is-weakref-1.1.1.tgz",
+      "integrity": "sha512-6i9mGWSlqzNMEqpCp93KwRS1uUOodk2OJ6b+sq7ZPDSy2WuI5NFIxp/254TytR8ftefexkWn5xNiHUNpPOfSew==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-weakset": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/is-weakset/-/is-weakset-2.0.4.tgz",
+      "integrity": "sha512-mfcwb6IzQyOKTs84CQMrOwW4gQcaTOAWJ0zzJCl2WSPDrWk/OzDaImWFH3djXhb24g4eudZfLRozAvPGw4d9hQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "get-intrinsic": "^1.2.6"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/isarray": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/isarray/-/isarray-2.0.5.tgz",
+      "integrity": "sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/isexe": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
+      "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/iterator.prototype": {
+      "version": "1.1.5",
+      "resolved": "https://registry.npmjs.org/iterator.prototype/-/iterator.prototype-1.1.5.tgz",
+      "integrity": "sha512-H0dkQoCa3b2VEeKQBOxFph+JAbcrQdE7KC0UkqwpLmv2EC4P41QXP+rqo9wYodACiG5/WM5s9oDApTU8utwj9g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "define-data-property": "^1.1.4",
+        "es-object-atoms": "^1.0.0",
+        "get-intrinsic": "^1.2.6",
+        "get-proto": "^1.0.0",
+        "has-symbols": "^1.1.0",
+        "set-function-name": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/jackspeak": {
+      "version": "4.2.3",
+      "resolved": "https://registry.npmjs.org/jackspeak/-/jackspeak-4.2.3.tgz",
+      "integrity": "sha512-ykkVRwrYvFm1nb2AJfKKYPr0emF6IiXDYUaFx4Zn9ZuIH7MrzEZ3sD5RlqGXNRpHtvUHJyOnCEFxOlNDtGo7wg==",
+      "dev": true,
+      "license": "BlueOak-1.0.0",
+      "dependencies": {
+        "@isaacs/cliui": "^9.0.0"
+      },
+      "engines": {
+        "node": "20 || >=22"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "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==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/js-yaml": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.1.tgz",
+      "integrity": "sha512-qQKT4zQxXl8lLwBtHMWwaTcGfFOZviOJet3Oy/xmGk2gZH677CJM9EvtfdSkgWcATZhj/55JZ0rmy3myCT5lsA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "argparse": "^2.0.1"
+      },
+      "bin": {
+        "js-yaml": "bin/js-yaml.js"
+      }
+    },
+    "node_modules/jsesc": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-3.1.0.tgz",
+      "integrity": "sha512-/sM3dO2FOzXjKQhJuo0Q173wf2KOo8t4I8vHy6lF9poUp7bKT0/NHE8fPX23PwfhnykfqnC2xRxOnVw5XuGIaA==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "jsesc": "bin/jsesc"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/json-buffer": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/json-buffer/-/json-buffer-3.0.1.tgz",
+      "integrity": "sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/json-schema-traverse": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
+      "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/json-stable-stringify-without-jsonify": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz",
+      "integrity": "sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==",
+      "dev": true,
+      "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/jsx-ast-utils": {
+      "version": "3.3.5",
+      "resolved": "https://registry.npmjs.org/jsx-ast-utils/-/jsx-ast-utils-3.3.5.tgz",
+      "integrity": "sha512-ZZow9HBI5O6EPgSJLUb8n2NKgmVWTwCvHGwFuJlMjvLFqlGG6pjirPhtdsseaLZjSibD8eegzmYpUZwoIlj2cQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "array-includes": "^3.1.6",
+        "array.prototype.flat": "^1.3.1",
+        "object.assign": "^4.1.4",
+        "object.values": "^1.1.6"
+      },
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/katex": {
+      "version": "0.16.45",
+      "resolved": "https://registry.npmjs.org/katex/-/katex-0.16.45.tgz",
+      "integrity": "sha512-pQpZbdBu7wCTmQUh7ufPmLr0pFoObnGUoL/yhtwJDgmmQpbkg/0HSVti25Fu4rmd1oCR6NGWe9vqTWuWv3GcNA==",
+      "funding": [
+        "https://opencollective.com/katex",
+        "https://github.com/sponsors/katex"
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "commander": "^8.3.0"
+      },
+      "bin": {
+        "katex": "cli.js"
+      }
+    },
+    "node_modules/katex/node_modules/commander": {
+      "version": "8.3.0",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-8.3.0.tgz",
+      "integrity": "sha512-OkTL9umf+He2DZkUq8f8J9of7yL6RJKI24dVITBmNfZBmri9zYZQrKkuXiKhyfPSu8tUhnVBB1iKXevvnlR4Ww==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 12"
+      }
+    },
+    "node_modules/keyv": {
+      "version": "4.5.4",
+      "resolved": "https://registry.npmjs.org/keyv/-/keyv-4.5.4.tgz",
+      "integrity": "sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "json-buffer": "3.0.1"
+      }
+    },
+    "node_modules/kleur": {
+      "version": "4.1.5",
+      "resolved": "https://registry.npmjs.org/kleur/-/kleur-4.1.5.tgz",
+      "integrity": "sha512-o+NO+8WrRiQEE4/7nwRJhN1HWpVmJm511pBHUxPLtp0BUISzlBplORYSmTclCnJvQq2tKu/sgl3xVpkc7ZWuQQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/language-subtag-registry": {
+      "version": "0.3.23",
+      "resolved": "https://registry.npmjs.org/language-subtag-registry/-/language-subtag-registry-0.3.23.tgz",
+      "integrity": "sha512-0K65Lea881pHotoGEa5gDlMxt3pctLi2RplBb7Ezh4rRdLEOtgi7n4EwK9lamnUCkKBqaeKRVebTq6BAxSkpXQ==",
+      "dev": true,
+      "license": "CC0-1.0"
+    },
+    "node_modules/language-tags": {
+      "version": "1.0.9",
+      "resolved": "https://registry.npmjs.org/language-tags/-/language-tags-1.0.9.tgz",
+      "integrity": "sha512-MbjN408fEndfiQXbFQ1vnd+1NoLDsnQW41410oQBXiyXDMYH5z505juWa4KUE1LqxRC7DgOgZDbKLxHIwm27hA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "language-subtag-registry": "^0.3.20"
+      },
+      "engines": {
+        "node": ">=0.10"
+      }
+    },
+    "node_modules/levn": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/levn/-/levn-0.4.1.tgz",
+      "integrity": "sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "prelude-ls": "^1.2.1",
+        "type-check": "~0.4.0"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/locate-path": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz",
+      "integrity": "sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "p-locate": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/lodash.merge": {
+      "version": "4.6.2",
+      "resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz",
+      "integrity": "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/longest-streak": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/longest-streak/-/longest-streak-3.1.0.tgz",
+      "integrity": "sha512-9Ri+o0JYgehTaVBBDoMqIl8GXtbWg711O3srftcHhZ0dqnETqLaoIK0x17fUw9rFSlK/0NlsKe0Ahhyl5pXE2g==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "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==",
+      "dev": true,
+      "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/math-intrinsics": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/math-intrinsics/-/math-intrinsics-1.1.0.tgz",
+      "integrity": "sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/mdast-util-from-markdown": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/mdast-util-from-markdown/-/mdast-util-from-markdown-2.0.3.tgz",
+      "integrity": "sha512-W4mAWTvSlKvf8L6J+VN9yLSqQ9AOAAvHuoDAmPkz4dHf553m5gVj2ejadHJhoJmcmxEnOv6Pa8XJhpxE93kb8Q==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/mdast": "^4.0.0",
+        "@types/unist": "^3.0.0",
+        "decode-named-character-reference": "^1.0.0",
+        "devlop": "^1.0.0",
+        "mdast-util-to-string": "^4.0.0",
+        "micromark": "^4.0.0",
+        "micromark-util-decode-numeric-character-reference": "^2.0.0",
+        "micromark-util-decode-string": "^2.0.0",
+        "micromark-util-normalize-identifier": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0",
+        "unist-util-stringify-position": "^4.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/mdast-util-math": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/mdast-util-math/-/mdast-util-math-3.0.0.tgz",
+      "integrity": "sha512-Tl9GBNeG/AhJnQM221bJR2HPvLOSnLE/T9cJI9tlc6zwQk2nPk/4f0cHkOdEixQPC/j8UtKDdITswvLAy1OZ1w==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/hast": "^3.0.0",
+        "@types/mdast": "^4.0.0",
+        "devlop": "^1.0.0",
+        "longest-streak": "^3.0.0",
+        "mdast-util-from-markdown": "^2.0.0",
+        "mdast-util-to-markdown": "^2.1.0",
+        "unist-util-remove-position": "^5.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/mdast-util-mdx-expression": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/mdast-util-mdx-expression/-/mdast-util-mdx-expression-2.0.1.tgz",
+      "integrity": "sha512-J6f+9hUp+ldTZqKRSg7Vw5V6MqjATc+3E4gf3CFNcuZNWD8XdyI6zQ8GqH7f8169MM6P7hMBRDVGnn7oHB9kXQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree-jsx": "^1.0.0",
+        "@types/hast": "^3.0.0",
+        "@types/mdast": "^4.0.0",
+        "devlop": "^1.0.0",
+        "mdast-util-from-markdown": "^2.0.0",
+        "mdast-util-to-markdown": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/mdast-util-mdx-jsx": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/mdast-util-mdx-jsx/-/mdast-util-mdx-jsx-3.2.0.tgz",
+      "integrity": "sha512-lj/z8v0r6ZtsN/cGNNtemmmfoLAFZnjMbNyLzBafjzikOM+glrjNHPlf6lQDOTccj9n5b0PPihEBbhneMyGs1Q==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree-jsx": "^1.0.0",
+        "@types/hast": "^3.0.0",
+        "@types/mdast": "^4.0.0",
+        "@types/unist": "^3.0.0",
+        "ccount": "^2.0.0",
+        "devlop": "^1.1.0",
+        "mdast-util-from-markdown": "^2.0.0",
+        "mdast-util-to-markdown": "^2.0.0",
+        "parse-entities": "^4.0.0",
+        "stringify-entities": "^4.0.0",
+        "unist-util-stringify-position": "^4.0.0",
+        "vfile-message": "^4.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/mdast-util-mdxjs-esm": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/mdast-util-mdxjs-esm/-/mdast-util-mdxjs-esm-2.0.1.tgz",
+      "integrity": "sha512-EcmOpxsZ96CvlP03NghtH1EsLtr0n9Tm4lPUJUBccV9RwUOneqSycg19n5HGzCf+10LozMRSObtVr3ee1WoHtg==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree-jsx": "^1.0.0",
+        "@types/hast": "^3.0.0",
+        "@types/mdast": "^4.0.0",
+        "devlop": "^1.0.0",
+        "mdast-util-from-markdown": "^2.0.0",
+        "mdast-util-to-markdown": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/mdast-util-phrasing": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/mdast-util-phrasing/-/mdast-util-phrasing-4.1.0.tgz",
+      "integrity": "sha512-TqICwyvJJpBwvGAMZjj4J2n0X8QWp21b9l0o7eXyVJ25YNWYbJDVIyD1bZXE6WtV6RmKJVYmQAKWa0zWOABz2w==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/mdast": "^4.0.0",
+        "unist-util-is": "^6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/mdast-util-to-hast": {
+      "version": "13.2.1",
+      "resolved": "https://registry.npmjs.org/mdast-util-to-hast/-/mdast-util-to-hast-13.2.1.tgz",
+      "integrity": "sha512-cctsq2wp5vTsLIcaymblUriiTcZd0CwWtCbLvrOzYCDZoWyMNV8sZ7krj09FSnsiJi3WVsHLM4k6Dq/yaPyCXA==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/hast": "^3.0.0",
+        "@types/mdast": "^4.0.0",
+        "@ungap/structured-clone": "^1.0.0",
+        "devlop": "^1.0.0",
+        "micromark-util-sanitize-uri": "^2.0.0",
+        "trim-lines": "^3.0.0",
+        "unist-util-position": "^5.0.0",
+        "unist-util-visit": "^5.0.0",
+        "vfile": "^6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/mdast-util-to-markdown": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/mdast-util-to-markdown/-/mdast-util-to-markdown-2.1.2.tgz",
+      "integrity": "sha512-xj68wMTvGXVOKonmog6LwyJKrYXZPvlwabaryTjLh9LuvovB/KAH+kvi8Gjj+7rJjsFi23nkUxRQv1KqSroMqA==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/mdast": "^4.0.0",
+        "@types/unist": "^3.0.0",
+        "longest-streak": "^3.0.0",
+        "mdast-util-phrasing": "^4.0.0",
+        "mdast-util-to-string": "^4.0.0",
+        "micromark-util-classify-character": "^2.0.0",
+        "micromark-util-decode-string": "^2.0.0",
+        "unist-util-visit": "^5.0.0",
+        "zwitch": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/mdast-util-to-string": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/mdast-util-to-string/-/mdast-util-to-string-4.0.0.tgz",
+      "integrity": "sha512-0H44vDimn51F0YwvxSJSm0eCDOJTRlmN0R1yBh4HLj9wiV1Dn0QoXGbvFAWj2hSItVTlCmBF1hqKlIyUBVFLPg==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/mdast": "^4.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/media-typer": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-1.1.0.tgz",
+      "integrity": "sha512-aisnrDP4GNe06UcKFnV5bfMNPBUw4jsLGaWwWfnH3v02GnBuXX2MCVn5RbrWo0j3pczUilYblq7fQ7Nw2t5XKw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/merge-descriptors": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/merge-descriptors/-/merge-descriptors-2.0.0.tgz",
+      "integrity": "sha512-Snk314V5ayFLhp3fkUREub6WtjBfPdCPY1Ln8/8munuLuiYhsABgBVWsozAG+MWMbVEvcdcpbi9R7ww22l9Q3g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/merge-stream": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/merge-stream/-/merge-stream-2.0.0.tgz",
+      "integrity": "sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/merge2": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
+      "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/micromark": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/micromark/-/micromark-4.0.2.tgz",
+      "integrity": "sha512-zpe98Q6kvavpCr1NPVSCMebCKfD7CA2NqZ+rykeNhONIJBpc1tFKt9hucLGwha3jNTNI8lHpctWJWoimVF4PfA==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "@types/debug": "^4.0.0",
+        "debug": "^4.0.0",
+        "decode-named-character-reference": "^1.0.0",
+        "devlop": "^1.0.0",
+        "micromark-core-commonmark": "^2.0.0",
+        "micromark-factory-space": "^2.0.0",
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-chunked": "^2.0.0",
+        "micromark-util-combine-extensions": "^2.0.0",
+        "micromark-util-decode-numeric-character-reference": "^2.0.0",
+        "micromark-util-encode": "^2.0.0",
+        "micromark-util-normalize-identifier": "^2.0.0",
+        "micromark-util-resolve-all": "^2.0.0",
+        "micromark-util-sanitize-uri": "^2.0.0",
+        "micromark-util-subtokenize": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-core-commonmark": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/micromark-core-commonmark/-/micromark-core-commonmark-2.0.3.tgz",
+      "integrity": "sha512-RDBrHEMSxVFLg6xvnXmb1Ayr2WzLAWjeSATAoxwKYJV94TeNavgoIdA0a9ytzDSVzBy2YKFK+emCPOEibLeCrg==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "decode-named-character-reference": "^1.0.0",
+        "devlop": "^1.0.0",
+        "micromark-factory-destination": "^2.0.0",
+        "micromark-factory-label": "^2.0.0",
+        "micromark-factory-space": "^2.0.0",
+        "micromark-factory-title": "^2.0.0",
+        "micromark-factory-whitespace": "^2.0.0",
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-chunked": "^2.0.0",
+        "micromark-util-classify-character": "^2.0.0",
+        "micromark-util-html-tag-name": "^2.0.0",
+        "micromark-util-normalize-identifier": "^2.0.0",
+        "micromark-util-resolve-all": "^2.0.0",
+        "micromark-util-subtokenize": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-extension-math": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/micromark-extension-math/-/micromark-extension-math-3.1.0.tgz",
+      "integrity": "sha512-lvEqd+fHjATVs+2v/8kg9i5Q0AP2k85H0WUOwpIVvUML8BapsMvh1XAogmQjOCsLpoKRCVQqEkQBB3NhVBcsOg==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/katex": "^0.16.0",
+        "devlop": "^1.0.0",
+        "katex": "^0.16.0",
+        "micromark-factory-space": "^2.0.0",
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/micromark-factory-destination": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/micromark-factory-destination/-/micromark-factory-destination-2.0.1.tgz",
+      "integrity": "sha512-Xe6rDdJlkmbFRExpTOmRj9N3MaWmbAgdpSrBQvCFqhezUn4AHqJHbaEnfbVYYiexVSs//tqOdY/DxhjdCiJnIA==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-factory-label": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/micromark-factory-label/-/micromark-factory-label-2.0.1.tgz",
+      "integrity": "sha512-VFMekyQExqIW7xIChcXn4ok29YE3rnuyveW3wZQWWqF4Nv9Wk5rgJ99KzPvHjkmPXF93FXIbBp6YdW3t71/7Vg==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "devlop": "^1.0.0",
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-factory-space": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/micromark-factory-space/-/micromark-factory-space-2.0.1.tgz",
+      "integrity": "sha512-zRkxjtBxxLd2Sc0d+fbnEunsTj46SWXgXciZmHq0kDYGnck/ZSGj9/wULTV95uoeYiK5hRXP2mJ98Uo4cq/LQg==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-factory-title": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/micromark-factory-title/-/micromark-factory-title-2.0.1.tgz",
+      "integrity": "sha512-5bZ+3CjhAd9eChYTHsjy6TGxpOFSKgKKJPJxr293jTbfry2KDoWkhBb6TcPVB4NmzaPhMs1Frm9AZH7OD4Cjzw==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "micromark-factory-space": "^2.0.0",
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-factory-whitespace": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/micromark-factory-whitespace/-/micromark-factory-whitespace-2.0.1.tgz",
+      "integrity": "sha512-Ob0nuZ3PKt/n0hORHyvoD9uZhr+Za8sFoP+OnMcnWK5lngSzALgQYKMr9RJVOWLqQYuyn6ulqGWSXdwf6F80lQ==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "micromark-factory-space": "^2.0.0",
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-util-character": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/micromark-util-character/-/micromark-util-character-2.1.1.tgz",
+      "integrity": "sha512-wv8tdUTJ3thSFFFJKtpYKOYiGP2+v96Hvk4Tu8KpCAsTMs6yi+nVmGh1syvSCsaxz45J6Jbw+9DD6g97+NV67Q==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-util-chunked": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/micromark-util-chunked/-/micromark-util-chunked-2.0.1.tgz",
+      "integrity": "sha512-QUNFEOPELfmvv+4xiNg2sRYeS/P84pTW0TCgP5zc9FpXetHY0ab7SxKyAQCNCc1eK0459uoLI1y5oO5Vc1dbhA==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "micromark-util-symbol": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-util-classify-character": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/micromark-util-classify-character/-/micromark-util-classify-character-2.0.1.tgz",
+      "integrity": "sha512-K0kHzM6afW/MbeWYWLjoHQv1sgg2Q9EccHEDzSkxiP/EaagNzCm7T/WMKZ3rjMbvIpvBiZgwR3dKMygtA4mG1Q==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-util-combine-extensions": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/micromark-util-combine-extensions/-/micromark-util-combine-extensions-2.0.1.tgz",
+      "integrity": "sha512-OnAnH8Ujmy59JcyZw8JSbK9cGpdVY44NKgSM7E9Eh7DiLS2E9RNQf0dONaGDzEG9yjEl5hcqeIsj4hfRkLH/Bg==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "micromark-util-chunked": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-util-decode-numeric-character-reference": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/micromark-util-decode-numeric-character-reference/-/micromark-util-decode-numeric-character-reference-2.0.2.tgz",
+      "integrity": "sha512-ccUbYk6CwVdkmCQMyr64dXz42EfHGkPQlBj5p7YVGzq8I7CtjXZJrubAYezf7Rp+bjPseiROqe7G6foFd+lEuw==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "micromark-util-symbol": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-util-decode-string": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/micromark-util-decode-string/-/micromark-util-decode-string-2.0.1.tgz",
+      "integrity": "sha512-nDV/77Fj6eH1ynwscYTOsbK7rR//Uj0bZXBwJZRfaLEJ1iGBR6kIfNmlNqaqJf649EP0F3NWNdeJi03elllNUQ==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "decode-named-character-reference": "^1.0.0",
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-decode-numeric-character-reference": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-util-encode": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/micromark-util-encode/-/micromark-util-encode-2.0.1.tgz",
+      "integrity": "sha512-c3cVx2y4KqUnwopcO9b/SCdo2O67LwJJ/UyqGfbigahfegL9myoEFoDYZgkT7f36T0bLrM9hZTAaAyH+PCAXjw==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/micromark-util-html-tag-name": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/micromark-util-html-tag-name/-/micromark-util-html-tag-name-2.0.1.tgz",
+      "integrity": "sha512-2cNEiYDhCWKI+Gs9T0Tiysk136SnR13hhO8yW6BGNyhOC4qYFnwF1nKfD3HFAIXA5c45RrIG1ub11GiXeYd1xA==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/micromark-util-normalize-identifier": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/micromark-util-normalize-identifier/-/micromark-util-normalize-identifier-2.0.1.tgz",
+      "integrity": "sha512-sxPqmo70LyARJs0w2UclACPUUEqltCkJ6PhKdMIDuJ3gSf/Q+/GIe3WKl0Ijb/GyH9lOpUkRAO2wp0GVkLvS9Q==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "micromark-util-symbol": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-util-resolve-all": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/micromark-util-resolve-all/-/micromark-util-resolve-all-2.0.1.tgz",
+      "integrity": "sha512-VdQyxFWFT2/FGJgwQnJYbe1jjQoNTS4RjglmSjTUlpUMa95Htx9NHeYW4rGDJzbjvCsl9eLjMQwGeElsqmzcHg==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "micromark-util-types": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-util-sanitize-uri": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/micromark-util-sanitize-uri/-/micromark-util-sanitize-uri-2.0.1.tgz",
+      "integrity": "sha512-9N9IomZ/YuGGZZmQec1MbgxtlgougxTodVwDzzEouPKo3qFWvymFHWcnDi2vzV1ff6kas9ucW+o3yzJK9YB1AQ==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-encode": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-util-subtokenize": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/micromark-util-subtokenize/-/micromark-util-subtokenize-2.1.0.tgz",
+      "integrity": "sha512-XQLu552iSctvnEcgXw6+Sx75GflAPNED1qx7eBJ+wydBb2KCbRZe+NwvIEEMM83uml1+2WSXpBAcp9IUCgCYWA==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "devlop": "^1.0.0",
+        "micromark-util-chunked": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-util-symbol": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/micromark-util-symbol/-/micromark-util-symbol-2.0.1.tgz",
+      "integrity": "sha512-vs5t8Apaud9N28kgCrRUdEed4UJ+wWNvicHLPxCa9ENlYuAY31M0ETy5y1vA33YoNPDFTghEbnh6efaE8h4x0Q==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/micromark-util-types": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/micromark-util-types/-/micromark-util-types-2.0.2.tgz",
+      "integrity": "sha512-Yw0ECSpJoViF1qTU4DC6NwtC4aWGt1EkzaQB8KPPyCRR8z9TWeV0HbEFGTO+ZY1wB22zmxnJqhPyTpOVCpeHTA==",
+      "funding": [
+        {
           "type": "GitHub Sponsors",
           "url": "https://github.com/sponsors/unifiedjs"
         },
         {
-          "type": "OpenCollective",
-          "url": "https://opencollective.com/unified"
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/micromatch": {
+      "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz",
+      "integrity": "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "braces": "^3.0.3",
+        "picomatch": "^2.3.1"
+      },
+      "engines": {
+        "node": ">=8.6"
+      }
+    },
+    "node_modules/mime-db": {
+      "version": "1.54.0",
+      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.54.0.tgz",
+      "integrity": "sha512-aU5EJuIN2WDemCcAp2vFBfp/m4EAhWJnUNSSw0ixs7/kXbd6Pg64EmwJkNdFhB8aWt1sH2CTXrLxo/iAGV3oPQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/mime-types": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-3.0.2.tgz",
+      "integrity": "sha512-Lbgzdk0h4juoQ9fCKXW4by0UJqj+nOOrI9MJ1sSj4nI8aI2eo1qmvQEie4VD1glsS250n15LsWsYtCugiStS5A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "mime-db": "^1.54.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/express"
+      }
+    },
+    "node_modules/mimic-fn": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-2.1.0.tgz",
+      "integrity": "sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/miniflare": {
+      "version": "4.20260415.0",
+      "resolved": "https://registry.npmjs.org/miniflare/-/miniflare-4.20260415.0.tgz",
+      "integrity": "sha512-JoExRWN4YBI2luA5BoSMFEgi8rQWXUGzo3mtE+58VXCLV3jj/Xnk5Yeqs/IXWz8Es5GJIaq6BtsixDvAxXSIng==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@cspotcode/source-map-support": "0.8.1",
+        "sharp": "^0.34.5",
+        "undici": "7.24.8",
+        "workerd": "1.20260415.1",
+        "ws": "8.18.0",
+        "youch": "4.1.0-beta.10"
+      },
+      "bin": {
+        "miniflare": "bootstrap.js"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/miniflare/node_modules/ws": {
+      "version": "8.18.0",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-8.18.0.tgz",
+      "integrity": "sha512-8VbfWfHLbbwu3+N6OKsOMpBdT4kXPDDB9cJk2bJ6mh9ucxdlnNvH1e+roYkKmN9Nxw2yjz7VzeO9oOz2zJ04Pw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10.0.0"
+      },
+      "peerDependencies": {
+        "bufferutil": "^4.0.1",
+        "utf-8-validate": ">=5.0.2"
+      },
+      "peerDependenciesMeta": {
+        "bufferutil": {
+          "optional": true
+        },
+        "utf-8-validate": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/minimatch": {
+      "version": "3.1.5",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.5.tgz",
+      "integrity": "sha512-VgjWUsnnT6n+NUk6eZq77zeFdpW2LWDzP6zFGrCbHXiYNul5Dzqk2HHQ5uFH2DNW5Xbp8+jVzaeNt94ssEEl4w==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^1.1.7"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/minimist": {
+      "version": "1.2.8",
+      "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.8.tgz",
+      "integrity": "sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/minipass": {
+      "version": "7.1.3",
+      "resolved": "https://registry.npmjs.org/minipass/-/minipass-7.1.3.tgz",
+      "integrity": "sha512-tEBHqDnIoM/1rXME1zgka9g6Q2lcoCkxHLuc7ODJ5BxbP5d4c2Z5cGgtXAku59200Cx7diuHTOYfSBD8n6mm8A==",
+      "dev": true,
+      "license": "BlueOak-1.0.0",
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      }
+    },
+    "node_modules/mkdirp": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-1.0.4.tgz",
+      "integrity": "sha512-vVqVZQyf3WLx2Shd0qJ9xuvqgAyKPLAiqITEtqW0oIUjzo3PePDd6fW9iFz30ef7Ysp/oiWqbhszeGWW2T6Gzw==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "mkdirp": "bin/cmd.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/mnemonist": {
+      "version": "0.38.3",
+      "resolved": "https://registry.npmjs.org/mnemonist/-/mnemonist-0.38.3.tgz",
+      "integrity": "sha512-2K9QYubXx/NAjv4VLq1d1Ly8pWNC5L3BrixtdkyTegXWJIqY+zLNDhhX/A+ZwWt70tB1S8H4BE8FLYEFyNoOBw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "obliterator": "^1.6.1"
+      }
+    },
+    "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==",
+      "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/napi-postinstall": {
+      "version": "0.3.4",
+      "resolved": "https://registry.npmjs.org/napi-postinstall/-/napi-postinstall-0.3.4.tgz",
+      "integrity": "sha512-PHI5f1O0EP5xJ9gQmFGMS6IZcrVvTjpXjz7Na41gTE7eE2hK11lg04CECCYEEjdc17EV4DO+fkGEtt7TpTaTiQ==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "napi-postinstall": "lib/cli.js"
+      },
+      "engines": {
+        "node": "^12.20.0 || ^14.18.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/napi-postinstall"
+      }
+    },
+    "node_modules/natural-compare": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/natural-compare/-/natural-compare-1.4.0.tgz",
+      "integrity": "sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/negotiator": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-1.0.0.tgz",
+      "integrity": "sha512-8Ofs/AUQh8MaEcrlq5xOX0CQ9ypTF5dl78mjlMNfOK08fzpgTHQRQPBxcPlEtIw0yRpws+Zo/3r+5WRby7u3Gg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/next": {
+      "version": "16.1.6",
+      "resolved": "https://registry.npmjs.org/next/-/next-16.1.6.tgz",
+      "integrity": "sha512-hkyRkcu5x/41KoqnROkfTm2pZVbKxvbZRuNvKXLRXxs3VfyO0WhY50TQS40EuKO9SW3rBj/sF3WbVwDACeMZyw==",
+      "license": "MIT",
+      "dependencies": {
+        "@next/env": "16.1.6",
+        "@swc/helpers": "0.5.15",
+        "baseline-browser-mapping": "^2.8.3",
+        "caniuse-lite": "^1.0.30001579",
+        "postcss": "8.4.31",
+        "styled-jsx": "5.1.6"
+      },
+      "bin": {
+        "next": "dist/bin/next"
+      },
+      "engines": {
+        "node": ">=20.9.0"
+      },
+      "optionalDependencies": {
+        "@next/swc-darwin-arm64": "16.1.6",
+        "@next/swc-darwin-x64": "16.1.6",
+        "@next/swc-linux-arm64-gnu": "16.1.6",
+        "@next/swc-linux-arm64-musl": "16.1.6",
+        "@next/swc-linux-x64-gnu": "16.1.6",
+        "@next/swc-linux-x64-musl": "16.1.6",
+        "@next/swc-win32-arm64-msvc": "16.1.6",
+        "@next/swc-win32-x64-msvc": "16.1.6",
+        "sharp": "^0.34.4"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.1.0",
+        "@playwright/test": "^1.51.1",
+        "babel-plugin-react-compiler": "*",
+        "react": "^18.2.0 || 19.0.0-rc-de68d2f4-20241204 || ^19.0.0",
+        "react-dom": "^18.2.0 || 19.0.0-rc-de68d2f4-20241204 || ^19.0.0",
+        "sass": "^1.3.0"
+      },
+      "peerDependenciesMeta": {
+        "@opentelemetry/api": {
+          "optional": true
+        },
+        "@playwright/test": {
+          "optional": true
+        },
+        "babel-plugin-react-compiler": {
+          "optional": true
+        },
+        "sass": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/node-domexception": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/node-domexception/-/node-domexception-1.0.0.tgz",
+      "integrity": "sha512-/jKZoMpw0F8GRwl4/eLROPA3cfcXtLApP0QzLmUT/HuPCZWyB7IY9ZrMeKw2O/nFIqPQB3PVM9aYm0F312AXDQ==",
+      "deprecated": "Use your platform's native DOMException instead",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/jimmywarting"
+        },
+        {
+          "type": "github",
+          "url": "https://paypal.me/jimmywarting"
+        }
+      ],
+      "license": "MIT",
+      "engines": {
+        "node": ">=10.5.0"
+      }
+    },
+    "node_modules/node-exports-info": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/node-exports-info/-/node-exports-info-1.6.0.tgz",
+      "integrity": "sha512-pyFS63ptit/P5WqUkt+UUfe+4oevH+bFeIiPPdfb0pFeYEu/1ELnJu5l+5EcTKYL5M7zaAa7S8ddywgXypqKCw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "array.prototype.flatmap": "^1.3.3",
+        "es-errors": "^1.3.0",
+        "object.entries": "^1.1.9",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/node-fetch": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-2.7.0.tgz",
+      "integrity": "sha512-c4FRfUm/dbcWZ7U+1Wq0AwCyFL+3nt2bEw05wfxSz+DWpWsitgmSgYmy2dQdWyKC1694ELPqMs/YzUSNozLt8A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "whatwg-url": "^5.0.0"
+      },
+      "engines": {
+        "node": "4.x || >=6.0.0"
+      },
+      "peerDependencies": {
+        "encoding": "^0.1.0"
+      },
+      "peerDependenciesMeta": {
+        "encoding": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/node-releases": {
+      "version": "2.0.37",
+      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.37.tgz",
+      "integrity": "sha512-1h5gKZCF+pO/o3Iqt5Jp7wc9rH3eJJ0+nh/CIoiRwjRxde/hAHyLPXYN4V3CqKAbiZPSeJFSWHmJsbkicta0Eg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/npm-run-path": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/npm-run-path/-/npm-run-path-4.0.1.tgz",
+      "integrity": "sha512-S48WzZW777zhNIrn7gxOlISNAqi9ZC/uQFnRdbeIHhZhCA6UqpkOT8T1G7BvfdgP4Er8gF4sUbaS0i7QvIfCWw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "path-key": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/object-assign": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
+      "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/object-inspect": {
+      "version": "1.13.4",
+      "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.4.tgz",
+      "integrity": "sha512-W67iLl4J2EXEGTbfeHCffrjDfitvLANg0UlX3wFUUSTx92KXRFegMHUVgSqE+wvhAbi4WqjGg9czysTV2Epbew==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/object-keys": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/object-keys/-/object-keys-1.1.1.tgz",
+      "integrity": "sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/object-treeify": {
+      "version": "1.1.33",
+      "resolved": "https://registry.npmjs.org/object-treeify/-/object-treeify-1.1.33.tgz",
+      "integrity": "sha512-EFVjAYfzWqWsBMRHPMAXLCDIJnpMhdWAqR7xG6M6a2cs6PMFpl/+Z20w9zDW4vkxOFfddegBKq9Rehd0bxWE7A==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/object.assign": {
+      "version": "4.1.7",
+      "resolved": "https://registry.npmjs.org/object.assign/-/object.assign-4.1.7.tgz",
+      "integrity": "sha512-nK28WOo+QIjBkDduTINE4JkF/UJJKyf2EJxvJKfblDpyg0Q+pkOHNTL0Qwy6NP6FhE/EnzV73BxxqcJaXY9anw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.3",
+        "define-properties": "^1.2.1",
+        "es-object-atoms": "^1.0.0",
+        "has-symbols": "^1.1.0",
+        "object-keys": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/object.entries": {
+      "version": "1.1.9",
+      "resolved": "https://registry.npmjs.org/object.entries/-/object.entries-1.1.9.tgz",
+      "integrity": "sha512-8u/hfXFRBD1O0hPUjioLhoWFHRmt6tKA4/vZPyckBr18l1KE9uHrFaFaUi8MDRTpi4uak2goyPTSNJLXX2k2Hw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.4",
+        "define-properties": "^1.2.1",
+        "es-object-atoms": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/object.fromentries": {
+      "version": "2.0.8",
+      "resolved": "https://registry.npmjs.org/object.fromentries/-/object.fromentries-2.0.8.tgz",
+      "integrity": "sha512-k6E21FzySsSK5a21KRADBd/NGneRegFO5pLHfdQLpRDETUNJueLXs3WCzyQ3tFRDYgbq3KHGXfTbi2bs8WQ6rQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.2",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/object.groupby": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/object.groupby/-/object.groupby-1.0.3.tgz",
+      "integrity": "sha512-+Lhy3TQTuzXI5hevh8sBGqbmurHbbIjAi0Z4S63nthVLmLxfbj4T54a4CfZrXIrt9iP4mVAPYMo/v99taj3wjQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/object.values": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/object.values/-/object.values-1.2.1.tgz",
+      "integrity": "sha512-gXah6aZrcUxjWg2zR2MwouP2eHlCBzdV4pygudehaKXSGW4v2AsRQUK+lwwXhii6KFZcunEnmSUoYp5CXibxtA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.3",
+        "define-properties": "^1.2.1",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/obliterator": {
+      "version": "1.6.1",
+      "resolved": "https://registry.npmjs.org/obliterator/-/obliterator-1.6.1.tgz",
+      "integrity": "sha512-9WXswnqINnnhOG/5SLimUlzuU1hFJUc8zkwyD59Sd+dPOMf05PmnYG/d6Q7HZ+KmgkZJa1PxRso6QdM3sTNHig==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/on-finished": {
+      "version": "2.4.1",
+      "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.4.1.tgz",
+      "integrity": "sha512-oVlzkg3ENAhCk2zdv7IJwd/QUD4z2RxRwpkcGY8psCVcCYZNq4wYnVWALHM+brtuJjePWiYF/ClmuDr8Ch5+kg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ee-first": "1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/once": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
+      "integrity": "sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "wrappy": "1"
+      }
+    },
+    "node_modules/onetime": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/onetime/-/onetime-5.1.2.tgz",
+      "integrity": "sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "mimic-fn": "^2.1.0"
+      },
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/optionator": {
+      "version": "0.9.4",
+      "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.4.tgz",
+      "integrity": "sha512-6IpQ7mKUxRcZNLIObR0hz7lxsapSSIYNZJwXPGeF0mTVqGKFIXj1DQcMoT22S3ROcLyY/rz0PWaWZ9ayWmad9g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "deep-is": "^0.1.3",
+        "fast-levenshtein": "^2.0.6",
+        "levn": "^0.4.1",
+        "prelude-ls": "^1.2.1",
+        "type-check": "^0.4.0",
+        "word-wrap": "^1.2.5"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/own-keys": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/own-keys/-/own-keys-1.0.1.tgz",
+      "integrity": "sha512-qFOyK5PjiWZd+QQIh+1jhdb9LpxTF0qs7Pm8o5QHYZ0M3vKqSqzsZaEB6oWlxZ+q2sJBMI/Ktgd2N5ZwQoRHfg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "get-intrinsic": "^1.2.6",
+        "object-keys": "^1.1.1",
+        "safe-push-apply": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/p-limit": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz",
+      "integrity": "sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "yocto-queue": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/p-locate": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-5.0.0.tgz",
+      "integrity": "sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "p-limit": "^3.0.2"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/package-json-from-dist": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/package-json-from-dist/-/package-json-from-dist-1.0.1.tgz",
+      "integrity": "sha512-UEZIS3/by4OC8vL3P2dTXRETpebLI2NiI5vIrjaD/5UtrkFX/tNbwjTSRAGC/+7CAo2pIcBaRgWmcBBHcsaCIw==",
+      "dev": true,
+      "license": "BlueOak-1.0.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==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "callsites": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/parse-entities": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/parse-entities/-/parse-entities-4.0.2.tgz",
+      "integrity": "sha512-GG2AQYWoLgL877gQIKeRPGO1xF9+eG1ujIb5soS5gPvLQ1y2o8FL90w2QWNdf9I361Mpp7726c+lj3U0qK1uGw==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/unist": "^2.0.0",
+        "character-entities-legacy": "^3.0.0",
+        "character-reference-invalid": "^2.0.0",
+        "decode-named-character-reference": "^1.0.0",
+        "is-alphanumerical": "^2.0.0",
+        "is-decimal": "^2.0.0",
+        "is-hexadecimal": "^2.0.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/parse-entities/node_modules/@types/unist": {
+      "version": "2.0.11",
+      "resolved": "https://registry.npmjs.org/@types/unist/-/unist-2.0.11.tgz",
+      "integrity": "sha512-CmBKiL6NNo/OqgmMn95Fk9Whlp2mtvIv+KNpQKN2F4SjvrEesubTRWGYSg+BnWZOnlCaSTU1sMpsBOzgbYhnsA==",
+      "license": "MIT"
+    },
+    "node_modules/parse5": {
+      "version": "7.3.0",
+      "resolved": "https://registry.npmjs.org/parse5/-/parse5-7.3.0.tgz",
+      "integrity": "sha512-IInvU7fabl34qmi9gY8XOVxhYyMyuH2xUNpb2q8/Y+7552KlejkRvqvD19nMoUW/uQGGbqNpA6Tufu5FL5BZgw==",
+      "license": "MIT",
+      "dependencies": {
+        "entities": "^6.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/inikulin/parse5?sponsor=1"
+      }
+    },
+    "node_modules/parseurl": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/parseurl/-/parseurl-1.3.3.tgz",
+      "integrity": "sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/path-exists": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
+      "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/path-expression-matcher": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/path-expression-matcher/-/path-expression-matcher-1.5.0.tgz",
+      "integrity": "sha512-cbrerZV+6rvdQrrD+iGMcZFEiiSrbv9Tfdkvnusy6y0x0GKBXREFg/Y65GhIfm0tnLntThhzCnfKwp1WRjeCyQ==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/NaturalIntelligence"
         }
       ],
       "license": "MIT",
-      "dependencies": {
-        "decode-named-character-reference": "^1.0.0",
-        "devlop": "^1.0.0",
-        "micromark-factory-destination": "^2.0.0",
-        "micromark-factory-label": "^2.0.0",
-        "micromark-factory-space": "^2.0.0",
-        "micromark-factory-title": "^2.0.0",
-        "micromark-factory-whitespace": "^2.0.0",
-        "micromark-util-character": "^2.0.0",
-        "micromark-util-chunked": "^2.0.0",
-        "micromark-util-classify-character": "^2.0.0",
-        "micromark-util-html-tag-name": "^2.0.0",
-        "micromark-util-normalize-identifier": "^2.0.0",
-        "micromark-util-resolve-all": "^2.0.0",
-        "micromark-util-subtokenize": "^2.0.0",
-        "micromark-util-symbol": "^2.0.0",
-        "micromark-util-types": "^2.0.0"
+      "engines": {
+        "node": ">=14.0.0"
       }
     },
-    "node_modules/micromark-extension-math": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/micromark-extension-math/-/micromark-extension-math-3.1.0.tgz",
-      "integrity": "sha512-lvEqd+fHjATVs+2v/8kg9i5Q0AP2k85H0WUOwpIVvUML8BapsMvh1XAogmQjOCsLpoKRCVQqEkQBB3NhVBcsOg==",
+    "node_modules/path-key": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
+      "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
+      "dev": true,
       "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/path-parse": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
+      "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/path-scurry": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/path-scurry/-/path-scurry-2.0.2.tgz",
+      "integrity": "sha512-3O/iVVsJAPsOnpwWIeD+d6z/7PmqApyQePUtCndjatj/9I5LylHvt5qluFaBT3I5h3r1ejfR056c+FCv+NnNXg==",
+      "dev": true,
+      "license": "BlueOak-1.0.0",
       "dependencies": {
-        "@types/katex": "^0.16.0",
-        "devlop": "^1.0.0",
-        "katex": "^0.16.0",
-        "micromark-factory-space": "^2.0.0",
-        "micromark-util-character": "^2.0.0",
-        "micromark-util-symbol": "^2.0.0",
-        "micromark-util-types": "^2.0.0"
+        "lru-cache": "^11.0.0",
+        "minipass": "^7.1.2"
+      },
+      "engines": {
+        "node": "18 || 20 || >=22"
       },
       "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/unified"
+        "url": "https://github.com/sponsors/isaacs"
       }
     },
-    "node_modules/micromark-factory-destination": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/micromark-factory-destination/-/micromark-factory-destination-2.0.1.tgz",
-      "integrity": "sha512-Xe6rDdJlkmbFRExpTOmRj9N3MaWmbAgdpSrBQvCFqhezUn4AHqJHbaEnfbVYYiexVSs//tqOdY/DxhjdCiJnIA==",
+    "node_modules/path-scurry/node_modules/lru-cache": {
+      "version": "11.3.5",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-11.3.5.tgz",
+      "integrity": "sha512-NxVFwLAnrd9i7KUBxC4DrUhmgjzOs+1Qm50D3oF1/oL+r1NpZ4gA7xvG0/zJ8evR7zIKn4vLf7qTNduWFtCrRw==",
+      "dev": true,
+      "license": "BlueOak-1.0.0",
+      "engines": {
+        "node": "20 || >=22"
+      }
+    },
+    "node_modules/path-to-regexp": {
+      "version": "6.3.0",
+      "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-6.3.0.tgz",
+      "integrity": "sha512-Yhpw4T9C6hPpgPeA28us07OJeqZ5EzQTkbfwuhsUg0c237RomFoETJgmp2sa3F/41gfLE6G5cqcYwznmeEeOlQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/pathe": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/pathe/-/pathe-2.0.3.tgz",
+      "integrity": "sha512-WUjGcAqP1gQacoQe+OBJsFA7Ld4DyXuUIjZ5cc75cLHvJ7dtNsTugphxIADwspS+AraAUePCKrSVtPLFj/F88w==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "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/picomatch": {
+      "version": "2.3.2",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.2.tgz",
+      "integrity": "sha512-V7+vQEJ06Z+c5tSye8S+nHUfI51xoXIXjHQ99cQtKUkQqqO1kO/KCJUfZXuB47h/YBlDhah2H3hdUGXn8ie0oA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/possible-typed-array-names": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/possible-typed-array-names/-/possible-typed-array-names-1.1.0.tgz",
+      "integrity": "sha512-/+5VFTchJDoVj3bhoqi6UeymcD00DAwb1nJwamzPvHEszJ4FpF6SNNbUbOS8yI56qHzdV8eK0qEfOSiodkTdxg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/postcss": {
+      "version": "8.4.31",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.31.tgz",
+      "integrity": "sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ==",
       "funding": [
         {
-          "type": "GitHub Sponsors",
-          "url": "https://github.com/sponsors/unifiedjs"
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/postcss"
         },
         {
-          "type": "OpenCollective",
-          "url": "https://opencollective.com/unified"
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
         }
       ],
       "license": "MIT",
       "dependencies": {
-        "micromark-util-character": "^2.0.0",
-        "micromark-util-symbol": "^2.0.0",
-        "micromark-util-types": "^2.0.0"
+        "nanoid": "^3.3.6",
+        "picocolors": "^1.0.0",
+        "source-map-js": "^1.0.2"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
       }
     },
-    "node_modules/micromark-factory-label": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/micromark-factory-label/-/micromark-factory-label-2.0.1.tgz",
-      "integrity": "sha512-VFMekyQExqIW7xIChcXn4ok29YE3rnuyveW3wZQWWqF4Nv9Wk5rgJ99KzPvHjkmPXF93FXIbBp6YdW3t71/7Vg==",
-      "funding": [
-        {
-          "type": "GitHub Sponsors",
-          "url": "https://github.com/sponsors/unifiedjs"
-        },
-        {
-          "type": "OpenCollective",
-          "url": "https://opencollective.com/unified"
-        }
-      ],
+    "node_modules/prelude-ls": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz",
+      "integrity": "sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "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==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "devlop": "^1.0.0",
-        "micromark-util-character": "^2.0.0",
-        "micromark-util-symbol": "^2.0.0",
-        "micromark-util-types": "^2.0.0"
+        "loose-envify": "^1.4.0",
+        "object-assign": "^4.1.1",
+        "react-is": "^16.13.1"
       }
     },
-    "node_modules/micromark-factory-space": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/micromark-factory-space/-/micromark-factory-space-2.0.1.tgz",
-      "integrity": "sha512-zRkxjtBxxLd2Sc0d+fbnEunsTj46SWXgXciZmHq0kDYGnck/ZSGj9/wULTV95uoeYiK5hRXP2mJ98Uo4cq/LQg==",
-      "funding": [
-        {
-          "type": "GitHub Sponsors",
-          "url": "https://github.com/sponsors/unifiedjs"
-        },
-        {
-          "type": "OpenCollective",
-          "url": "https://opencollective.com/unified"
-        }
-      ],
+    "node_modules/property-information": {
+      "version": "7.1.0",
+      "resolved": "https://registry.npmjs.org/property-information/-/property-information-7.1.0.tgz",
+      "integrity": "sha512-TwEZ+X+yCJmYfL7TPUOcvBZ4QfoT5YenQiJuX//0th53DE6w0xxLEtfK3iyryQFddXuvkIk51EEgrJQ0WJkOmQ==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/proxy-addr": {
+      "version": "2.0.7",
+      "resolved": "https://registry.npmjs.org/proxy-addr/-/proxy-addr-2.0.7.tgz",
+      "integrity": "sha512-llQsMLSUDUPT44jdrU/O37qlnifitDP+ZwrmmZcoSKyLKvtZxpyV0n2/bD/N4tBAAZ/gJEdZU7KMraoK1+XYAg==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "micromark-util-character": "^2.0.0",
-        "micromark-util-types": "^2.0.0"
+        "forwarded": "0.2.0",
+        "ipaddr.js": "1.9.1"
+      },
+      "engines": {
+        "node": ">= 0.10"
       }
     },
-    "node_modules/micromark-factory-title": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/micromark-factory-title/-/micromark-factory-title-2.0.1.tgz",
-      "integrity": "sha512-5bZ+3CjhAd9eChYTHsjy6TGxpOFSKgKKJPJxr293jTbfry2KDoWkhBb6TcPVB4NmzaPhMs1Frm9AZH7OD4Cjzw==",
-      "funding": [
-        {
-          "type": "GitHub Sponsors",
-          "url": "https://github.com/sponsors/unifiedjs"
-        },
-        {
-          "type": "OpenCollective",
-          "url": "https://opencollective.com/unified"
-        }
-      ],
+    "node_modules/punycode": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz",
+      "integrity": "sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==",
+      "dev": true,
       "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/qs": {
+      "version": "6.15.1",
+      "resolved": "https://registry.npmjs.org/qs/-/qs-6.15.1.tgz",
+      "integrity": "sha512-6YHEFRL9mfgcAvql/XhwTvf5jKcOiiupt2FiJxHkiX1z4j7WL8J/jRHYLluORvc1XxB5rV20KoeK00gVJamspg==",
+      "dev": true,
+      "license": "BSD-3-Clause",
       "dependencies": {
-        "micromark-factory-space": "^2.0.0",
-        "micromark-util-character": "^2.0.0",
-        "micromark-util-symbol": "^2.0.0",
-        "micromark-util-types": "^2.0.0"
+        "side-channel": "^1.1.0"
+      },
+      "engines": {
+        "node": ">=0.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/micromark-factory-whitespace": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/micromark-factory-whitespace/-/micromark-factory-whitespace-2.0.1.tgz",
-      "integrity": "sha512-Ob0nuZ3PKt/n0hORHyvoD9uZhr+Za8sFoP+OnMcnWK5lngSzALgQYKMr9RJVOWLqQYuyn6ulqGWSXdwf6F80lQ==",
+    "node_modules/queue-microtask": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
+      "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==",
+      "dev": true,
       "funding": [
         {
-          "type": "GitHub Sponsors",
-          "url": "https://github.com/sponsors/unifiedjs"
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
         },
         {
-          "type": "OpenCollective",
-          "url": "https://opencollective.com/unified"
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
         }
       ],
+      "license": "MIT"
+    },
+    "node_modules/range-parser": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/range-parser/-/range-parser-1.2.1.tgz",
+      "integrity": "sha512-Hrgsx+orqoygnmhFbKaHE6c296J+HTAQXoxEF6gNupROmmGJRoyzfG3ccAveqCBrwr/2yxQ5BVd/GTl5agOwSg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/raw-body": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/raw-body/-/raw-body-3.0.2.tgz",
+      "integrity": "sha512-K5zQjDllxWkf7Z5xJdV0/B0WTNqx6vxG70zJE4N0kBs4LovmEYWJzQGxC9bS9RAKu3bgM40lrd5zoLJ12MQ5BA==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "micromark-factory-space": "^2.0.0",
-        "micromark-util-character": "^2.0.0",
-        "micromark-util-symbol": "^2.0.0",
-        "micromark-util-types": "^2.0.0"
+        "bytes": "~3.1.2",
+        "http-errors": "~2.0.1",
+        "iconv-lite": "~0.7.0",
+        "unpipe": "~1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.10"
       }
     },
-    "node_modules/micromark-util-character": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/micromark-util-character/-/micromark-util-character-2.1.1.tgz",
-      "integrity": "sha512-wv8tdUTJ3thSFFFJKtpYKOYiGP2+v96Hvk4Tu8KpCAsTMs6yi+nVmGh1syvSCsaxz45J6Jbw+9DD6g97+NV67Q==",
-      "funding": [
-        {
-          "type": "GitHub Sponsors",
-          "url": "https://github.com/sponsors/unifiedjs"
-        },
-        {
-          "type": "OpenCollective",
-          "url": "https://opencollective.com/unified"
-        }
-      ],
+    "node_modules/raw-body/node_modules/iconv-lite": {
+      "version": "0.7.2",
+      "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.7.2.tgz",
+      "integrity": "sha512-im9DjEDQ55s9fL4EYzOAv0yMqmMBSZp6G0VvFyTMPKWxiSBHUj9NW/qqLmXUwXrrM7AvqSlTCfvqRb0cM8yYqw==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "micromark-util-symbol": "^2.0.0",
-        "micromark-util-types": "^2.0.0"
+        "safer-buffer": ">= 2.1.2 < 3.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/express"
       }
     },
-    "node_modules/micromark-util-chunked": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/micromark-util-chunked/-/micromark-util-chunked-2.0.1.tgz",
-      "integrity": "sha512-QUNFEOPELfmvv+4xiNg2sRYeS/P84pTW0TCgP5zc9FpXetHY0ab7SxKyAQCNCc1eK0459uoLI1y5oO5Vc1dbhA==",
-      "funding": [
-        {
-          "type": "GitHub Sponsors",
-          "url": "https://github.com/sponsors/unifiedjs"
-        },
-        {
-          "type": "OpenCollective",
-          "url": "https://opencollective.com/unified"
-        }
-      ],
+    "node_modules/react": {
+      "version": "19.2.3",
+      "resolved": "https://registry.npmjs.org/react/-/react-19.2.3.tgz",
+      "integrity": "sha512-Ku/hhYbVjOQnXDZFv2+RibmLFGwFdeeKHFcOTlrt7xplBnya5OGn/hIRDsqDiSUcfORsDC7MPxwork8jBwsIWA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/react-dom": {
+      "version": "19.2.3",
+      "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-19.2.3.tgz",
+      "integrity": "sha512-yELu4WmLPw5Mr/lmeEpox5rw3RETacE++JgHqQzd2dg+YbJuat3jH4ingc+WPZhxaoFzdv9y33G+F7Nl5O0GBg==",
       "license": "MIT",
       "dependencies": {
-        "micromark-util-symbol": "^2.0.0"
+        "scheduler": "^0.27.0"
+      },
+      "peerDependencies": {
+        "react": "^19.2.3"
       }
     },
-    "node_modules/micromark-util-classify-character": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/micromark-util-classify-character/-/micromark-util-classify-character-2.0.1.tgz",
-      "integrity": "sha512-K0kHzM6afW/MbeWYWLjoHQv1sgg2Q9EccHEDzSkxiP/EaagNzCm7T/WMKZ3rjMbvIpvBiZgwR3dKMygtA4mG1Q==",
-      "funding": [
-        {
-          "type": "GitHub Sponsors",
-          "url": "https://github.com/sponsors/unifiedjs"
-        },
-        {
-          "type": "OpenCollective",
-          "url": "https://opencollective.com/unified"
-        }
-      ],
+    "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==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/react-markdown": {
+      "version": "10.1.0",
+      "resolved": "https://registry.npmjs.org/react-markdown/-/react-markdown-10.1.0.tgz",
+      "integrity": "sha512-qKxVopLT/TyA6BX3Ue5NwabOsAzm0Q7kAPwq6L+wWDwisYs7R8vZ0nRXqq6rkueboxpkjvLGU9fWifiX/ZZFxQ==",
       "license": "MIT",
       "dependencies": {
-        "micromark-util-character": "^2.0.0",
-        "micromark-util-symbol": "^2.0.0",
-        "micromark-util-types": "^2.0.0"
+        "@types/hast": "^3.0.0",
+        "@types/mdast": "^4.0.0",
+        "devlop": "^1.0.0",
+        "hast-util-to-jsx-runtime": "^2.0.0",
+        "html-url-attributes": "^3.0.0",
+        "mdast-util-to-hast": "^13.0.0",
+        "remark-parse": "^11.0.0",
+        "remark-rehype": "^11.0.0",
+        "unified": "^11.0.0",
+        "unist-util-visit": "^5.0.0",
+        "vfile": "^6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      },
+      "peerDependencies": {
+        "@types/react": ">=18",
+        "react": ">=18"
       }
     },
-    "node_modules/micromark-util-combine-extensions": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/micromark-util-combine-extensions/-/micromark-util-combine-extensions-2.0.1.tgz",
-      "integrity": "sha512-OnAnH8Ujmy59JcyZw8JSbK9cGpdVY44NKgSM7E9Eh7DiLS2E9RNQf0dONaGDzEG9yjEl5hcqeIsj4hfRkLH/Bg==",
-      "funding": [
-        {
-          "type": "GitHub Sponsors",
-          "url": "https://github.com/sponsors/unifiedjs"
-        },
-        {
-          "type": "OpenCollective",
-          "url": "https://opencollective.com/unified"
-        }
-      ],
+    "node_modules/reflect.getprototypeof": {
+      "version": "1.0.10",
+      "resolved": "https://registry.npmjs.org/reflect.getprototypeof/-/reflect.getprototypeof-1.0.10.tgz",
+      "integrity": "sha512-00o4I+DVrefhv+nX0ulyi3biSHCPDe+yLv5o/p6d/UVlirijB8E16FtfwSAi4g3tcqrQ4lRAqQSoFEZJehYEcw==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "micromark-util-chunked": "^2.0.0",
-        "micromark-util-types": "^2.0.0"
+        "call-bind": "^1.0.8",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.9",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.0.0",
+        "get-intrinsic": "^1.2.7",
+        "get-proto": "^1.0.1",
+        "which-builtin-type": "^1.2.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/micromark-util-decode-numeric-character-reference": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/micromark-util-decode-numeric-character-reference/-/micromark-util-decode-numeric-character-reference-2.0.2.tgz",
-      "integrity": "sha512-ccUbYk6CwVdkmCQMyr64dXz42EfHGkPQlBj5p7YVGzq8I7CtjXZJrubAYezf7Rp+bjPseiROqe7G6foFd+lEuw==",
-      "funding": [
-        {
-          "type": "GitHub Sponsors",
-          "url": "https://github.com/sponsors/unifiedjs"
-        },
-        {
-          "type": "OpenCollective",
-          "url": "https://opencollective.com/unified"
-        }
-      ],
+    "node_modules/regexp.prototype.flags": {
+      "version": "1.5.4",
+      "resolved": "https://registry.npmjs.org/regexp.prototype.flags/-/regexp.prototype.flags-1.5.4.tgz",
+      "integrity": "sha512-dYqgNSZbDwkaJ2ceRd9ojCGjBq+mOm9LmtXnAnEGyHhN/5R7iDW2TRw3h+o/jCFxus3P2LfWIIiwowAjANm7IA==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "micromark-util-symbol": "^2.0.0"
+        "call-bind": "^1.0.8",
+        "define-properties": "^1.2.1",
+        "es-errors": "^1.3.0",
+        "get-proto": "^1.0.1",
+        "gopd": "^1.2.0",
+        "set-function-name": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/micromark-util-decode-string": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/micromark-util-decode-string/-/micromark-util-decode-string-2.0.1.tgz",
-      "integrity": "sha512-nDV/77Fj6eH1ynwscYTOsbK7rR//Uj0bZXBwJZRfaLEJ1iGBR6kIfNmlNqaqJf649EP0F3NWNdeJi03elllNUQ==",
-      "funding": [
-        {
-          "type": "GitHub Sponsors",
-          "url": "https://github.com/sponsors/unifiedjs"
-        },
-        {
-          "type": "OpenCollective",
-          "url": "https://opencollective.com/unified"
-        }
-      ],
+    "node_modules/rehype-katex": {
+      "version": "7.0.1",
+      "resolved": "https://registry.npmjs.org/rehype-katex/-/rehype-katex-7.0.1.tgz",
+      "integrity": "sha512-OiM2wrZ/wuhKkigASodFoo8wimG3H12LWQaH8qSPVJn9apWKFSH3YOCtbKpBorTVw/eI7cuT21XBbvwEswbIOA==",
       "license": "MIT",
       "dependencies": {
-        "decode-named-character-reference": "^1.0.0",
-        "micromark-util-character": "^2.0.0",
-        "micromark-util-decode-numeric-character-reference": "^2.0.0",
-        "micromark-util-symbol": "^2.0.0"
+        "@types/hast": "^3.0.0",
+        "@types/katex": "^0.16.0",
+        "hast-util-from-html-isomorphic": "^2.0.0",
+        "hast-util-to-text": "^4.0.0",
+        "katex": "^0.16.0",
+        "unist-util-visit-parents": "^6.0.0",
+        "vfile": "^6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
       }
     },
-    "node_modules/micromark-util-encode": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/micromark-util-encode/-/micromark-util-encode-2.0.1.tgz",
-      "integrity": "sha512-c3cVx2y4KqUnwopcO9b/SCdo2O67LwJJ/UyqGfbigahfegL9myoEFoDYZgkT7f36T0bLrM9hZTAaAyH+PCAXjw==",
-      "funding": [
-        {
-          "type": "GitHub Sponsors",
-          "url": "https://github.com/sponsors/unifiedjs"
-        },
-        {
-          "type": "OpenCollective",
-          "url": "https://opencollective.com/unified"
-        }
-      ],
-      "license": "MIT"
-    },
-    "node_modules/micromark-util-html-tag-name": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/micromark-util-html-tag-name/-/micromark-util-html-tag-name-2.0.1.tgz",
-      "integrity": "sha512-2cNEiYDhCWKI+Gs9T0Tiysk136SnR13hhO8yW6BGNyhOC4qYFnwF1nKfD3HFAIXA5c45RrIG1ub11GiXeYd1xA==",
-      "funding": [
-        {
-          "type": "GitHub Sponsors",
-          "url": "https://github.com/sponsors/unifiedjs"
-        },
-        {
-          "type": "OpenCollective",
-          "url": "https://opencollective.com/unified"
-        }
-      ],
-      "license": "MIT"
-    },
-    "node_modules/micromark-util-normalize-identifier": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/micromark-util-normalize-identifier/-/micromark-util-normalize-identifier-2.0.1.tgz",
-      "integrity": "sha512-sxPqmo70LyARJs0w2UclACPUUEqltCkJ6PhKdMIDuJ3gSf/Q+/GIe3WKl0Ijb/GyH9lOpUkRAO2wp0GVkLvS9Q==",
-      "funding": [
-        {
-          "type": "GitHub Sponsors",
-          "url": "https://github.com/sponsors/unifiedjs"
-        },
-        {
-          "type": "OpenCollective",
-          "url": "https://opencollective.com/unified"
-        }
-      ],
+    "node_modules/remark-math": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/remark-math/-/remark-math-6.0.0.tgz",
+      "integrity": "sha512-MMqgnP74Igy+S3WwnhQ7kqGlEerTETXMvJhrUzDikVZ2/uogJCb+WHUg97hK9/jcfc0dkD73s3LN8zU49cTEtA==",
       "license": "MIT",
       "dependencies": {
-        "micromark-util-symbol": "^2.0.0"
+        "@types/mdast": "^4.0.0",
+        "mdast-util-math": "^3.0.0",
+        "micromark-extension-math": "^3.0.0",
+        "unified": "^11.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
       }
     },
-    "node_modules/micromark-util-resolve-all": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/micromark-util-resolve-all/-/micromark-util-resolve-all-2.0.1.tgz",
-      "integrity": "sha512-VdQyxFWFT2/FGJgwQnJYbe1jjQoNTS4RjglmSjTUlpUMa95Htx9NHeYW4rGDJzbjvCsl9eLjMQwGeElsqmzcHg==",
-      "funding": [
-        {
-          "type": "GitHub Sponsors",
-          "url": "https://github.com/sponsors/unifiedjs"
-        },
-        {
-          "type": "OpenCollective",
-          "url": "https://opencollective.com/unified"
-        }
-      ],
+    "node_modules/remark-parse": {
+      "version": "11.0.0",
+      "resolved": "https://registry.npmjs.org/remark-parse/-/remark-parse-11.0.0.tgz",
+      "integrity": "sha512-FCxlKLNGknS5ba/1lmpYijMUzX2esxW5xQqjWxw2eHFfS2MSdaHVINFmhjo+qN1WhZhNimq0dZATN9pH0IDrpA==",
       "license": "MIT",
       "dependencies": {
-        "micromark-util-types": "^2.0.0"
+        "@types/mdast": "^4.0.0",
+        "mdast-util-from-markdown": "^2.0.0",
+        "micromark-util-types": "^2.0.0",
+        "unified": "^11.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
       }
     },
-    "node_modules/micromark-util-sanitize-uri": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/micromark-util-sanitize-uri/-/micromark-util-sanitize-uri-2.0.1.tgz",
-      "integrity": "sha512-9N9IomZ/YuGGZZmQec1MbgxtlgougxTodVwDzzEouPKo3qFWvymFHWcnDi2vzV1ff6kas9ucW+o3yzJK9YB1AQ==",
-      "funding": [
-        {
-          "type": "GitHub Sponsors",
-          "url": "https://github.com/sponsors/unifiedjs"
-        },
-        {
-          "type": "OpenCollective",
-          "url": "https://opencollective.com/unified"
-        }
-      ],
+    "node_modules/remark-rehype": {
+      "version": "11.1.2",
+      "resolved": "https://registry.npmjs.org/remark-rehype/-/remark-rehype-11.1.2.tgz",
+      "integrity": "sha512-Dh7l57ianaEoIpzbp0PC9UKAdCSVklD8E5Rpw7ETfbTl3FqcOOgq5q2LVDhgGCkaBv7p24JXikPdvhhmHvKMsw==",
       "license": "MIT",
       "dependencies": {
-        "micromark-util-character": "^2.0.0",
-        "micromark-util-encode": "^2.0.0",
-        "micromark-util-symbol": "^2.0.0"
+        "@types/hast": "^3.0.0",
+        "@types/mdast": "^4.0.0",
+        "mdast-util-to-hast": "^13.0.0",
+        "unified": "^11.0.0",
+        "vfile": "^6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
       }
     },
-    "node_modules/micromark-util-subtokenize": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/micromark-util-subtokenize/-/micromark-util-subtokenize-2.1.0.tgz",
-      "integrity": "sha512-XQLu552iSctvnEcgXw6+Sx75GflAPNED1qx7eBJ+wydBb2KCbRZe+NwvIEEMM83uml1+2WSXpBAcp9IUCgCYWA==",
-      "funding": [
-        {
-          "type": "GitHub Sponsors",
-          "url": "https://github.com/sponsors/unifiedjs"
-        },
-        {
-          "type": "OpenCollective",
-          "url": "https://opencollective.com/unified"
-        }
-      ],
+    "node_modules/resolve": {
+      "version": "2.0.0-next.6",
+      "resolved": "https://registry.npmjs.org/resolve/-/resolve-2.0.0-next.6.tgz",
+      "integrity": "sha512-3JmVl5hMGtJ3kMmB3zi3DL25KfkCEyy3Tw7Gmw7z5w8M9WlwoPFnIvwChzu1+cF3iaK3sp18hhPz8ANeimdJfA==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "devlop": "^1.0.0",
-        "micromark-util-chunked": "^2.0.0",
-        "micromark-util-symbol": "^2.0.0",
-        "micromark-util-types": "^2.0.0"
+        "es-errors": "^1.3.0",
+        "is-core-module": "^2.16.1",
+        "node-exports-info": "^1.6.0",
+        "object-keys": "^1.1.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/micromark-util-symbol": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/micromark-util-symbol/-/micromark-util-symbol-2.0.1.tgz",
-      "integrity": "sha512-vs5t8Apaud9N28kgCrRUdEed4UJ+wWNvicHLPxCa9ENlYuAY31M0ETy5y1vA33YoNPDFTghEbnh6efaE8h4x0Q==",
-      "funding": [
-        {
-          "type": "GitHub Sponsors",
-          "url": "https://github.com/sponsors/unifiedjs"
-        },
-        {
-          "type": "OpenCollective",
-          "url": "https://opencollective.com/unified"
-        }
-      ],
-      "license": "MIT"
+    "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==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
     },
-    "node_modules/micromark-util-types": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/micromark-util-types/-/micromark-util-types-2.0.2.tgz",
-      "integrity": "sha512-Yw0ECSpJoViF1qTU4DC6NwtC4aWGt1EkzaQB8KPPyCRR8z9TWeV0HbEFGTO+ZY1wB22zmxnJqhPyTpOVCpeHTA==",
-      "funding": [
-        {
-          "type": "GitHub Sponsors",
-          "url": "https://github.com/sponsors/unifiedjs"
-        },
-        {
-          "type": "OpenCollective",
-          "url": "https://opencollective.com/unified"
-        }
-      ],
-      "license": "MIT"
+    "node_modules/resolve-pkg-maps": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/resolve-pkg-maps/-/resolve-pkg-maps-1.0.0.tgz",
+      "integrity": "sha512-seS2Tj26TBVOC2NIc2rOe2y2ZO7efxITtLZcGSOnHHNOQ7CkiUBfw0Iw2ck6xkIhPwLhKNLS8BO+hEpngQlqzw==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/privatenumber/resolve-pkg-maps?sponsor=1"
+      }
     },
-    "node_modules/micromatch": {
-      "version": "4.0.8",
-      "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz",
-      "integrity": "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==",
+    "node_modules/reusify": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.1.0.tgz",
+      "integrity": "sha512-g6QUff04oZpHs0eG5p83rFLhHeV00ug/Yf9nZM6fLeUrPguBTkTQOdpAWWspMh55TZfVQDPaN3NQJfbVRAxdIw==",
       "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "braces": "^3.0.3",
-        "picomatch": "^2.3.1"
-      },
       "engines": {
-        "node": ">=8.6"
+        "iojs": ">=1.0.0",
+        "node": ">=0.10.0"
       }
     },
-    "node_modules/minimatch": {
-      "version": "3.1.5",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.5.tgz",
-      "integrity": "sha512-VgjWUsnnT6n+NUk6eZq77zeFdpW2LWDzP6zFGrCbHXiYNul5Dzqk2HHQ5uFH2DNW5Xbp8+jVzaeNt94ssEEl4w==",
+    "node_modules/robust-predicates": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/robust-predicates/-/robust-predicates-3.0.3.tgz",
+      "integrity": "sha512-NS3levdsRIUOmiJ8FZWCP7LG3QpJyrs/TE0Zpf1yvZu8cAJJ6QMW92H1c7kWpdIHo8RvmLxN/o2JXTKHp74lUA==",
+      "license": "Unlicense"
+    },
+    "node_modules/router": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/router/-/router-2.2.0.tgz",
+      "integrity": "sha512-nLTrUKm2UyiL7rlhapu/Zl45FwNgkZGaCpZbIHajDYgwlJCOzLSk+cIPAnsEqV955GjILJnKbdQC1nVPz+gAYQ==",
       "dev": true,
-      "license": "ISC",
+      "license": "MIT",
       "dependencies": {
-        "brace-expansion": "^1.1.7"
+        "debug": "^4.4.0",
+        "depd": "^2.0.0",
+        "is-promise": "^4.0.0",
+        "parseurl": "^1.3.3",
+        "path-to-regexp": "^8.0.0"
       },
       "engines": {
-        "node": "*"
+        "node": ">= 18"
       }
     },
-    "node_modules/minimist": {
-      "version": "1.2.8",
-      "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.8.tgz",
-      "integrity": "sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==",
+    "node_modules/router/node_modules/path-to-regexp": {
+      "version": "8.4.2",
+      "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-8.4.2.tgz",
+      "integrity": "sha512-qRcuIdP69NPm4qbACK+aDogI5CBDMi1jKe0ry5rSQJz8JVLsC7jV8XpiJjGRLLol3N+R5ihGYcrPLTno6pAdBA==",
       "dev": true,
       "license": "MIT",
       "funding": {
-        "url": "https://github.com/sponsors/ljharb"
+        "type": "opencollective",
+        "url": "https://opencollective.com/express"
       }
     },
-    "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==",
+    "node_modules/run-parallel": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
+      "integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==",
+      "dev": true,
       "funding": [
         {
           "type": "github",
-          "url": "https://github.com/sponsors/ai"
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
         }
       ],
       "license": "MIT",
-      "bin": {
-        "nanoid": "bin/nanoid.cjs"
-      },
-      "engines": {
-        "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
+      "dependencies": {
+        "queue-microtask": "^1.2.2"
       }
     },
-    "node_modules/napi-postinstall": {
-      "version": "0.3.4",
-      "resolved": "https://registry.npmjs.org/napi-postinstall/-/napi-postinstall-0.3.4.tgz",
-      "integrity": "sha512-PHI5f1O0EP5xJ9gQmFGMS6IZcrVvTjpXjz7Na41gTE7eE2hK11lg04CECCYEEjdc17EV4DO+fkGEtt7TpTaTiQ==",
+    "node_modules/rw": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/rw/-/rw-1.3.3.tgz",
+      "integrity": "sha512-PdhdWy89SiZogBLaw42zdeqtRJ//zFd2PgQavcICDUgJT5oW10QCRKbJ6bg4r0/UY2M6BWd5tkxuGFRvCkgfHQ==",
+      "license": "BSD-3-Clause"
+    },
+    "node_modules/safe-array-concat": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/safe-array-concat/-/safe-array-concat-1.1.3.tgz",
+      "integrity": "sha512-AURm5f0jYEOydBj7VQlVvDrjeFgthDdEF5H1dP+6mNpoXOMo1quQqJ4wvJDyRZ9+pO3kGWoOdmV08cSv2aJV6Q==",
       "dev": true,
       "license": "MIT",
-      "bin": {
-        "napi-postinstall": "lib/cli.js"
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.2",
+        "get-intrinsic": "^1.2.6",
+        "has-symbols": "^1.1.0",
+        "isarray": "^2.0.5"
       },
       "engines": {
-        "node": "^12.20.0 || ^14.18.0 || >=16.0.0"
+        "node": ">=0.4"
       },
       "funding": {
-        "url": "https://opencollective.com/napi-postinstall"
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/natural-compare": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/natural-compare/-/natural-compare-1.4.0.tgz",
-      "integrity": "sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==",
+    "node_modules/safe-push-apply": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/safe-push-apply/-/safe-push-apply-1.0.0.tgz",
+      "integrity": "sha512-iKE9w/Z7xCzUMIZqdBsp6pEQvwuEebH4vdpjcDWnyzaI6yl6O9FHvVpmGelvEHNsoY6wGblkxR6Zty/h00WiSA==",
       "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/next": {
-      "version": "16.1.6",
-      "resolved": "https://registry.npmjs.org/next/-/next-16.1.6.tgz",
-      "integrity": "sha512-hkyRkcu5x/41KoqnROkfTm2pZVbKxvbZRuNvKXLRXxs3VfyO0WhY50TQS40EuKO9SW3rBj/sF3WbVwDACeMZyw==",
       "license": "MIT",
       "dependencies": {
-        "@next/env": "16.1.6",
-        "@swc/helpers": "0.5.15",
-        "baseline-browser-mapping": "^2.8.3",
-        "caniuse-lite": "^1.0.30001579",
-        "postcss": "8.4.31",
-        "styled-jsx": "5.1.6"
-      },
-      "bin": {
-        "next": "dist/bin/next"
+        "es-errors": "^1.3.0",
+        "isarray": "^2.0.5"
       },
       "engines": {
-        "node": ">=20.9.0"
-      },
-      "optionalDependencies": {
-        "@next/swc-darwin-arm64": "16.1.6",
-        "@next/swc-darwin-x64": "16.1.6",
-        "@next/swc-linux-arm64-gnu": "16.1.6",
-        "@next/swc-linux-arm64-musl": "16.1.6",
-        "@next/swc-linux-x64-gnu": "16.1.6",
-        "@next/swc-linux-x64-musl": "16.1.6",
-        "@next/swc-win32-arm64-msvc": "16.1.6",
-        "@next/swc-win32-x64-msvc": "16.1.6",
-        "sharp": "^0.34.4"
-      },
-      "peerDependencies": {
-        "@opentelemetry/api": "^1.1.0",
-        "@playwright/test": "^1.51.1",
-        "babel-plugin-react-compiler": "*",
-        "react": "^18.2.0 || 19.0.0-rc-de68d2f4-20241204 || ^19.0.0",
-        "react-dom": "^18.2.0 || 19.0.0-rc-de68d2f4-20241204 || ^19.0.0",
-        "sass": "^1.3.0"
+        "node": ">= 0.4"
       },
-      "peerDependenciesMeta": {
-        "@opentelemetry/api": {
-          "optional": true
-        },
-        "@playwright/test": {
-          "optional": true
-        },
-        "babel-plugin-react-compiler": {
-          "optional": true
-        },
-        "sass": {
-          "optional": true
-        }
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/node-exports-info": {
-      "version": "1.6.0",
-      "resolved": "https://registry.npmjs.org/node-exports-info/-/node-exports-info-1.6.0.tgz",
-      "integrity": "sha512-pyFS63ptit/P5WqUkt+UUfe+4oevH+bFeIiPPdfb0pFeYEu/1ELnJu5l+5EcTKYL5M7zaAa7S8ddywgXypqKCw==",
+    "node_modules/safe-regex-test": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/safe-regex-test/-/safe-regex-test-1.1.0.tgz",
+      "integrity": "sha512-x/+Cz4YrimQxQccJf5mKEbIa1NzeCRNI5Ecl/ekmlYaampdNLPalVyIcCZNNH3MvmqBugV5TMYZXv0ljslUlaw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "array.prototype.flatmap": "^1.3.3",
+        "call-bound": "^1.0.2",
         "es-errors": "^1.3.0",
-        "object.entries": "^1.1.9",
-        "semver": "^6.3.1"
+        "is-regex": "^1.2.1"
       },
       "engines": {
         "node": ">= 0.4"
@@ -6394,471 +11708,488 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/node-releases": {
-      "version": "2.0.37",
-      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.37.tgz",
-      "integrity": "sha512-1h5gKZCF+pO/o3Iqt5Jp7wc9rH3eJJ0+nh/CIoiRwjRxde/hAHyLPXYN4V3CqKAbiZPSeJFSWHmJsbkicta0Eg==",
-      "dev": true,
+    "node_modules/safer-buffer": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
+      "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==",
       "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==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=0.10.0"
-      }
+    "node_modules/scheduler": {
+      "version": "0.27.0",
+      "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.27.0.tgz",
+      "integrity": "sha512-eNv+WrVbKu1f3vbYJT/xtiF5syA5HPIMtf9IgY/nKg0sWqzAUEvqY/xm7OcZc/qafLx/iO9FgOmeSAp4v5ti/Q==",
+      "license": "MIT"
     },
-    "node_modules/object-inspect": {
-      "version": "1.13.4",
-      "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.4.tgz",
-      "integrity": "sha512-W67iLl4J2EXEGTbfeHCffrjDfitvLANg0UlX3wFUUSTx92KXRFegMHUVgSqE+wvhAbi4WqjGg9czysTV2Epbew==",
+    "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": "MIT",
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
       }
     },
-    "node_modules/object-keys": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/object-keys/-/object-keys-1.1.1.tgz",
-      "integrity": "sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==",
+    "node_modules/send": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/send/-/send-1.2.1.tgz",
+      "integrity": "sha512-1gnZf7DFcoIcajTjTwjwuDjzuz4PPcY2StKPlsGAQ1+YH20IRVrBaXSWmdjowTJ6u8Rc01PoYOGHXfP1mYcZNQ==",
       "dev": true,
       "license": "MIT",
+      "dependencies": {
+        "debug": "^4.4.3",
+        "encodeurl": "^2.0.0",
+        "escape-html": "^1.0.3",
+        "etag": "^1.8.1",
+        "fresh": "^2.0.0",
+        "http-errors": "^2.0.1",
+        "mime-types": "^3.0.2",
+        "ms": "^2.1.3",
+        "on-finished": "^2.4.1",
+        "range-parser": "^1.2.1",
+        "statuses": "^2.0.2"
+      },
       "engines": {
-        "node": ">= 0.4"
+        "node": ">= 18"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/express"
       }
     },
-    "node_modules/object.assign": {
-      "version": "4.1.7",
-      "resolved": "https://registry.npmjs.org/object.assign/-/object.assign-4.1.7.tgz",
-      "integrity": "sha512-nK28WOo+QIjBkDduTINE4JkF/UJJKyf2EJxvJKfblDpyg0Q+pkOHNTL0Qwy6NP6FhE/EnzV73BxxqcJaXY9anw==",
+    "node_modules/serve-static": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/serve-static/-/serve-static-2.2.1.tgz",
+      "integrity": "sha512-xRXBn0pPqQTVQiC8wyQrKs2MOlX24zQ0POGaj0kultvoOCstBQM5yvOhAVSUwOMjQtTvsPWoNCHfPGwaaQJhTw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "call-bind": "^1.0.8",
-        "call-bound": "^1.0.3",
-        "define-properties": "^1.2.1",
-        "es-object-atoms": "^1.0.0",
-        "has-symbols": "^1.1.0",
-        "object-keys": "^1.1.1"
+        "encodeurl": "^2.0.0",
+        "escape-html": "^1.0.3",
+        "parseurl": "^1.3.3",
+        "send": "^1.2.0"
       },
       "engines": {
-        "node": ">= 0.4"
+        "node": ">= 18"
       },
       "funding": {
-        "url": "https://github.com/sponsors/ljharb"
+        "type": "opencollective",
+        "url": "https://opencollective.com/express"
       }
     },
-    "node_modules/object.entries": {
-      "version": "1.1.9",
-      "resolved": "https://registry.npmjs.org/object.entries/-/object.entries-1.1.9.tgz",
-      "integrity": "sha512-8u/hfXFRBD1O0hPUjioLhoWFHRmt6tKA4/vZPyckBr18l1KE9uHrFaFaUi8MDRTpi4uak2goyPTSNJLXX2k2Hw==",
+    "node_modules/set-function-length": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/set-function-length/-/set-function-length-1.2.2.tgz",
+      "integrity": "sha512-pgRc4hJ4/sNjWCSS9AmnS40x3bNMDTknHgL5UaMBTMyJnU90EgWh1Rz+MC9eFu4BuN/UwZjKQuY/1v3rM7HMfg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "call-bind": "^1.0.8",
-        "call-bound": "^1.0.4",
-        "define-properties": "^1.2.1",
-        "es-object-atoms": "^1.1.1"
+        "define-data-property": "^1.1.4",
+        "es-errors": "^1.3.0",
+        "function-bind": "^1.1.2",
+        "get-intrinsic": "^1.2.4",
+        "gopd": "^1.0.1",
+        "has-property-descriptors": "^1.0.2"
       },
       "engines": {
         "node": ">= 0.4"
       }
     },
-    "node_modules/object.fromentries": {
-      "version": "2.0.8",
-      "resolved": "https://registry.npmjs.org/object.fromentries/-/object.fromentries-2.0.8.tgz",
-      "integrity": "sha512-k6E21FzySsSK5a21KRADBd/NGneRegFO5pLHfdQLpRDETUNJueLXs3WCzyQ3tFRDYgbq3KHGXfTbi2bs8WQ6rQ==",
+    "node_modules/set-function-name": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/set-function-name/-/set-function-name-2.0.2.tgz",
+      "integrity": "sha512-7PGFlmtwsEADb0WYyvCMa1t+yke6daIG4Wirafur5kcf+MhUnPms1UeR0CKQdTZD81yESwMHbtn+TR+dMviakQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "call-bind": "^1.0.7",
-        "define-properties": "^1.2.1",
-        "es-abstract": "^1.23.2",
-        "es-object-atoms": "^1.0.0"
+        "define-data-property": "^1.1.4",
+        "es-errors": "^1.3.0",
+        "functions-have-names": "^1.2.3",
+        "has-property-descriptors": "^1.0.2"
       },
       "engines": {
         "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/object.groupby": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/object.groupby/-/object.groupby-1.0.3.tgz",
-      "integrity": "sha512-+Lhy3TQTuzXI5hevh8sBGqbmurHbbIjAi0Z4S63nthVLmLxfbj4T54a4CfZrXIrt9iP4mVAPYMo/v99taj3wjQ==",
+    "node_modules/set-proto": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/set-proto/-/set-proto-1.0.0.tgz",
+      "integrity": "sha512-RJRdvCo6IAnPdsvP/7m6bsQqNnn1FCBX5ZNtFL98MmFF/4xAIJTIg1YbHW5DC2W5SKZanrC6i4HsJqlajw/dZw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "call-bind": "^1.0.7",
-        "define-properties": "^1.2.1",
-        "es-abstract": "^1.23.2"
+        "dunder-proto": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.0.0"
       },
       "engines": {
         "node": ">= 0.4"
       }
     },
-    "node_modules/object.values": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/object.values/-/object.values-1.2.1.tgz",
-      "integrity": "sha512-gXah6aZrcUxjWg2zR2MwouP2eHlCBzdV4pygudehaKXSGW4v2AsRQUK+lwwXhii6KFZcunEnmSUoYp5CXibxtA==",
+    "node_modules/setprototypeof": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.2.0.tgz",
+      "integrity": "sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw==",
       "dev": true,
-      "license": "MIT",
+      "license": "ISC"
+    },
+    "node_modules/sharp": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/sharp/-/sharp-0.34.5.tgz",
+      "integrity": "sha512-Ou9I5Ft9WNcCbXrU9cMgPBcCK8LiwLqcbywW3t4oDV37n1pzpuNLsYiAV8eODnjbtQlSDwZ2cUEeQz4E54Hltg==",
+      "devOptional": true,
+      "hasInstallScript": true,
+      "license": "Apache-2.0",
       "dependencies": {
-        "call-bind": "^1.0.8",
-        "call-bound": "^1.0.3",
-        "define-properties": "^1.2.1",
-        "es-object-atoms": "^1.0.0"
+        "@img/colour": "^1.0.0",
+        "detect-libc": "^2.1.2",
+        "semver": "^7.7.3"
       },
       "engines": {
-        "node": ">= 0.4"
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
       },
       "funding": {
-        "url": "https://github.com/sponsors/ljharb"
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-darwin-arm64": "0.34.5",
+        "@img/sharp-darwin-x64": "0.34.5",
+        "@img/sharp-libvips-darwin-arm64": "1.2.4",
+        "@img/sharp-libvips-darwin-x64": "1.2.4",
+        "@img/sharp-libvips-linux-arm": "1.2.4",
+        "@img/sharp-libvips-linux-arm64": "1.2.4",
+        "@img/sharp-libvips-linux-ppc64": "1.2.4",
+        "@img/sharp-libvips-linux-riscv64": "1.2.4",
+        "@img/sharp-libvips-linux-s390x": "1.2.4",
+        "@img/sharp-libvips-linux-x64": "1.2.4",
+        "@img/sharp-libvips-linuxmusl-arm64": "1.2.4",
+        "@img/sharp-libvips-linuxmusl-x64": "1.2.4",
+        "@img/sharp-linux-arm": "0.34.5",
+        "@img/sharp-linux-arm64": "0.34.5",
+        "@img/sharp-linux-ppc64": "0.34.5",
+        "@img/sharp-linux-riscv64": "0.34.5",
+        "@img/sharp-linux-s390x": "0.34.5",
+        "@img/sharp-linux-x64": "0.34.5",
+        "@img/sharp-linuxmusl-arm64": "0.34.5",
+        "@img/sharp-linuxmusl-x64": "0.34.5",
+        "@img/sharp-wasm32": "0.34.5",
+        "@img/sharp-win32-arm64": "0.34.5",
+        "@img/sharp-win32-ia32": "0.34.5",
+        "@img/sharp-win32-x64": "0.34.5"
       }
     },
-    "node_modules/optionator": {
-      "version": "0.9.4",
-      "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.4.tgz",
-      "integrity": "sha512-6IpQ7mKUxRcZNLIObR0hz7lxsapSSIYNZJwXPGeF0mTVqGKFIXj1DQcMoT22S3ROcLyY/rz0PWaWZ9ayWmad9g==",
+    "node_modules/sharp/node_modules/semver": {
+      "version": "7.7.4",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.4.tgz",
+      "integrity": "sha512-vFKC2IEtQnVhpT78h1Yp8wzwrf8CM+MzKMHGJZfBtzhZNycRFnXsHk6E5TxIkkMsgNS7mdX3AGB7x2QM2di4lA==",
+      "devOptional": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/shebang-command": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
+      "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "deep-is": "^0.1.3",
-        "fast-levenshtein": "^2.0.6",
-        "levn": "^0.4.1",
-        "prelude-ls": "^1.2.1",
-        "type-check": "^0.4.0",
-        "word-wrap": "^1.2.5"
+        "shebang-regex": "^3.0.0"
       },
       "engines": {
-        "node": ">= 0.8.0"
+        "node": ">=8"
       }
     },
-    "node_modules/own-keys": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/own-keys/-/own-keys-1.0.1.tgz",
-      "integrity": "sha512-qFOyK5PjiWZd+QQIh+1jhdb9LpxTF0qs7Pm8o5QHYZ0M3vKqSqzsZaEB6oWlxZ+q2sJBMI/Ktgd2N5ZwQoRHfg==",
+    "node_modules/shebang-regex": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
+      "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
       "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "get-intrinsic": "^1.2.6",
-        "object-keys": "^1.1.1",
-        "safe-push-apply": "^1.0.0"
-      },
       "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
+        "node": ">=8"
       }
     },
-    "node_modules/p-limit": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz",
-      "integrity": "sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==",
+    "node_modules/side-channel": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.1.0.tgz",
+      "integrity": "sha512-ZX99e6tRweoUXqR+VBrslhda51Nh5MTQwou5tnUDgbtyM0dBgmhEDtWGP/xbKn6hqfPRHujUNwz5fy/wbbhnpw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "yocto-queue": "^0.1.0"
+        "es-errors": "^1.3.0",
+        "object-inspect": "^1.13.3",
+        "side-channel-list": "^1.0.0",
+        "side-channel-map": "^1.0.1",
+        "side-channel-weakmap": "^1.0.2"
       },
       "engines": {
-        "node": ">=10"
+        "node": ">= 0.4"
       },
       "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/p-locate": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-5.0.0.tgz",
-      "integrity": "sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==",
+    "node_modules/side-channel-list": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/side-channel-list/-/side-channel-list-1.0.1.tgz",
+      "integrity": "sha512-mjn/0bi/oUURjc5Xl7IaWi/OJJJumuoJFQJfDDyO46+hBWsfaVM65TBHq2eoZBhzl9EchxOijpkbRC8SVBQU0w==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "p-limit": "^3.0.2"
+        "es-errors": "^1.3.0",
+        "object-inspect": "^1.13.4"
       },
       "engines": {
-        "node": ">=10"
+        "node": ">= 0.4"
       },
       "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/parent-module": {
+    "node_modules/side-channel-map": {
       "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==",
+      "resolved": "https://registry.npmjs.org/side-channel-map/-/side-channel-map-1.0.1.tgz",
+      "integrity": "sha512-VCjCNfgMsby3tTdo02nbjtM/ewra6jPHmpThenkTYh8pG9ucZ/1P8So4u4FGBek/BjpOVsDCMoLA/iuBKIFXRA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "callsites": "^3.0.0"
+        "call-bound": "^1.0.2",
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.5",
+        "object-inspect": "^1.13.3"
       },
       "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/parse-entities": {
-      "version": "4.0.2",
-      "resolved": "https://registry.npmjs.org/parse-entities/-/parse-entities-4.0.2.tgz",
-      "integrity": "sha512-GG2AQYWoLgL877gQIKeRPGO1xF9+eG1ujIb5soS5gPvLQ1y2o8FL90w2QWNdf9I361Mpp7726c+lj3U0qK1uGw==",
-      "license": "MIT",
-      "dependencies": {
-        "@types/unist": "^2.0.0",
-        "character-entities-legacy": "^3.0.0",
-        "character-reference-invalid": "^2.0.0",
-        "decode-named-character-reference": "^1.0.0",
-        "is-alphanumerical": "^2.0.0",
-        "is-decimal": "^2.0.0",
-        "is-hexadecimal": "^2.0.0"
+        "node": ">= 0.4"
       },
       "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/wooorm"
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/parse-entities/node_modules/@types/unist": {
-      "version": "2.0.11",
-      "resolved": "https://registry.npmjs.org/@types/unist/-/unist-2.0.11.tgz",
-      "integrity": "sha512-CmBKiL6NNo/OqgmMn95Fk9Whlp2mtvIv+KNpQKN2F4SjvrEesubTRWGYSg+BnWZOnlCaSTU1sMpsBOzgbYhnsA==",
-      "license": "MIT"
-    },
-    "node_modules/parse5": {
-      "version": "7.3.0",
-      "resolved": "https://registry.npmjs.org/parse5/-/parse5-7.3.0.tgz",
-      "integrity": "sha512-IInvU7fabl34qmi9gY8XOVxhYyMyuH2xUNpb2q8/Y+7552KlejkRvqvD19nMoUW/uQGGbqNpA6Tufu5FL5BZgw==",
+    "node_modules/side-channel-weakmap": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/side-channel-weakmap/-/side-channel-weakmap-1.0.2.tgz",
+      "integrity": "sha512-WPS/HvHQTYnHisLo9McqBHOJk2FkHO/tlpvldyrnem4aeQp4hai3gythswg6p01oSoTl58rcpiFAjF2br2Ak2A==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "entities": "^6.0.0"
+        "call-bound": "^1.0.2",
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.5",
+        "object-inspect": "^1.13.3",
+        "side-channel-map": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
       },
       "funding": {
-        "url": "https://github.com/inikulin/parse5?sponsor=1"
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/path-exists": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
-      "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==",
+    "node_modules/signal-exit": {
+      "version": "3.0.7",
+      "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.7.tgz",
+      "integrity": "sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==",
       "dev": true,
-      "license": "MIT",
+      "license": "ISC"
+    },
+    "node_modules/source-map": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+      "dev": true,
+      "license": "BSD-3-Clause",
       "engines": {
-        "node": ">=8"
+        "node": ">=0.10.0"
       }
     },
-    "node_modules/path-key": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
-      "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
+    "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==",
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/source-map-support": {
+      "version": "0.5.21",
+      "resolved": "https://registry.npmjs.org/source-map-support/-/source-map-support-0.5.21.tgz",
+      "integrity": "sha512-uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w==",
       "dev": true,
       "license": "MIT",
-      "engines": {
-        "node": ">=8"
+      "dependencies": {
+        "buffer-from": "^1.0.0",
+        "source-map": "^0.6.0"
       }
     },
-    "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==",
+    "node_modules/space-separated-tokens": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/space-separated-tokens/-/space-separated-tokens-2.0.2.tgz",
+      "integrity": "sha512-PEGlAwrG8yXGXRjW32fGbg66JAlOAwbObuqVoJpv/mRgoWDQfgH1wDPvtzWyUSNAXBGSk8h755YDbbcEy3SH2Q==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/stable-hash": {
+      "version": "0.0.5",
+      "resolved": "https://registry.npmjs.org/stable-hash/-/stable-hash-0.0.5.tgz",
+      "integrity": "sha512-+L3ccpzibovGXFK+Ap/f8LOS0ahMrHTf3xu7mMLSpEGU0EO9ucaysSylKo9eRDFNhWve/y275iPmIZ4z39a9iA==",
       "dev": true,
       "license": "MIT"
     },
-    "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/picomatch": {
-      "version": "2.3.2",
-      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.2.tgz",
-      "integrity": "sha512-V7+vQEJ06Z+c5tSye8S+nHUfI51xoXIXjHQ99cQtKUkQqqO1kO/KCJUfZXuB47h/YBlDhah2H3hdUGXn8ie0oA==",
+    "node_modules/statuses": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/statuses/-/statuses-2.0.2.tgz",
+      "integrity": "sha512-DvEy55V3DB7uknRo+4iOGT5fP1slR8wQohVdknigZPMpMstaKJQWhwiYBACJE3Ul2pTnATihhBYnRhZQHGBiRw==",
       "dev": true,
       "license": "MIT",
       "engines": {
-        "node": ">=8.6"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/jonschlinkert"
+        "node": ">= 0.8"
       }
     },
-    "node_modules/possible-typed-array-names": {
+    "node_modules/stop-iteration-iterator": {
       "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/possible-typed-array-names/-/possible-typed-array-names-1.1.0.tgz",
-      "integrity": "sha512-/+5VFTchJDoVj3bhoqi6UeymcD00DAwb1nJwamzPvHEszJ4FpF6SNNbUbOS8yI56qHzdV8eK0qEfOSiodkTdxg==",
+      "resolved": "https://registry.npmjs.org/stop-iteration-iterator/-/stop-iteration-iterator-1.1.0.tgz",
+      "integrity": "sha512-eLoXW/DHyl62zxY4SCaIgnRhuMr6ri4juEYARS8E6sCEqzKpOiE521Ucofdx+KnDZl5xmvGYaaKCk5FEOxJCoQ==",
       "dev": true,
       "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "internal-slot": "^1.1.0"
+      },
       "engines": {
         "node": ">= 0.4"
       }
     },
-    "node_modules/postcss": {
-      "version": "8.4.31",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.31.tgz",
-      "integrity": "sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ==",
-      "funding": [
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/postcss/"
-        },
-        {
-          "type": "tidelift",
-          "url": "https://tidelift.com/funding/github/npm/postcss"
-        },
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/ai"
-        }
-      ],
+    "node_modules/string-width": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-7.2.0.tgz",
+      "integrity": "sha512-tsaTIkKW9b4N+AEj+SVA+WhJzV7/zMhcSu78mLKWSk7cXMOSHsBKFWUs0fWwq8QyK3MgJBQRX6Gbi4kYbdvGkQ==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "nanoid": "^3.3.6",
-        "picocolors": "^1.0.0",
-        "source-map-js": "^1.0.2"
+        "emoji-regex": "^10.3.0",
+        "get-east-asian-width": "^1.0.0",
+        "strip-ansi": "^7.1.0"
       },
       "engines": {
-        "node": "^10 || ^12 || >=14"
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/prelude-ls": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz",
-      "integrity": "sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==",
+    "node_modules/string-width/node_modules/ansi-regex": {
+      "version": "6.2.2",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.2.2.tgz",
+      "integrity": "sha512-Bq3SmSpyFHaWjPk8If9yc6svM8c56dB5BAtW4Qbw5jHTwwXXcTLoRMkpDJp6VL0XzlWaCHTXrkFURMYmD0sLqg==",
       "dev": true,
       "license": "MIT",
       "engines": {
-        "node": ">= 0.8.0"
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-regex?sponsor=1"
       }
     },
-    "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==",
+    "node_modules/string-width/node_modules/emoji-regex": {
+      "version": "10.6.0",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-10.6.0.tgz",
+      "integrity": "sha512-toUI84YS5YmxW219erniWD0CIVOo46xGKColeNQRgOzDorgBi1v4D71/OFzgD9GO2UGKIv1C3Sp8DAn0+j5w7A==",
       "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "loose-envify": "^1.4.0",
-        "object-assign": "^4.1.1",
-        "react-is": "^16.13.1"
-      }
-    },
-    "node_modules/property-information": {
-      "version": "7.1.0",
-      "resolved": "https://registry.npmjs.org/property-information/-/property-information-7.1.0.tgz",
-      "integrity": "sha512-TwEZ+X+yCJmYfL7TPUOcvBZ4QfoT5YenQiJuX//0th53DE6w0xxLEtfK3iyryQFddXuvkIk51EEgrJQ0WJkOmQ==",
-      "license": "MIT",
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/wooorm"
-      }
+      "license": "MIT"
     },
-    "node_modules/punycode": {
-      "version": "2.3.1",
-      "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz",
-      "integrity": "sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==",
+    "node_modules/string-width/node_modules/strip-ansi": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.2.0.tgz",
+      "integrity": "sha512-yDPMNjp4WyfYBkHnjIRLfca1i6KMyGCtsVgoKe/z1+6vukgaENdgGBZt+ZmKPc4gavvEZ5OgHfHdrazhgNyG7w==",
       "dev": true,
       "license": "MIT",
+      "dependencies": {
+        "ansi-regex": "^6.2.2"
+      },
       "engines": {
-        "node": ">=6"
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/strip-ansi?sponsor=1"
       }
     },
-    "node_modules/queue-microtask": {
-      "version": "1.2.3",
-      "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
-      "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==",
+    "node_modules/string.prototype.includes": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/string.prototype.includes/-/string.prototype.includes-2.0.1.tgz",
+      "integrity": "sha512-o7+c9bW6zpAdJHTtujeePODAhkuicdAryFsfVKwA+wGw89wJ4GTY484WTucM9hLtDEOpOvI+aHnzqnC5lHp4Rg==",
       "dev": true,
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/feross"
-        },
-        {
-          "type": "patreon",
-          "url": "https://www.patreon.com/feross"
-        },
-        {
-          "type": "consulting",
-          "url": "https://feross.org/support"
-        }
-      ],
-      "license": "MIT"
-    },
-    "node_modules/react": {
-      "version": "19.2.3",
-      "resolved": "https://registry.npmjs.org/react/-/react-19.2.3.tgz",
-      "integrity": "sha512-Ku/hhYbVjOQnXDZFv2+RibmLFGwFdeeKHFcOTlrt7xplBnya5OGn/hIRDsqDiSUcfORsDC7MPxwork8jBwsIWA==",
       "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.3"
+      },
       "engines": {
-        "node": ">=0.10.0"
+        "node": ">= 0.4"
       }
     },
-    "node_modules/react-dom": {
-      "version": "19.2.3",
-      "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-19.2.3.tgz",
-      "integrity": "sha512-yELu4WmLPw5Mr/lmeEpox5rw3RETacE++JgHqQzd2dg+YbJuat3jH4ingc+WPZhxaoFzdv9y33G+F7Nl5O0GBg==",
+    "node_modules/string.prototype.matchall": {
+      "version": "4.0.12",
+      "resolved": "https://registry.npmjs.org/string.prototype.matchall/-/string.prototype.matchall-4.0.12.tgz",
+      "integrity": "sha512-6CC9uyBL+/48dYizRf7H7VAYCMCNTBeM78x/VTUe9bFEaxBepPJDa1Ow99LqI/1yF7kuy7Q3cQsYMrcjGUcskA==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "scheduler": "^0.27.0"
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.3",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.6",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.0.0",
+        "get-intrinsic": "^1.2.6",
+        "gopd": "^1.2.0",
+        "has-symbols": "^1.1.0",
+        "internal-slot": "^1.1.0",
+        "regexp.prototype.flags": "^1.5.3",
+        "set-function-name": "^2.0.2",
+        "side-channel": "^1.1.0"
       },
-      "peerDependencies": {
-        "react": "^19.2.3"
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "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==",
+    "node_modules/string.prototype.repeat": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/string.prototype.repeat/-/string.prototype.repeat-1.0.0.tgz",
+      "integrity": "sha512-0u/TldDbKD8bFCQ/4f5+mNRrXwZ8hg2w7ZR8wa16e8z9XpePWl3eGEcUD0OXpEH/VJH/2G3gjUtR3ZOiBe2S/w==",
       "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/react-markdown": {
-      "version": "10.1.0",
-      "resolved": "https://registry.npmjs.org/react-markdown/-/react-markdown-10.1.0.tgz",
-      "integrity": "sha512-qKxVopLT/TyA6BX3Ue5NwabOsAzm0Q7kAPwq6L+wWDwisYs7R8vZ0nRXqq6rkueboxpkjvLGU9fWifiX/ZZFxQ==",
       "license": "MIT",
       "dependencies": {
-        "@types/hast": "^3.0.0",
-        "@types/mdast": "^4.0.0",
-        "devlop": "^1.0.0",
-        "hast-util-to-jsx-runtime": "^2.0.0",
-        "html-url-attributes": "^3.0.0",
-        "mdast-util-to-hast": "^13.0.0",
-        "remark-parse": "^11.0.0",
-        "remark-rehype": "^11.0.0",
-        "unified": "^11.0.0",
-        "unist-util-visit": "^5.0.0",
-        "vfile": "^6.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/unified"
-      },
-      "peerDependencies": {
-        "@types/react": ">=18",
-        "react": ">=18"
+        "define-properties": "^1.1.3",
+        "es-abstract": "^1.17.5"
       }
     },
-    "node_modules/reflect.getprototypeof": {
-      "version": "1.0.10",
-      "resolved": "https://registry.npmjs.org/reflect.getprototypeof/-/reflect.getprototypeof-1.0.10.tgz",
-      "integrity": "sha512-00o4I+DVrefhv+nX0ulyi3biSHCPDe+yLv5o/p6d/UVlirijB8E16FtfwSAi4g3tcqrQ4lRAqQSoFEZJehYEcw==",
+    "node_modules/string.prototype.trim": {
+      "version": "1.2.10",
+      "resolved": "https://registry.npmjs.org/string.prototype.trim/-/string.prototype.trim-1.2.10.tgz",
+      "integrity": "sha512-Rs66F0P/1kedk5lyYyH9uBzuiI/kNRmwJAR9quK6VOtIpZ2G+hMZd+HQbbv25MgCA6gEffoMZYxlTod4WcdrKA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "call-bind": "^1.0.8",
+        "call-bound": "^1.0.2",
+        "define-data-property": "^1.1.4",
         "define-properties": "^1.2.1",
-        "es-abstract": "^1.23.9",
-        "es-errors": "^1.3.0",
+        "es-abstract": "^1.23.5",
         "es-object-atoms": "^1.0.0",
-        "get-intrinsic": "^1.2.7",
-        "get-proto": "^1.0.1",
-        "which-builtin-type": "^1.2.1"
+        "has-property-descriptors": "^1.0.2"
       },
       "engines": {
         "node": ">= 0.4"
@@ -6867,19 +12198,17 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/regexp.prototype.flags": {
-      "version": "1.5.4",
-      "resolved": "https://registry.npmjs.org/regexp.prototype.flags/-/regexp.prototype.flags-1.5.4.tgz",
-      "integrity": "sha512-dYqgNSZbDwkaJ2ceRd9ojCGjBq+mOm9LmtXnAnEGyHhN/5R7iDW2TRw3h+o/jCFxus3P2LfWIIiwowAjANm7IA==",
+    "node_modules/string.prototype.trimend": {
+      "version": "1.0.9",
+      "resolved": "https://registry.npmjs.org/string.prototype.trimend/-/string.prototype.trimend-1.0.9.tgz",
+      "integrity": "sha512-G7Ok5C6E/j4SGfyLCloXTrngQIQU3PWtXGst3yM7Bea9FRURf1S42ZHlZZtsNque2FN2PoUhfZXYLNWwEr4dLQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "call-bind": "^1.0.8",
+        "call-bound": "^1.0.2",
         "define-properties": "^1.2.1",
-        "es-errors": "^1.3.0",
-        "get-proto": "^1.0.1",
-        "gopd": "^1.2.0",
-        "set-function-name": "^2.0.2"
+        "es-object-atoms": "^1.0.0"
       },
       "engines": {
         "node": ">= 0.4"
@@ -6888,401 +12217,395 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/rehype-katex": {
-      "version": "7.0.1",
-      "resolved": "https://registry.npmjs.org/rehype-katex/-/rehype-katex-7.0.1.tgz",
-      "integrity": "sha512-OiM2wrZ/wuhKkigASodFoo8wimG3H12LWQaH8qSPVJn9apWKFSH3YOCtbKpBorTVw/eI7cuT21XBbvwEswbIOA==",
+    "node_modules/string.prototype.trimstart": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/string.prototype.trimstart/-/string.prototype.trimstart-1.0.8.tgz",
+      "integrity": "sha512-UXSH262CSZY1tfu3G3Secr6uGLCFVPMhIqHjlgCUtCCcgihYc/xKs9djMTMUOb2j1mVSeU8EU6NWc/iQKU6Gfg==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@types/hast": "^3.0.0",
-        "@types/katex": "^0.16.0",
-        "hast-util-from-html-isomorphic": "^2.0.0",
-        "hast-util-to-text": "^4.0.0",
-        "katex": "^0.16.0",
-        "unist-util-visit-parents": "^6.0.0",
-        "vfile": "^6.0.0"
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
       },
       "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/unified"
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/remark-math": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/remark-math/-/remark-math-6.0.0.tgz",
-      "integrity": "sha512-MMqgnP74Igy+S3WwnhQ7kqGlEerTETXMvJhrUzDikVZ2/uogJCb+WHUg97hK9/jcfc0dkD73s3LN8zU49cTEtA==",
+    "node_modules/stringify-entities": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/stringify-entities/-/stringify-entities-4.0.4.tgz",
+      "integrity": "sha512-IwfBptatlO+QCJUo19AqvrPNqlVMpW9YEL2LIVY+Rpv2qsjCGxaDLNRgeGsQWJhfItebuJhsGSLjaBbNSQ+ieg==",
       "license": "MIT",
       "dependencies": {
-        "@types/mdast": "^4.0.0",
-        "mdast-util-math": "^3.0.0",
-        "micromark-extension-math": "^3.0.0",
-        "unified": "^11.0.0"
+        "character-entities-html4": "^2.0.0",
+        "character-entities-legacy": "^3.0.0"
       },
       "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/unified"
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
       }
     },
-    "node_modules/remark-parse": {
-      "version": "11.0.0",
-      "resolved": "https://registry.npmjs.org/remark-parse/-/remark-parse-11.0.0.tgz",
-      "integrity": "sha512-FCxlKLNGknS5ba/1lmpYijMUzX2esxW5xQqjWxw2eHFfS2MSdaHVINFmhjo+qN1WhZhNimq0dZATN9pH0IDrpA==",
+    "node_modules/strip-ansi": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@types/mdast": "^4.0.0",
-        "mdast-util-from-markdown": "^2.0.0",
-        "micromark-util-types": "^2.0.0",
-        "unified": "^11.0.0"
+        "ansi-regex": "^5.0.1"
       },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/unified"
+      "engines": {
+        "node": ">=8"
       }
     },
-    "node_modules/remark-rehype": {
-      "version": "11.1.2",
-      "resolved": "https://registry.npmjs.org/remark-rehype/-/remark-rehype-11.1.2.tgz",
-      "integrity": "sha512-Dh7l57ianaEoIpzbp0PC9UKAdCSVklD8E5Rpw7ETfbTl3FqcOOgq5q2LVDhgGCkaBv7p24JXikPdvhhmHvKMsw==",
+    "node_modules/strip-bom": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-3.0.0.tgz",
+      "integrity": "sha512-vavAMRXOgBVNF6nyEEmL3DBK19iRpDcoIwW+swQ+CbGiu7lju6t+JklA1MHweoWtadgt4ISVUsXLyDq34ddcwA==",
+      "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "@types/hast": "^3.0.0",
-        "@types/mdast": "^4.0.0",
-        "mdast-util-to-hast": "^13.0.0",
-        "unified": "^11.0.0",
-        "vfile": "^6.0.0"
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/strip-final-newline": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/strip-final-newline/-/strip-final-newline-2.0.0.tgz",
+      "integrity": "sha512-BrpvfNAE3dcvq7ll3xVumzjKjZQ5tI1sEUIKr3Uoks0XUl45St3FlatVqef9prk4jRDzhW6WZg+3bk93y6pLjA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/strip-json-comments": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz",
+      "integrity": "sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
       },
       "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/unified"
+        "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/resolve": {
-      "version": "2.0.0-next.6",
-      "resolved": "https://registry.npmjs.org/resolve/-/resolve-2.0.0-next.6.tgz",
-      "integrity": "sha512-3JmVl5hMGtJ3kMmB3zi3DL25KfkCEyy3Tw7Gmw7z5w8M9WlwoPFnIvwChzu1+cF3iaK3sp18hhPz8ANeimdJfA==",
+    "node_modules/strnum": {
+      "version": "2.2.3",
+      "resolved": "https://registry.npmjs.org/strnum/-/strnum-2.2.3.tgz",
+      "integrity": "sha512-oKx6RUCuHfT3oyVjtnrmn19H1SiCqgJSg+54XqURKp5aCMbrXrhLjRN9TjuwMjiYstZ0MzDrHqkGZ5dFTKd+zg==",
       "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/NaturalIntelligence"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/style-to-js": {
+      "version": "1.1.21",
+      "resolved": "https://registry.npmjs.org/style-to-js/-/style-to-js-1.1.21.tgz",
+      "integrity": "sha512-RjQetxJrrUJLQPHbLku6U/ocGtzyjbJMP9lCNK7Ag0CNh690nSH8woqWH9u16nMjYBAok+i7JO1NP2pOy8IsPQ==",
       "license": "MIT",
       "dependencies": {
-        "es-errors": "^1.3.0",
-        "is-core-module": "^2.16.1",
-        "node-exports-info": "^1.6.0",
-        "object-keys": "^1.1.1",
-        "path-parse": "^1.0.7",
-        "supports-preserve-symlinks-flag": "^1.0.0"
-      },
-      "bin": {
-        "resolve": "bin/resolve"
+        "style-to-object": "1.0.14"
+      }
+    },
+    "node_modules/style-to-object": {
+      "version": "1.0.14",
+      "resolved": "https://registry.npmjs.org/style-to-object/-/style-to-object-1.0.14.tgz",
+      "integrity": "sha512-LIN7rULI0jBscWQYaSswptyderlarFkjQ+t79nzty8tcIAceVomEVlLzH5VP4Cmsv6MtKhs7qaAiwlcp+Mgaxw==",
+      "license": "MIT",
+      "dependencies": {
+        "inline-style-parser": "0.2.7"
+      }
+    },
+    "node_modules/styled-jsx": {
+      "version": "5.1.6",
+      "resolved": "https://registry.npmjs.org/styled-jsx/-/styled-jsx-5.1.6.tgz",
+      "integrity": "sha512-qSVyDTeMotdvQYoHWLNGwRFJHC+i+ZvdBRYosOFgC+Wg1vx4frN2/RG/NA7SYqqvKNLf39P2LSRA2pu6n0XYZA==",
+      "license": "MIT",
+      "dependencies": {
+        "client-only": "0.0.1"
       },
       "engines": {
-        "node": ">= 0.4"
+        "node": ">= 12.0.0"
       },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
+      "peerDependencies": {
+        "react": ">= 16.8.0 || 17.x.x || ^18.0.0-0 || ^19.0.0-0"
+      },
+      "peerDependenciesMeta": {
+        "@babel/core": {
+          "optional": true
+        },
+        "babel-plugin-macros": {
+          "optional": true
+        }
       }
     },
-    "node_modules/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==",
+    "node_modules/supports-color": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
       "dev": true,
       "license": "MIT",
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
       "engines": {
-        "node": ">=4"
+        "node": ">=8"
       }
     },
-    "node_modules/resolve-pkg-maps": {
+    "node_modules/supports-preserve-symlinks-flag": {
       "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/resolve-pkg-maps/-/resolve-pkg-maps-1.0.0.tgz",
-      "integrity": "sha512-seS2Tj26TBVOC2NIc2rOe2y2ZO7efxITtLZcGSOnHHNOQ7CkiUBfw0Iw2ck6xkIhPwLhKNLS8BO+hEpngQlqzw==",
+      "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz",
+      "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==",
       "dev": true,
       "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
       "funding": {
-        "url": "https://github.com/privatenumber/resolve-pkg-maps?sponsor=1"
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/reusify": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.1.0.tgz",
-      "integrity": "sha512-g6QUff04oZpHs0eG5p83rFLhHeV00ug/Yf9nZM6fLeUrPguBTkTQOdpAWWspMh55TZfVQDPaN3NQJfbVRAxdIw==",
+    "node_modules/terser": {
+      "version": "5.16.9",
+      "resolved": "https://registry.npmjs.org/terser/-/terser-5.16.9.tgz",
+      "integrity": "sha512-HPa/FdTB9XGI2H1/keLFZHxl6WNvAI4YalHGtDQTlMnJcoqSab1UwL4l1hGEhs6/GmLHBZIg/YgB++jcbzoOEg==",
       "dev": true,
-      "license": "MIT",
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "@jridgewell/source-map": "^0.3.2",
+        "acorn": "^8.5.0",
+        "commander": "^2.20.0",
+        "source-map-support": "~0.5.20"
+      },
+      "bin": {
+        "terser": "bin/terser"
+      },
       "engines": {
-        "iojs": ">=1.0.0",
-        "node": ">=0.10.0"
+        "node": ">=10"
       }
     },
-    "node_modules/robust-predicates": {
-      "version": "3.0.3",
-      "resolved": "https://registry.npmjs.org/robust-predicates/-/robust-predicates-3.0.3.tgz",
-      "integrity": "sha512-NS3levdsRIUOmiJ8FZWCP7LG3QpJyrs/TE0Zpf1yvZu8cAJJ6QMW92H1c7kWpdIHo8RvmLxN/o2JXTKHp74lUA==",
-      "license": "Unlicense"
-    },
-    "node_modules/run-parallel": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
-      "integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==",
+    "node_modules/terser/node_modules/commander": {
+      "version": "2.20.3",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz",
+      "integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==",
       "dev": true,
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/feross"
-        },
-        {
-          "type": "patreon",
-          "url": "https://www.patreon.com/feross"
-        },
-        {
-          "type": "consulting",
-          "url": "https://feross.org/support"
-        }
-      ],
-      "license": "MIT",
-      "dependencies": {
-        "queue-microtask": "^1.2.2"
-      }
-    },
-    "node_modules/rw": {
-      "version": "1.3.3",
-      "resolved": "https://registry.npmjs.org/rw/-/rw-1.3.3.tgz",
-      "integrity": "sha512-PdhdWy89SiZogBLaw42zdeqtRJ//zFd2PgQavcICDUgJT5oW10QCRKbJ6bg4r0/UY2M6BWd5tkxuGFRvCkgfHQ==",
-      "license": "BSD-3-Clause"
+      "license": "MIT"
     },
-    "node_modules/safe-array-concat": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/safe-array-concat/-/safe-array-concat-1.1.3.tgz",
-      "integrity": "sha512-AURm5f0jYEOydBj7VQlVvDrjeFgthDdEF5H1dP+6mNpoXOMo1quQqJ4wvJDyRZ9+pO3kGWoOdmV08cSv2aJV6Q==",
+    "node_modules/tinyglobby": {
+      "version": "0.2.16",
+      "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.16.tgz",
+      "integrity": "sha512-pn99VhoACYR8nFHhxqix+uvsbXineAasWm5ojXoN8xEwK5Kd3/TrhNn1wByuD52UxWRLy8pu+kRMniEi6Eq9Zg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "call-bind": "^1.0.8",
-        "call-bound": "^1.0.2",
-        "get-intrinsic": "^1.2.6",
-        "has-symbols": "^1.1.0",
-        "isarray": "^2.0.5"
+        "fdir": "^6.5.0",
+        "picomatch": "^4.0.4"
       },
       "engines": {
-        "node": ">=0.4"
+        "node": ">=12.0.0"
       },
       "funding": {
-        "url": "https://github.com/sponsors/ljharb"
+        "url": "https://github.com/sponsors/SuperchupuDev"
       }
     },
-    "node_modules/safe-push-apply": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/safe-push-apply/-/safe-push-apply-1.0.0.tgz",
-      "integrity": "sha512-iKE9w/Z7xCzUMIZqdBsp6pEQvwuEebH4vdpjcDWnyzaI6yl6O9FHvVpmGelvEHNsoY6wGblkxR6Zty/h00WiSA==",
+    "node_modules/tinyglobby/node_modules/fdir": {
+      "version": "6.5.0",
+      "resolved": "https://registry.npmjs.org/fdir/-/fdir-6.5.0.tgz",
+      "integrity": "sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==",
       "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "es-errors": "^1.3.0",
-        "isarray": "^2.0.5"
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "peerDependencies": {
+        "picomatch": "^3 || ^4"
       },
+      "peerDependenciesMeta": {
+        "picomatch": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/tinyglobby/node_modules/picomatch": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.4.tgz",
+      "integrity": "sha512-QP88BAKvMam/3NxH6vj2o21R6MjxZUAd6nlwAS/pnGvN9IVLocLHxGYIzFhg6fUQ+5th6P4dv4eW9jX3DSIj7A==",
+      "dev": true,
+      "license": "MIT",
       "engines": {
-        "node": ">= 0.4"
+        "node": ">=12"
       },
       "funding": {
-        "url": "https://github.com/sponsors/ljharb"
+        "url": "https://github.com/sponsors/jonschlinkert"
       }
     },
-    "node_modules/safe-regex-test": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/safe-regex-test/-/safe-regex-test-1.1.0.tgz",
-      "integrity": "sha512-x/+Cz4YrimQxQccJf5mKEbIa1NzeCRNI5Ecl/ekmlYaampdNLPalVyIcCZNNH3MvmqBugV5TMYZXv0ljslUlaw==",
+    "node_modules/to-regex-range": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
+      "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "call-bound": "^1.0.2",
-        "es-errors": "^1.3.0",
-        "is-regex": "^1.2.1"
+        "is-number": "^7.0.0"
       },
       "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
+        "node": ">=8.0"
       }
     },
-    "node_modules/safer-buffer": {
-      "version": "2.1.2",
-      "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
-      "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==",
-      "license": "MIT"
+    "node_modules/toidentifier": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/toidentifier/-/toidentifier-1.0.1.tgz",
+      "integrity": "sha512-o5sSPKEkg/DIQNmH43V0/uerLrpzVedkUh8tGNvaeXpfpuwjKenlSox/2O/BTlZUtEe+JG7s5YhEz608PlAHRA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.6"
+      }
     },
-    "node_modules/scheduler": {
-      "version": "0.27.0",
-      "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.27.0.tgz",
-      "integrity": "sha512-eNv+WrVbKu1f3vbYJT/xtiF5syA5HPIMtf9IgY/nKg0sWqzAUEvqY/xm7OcZc/qafLx/iO9FgOmeSAp4v5ti/Q==",
+    "node_modules/tr46": {
+      "version": "0.0.3",
+      "resolved": "https://registry.npmjs.org/tr46/-/tr46-0.0.3.tgz",
+      "integrity": "sha512-N3WMsuqV66lT30CrXNbEjx4GEwlow3v6rr4mCcv6prnfwhS01rkgyFdjPNBYd9br7LpXV1+Emh01fHnq2Gdgrw==",
+      "dev": true,
       "license": "MIT"
     },
-    "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/trim-lines": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/trim-lines/-/trim-lines-3.0.1.tgz",
+      "integrity": "sha512-kRj8B+YHZCc9kQYdWfJB2/oUl9rA99qbowYYBtr4ui4mZyAQ2JpvVBd/6U2YloATfqBhBTSMhTpgBHtU0Mf3Rg==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
       }
     },
-    "node_modules/set-function-length": {
-      "version": "1.2.2",
-      "resolved": "https://registry.npmjs.org/set-function-length/-/set-function-length-1.2.2.tgz",
-      "integrity": "sha512-pgRc4hJ4/sNjWCSS9AmnS40x3bNMDTknHgL5UaMBTMyJnU90EgWh1Rz+MC9eFu4BuN/UwZjKQuY/1v3rM7HMfg==",
-      "dev": true,
+    "node_modules/trough": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/trough/-/trough-2.2.0.tgz",
+      "integrity": "sha512-tmMpK00BjZiUyVyvrBK7knerNgmgvcV/KLVyuma/SC+TQN167GrMRciANTz09+k3zW8L8t60jWO1GpfkZdjTaw==",
       "license": "MIT",
-      "dependencies": {
-        "define-data-property": "^1.1.4",
-        "es-errors": "^1.3.0",
-        "function-bind": "^1.1.2",
-        "get-intrinsic": "^1.2.4",
-        "gopd": "^1.0.1",
-        "has-property-descriptors": "^1.0.2"
-      },
-      "engines": {
-        "node": ">= 0.4"
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
       }
     },
-    "node_modules/set-function-name": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/set-function-name/-/set-function-name-2.0.2.tgz",
-      "integrity": "sha512-7PGFlmtwsEADb0WYyvCMa1t+yke6daIG4Wirafur5kcf+MhUnPms1UeR0CKQdTZD81yESwMHbtn+TR+dMviakQ==",
+    "node_modules/ts-api-utils": {
+      "version": "2.5.0",
+      "resolved": "https://registry.npmjs.org/ts-api-utils/-/ts-api-utils-2.5.0.tgz",
+      "integrity": "sha512-OJ/ibxhPlqrMM0UiNHJ/0CKQkoKF243/AEmplt3qpRgkW8VG7IfOS41h7V8TjITqdByHzrjcS/2si+y4lIh8NA==",
       "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "define-data-property": "^1.1.4",
-        "es-errors": "^1.3.0",
-        "functions-have-names": "^1.2.3",
-        "has-property-descriptors": "^1.0.2"
-      },
       "engines": {
-        "node": ">= 0.4"
+        "node": ">=18.12"
+      },
+      "peerDependencies": {
+        "typescript": ">=4.8.4"
       }
     },
-    "node_modules/set-proto": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/set-proto/-/set-proto-1.0.0.tgz",
-      "integrity": "sha512-RJRdvCo6IAnPdsvP/7m6bsQqNnn1FCBX5ZNtFL98MmFF/4xAIJTIg1YbHW5DC2W5SKZanrC6i4HsJqlajw/dZw==",
+    "node_modules/ts-tqdm": {
+      "version": "0.8.6",
+      "resolved": "https://registry.npmjs.org/ts-tqdm/-/ts-tqdm-0.8.6.tgz",
+      "integrity": "sha512-3X3M1PZcHtgQbnwizL+xU8CAgbYbeLHrrDwL9xxcZZrV5J+e7loJm1XrXozHjSkl44J0Zg0SgA8rXbh83kCkcQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/tsconfig-paths": {
+      "version": "3.15.0",
+      "resolved": "https://registry.npmjs.org/tsconfig-paths/-/tsconfig-paths-3.15.0.tgz",
+      "integrity": "sha512-2Ac2RgzDe/cn48GvOe3M+o82pEFewD3UPbyoUHHdKasHwJKjds4fLXWf/Ux5kATBKN20oaFGu+jbElp1pos0mg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "dunder-proto": "^1.0.1",
-        "es-errors": "^1.3.0",
-        "es-object-atoms": "^1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
+        "@types/json5": "^0.0.29",
+        "json5": "^1.0.2",
+        "minimist": "^1.2.6",
+        "strip-bom": "^3.0.0"
       }
     },
-    "node_modules/sharp": {
-      "version": "0.34.5",
-      "resolved": "https://registry.npmjs.org/sharp/-/sharp-0.34.5.tgz",
-      "integrity": "sha512-Ou9I5Ft9WNcCbXrU9cMgPBcCK8LiwLqcbywW3t4oDV37n1pzpuNLsYiAV8eODnjbtQlSDwZ2cUEeQz4E54Hltg==",
-      "hasInstallScript": true,
-      "license": "Apache-2.0",
-      "optional": true,
+    "node_modules/tsconfig-paths/node_modules/json5": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/json5/-/json5-1.0.2.tgz",
+      "integrity": "sha512-g1MWMLBiz8FKi1e4w0UyVL3w+iJceWAFBAaBnnGKOpNa5f8TLktkbre1+s6oICydWAm+HRUGTmI+//xv2hvXYA==",
+      "dev": true,
+      "license": "MIT",
       "dependencies": {
-        "@img/colour": "^1.0.0",
-        "detect-libc": "^2.1.2",
-        "semver": "^7.7.3"
-      },
-      "engines": {
-        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/libvips"
+        "minimist": "^1.2.0"
       },
-      "optionalDependencies": {
-        "@img/sharp-darwin-arm64": "0.34.5",
-        "@img/sharp-darwin-x64": "0.34.5",
-        "@img/sharp-libvips-darwin-arm64": "1.2.4",
-        "@img/sharp-libvips-darwin-x64": "1.2.4",
-        "@img/sharp-libvips-linux-arm": "1.2.4",
-        "@img/sharp-libvips-linux-arm64": "1.2.4",
-        "@img/sharp-libvips-linux-ppc64": "1.2.4",
-        "@img/sharp-libvips-linux-riscv64": "1.2.4",
-        "@img/sharp-libvips-linux-s390x": "1.2.4",
-        "@img/sharp-libvips-linux-x64": "1.2.4",
-        "@img/sharp-libvips-linuxmusl-arm64": "1.2.4",
-        "@img/sharp-libvips-linuxmusl-x64": "1.2.4",
-        "@img/sharp-linux-arm": "0.34.5",
-        "@img/sharp-linux-arm64": "0.34.5",
-        "@img/sharp-linux-ppc64": "0.34.5",
-        "@img/sharp-linux-riscv64": "0.34.5",
-        "@img/sharp-linux-s390x": "0.34.5",
-        "@img/sharp-linux-x64": "0.34.5",
-        "@img/sharp-linuxmusl-arm64": "0.34.5",
-        "@img/sharp-linuxmusl-x64": "0.34.5",
-        "@img/sharp-wasm32": "0.34.5",
-        "@img/sharp-win32-arm64": "0.34.5",
-        "@img/sharp-win32-ia32": "0.34.5",
-        "@img/sharp-win32-x64": "0.34.5"
-      }
-    },
-    "node_modules/sharp/node_modules/semver": {
-      "version": "7.7.4",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.4.tgz",
-      "integrity": "sha512-vFKC2IEtQnVhpT78h1Yp8wzwrf8CM+MzKMHGJZfBtzhZNycRFnXsHk6E5TxIkkMsgNS7mdX3AGB7x2QM2di4lA==",
-      "license": "ISC",
-      "optional": true,
       "bin": {
-        "semver": "bin/semver.js"
-      },
-      "engines": {
-        "node": ">=10"
+        "json5": "lib/cli.js"
       }
     },
-    "node_modules/shebang-command": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
-      "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
+    "node_modules/tslib": {
+      "version": "2.8.1",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
+      "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==",
+      "license": "0BSD"
+    },
+    "node_modules/type-check": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz",
+      "integrity": "sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "shebang-regex": "^3.0.0"
+        "prelude-ls": "^1.2.1"
       },
       "engines": {
-        "node": ">=8"
+        "node": ">= 0.8.0"
       }
     },
-    "node_modules/shebang-regex": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
-      "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
+    "node_modules/type-is": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/type-is/-/type-is-2.0.1.tgz",
+      "integrity": "sha512-OZs6gsjF4vMp32qrCbiVSkrFmXtG/AZhY3t0iAMrMBiAZyV9oALtXO8hsrHbMXF9x6L3grlFuwW2oAz7cav+Gw==",
       "dev": true,
       "license": "MIT",
+      "dependencies": {
+        "content-type": "^1.0.5",
+        "media-typer": "^1.1.0",
+        "mime-types": "^3.0.0"
+      },
       "engines": {
-        "node": ">=8"
+        "node": ">= 0.6"
       }
     },
-    "node_modules/side-channel": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.1.0.tgz",
-      "integrity": "sha512-ZX99e6tRweoUXqR+VBrslhda51Nh5MTQwou5tnUDgbtyM0dBgmhEDtWGP/xbKn6hqfPRHujUNwz5fy/wbbhnpw==",
+    "node_modules/typed-array-buffer": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/typed-array-buffer/-/typed-array-buffer-1.0.3.tgz",
+      "integrity": "sha512-nAYYwfY3qnzX30IkA6AQZjVbtK6duGontcQm1WSG1MD94YLqK0515GNApXkoxKOWMusVssAHWLh9SeaoefYFGw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "es-errors": "^1.3.0",
-        "object-inspect": "^1.13.3",
-        "side-channel-list": "^1.0.0",
-        "side-channel-map": "^1.0.1",
-        "side-channel-weakmap": "^1.0.2"
+        "call-bound": "^1.0.3",
+        "es-errors": "^1.3.0",
+        "is-typed-array": "^1.1.14"
       },
       "engines": {
         "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/side-channel-list": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/side-channel-list/-/side-channel-list-1.0.1.tgz",
-      "integrity": "sha512-mjn/0bi/oUURjc5Xl7IaWi/OJJJumuoJFQJfDDyO46+hBWsfaVM65TBHq2eoZBhzl9EchxOijpkbRC8SVBQU0w==",
+    "node_modules/typed-array-byte-length": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/typed-array-byte-length/-/typed-array-byte-length-1.0.3.tgz",
+      "integrity": "sha512-BaXgOuIxz8n8pIq3e7Atg/7s+DpiYrxn4vdot3w9KbnBhcRQq6o3xemQdIfynqSeXeDrF32x+WvfzmOjPiY9lg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "es-errors": "^1.3.0",
-        "object-inspect": "^1.13.4"
+        "call-bind": "^1.0.8",
+        "for-each": "^0.3.3",
+        "gopd": "^1.2.0",
+        "has-proto": "^1.2.0",
+        "is-typed-array": "^1.1.14"
       },
       "engines": {
         "node": ">= 0.4"
@@ -7291,17 +12614,20 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/side-channel-map": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/side-channel-map/-/side-channel-map-1.0.1.tgz",
-      "integrity": "sha512-VCjCNfgMsby3tTdo02nbjtM/ewra6jPHmpThenkTYh8pG9ucZ/1P8So4u4FGBek/BjpOVsDCMoLA/iuBKIFXRA==",
+    "node_modules/typed-array-byte-offset": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/typed-array-byte-offset/-/typed-array-byte-offset-1.0.4.tgz",
+      "integrity": "sha512-bTlAFB/FBYMcuX81gbL4OcpH5PmlFHqlCCpAl8AlEzMz5k53oNDvN8p1PNOWLEmI2x4orp3raOFB51tv9X+MFQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "call-bound": "^1.0.2",
-        "es-errors": "^1.3.0",
-        "get-intrinsic": "^1.2.5",
-        "object-inspect": "^1.13.3"
+        "available-typed-arrays": "^1.0.7",
+        "call-bind": "^1.0.8",
+        "for-each": "^0.3.3",
+        "gopd": "^1.2.0",
+        "has-proto": "^1.2.0",
+        "is-typed-array": "^1.1.15",
+        "reflect.getprototypeof": "^1.0.9"
       },
       "engines": {
         "node": ">= 0.4"
@@ -7310,18 +12636,19 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/side-channel-weakmap": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/side-channel-weakmap/-/side-channel-weakmap-1.0.2.tgz",
-      "integrity": "sha512-WPS/HvHQTYnHisLo9McqBHOJk2FkHO/tlpvldyrnem4aeQp4hai3gythswg6p01oSoTl58rcpiFAjF2br2Ak2A==",
+    "node_modules/typed-array-length": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/typed-array-length/-/typed-array-length-1.0.7.tgz",
+      "integrity": "sha512-3KS2b+kL7fsuk/eJZ7EQdnEmQoaho/r6KUef7hxvltNA5DR8NAUM+8wJMbJyZ4G9/7i3v5zPBIMN5aybAh2/Jg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "call-bound": "^1.0.2",
-        "es-errors": "^1.3.0",
-        "get-intrinsic": "^1.2.5",
-        "object-inspect": "^1.13.3",
-        "side-channel-map": "^1.0.1"
+        "call-bind": "^1.0.7",
+        "for-each": "^0.3.3",
+        "gopd": "^1.0.1",
+        "is-typed-array": "^1.1.13",
+        "possible-typed-array-names": "^1.0.0",
+        "reflect.getprototypeof": "^1.0.6"
       },
       "engines": {
         "node": ">= 0.4"
@@ -7330,81 +12657,55 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "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==",
-      "license": "BSD-3-Clause",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/space-separated-tokens": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/space-separated-tokens/-/space-separated-tokens-2.0.2.tgz",
-      "integrity": "sha512-PEGlAwrG8yXGXRjW32fGbg66JAlOAwbObuqVoJpv/mRgoWDQfgH1wDPvtzWyUSNAXBGSk8h755YDbbcEy3SH2Q==",
-      "license": "MIT",
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/wooorm"
-      }
-    },
-    "node_modules/stable-hash": {
-      "version": "0.0.5",
-      "resolved": "https://registry.npmjs.org/stable-hash/-/stable-hash-0.0.5.tgz",
-      "integrity": "sha512-+L3ccpzibovGXFK+Ap/f8LOS0ahMrHTf3xu7mMLSpEGU0EO9ucaysSylKo9eRDFNhWve/y275iPmIZ4z39a9iA==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/stop-iteration-iterator": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/stop-iteration-iterator/-/stop-iteration-iterator-1.1.0.tgz",
-      "integrity": "sha512-eLoXW/DHyl62zxY4SCaIgnRhuMr6ri4juEYARS8E6sCEqzKpOiE521Ucofdx+KnDZl5xmvGYaaKCk5FEOxJCoQ==",
+    "node_modules/typescript": {
+      "version": "5.9.3",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.9.3.tgz",
+      "integrity": "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==",
       "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "es-errors": "^1.3.0",
-        "internal-slot": "^1.1.0"
+      "license": "Apache-2.0",
+      "bin": {
+        "tsc": "bin/tsc",
+        "tsserver": "bin/tsserver"
       },
       "engines": {
-        "node": ">= 0.4"
+        "node": ">=14.17"
       }
     },
-    "node_modules/string.prototype.includes": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/string.prototype.includes/-/string.prototype.includes-2.0.1.tgz",
-      "integrity": "sha512-o7+c9bW6zpAdJHTtujeePODAhkuicdAryFsfVKwA+wGw89wJ4GTY484WTucM9hLtDEOpOvI+aHnzqnC5lHp4Rg==",
+    "node_modules/typescript-eslint": {
+      "version": "8.58.2",
+      "resolved": "https://registry.npmjs.org/typescript-eslint/-/typescript-eslint-8.58.2.tgz",
+      "integrity": "sha512-V8iSng9mRbdZjl54VJ9NKr6ZB+dW0J3TzRXRGcSbLIej9jV86ZRtlYeTKDR/QLxXykocJ5icNzbsl2+5TzIvcQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "call-bind": "^1.0.7",
-        "define-properties": "^1.2.1",
-        "es-abstract": "^1.23.3"
+        "@typescript-eslint/eslint-plugin": "8.58.2",
+        "@typescript-eslint/parser": "8.58.2",
+        "@typescript-eslint/typescript-estree": "8.58.2",
+        "@typescript-eslint/utils": "8.58.2"
       },
       "engines": {
-        "node": ">= 0.4"
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^8.57.0 || ^9.0.0 || ^10.0.0",
+        "typescript": ">=4.8.4 <6.1.0"
       }
     },
-    "node_modules/string.prototype.matchall": {
-      "version": "4.0.12",
-      "resolved": "https://registry.npmjs.org/string.prototype.matchall/-/string.prototype.matchall-4.0.12.tgz",
-      "integrity": "sha512-6CC9uyBL+/48dYizRf7H7VAYCMCNTBeM78x/VTUe9bFEaxBepPJDa1Ow99LqI/1yF7kuy7Q3cQsYMrcjGUcskA==",
+    "node_modules/unbox-primitive": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/unbox-primitive/-/unbox-primitive-1.1.0.tgz",
+      "integrity": "sha512-nWJ91DjeOkej/TA8pXQ3myruKpKEYgqvpw9lz4OPHj/NWFNluYrjbz9j01CJ8yKQd2g4jFoOkINCTW2I5LEEyw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "call-bind": "^1.0.8",
         "call-bound": "^1.0.3",
-        "define-properties": "^1.2.1",
-        "es-abstract": "^1.23.6",
-        "es-errors": "^1.3.0",
-        "es-object-atoms": "^1.0.0",
-        "get-intrinsic": "^1.2.6",
-        "gopd": "^1.2.0",
+        "has-bigints": "^1.0.2",
         "has-symbols": "^1.1.0",
-        "internal-slot": "^1.1.0",
-        "regexp.prototype.flags": "^1.5.3",
-        "set-function-name": "^2.0.2",
-        "side-channel": "^1.1.0"
+        "which-boxed-primitive": "^1.1.1"
       },
       "engines": {
         "node": ">= 0.4"
@@ -7413,346 +12714,405 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/string.prototype.repeat": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/string.prototype.repeat/-/string.prototype.repeat-1.0.0.tgz",
-      "integrity": "sha512-0u/TldDbKD8bFCQ/4f5+mNRrXwZ8hg2w7ZR8wa16e8z9XpePWl3eGEcUD0OXpEH/VJH/2G3gjUtR3ZOiBe2S/w==",
+    "node_modules/undici": {
+      "version": "7.24.8",
+      "resolved": "https://registry.npmjs.org/undici/-/undici-7.24.8.tgz",
+      "integrity": "sha512-6KQ/+QxK49Z/p3HO6E5ZCZWNnCasyZLa5ExaVYyvPxUwKtbCPMKELJOqh7EqOle0t9cH/7d2TaaTRRa6Nhs4YQ==",
       "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "define-properties": "^1.1.3",
-        "es-abstract": "^1.17.5"
+      "engines": {
+        "node": ">=20.18.1"
       }
     },
-    "node_modules/string.prototype.trim": {
-      "version": "1.2.10",
-      "resolved": "https://registry.npmjs.org/string.prototype.trim/-/string.prototype.trim-1.2.10.tgz",
-      "integrity": "sha512-Rs66F0P/1kedk5lyYyH9uBzuiI/kNRmwJAR9quK6VOtIpZ2G+hMZd+HQbbv25MgCA6gEffoMZYxlTod4WcdrKA==",
+    "node_modules/undici-types": {
+      "version": "6.21.0",
+      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-6.21.0.tgz",
+      "integrity": "sha512-iwDZqg0QAGrg9Rav5H4n0M64c3mkR59cJ6wQp+7C4nI0gsmExaedaYLNO44eT4AtBBwjbTiGPMlt2Md0T9H9JQ==",
+      "license": "MIT"
+    },
+    "node_modules/unenv": {
+      "version": "2.0.0-rc.24",
+      "resolved": "https://registry.npmjs.org/unenv/-/unenv-2.0.0-rc.24.tgz",
+      "integrity": "sha512-i7qRCmY42zmCwnYlh9H2SvLEypEFGye5iRmEMKjcGi7zk9UquigRjFtTLz0TYqr0ZGLZhaMHl/foy1bZR+Cwlw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "call-bind": "^1.0.8",
-        "call-bound": "^1.0.2",
-        "define-data-property": "^1.1.4",
-        "define-properties": "^1.2.1",
-        "es-abstract": "^1.23.5",
-        "es-object-atoms": "^1.0.0",
-        "has-property-descriptors": "^1.0.2"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
+        "pathe": "^2.0.3"
       }
     },
-    "node_modules/string.prototype.trimend": {
-      "version": "1.0.9",
-      "resolved": "https://registry.npmjs.org/string.prototype.trimend/-/string.prototype.trimend-1.0.9.tgz",
-      "integrity": "sha512-G7Ok5C6E/j4SGfyLCloXTrngQIQU3PWtXGst3yM7Bea9FRURf1S42ZHlZZtsNque2FN2PoUhfZXYLNWwEr4dLQ==",
-      "dev": true,
+    "node_modules/unified": {
+      "version": "11.0.5",
+      "resolved": "https://registry.npmjs.org/unified/-/unified-11.0.5.tgz",
+      "integrity": "sha512-xKvGhPWw3k84Qjh8bI3ZeJjqnyadK+GEFtazSfZv/rKeTkTjOJho6mFqh2SM96iIcZokxiOpg78GazTSg8+KHA==",
       "license": "MIT",
       "dependencies": {
-        "call-bind": "^1.0.8",
-        "call-bound": "^1.0.2",
-        "define-properties": "^1.2.1",
-        "es-object-atoms": "^1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
+        "@types/unist": "^3.0.0",
+        "bail": "^2.0.0",
+        "devlop": "^1.0.0",
+        "extend": "^3.0.0",
+        "is-plain-obj": "^4.0.0",
+        "trough": "^2.0.0",
+        "vfile": "^6.0.0"
       },
       "funding": {
-        "url": "https://github.com/sponsors/ljharb"
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
       }
     },
-    "node_modules/string.prototype.trimstart": {
-      "version": "1.0.8",
-      "resolved": "https://registry.npmjs.org/string.prototype.trimstart/-/string.prototype.trimstart-1.0.8.tgz",
-      "integrity": "sha512-UXSH262CSZY1tfu3G3Secr6uGLCFVPMhIqHjlgCUtCCcgihYc/xKs9djMTMUOb2j1mVSeU8EU6NWc/iQKU6Gfg==",
-      "dev": true,
+    "node_modules/unist-util-find-after": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/unist-util-find-after/-/unist-util-find-after-5.0.0.tgz",
+      "integrity": "sha512-amQa0Ep2m6hE2g72AugUItjbuM8X8cGQnFoHk0pGfrFeT9GZhzN5SW8nRsiGKK7Aif4CrACPENkA6P/Lw6fHGQ==",
       "license": "MIT",
       "dependencies": {
-        "call-bind": "^1.0.7",
-        "define-properties": "^1.2.1",
-        "es-object-atoms": "^1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
+        "@types/unist": "^3.0.0",
+        "unist-util-is": "^6.0.0"
       },
       "funding": {
-        "url": "https://github.com/sponsors/ljharb"
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
       }
     },
-    "node_modules/stringify-entities": {
-      "version": "4.0.4",
-      "resolved": "https://registry.npmjs.org/stringify-entities/-/stringify-entities-4.0.4.tgz",
-      "integrity": "sha512-IwfBptatlO+QCJUo19AqvrPNqlVMpW9YEL2LIVY+Rpv2qsjCGxaDLNRgeGsQWJhfItebuJhsGSLjaBbNSQ+ieg==",
+    "node_modules/unist-util-is": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/unist-util-is/-/unist-util-is-6.0.1.tgz",
+      "integrity": "sha512-LsiILbtBETkDz8I9p1dQ0uyRUWuaQzd/cuEeS1hoRSyW5E5XGmTzlwY1OrNzzakGowI9Dr/I8HVaw4hTtnxy8g==",
       "license": "MIT",
       "dependencies": {
-        "character-entities-html4": "^2.0.0",
-        "character-entities-legacy": "^3.0.0"
+        "@types/unist": "^3.0.0"
       },
       "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/wooorm"
-      }
-    },
-    "node_modules/strip-bom": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-3.0.0.tgz",
-      "integrity": "sha512-vavAMRXOgBVNF6nyEEmL3DBK19iRpDcoIwW+swQ+CbGiu7lju6t+JklA1MHweoWtadgt4ISVUsXLyDq34ddcwA==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=4"
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
       }
-    },
-    "node_modules/strip-json-comments": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz",
-      "integrity": "sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==",
-      "dev": true,
+    },
+    "node_modules/unist-util-position": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/unist-util-position/-/unist-util-position-5.0.0.tgz",
+      "integrity": "sha512-fucsC7HjXvkB5R3kTCO7kUjRdrS0BJt3M/FPxmHMBOm8JQi2BsHAHFsy27E0EolP8rp0NzXsJ+jNPyDWvOJZPA==",
       "license": "MIT",
-      "engines": {
-        "node": ">=8"
+      "dependencies": {
+        "@types/unist": "^3.0.0"
       },
       "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
       }
     },
-    "node_modules/style-to-js": {
-      "version": "1.1.21",
-      "resolved": "https://registry.npmjs.org/style-to-js/-/style-to-js-1.1.21.tgz",
-      "integrity": "sha512-RjQetxJrrUJLQPHbLku6U/ocGtzyjbJMP9lCNK7Ag0CNh690nSH8woqWH9u16nMjYBAok+i7JO1NP2pOy8IsPQ==",
+    "node_modules/unist-util-remove-position": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/unist-util-remove-position/-/unist-util-remove-position-5.0.0.tgz",
+      "integrity": "sha512-Hp5Kh3wLxv0PHj9m2yZhhLt58KzPtEYKQQ4yxfYFEO7EvHwzyDYnduhHnY1mDxoqr7VUwVuHXk9RXKIiYS1N8Q==",
       "license": "MIT",
       "dependencies": {
-        "style-to-object": "1.0.14"
+        "@types/unist": "^3.0.0",
+        "unist-util-visit": "^5.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
       }
     },
-    "node_modules/style-to-object": {
-      "version": "1.0.14",
-      "resolved": "https://registry.npmjs.org/style-to-object/-/style-to-object-1.0.14.tgz",
-      "integrity": "sha512-LIN7rULI0jBscWQYaSswptyderlarFkjQ+t79nzty8tcIAceVomEVlLzH5VP4Cmsv6MtKhs7qaAiwlcp+Mgaxw==",
+    "node_modules/unist-util-stringify-position": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/unist-util-stringify-position/-/unist-util-stringify-position-4.0.0.tgz",
+      "integrity": "sha512-0ASV06AAoKCDkS2+xw5RXJywruurpbC4JZSm7nr7MOt1ojAzvyyaO+UxZf18j8FCF6kmzCZKcAgN/yu2gm2XgQ==",
       "license": "MIT",
       "dependencies": {
-        "inline-style-parser": "0.2.7"
+        "@types/unist": "^3.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
       }
     },
-    "node_modules/styled-jsx": {
-      "version": "5.1.6",
-      "resolved": "https://registry.npmjs.org/styled-jsx/-/styled-jsx-5.1.6.tgz",
-      "integrity": "sha512-qSVyDTeMotdvQYoHWLNGwRFJHC+i+ZvdBRYosOFgC+Wg1vx4frN2/RG/NA7SYqqvKNLf39P2LSRA2pu6n0XYZA==",
+    "node_modules/unist-util-visit": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/unist-util-visit/-/unist-util-visit-5.1.0.tgz",
+      "integrity": "sha512-m+vIdyeCOpdr/QeQCu2EzxX/ohgS8KbnPDgFni4dQsfSCtpz8UqDyY5GjRru8PDKuYn7Fq19j1CQ+nJSsGKOzg==",
       "license": "MIT",
       "dependencies": {
-        "client-only": "0.0.1"
-      },
-      "engines": {
-        "node": ">= 12.0.0"
-      },
-      "peerDependencies": {
-        "react": ">= 16.8.0 || 17.x.x || ^18.0.0-0 || ^19.0.0-0"
+        "@types/unist": "^3.0.0",
+        "unist-util-is": "^6.0.0",
+        "unist-util-visit-parents": "^6.0.0"
       },
-      "peerDependenciesMeta": {
-        "@babel/core": {
-          "optional": true
-        },
-        "babel-plugin-macros": {
-          "optional": true
-        }
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
       }
     },
-    "node_modules/supports-color": {
-      "version": "7.2.0",
-      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
-      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
-      "dev": true,
+    "node_modules/unist-util-visit-parents": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/unist-util-visit-parents/-/unist-util-visit-parents-6.0.2.tgz",
+      "integrity": "sha512-goh1s1TBrqSqukSc8wrjwWhL0hiJxgA8m4kFxGlQ+8FYQ3C/m11FcTs4YYem7V664AhHVvgoQLk890Ssdsr2IQ==",
       "license": "MIT",
       "dependencies": {
-        "has-flag": "^4.0.0"
+        "@types/unist": "^3.0.0",
+        "unist-util-is": "^6.0.0"
       },
-      "engines": {
-        "node": ">=8"
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
       }
     },
-    "node_modules/supports-preserve-symlinks-flag": {
+    "node_modules/unpipe": {
       "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==",
+      "resolved": "https://registry.npmjs.org/unpipe/-/unpipe-1.0.0.tgz",
+      "integrity": "sha512-pjy2bYhSsufwWlKwPc+l3cN7+wuJlK6uz0YdJEOlQDbl6jo/YlPi4mb8agUkVC8BF7V8NuzeyPNqRksA3hztKQ==",
       "dev": true,
       "license": "MIT",
       "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
+        "node": ">= 0.8"
       }
     },
-    "node_modules/tinyglobby": {
-      "version": "0.2.16",
-      "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.16.tgz",
-      "integrity": "sha512-pn99VhoACYR8nFHhxqix+uvsbXineAasWm5ojXoN8xEwK5Kd3/TrhNn1wByuD52UxWRLy8pu+kRMniEi6Eq9Zg==",
+    "node_modules/unrs-resolver": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/unrs-resolver/-/unrs-resolver-1.11.1.tgz",
+      "integrity": "sha512-bSjt9pjaEBnNiGgc9rUiHGKv5l4/TGzDmYw3RhnkJGtLhbnnA/5qJj7x3dNDCRx/PJxu774LlH8lCOlB4hEfKg==",
       "dev": true,
+      "hasInstallScript": true,
       "license": "MIT",
       "dependencies": {
-        "fdir": "^6.5.0",
-        "picomatch": "^4.0.4"
-      },
-      "engines": {
-        "node": ">=12.0.0"
+        "napi-postinstall": "^0.3.0"
       },
       "funding": {
-        "url": "https://github.com/sponsors/SuperchupuDev"
+        "url": "https://opencollective.com/unrs-resolver"
+      },
+      "optionalDependencies": {
+        "@unrs/resolver-binding-android-arm-eabi": "1.11.1",
+        "@unrs/resolver-binding-android-arm64": "1.11.1",
+        "@unrs/resolver-binding-darwin-arm64": "1.11.1",
+        "@unrs/resolver-binding-darwin-x64": "1.11.1",
+        "@unrs/resolver-binding-freebsd-x64": "1.11.1",
+        "@unrs/resolver-binding-linux-arm-gnueabihf": "1.11.1",
+        "@unrs/resolver-binding-linux-arm-musleabihf": "1.11.1",
+        "@unrs/resolver-binding-linux-arm64-gnu": "1.11.1",
+        "@unrs/resolver-binding-linux-arm64-musl": "1.11.1",
+        "@unrs/resolver-binding-linux-ppc64-gnu": "1.11.1",
+        "@unrs/resolver-binding-linux-riscv64-gnu": "1.11.1",
+        "@unrs/resolver-binding-linux-riscv64-musl": "1.11.1",
+        "@unrs/resolver-binding-linux-s390x-gnu": "1.11.1",
+        "@unrs/resolver-binding-linux-x64-gnu": "1.11.1",
+        "@unrs/resolver-binding-linux-x64-musl": "1.11.1",
+        "@unrs/resolver-binding-wasm32-wasi": "1.11.1",
+        "@unrs/resolver-binding-win32-arm64-msvc": "1.11.1",
+        "@unrs/resolver-binding-win32-ia32-msvc": "1.11.1",
+        "@unrs/resolver-binding-win32-x64-msvc": "1.11.1"
       }
     },
-    "node_modules/tinyglobby/node_modules/fdir": {
-      "version": "6.5.0",
-      "resolved": "https://registry.npmjs.org/fdir/-/fdir-6.5.0.tgz",
-      "integrity": "sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==",
+    "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",
-      "engines": {
-        "node": ">=12.0.0"
+      "dependencies": {
+        "escalade": "^3.2.0",
+        "picocolors": "^1.1.1"
       },
-      "peerDependencies": {
-        "picomatch": "^3 || ^4"
+      "bin": {
+        "update-browserslist-db": "cli.js"
       },
-      "peerDependenciesMeta": {
-        "picomatch": {
-          "optional": true
-        }
+      "peerDependencies": {
+        "browserslist": ">= 4.21.0"
       }
     },
-    "node_modules/tinyglobby/node_modules/picomatch": {
-      "version": "4.0.4",
-      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.4.tgz",
-      "integrity": "sha512-QP88BAKvMam/3NxH6vj2o21R6MjxZUAd6nlwAS/pnGvN9IVLocLHxGYIzFhg6fUQ+5th6P4dv4eW9jX3DSIj7A==",
+    "node_modules/uri-js": {
+      "version": "4.4.1",
+      "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz",
+      "integrity": "sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "punycode": "^2.1.0"
+      }
+    },
+    "node_modules/urlpattern-polyfill": {
+      "version": "10.1.0",
+      "resolved": "https://registry.npmjs.org/urlpattern-polyfill/-/urlpattern-polyfill-10.1.0.tgz",
+      "integrity": "sha512-IGjKp/o0NL3Bso1PymYURCJxMPNAf/ILOpendP9f5B6e1rTJgdgiOvgfoT8VxCAdY+Wisb9uhGaJJf3yZ2V9nw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/vary": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz",
+      "integrity": "sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==",
       "dev": true,
       "license": "MIT",
       "engines": {
-        "node": ">=12"
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/vfile": {
+      "version": "6.0.3",
+      "resolved": "https://registry.npmjs.org/vfile/-/vfile-6.0.3.tgz",
+      "integrity": "sha512-KzIbH/9tXat2u30jf+smMwFCsno4wHVdNmzFyL+T/L3UGqqk6JKfVqOFOZEpZSHADH1k40ab6NUIXZq422ov3Q==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/unist": "^3.0.0",
+        "vfile-message": "^4.0.0"
       },
       "funding": {
-        "url": "https://github.com/sponsors/jonschlinkert"
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
       }
     },
-    "node_modules/to-regex-range": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
-      "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
-      "dev": true,
+    "node_modules/vfile-location": {
+      "version": "5.0.3",
+      "resolved": "https://registry.npmjs.org/vfile-location/-/vfile-location-5.0.3.tgz",
+      "integrity": "sha512-5yXvWDEgqeiYiBe1lbxYF7UMAIm/IcopxMHrMQDq3nvKcjPKIhZklUKL+AE7J7uApI4kwe2snsK+eI6UTj9EHg==",
       "license": "MIT",
       "dependencies": {
-        "is-number": "^7.0.0"
+        "@types/unist": "^3.0.0",
+        "vfile": "^6.0.0"
       },
-      "engines": {
-        "node": ">=8.0"
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
       }
     },
-    "node_modules/trim-lines": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/trim-lines/-/trim-lines-3.0.1.tgz",
-      "integrity": "sha512-kRj8B+YHZCc9kQYdWfJB2/oUl9rA99qbowYYBtr4ui4mZyAQ2JpvVBd/6U2YloATfqBhBTSMhTpgBHtU0Mf3Rg==",
+    "node_modules/vfile-message": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/vfile-message/-/vfile-message-4.0.3.tgz",
+      "integrity": "sha512-QTHzsGd1EhbZs4AsQ20JX1rC3cOlt/IWJruk893DfLRr57lcnOeMaWG4K0JrRta4mIJZKth2Au3mM3u03/JWKw==",
       "license": "MIT",
+      "dependencies": {
+        "@types/unist": "^3.0.0",
+        "unist-util-stringify-position": "^4.0.0"
+      },
       "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/wooorm"
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
       }
     },
-    "node_modules/trough": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/trough/-/trough-2.2.0.tgz",
-      "integrity": "sha512-tmMpK00BjZiUyVyvrBK7knerNgmgvcV/KLVyuma/SC+TQN167GrMRciANTz09+k3zW8L8t60jWO1GpfkZdjTaw==",
+    "node_modules/web-namespaces": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/web-namespaces/-/web-namespaces-2.0.1.tgz",
+      "integrity": "sha512-bKr1DkiNa2krS7qxNtdrtHAmzuYGFQLiQ13TsorsdT6ULTkPLKuu5+GsFpDlg6JFjUTwX2DyhMPG2be8uPrqsQ==",
       "license": "MIT",
       "funding": {
         "type": "github",
         "url": "https://github.com/sponsors/wooorm"
       }
     },
-    "node_modules/ts-api-utils": {
-      "version": "2.5.0",
-      "resolved": "https://registry.npmjs.org/ts-api-utils/-/ts-api-utils-2.5.0.tgz",
-      "integrity": "sha512-OJ/ibxhPlqrMM0UiNHJ/0CKQkoKF243/AEmplt3qpRgkW8VG7IfOS41h7V8TjITqdByHzrjcS/2si+y4lIh8NA==",
+    "node_modules/web-streams-polyfill": {
+      "version": "4.0.0-beta.3",
+      "resolved": "https://registry.npmjs.org/web-streams-polyfill/-/web-streams-polyfill-4.0.0-beta.3.tgz",
+      "integrity": "sha512-QW95TCTaHmsYfHDybGMwO5IJIM93I/6vTRk+daHTWFPhwh+C8Cg7j7XyKrwrj8Ib6vYXe0ocYNrmzY4xAAN6ug==",
       "dev": true,
       "license": "MIT",
       "engines": {
-        "node": ">=18.12"
-      },
-      "peerDependencies": {
-        "typescript": ">=4.8.4"
+        "node": ">= 14"
       }
     },
-    "node_modules/tsconfig-paths": {
-      "version": "3.15.0",
-      "resolved": "https://registry.npmjs.org/tsconfig-paths/-/tsconfig-paths-3.15.0.tgz",
-      "integrity": "sha512-2Ac2RgzDe/cn48GvOe3M+o82pEFewD3UPbyoUHHdKasHwJKjds4fLXWf/Ux5kATBKN20oaFGu+jbElp1pos0mg==",
+    "node_modules/webidl-conversions": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-3.0.1.tgz",
+      "integrity": "sha512-2JAn3z8AR6rjK8Sm8orRC0h/bcl/DqL7tRPdGZ4I1CjdF+EaMLmYxBHyXuKL849eucPFhvBoxMsflfOb8kxaeQ==",
+      "dev": true,
+      "license": "BSD-2-Clause"
+    },
+    "node_modules/whatwg-url": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-5.0.0.tgz",
+      "integrity": "sha512-saE57nupxk6v3HY35+jzBwYa0rKSy0XR8JSxZPwgLr7ys0IBzhGviA1/TUGJLmSVqs8pb9AnvICXEuOHLprYTw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@types/json5": "^0.0.29",
-        "json5": "^1.0.2",
-        "minimist": "^1.2.6",
-        "strip-bom": "^3.0.0"
+        "tr46": "~0.0.3",
+        "webidl-conversions": "^3.0.0"
       }
     },
-    "node_modules/tsconfig-paths/node_modules/json5": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/json5/-/json5-1.0.2.tgz",
-      "integrity": "sha512-g1MWMLBiz8FKi1e4w0UyVL3w+iJceWAFBAaBnnGKOpNa5f8TLktkbre1+s6oICydWAm+HRUGTmI+//xv2hvXYA==",
+    "node_modules/which": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
+      "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
       "dev": true,
-      "license": "MIT",
+      "license": "ISC",
       "dependencies": {
-        "minimist": "^1.2.0"
+        "isexe": "^2.0.0"
       },
       "bin": {
-        "json5": "lib/cli.js"
+        "node-which": "bin/node-which"
+      },
+      "engines": {
+        "node": ">= 8"
       }
     },
-    "node_modules/tslib": {
-      "version": "2.8.1",
-      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
-      "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==",
-      "license": "0BSD"
-    },
-    "node_modules/type-check": {
-      "version": "0.4.0",
-      "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz",
-      "integrity": "sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==",
+    "node_modules/which-boxed-primitive": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/which-boxed-primitive/-/which-boxed-primitive-1.1.1.tgz",
+      "integrity": "sha512-TbX3mj8n0odCBFVlY8AxkqcHASw3L60jIuF8jFP78az3C2YhmGvqbHBpAjTRH2/xqYunrJ9g1jSyjCjpoWzIAA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "prelude-ls": "^1.2.1"
+        "is-bigint": "^1.1.0",
+        "is-boolean-object": "^1.2.1",
+        "is-number-object": "^1.1.1",
+        "is-string": "^1.1.1",
+        "is-symbol": "^1.1.1"
       },
       "engines": {
-        "node": ">= 0.8.0"
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/typed-array-buffer": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/typed-array-buffer/-/typed-array-buffer-1.0.3.tgz",
-      "integrity": "sha512-nAYYwfY3qnzX30IkA6AQZjVbtK6duGontcQm1WSG1MD94YLqK0515GNApXkoxKOWMusVssAHWLh9SeaoefYFGw==",
+    "node_modules/which-builtin-type": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/which-builtin-type/-/which-builtin-type-1.2.1.tgz",
+      "integrity": "sha512-6iBczoX+kDQ7a3+YJBnh3T+KZRxM/iYNPXicqk66/Qfm1b93iu+yOImkg0zHbj5LNOcNv1TEADiZ0xa34B4q6Q==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "call-bound": "^1.0.3",
-        "es-errors": "^1.3.0",
-        "is-typed-array": "^1.1.14"
+        "call-bound": "^1.0.2",
+        "function.prototype.name": "^1.1.6",
+        "has-tostringtag": "^1.0.2",
+        "is-async-function": "^2.0.0",
+        "is-date-object": "^1.1.0",
+        "is-finalizationregistry": "^1.1.0",
+        "is-generator-function": "^1.0.10",
+        "is-regex": "^1.2.1",
+        "is-weakref": "^1.0.2",
+        "isarray": "^2.0.5",
+        "which-boxed-primitive": "^1.1.0",
+        "which-collection": "^1.0.2",
+        "which-typed-array": "^1.1.16"
       },
       "engines": {
         "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/typed-array-byte-length": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/typed-array-byte-length/-/typed-array-byte-length-1.0.3.tgz",
-      "integrity": "sha512-BaXgOuIxz8n8pIq3e7Atg/7s+DpiYrxn4vdot3w9KbnBhcRQq6o3xemQdIfynqSeXeDrF32x+WvfzmOjPiY9lg==",
+    "node_modules/which-collection": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/which-collection/-/which-collection-1.0.2.tgz",
+      "integrity": "sha512-K4jVyjnBdgvc86Y6BkaLZEN933SwYOuBFkdmBu9ZfkcAbdVbpITnDmjvZ/aQjRXQrv5EPkTnD1s39GiiqbngCw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "call-bind": "^1.0.8",
-        "for-each": "^0.3.3",
-        "gopd": "^1.2.0",
-        "has-proto": "^1.2.0",
-        "is-typed-array": "^1.1.14"
+        "is-map": "^2.0.3",
+        "is-set": "^2.0.3",
+        "is-weakmap": "^2.0.2",
+        "is-weakset": "^2.0.3"
       },
       "engines": {
         "node": ">= 0.4"
@@ -7761,20 +13121,20 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/typed-array-byte-offset": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/typed-array-byte-offset/-/typed-array-byte-offset-1.0.4.tgz",
-      "integrity": "sha512-bTlAFB/FBYMcuX81gbL4OcpH5PmlFHqlCCpAl8AlEzMz5k53oNDvN8p1PNOWLEmI2x4orp3raOFB51tv9X+MFQ==",
+    "node_modules/which-typed-array": {
+      "version": "1.1.20",
+      "resolved": "https://registry.npmjs.org/which-typed-array/-/which-typed-array-1.1.20.tgz",
+      "integrity": "sha512-LYfpUkmqwl0h9A2HL09Mms427Q1RZWuOHsukfVcKRq9q95iQxdw0ix1JQrqbcDR9PH1QDwf5Qo8OZb5lksZ8Xg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "available-typed-arrays": "^1.0.7",
         "call-bind": "^1.0.8",
-        "for-each": "^0.3.3",
+        "call-bound": "^1.0.4",
+        "for-each": "^0.3.5",
+        "get-proto": "^1.0.1",
         "gopd": "^1.2.0",
-        "has-proto": "^1.2.0",
-        "is-typed-array": "^1.1.15",
-        "reflect.getprototypeof": "^1.0.9"
+        "has-tostringtag": "^1.0.2"
       },
       "engines": {
         "node": ">= 0.4"
@@ -7783,447 +13143,605 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/typed-array-length": {
-      "version": "1.0.7",
-      "resolved": "https://registry.npmjs.org/typed-array-length/-/typed-array-length-1.0.7.tgz",
-      "integrity": "sha512-3KS2b+kL7fsuk/eJZ7EQdnEmQoaho/r6KUef7hxvltNA5DR8NAUM+8wJMbJyZ4G9/7i3v5zPBIMN5aybAh2/Jg==",
+    "node_modules/word-wrap": {
+      "version": "1.2.5",
+      "resolved": "https://registry.npmjs.org/word-wrap/-/word-wrap-1.2.5.tgz",
+      "integrity": "sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==",
       "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "call-bind": "^1.0.7",
-        "for-each": "^0.3.3",
-        "gopd": "^1.0.1",
-        "is-typed-array": "^1.1.13",
-        "possible-typed-array-names": "^1.0.0",
-        "reflect.getprototypeof": "^1.0.6"
-      },
       "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
+        "node": ">=0.10.0"
       }
     },
-    "node_modules/typescript": {
-      "version": "5.9.3",
-      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.9.3.tgz",
-      "integrity": "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==",
+    "node_modules/workerd": {
+      "version": "1.20260415.1",
+      "resolved": "https://registry.npmjs.org/workerd/-/workerd-1.20260415.1.tgz",
+      "integrity": "sha512-phyPjRnx+mQDfkhN9ENPioL1L0SdhYs4S0YmJK/xF9Oga+ykNfdSy1MHnsOj8yqnOV96zcVQMx32dJ0r3pq0jQ==",
       "dev": true,
+      "hasInstallScript": true,
       "license": "Apache-2.0",
       "bin": {
-        "tsc": "bin/tsc",
-        "tsserver": "bin/tsserver"
+        "workerd": "bin/workerd"
       },
       "engines": {
-        "node": ">=14.17"
+        "node": ">=16"
+      },
+      "optionalDependencies": {
+        "@cloudflare/workerd-darwin-64": "1.20260415.1",
+        "@cloudflare/workerd-darwin-arm64": "1.20260415.1",
+        "@cloudflare/workerd-linux-64": "1.20260415.1",
+        "@cloudflare/workerd-linux-arm64": "1.20260415.1",
+        "@cloudflare/workerd-windows-64": "1.20260415.1"
       }
     },
-    "node_modules/typescript-eslint": {
-      "version": "8.58.2",
-      "resolved": "https://registry.npmjs.org/typescript-eslint/-/typescript-eslint-8.58.2.tgz",
-      "integrity": "sha512-V8iSng9mRbdZjl54VJ9NKr6ZB+dW0J3TzRXRGcSbLIej9jV86ZRtlYeTKDR/QLxXykocJ5icNzbsl2+5TzIvcQ==",
+    "node_modules/wrangler": {
+      "version": "4.83.0",
+      "resolved": "https://registry.npmjs.org/wrangler/-/wrangler-4.83.0.tgz",
+      "integrity": "sha512-gw5g3LCiuAqVWxaoKY6+quE0HzAUEFb/FV3oAlNkE1ttd4XP3FiV91XDkkzUCcdqxS4WjhQvPhIDBNdhEi8P0A==",
       "dev": true,
-      "license": "MIT",
+      "license": "MIT OR Apache-2.0",
       "dependencies": {
-        "@typescript-eslint/eslint-plugin": "8.58.2",
-        "@typescript-eslint/parser": "8.58.2",
-        "@typescript-eslint/typescript-estree": "8.58.2",
-        "@typescript-eslint/utils": "8.58.2"
+        "@cloudflare/kv-asset-handler": "0.4.2",
+        "@cloudflare/unenv-preset": "2.16.0",
+        "blake3-wasm": "2.1.5",
+        "esbuild": "0.27.3",
+        "miniflare": "4.20260415.0",
+        "path-to-regexp": "6.3.0",
+        "unenv": "2.0.0-rc.24",
+        "workerd": "1.20260415.1"
+      },
+      "bin": {
+        "wrangler": "bin/wrangler.js",
+        "wrangler2": "bin/wrangler.js"
       },
       "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+        "node": ">=20.3.0"
       },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
+      "optionalDependencies": {
+        "fsevents": "~2.3.2"
       },
       "peerDependencies": {
-        "eslint": "^8.57.0 || ^9.0.0 || ^10.0.0",
-        "typescript": ">=4.8.4 <6.1.0"
+        "@cloudflare/workers-types": "^4.20260415.1"
+      },
+      "peerDependenciesMeta": {
+        "@cloudflare/workers-types": {
+          "optional": true
+        }
       }
     },
-    "node_modules/unbox-primitive": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/unbox-primitive/-/unbox-primitive-1.1.0.tgz",
-      "integrity": "sha512-nWJ91DjeOkej/TA8pXQ3myruKpKEYgqvpw9lz4OPHj/NWFNluYrjbz9j01CJ8yKQd2g4jFoOkINCTW2I5LEEyw==",
+    "node_modules/wrangler/node_modules/@esbuild/aix-ppc64": {
+      "version": "0.27.3",
+      "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.27.3.tgz",
+      "integrity": "sha512-9fJMTNFTWZMh5qwrBItuziu834eOCUcEqymSH7pY+zoMVEZg3gcPuBNxH1EvfVYe9h0x/Ptw8KBzv7qxb7l8dg==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "aix"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/wrangler/node_modules/@esbuild/android-arm": {
+      "version": "0.27.3",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.27.3.tgz",
+      "integrity": "sha512-i5D1hPY7GIQmXlXhs2w8AWHhenb00+GxjxRncS2ZM7YNVGNfaMxgzSGuO8o8SJzRc/oZwU2bcScvVERk03QhzA==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/wrangler/node_modules/@esbuild/android-arm64": {
+      "version": "0.27.3",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.27.3.tgz",
+      "integrity": "sha512-YdghPYUmj/FX2SYKJ0OZxf+iaKgMsKHVPF1MAq/P8WirnSpCStzKJFjOjzsW0QQ7oIAiccHdcqjbHmJxRb/dmg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/wrangler/node_modules/@esbuild/android-x64": {
+      "version": "0.27.3",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.27.3.tgz",
+      "integrity": "sha512-IN/0BNTkHtk8lkOM8JWAYFg4ORxBkZQf9zXiEOfERX/CzxW3Vg1ewAhU7QSWQpVIzTW+b8Xy+lGzdYXV6UZObQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/wrangler/node_modules/@esbuild/darwin-arm64": {
+      "version": "0.27.3",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.27.3.tgz",
+      "integrity": "sha512-Re491k7ByTVRy0t3EKWajdLIr0gz2kKKfzafkth4Q8A5n1xTHrkqZgLLjFEHVD+AXdUGgQMq+Godfq45mGpCKg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/wrangler/node_modules/@esbuild/darwin-x64": {
+      "version": "0.27.3",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.27.3.tgz",
+      "integrity": "sha512-vHk/hA7/1AckjGzRqi6wbo+jaShzRowYip6rt6q7VYEDX4LEy1pZfDpdxCBnGtl+A5zq8iXDcyuxwtv3hNtHFg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/wrangler/node_modules/@esbuild/freebsd-arm64": {
+      "version": "0.27.3",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.27.3.tgz",
+      "integrity": "sha512-ipTYM2fjt3kQAYOvo6vcxJx3nBYAzPjgTCk7QEgZG8AUO3ydUhvelmhrbOheMnGOlaSFUoHXB6un+A7q4ygY9w==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/wrangler/node_modules/@esbuild/freebsd-x64": {
+      "version": "0.27.3",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.27.3.tgz",
+      "integrity": "sha512-dDk0X87T7mI6U3K9VjWtHOXqwAMJBNN2r7bejDsc+j03SEjtD9HrOl8gVFByeM0aJksoUuUVU9TBaZa2rgj0oA==",
+      "cpu": [
+        "x64"
+      ],
       "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "call-bound": "^1.0.3",
-        "has-bigints": "^1.0.2",
-        "has-symbols": "^1.1.0",
-        "which-boxed-primitive": "^1.1.1"
-      },
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
       "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
+        "node": ">=18"
       }
     },
-    "node_modules/undici-types": {
-      "version": "6.21.0",
-      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-6.21.0.tgz",
-      "integrity": "sha512-iwDZqg0QAGrg9Rav5H4n0M64c3mkR59cJ6wQp+7C4nI0gsmExaedaYLNO44eT4AtBBwjbTiGPMlt2Md0T9H9JQ==",
-      "license": "MIT"
-    },
-    "node_modules/unified": {
-      "version": "11.0.5",
-      "resolved": "https://registry.npmjs.org/unified/-/unified-11.0.5.tgz",
-      "integrity": "sha512-xKvGhPWw3k84Qjh8bI3ZeJjqnyadK+GEFtazSfZv/rKeTkTjOJho6mFqh2SM96iIcZokxiOpg78GazTSg8+KHA==",
+    "node_modules/wrangler/node_modules/@esbuild/linux-arm": {
+      "version": "0.27.3",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.27.3.tgz",
+      "integrity": "sha512-s6nPv2QkSupJwLYyfS+gwdirm0ukyTFNl3KTgZEAiJDd+iHZcbTPPcWCcRYH+WlNbwChgH2QkE9NSlNrMT8Gfw==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "@types/unist": "^3.0.0",
-        "bail": "^2.0.0",
-        "devlop": "^1.0.0",
-        "extend": "^3.0.0",
-        "is-plain-obj": "^4.0.0",
-        "trough": "^2.0.0",
-        "vfile": "^6.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/unified"
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
       }
     },
-    "node_modules/unist-util-find-after": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/unist-util-find-after/-/unist-util-find-after-5.0.0.tgz",
-      "integrity": "sha512-amQa0Ep2m6hE2g72AugUItjbuM8X8cGQnFoHk0pGfrFeT9GZhzN5SW8nRsiGKK7Aif4CrACPENkA6P/Lw6fHGQ==",
+    "node_modules/wrangler/node_modules/@esbuild/linux-arm64": {
+      "version": "0.27.3",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.27.3.tgz",
+      "integrity": "sha512-sZOuFz/xWnZ4KH3YfFrKCf1WyPZHakVzTiqji3WDc0BCl2kBwiJLCXpzLzUBLgmp4veFZdvN5ChW4Eq/8Fc2Fg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "@types/unist": "^3.0.0",
-        "unist-util-is": "^6.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/unified"
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
       }
     },
-    "node_modules/unist-util-is": {
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/unist-util-is/-/unist-util-is-6.0.1.tgz",
-      "integrity": "sha512-LsiILbtBETkDz8I9p1dQ0uyRUWuaQzd/cuEeS1hoRSyW5E5XGmTzlwY1OrNzzakGowI9Dr/I8HVaw4hTtnxy8g==",
+    "node_modules/wrangler/node_modules/@esbuild/linux-ia32": {
+      "version": "0.27.3",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.27.3.tgz",
+      "integrity": "sha512-yGlQYjdxtLdh0a3jHjuwOrxQjOZYD/C9PfdbgJJF3TIZWnm/tMd/RcNiLngiu4iwcBAOezdnSLAwQDPqTmtTYg==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "@types/unist": "^3.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/unified"
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
       }
     },
-    "node_modules/unist-util-position": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/unist-util-position/-/unist-util-position-5.0.0.tgz",
-      "integrity": "sha512-fucsC7HjXvkB5R3kTCO7kUjRdrS0BJt3M/FPxmHMBOm8JQi2BsHAHFsy27E0EolP8rp0NzXsJ+jNPyDWvOJZPA==",
+    "node_modules/wrangler/node_modules/@esbuild/linux-loong64": {
+      "version": "0.27.3",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.27.3.tgz",
+      "integrity": "sha512-WO60Sn8ly3gtzhyjATDgieJNet/KqsDlX5nRC5Y3oTFcS1l0KWba+SEa9Ja1GfDqSF1z6hif/SkpQJbL63cgOA==",
+      "cpu": [
+        "loong64"
+      ],
+      "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "@types/unist": "^3.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/unified"
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
       }
     },
-    "node_modules/unist-util-remove-position": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/unist-util-remove-position/-/unist-util-remove-position-5.0.0.tgz",
-      "integrity": "sha512-Hp5Kh3wLxv0PHj9m2yZhhLt58KzPtEYKQQ4yxfYFEO7EvHwzyDYnduhHnY1mDxoqr7VUwVuHXk9RXKIiYS1N8Q==",
+    "node_modules/wrangler/node_modules/@esbuild/linux-mips64el": {
+      "version": "0.27.3",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.27.3.tgz",
+      "integrity": "sha512-APsymYA6sGcZ4pD6k+UxbDjOFSvPWyZhjaiPyl/f79xKxwTnrn5QUnXR5prvetuaSMsb4jgeHewIDCIWljrSxw==",
+      "cpu": [
+        "mips64el"
+      ],
+      "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "@types/unist": "^3.0.0",
-        "unist-util-visit": "^5.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/unified"
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
       }
     },
-    "node_modules/unist-util-stringify-position": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/unist-util-stringify-position/-/unist-util-stringify-position-4.0.0.tgz",
-      "integrity": "sha512-0ASV06AAoKCDkS2+xw5RXJywruurpbC4JZSm7nr7MOt1ojAzvyyaO+UxZf18j8FCF6kmzCZKcAgN/yu2gm2XgQ==",
+    "node_modules/wrangler/node_modules/@esbuild/linux-ppc64": {
+      "version": "0.27.3",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.27.3.tgz",
+      "integrity": "sha512-eizBnTeBefojtDb9nSh4vvVQ3V9Qf9Df01PfawPcRzJH4gFSgrObw+LveUyDoKU3kxi5+9RJTCWlj4FjYXVPEA==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "@types/unist": "^3.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/unified"
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
       }
     },
-    "node_modules/unist-util-visit": {
-      "version": "5.1.0",
-      "resolved": "https://registry.npmjs.org/unist-util-visit/-/unist-util-visit-5.1.0.tgz",
-      "integrity": "sha512-m+vIdyeCOpdr/QeQCu2EzxX/ohgS8KbnPDgFni4dQsfSCtpz8UqDyY5GjRru8PDKuYn7Fq19j1CQ+nJSsGKOzg==",
+    "node_modules/wrangler/node_modules/@esbuild/linux-riscv64": {
+      "version": "0.27.3",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.27.3.tgz",
+      "integrity": "sha512-3Emwh0r5wmfm3ssTWRQSyVhbOHvqegUDRd0WhmXKX2mkHJe1SFCMJhagUleMq+Uci34wLSipf8Lagt4LlpRFWQ==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "@types/unist": "^3.0.0",
-        "unist-util-is": "^6.0.0",
-        "unist-util-visit-parents": "^6.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/unified"
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
       }
     },
-    "node_modules/unist-util-visit-parents": {
-      "version": "6.0.2",
-      "resolved": "https://registry.npmjs.org/unist-util-visit-parents/-/unist-util-visit-parents-6.0.2.tgz",
-      "integrity": "sha512-goh1s1TBrqSqukSc8wrjwWhL0hiJxgA8m4kFxGlQ+8FYQ3C/m11FcTs4YYem7V664AhHVvgoQLk890Ssdsr2IQ==",
+    "node_modules/wrangler/node_modules/@esbuild/linux-s390x": {
+      "version": "0.27.3",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.27.3.tgz",
+      "integrity": "sha512-pBHUx9LzXWBc7MFIEEL0yD/ZVtNgLytvx60gES28GcWMqil8ElCYR4kvbV2BDqsHOvVDRrOxGySBM9Fcv744hw==",
+      "cpu": [
+        "s390x"
+      ],
+      "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "@types/unist": "^3.0.0",
-        "unist-util-is": "^6.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/unified"
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
       }
     },
-    "node_modules/unrs-resolver": {
-      "version": "1.11.1",
-      "resolved": "https://registry.npmjs.org/unrs-resolver/-/unrs-resolver-1.11.1.tgz",
-      "integrity": "sha512-bSjt9pjaEBnNiGgc9rUiHGKv5l4/TGzDmYw3RhnkJGtLhbnnA/5qJj7x3dNDCRx/PJxu774LlH8lCOlB4hEfKg==",
+    "node_modules/wrangler/node_modules/@esbuild/linux-x64": {
+      "version": "0.27.3",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.27.3.tgz",
+      "integrity": "sha512-Czi8yzXUWIQYAtL/2y6vogER8pvcsOsk5cpwL4Gk5nJqH5UZiVByIY8Eorm5R13gq+DQKYg0+JyQoytLQas4dA==",
+      "cpu": [
+        "x64"
+      ],
       "dev": true,
-      "hasInstallScript": true,
       "license": "MIT",
-      "dependencies": {
-        "napi-postinstall": "^0.3.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/unrs-resolver"
-      },
-      "optionalDependencies": {
-        "@unrs/resolver-binding-android-arm-eabi": "1.11.1",
-        "@unrs/resolver-binding-android-arm64": "1.11.1",
-        "@unrs/resolver-binding-darwin-arm64": "1.11.1",
-        "@unrs/resolver-binding-darwin-x64": "1.11.1",
-        "@unrs/resolver-binding-freebsd-x64": "1.11.1",
-        "@unrs/resolver-binding-linux-arm-gnueabihf": "1.11.1",
-        "@unrs/resolver-binding-linux-arm-musleabihf": "1.11.1",
-        "@unrs/resolver-binding-linux-arm64-gnu": "1.11.1",
-        "@unrs/resolver-binding-linux-arm64-musl": "1.11.1",
-        "@unrs/resolver-binding-linux-ppc64-gnu": "1.11.1",
-        "@unrs/resolver-binding-linux-riscv64-gnu": "1.11.1",
-        "@unrs/resolver-binding-linux-riscv64-musl": "1.11.1",
-        "@unrs/resolver-binding-linux-s390x-gnu": "1.11.1",
-        "@unrs/resolver-binding-linux-x64-gnu": "1.11.1",
-        "@unrs/resolver-binding-linux-x64-musl": "1.11.1",
-        "@unrs/resolver-binding-wasm32-wasi": "1.11.1",
-        "@unrs/resolver-binding-win32-arm64-msvc": "1.11.1",
-        "@unrs/resolver-binding-win32-ia32-msvc": "1.11.1",
-        "@unrs/resolver-binding-win32-x64-msvc": "1.11.1"
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
       }
     },
-    "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==",
+    "node_modules/wrangler/node_modules/@esbuild/netbsd-arm64": {
+      "version": "0.27.3",
+      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-arm64/-/netbsd-arm64-0.27.3.tgz",
+      "integrity": "sha512-sDpk0RgmTCR/5HguIZa9n9u+HVKf40fbEUt+iTzSnCaGvY9kFP0YKBWZtJaraonFnqef5SlJ8/TiPAxzyS+UoA==",
+      "cpu": [
+        "arm64"
+      ],
       "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",
+      "optional": true,
+      "os": [
+        "netbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/wrangler/node_modules/@esbuild/netbsd-x64": {
+      "version": "0.27.3",
+      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.27.3.tgz",
+      "integrity": "sha512-P14lFKJl/DdaE00LItAukUdZO5iqNH7+PjoBm+fLQjtxfcfFE20Xf5CrLsmZdq5LFFZzb5JMZ9grUwvtVYzjiA==",
+      "cpu": [
+        "x64"
       ],
+      "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "escalade": "^3.2.0",
-        "picocolors": "^1.1.1"
-      },
-      "bin": {
-        "update-browserslist-db": "cli.js"
-      },
-      "peerDependencies": {
-        "browserslist": ">= 4.21.0"
+      "optional": true,
+      "os": [
+        "netbsd"
+      ],
+      "engines": {
+        "node": ">=18"
       }
     },
-    "node_modules/uri-js": {
-      "version": "4.4.1",
-      "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz",
-      "integrity": "sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==",
+    "node_modules/wrangler/node_modules/@esbuild/openbsd-arm64": {
+      "version": "0.27.3",
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-arm64/-/openbsd-arm64-0.27.3.tgz",
+      "integrity": "sha512-AIcMP77AvirGbRl/UZFTq5hjXK+2wC7qFRGoHSDrZ5v5b8DK/GYpXW3CPRL53NkvDqb9D+alBiC/dV0Fb7eJcw==",
+      "cpu": [
+        "arm64"
+      ],
       "dev": true,
-      "license": "BSD-2-Clause",
-      "dependencies": {
-        "punycode": "^2.1.0"
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openbsd"
+      ],
+      "engines": {
+        "node": ">=18"
       }
     },
-    "node_modules/vfile": {
-      "version": "6.0.3",
-      "resolved": "https://registry.npmjs.org/vfile/-/vfile-6.0.3.tgz",
-      "integrity": "sha512-KzIbH/9tXat2u30jf+smMwFCsno4wHVdNmzFyL+T/L3UGqqk6JKfVqOFOZEpZSHADH1k40ab6NUIXZq422ov3Q==",
+    "node_modules/wrangler/node_modules/@esbuild/openbsd-x64": {
+      "version": "0.27.3",
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.27.3.tgz",
+      "integrity": "sha512-DnW2sRrBzA+YnE70LKqnM3P+z8vehfJWHXECbwBmH/CU51z6FiqTQTHFenPlHmo3a8UgpLyH3PT+87OViOh1AQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "@types/unist": "^3.0.0",
-        "vfile-message": "^4.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/unified"
+      "optional": true,
+      "os": [
+        "openbsd"
+      ],
+      "engines": {
+        "node": ">=18"
       }
     },
-    "node_modules/vfile-location": {
-      "version": "5.0.3",
-      "resolved": "https://registry.npmjs.org/vfile-location/-/vfile-location-5.0.3.tgz",
-      "integrity": "sha512-5yXvWDEgqeiYiBe1lbxYF7UMAIm/IcopxMHrMQDq3nvKcjPKIhZklUKL+AE7J7uApI4kwe2snsK+eI6UTj9EHg==",
+    "node_modules/wrangler/node_modules/@esbuild/sunos-x64": {
+      "version": "0.27.3",
+      "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.27.3.tgz",
+      "integrity": "sha512-PanZ+nEz+eWoBJ8/f8HKxTTD172SKwdXebZ0ndd953gt1HRBbhMsaNqjTyYLGLPdoWHy4zLU7bDVJztF5f3BHA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "@types/unist": "^3.0.0",
-        "vfile": "^6.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/unified"
+      "optional": true,
+      "os": [
+        "sunos"
+      ],
+      "engines": {
+        "node": ">=18"
       }
     },
-    "node_modules/vfile-message": {
-      "version": "4.0.3",
-      "resolved": "https://registry.npmjs.org/vfile-message/-/vfile-message-4.0.3.tgz",
-      "integrity": "sha512-QTHzsGd1EhbZs4AsQ20JX1rC3cOlt/IWJruk893DfLRr57lcnOeMaWG4K0JrRta4mIJZKth2Au3mM3u03/JWKw==",
+    "node_modules/wrangler/node_modules/@esbuild/win32-arm64": {
+      "version": "0.27.3",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.27.3.tgz",
+      "integrity": "sha512-B2t59lWWYrbRDw/tjiWOuzSsFh1Y/E95ofKz7rIVYSQkUYBjfSgf6oeYPNWHToFRr2zx52JKApIcAS/D5TUBnA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "@types/unist": "^3.0.0",
-        "unist-util-stringify-position": "^4.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/unified"
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=18"
       }
     },
-    "node_modules/web-namespaces": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/web-namespaces/-/web-namespaces-2.0.1.tgz",
-      "integrity": "sha512-bKr1DkiNa2krS7qxNtdrtHAmzuYGFQLiQ13TsorsdT6ULTkPLKuu5+GsFpDlg6JFjUTwX2DyhMPG2be8uPrqsQ==",
+    "node_modules/wrangler/node_modules/@esbuild/win32-ia32": {
+      "version": "0.27.3",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.27.3.tgz",
+      "integrity": "sha512-QLKSFeXNS8+tHW7tZpMtjlNb7HKau0QDpwm49u0vUp9y1WOF+PEzkU84y9GqYaAVW8aH8f3GcBck26jh54cX4Q==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
       "license": "MIT",
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/wooorm"
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=18"
       }
     },
-    "node_modules/which": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
-      "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
+    "node_modules/wrangler/node_modules/@esbuild/win32-x64": {
+      "version": "0.27.3",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.27.3.tgz",
+      "integrity": "sha512-4uJGhsxuptu3OcpVAzli+/gWusVGwZZHTlS63hh++ehExkVT8SgiEf7/uC/PclrPPkLhZqGgCTjd0VWLo6xMqA==",
+      "cpu": [
+        "x64"
+      ],
       "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "isexe": "^2.0.0"
-      },
-      "bin": {
-        "node-which": "bin/node-which"
-      },
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
       "engines": {
-        "node": ">= 8"
+        "node": ">=18"
       }
     },
-    "node_modules/which-boxed-primitive": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/which-boxed-primitive/-/which-boxed-primitive-1.1.1.tgz",
-      "integrity": "sha512-TbX3mj8n0odCBFVlY8AxkqcHASw3L60jIuF8jFP78az3C2YhmGvqbHBpAjTRH2/xqYunrJ9g1jSyjCjpoWzIAA==",
+    "node_modules/wrangler/node_modules/esbuild": {
+      "version": "0.27.3",
+      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.27.3.tgz",
+      "integrity": "sha512-8VwMnyGCONIs6cWue2IdpHxHnAjzxnw2Zr7MkVxB2vjmQ2ivqGFb4LEG3SMnv0Gb2F/G/2yA8zUaiL1gywDCCg==",
       "dev": true,
+      "hasInstallScript": true,
       "license": "MIT",
-      "dependencies": {
-        "is-bigint": "^1.1.0",
-        "is-boolean-object": "^1.2.1",
-        "is-number-object": "^1.1.1",
-        "is-string": "^1.1.1",
-        "is-symbol": "^1.1.1"
+      "bin": {
+        "esbuild": "bin/esbuild"
       },
       "engines": {
-        "node": ">= 0.4"
+        "node": ">=18"
+      },
+      "optionalDependencies": {
+        "@esbuild/aix-ppc64": "0.27.3",
+        "@esbuild/android-arm": "0.27.3",
+        "@esbuild/android-arm64": "0.27.3",
+        "@esbuild/android-x64": "0.27.3",
+        "@esbuild/darwin-arm64": "0.27.3",
+        "@esbuild/darwin-x64": "0.27.3",
+        "@esbuild/freebsd-arm64": "0.27.3",
+        "@esbuild/freebsd-x64": "0.27.3",
+        "@esbuild/linux-arm": "0.27.3",
+        "@esbuild/linux-arm64": "0.27.3",
+        "@esbuild/linux-ia32": "0.27.3",
+        "@esbuild/linux-loong64": "0.27.3",
+        "@esbuild/linux-mips64el": "0.27.3",
+        "@esbuild/linux-ppc64": "0.27.3",
+        "@esbuild/linux-riscv64": "0.27.3",
+        "@esbuild/linux-s390x": "0.27.3",
+        "@esbuild/linux-x64": "0.27.3",
+        "@esbuild/netbsd-arm64": "0.27.3",
+        "@esbuild/netbsd-x64": "0.27.3",
+        "@esbuild/openbsd-arm64": "0.27.3",
+        "@esbuild/openbsd-x64": "0.27.3",
+        "@esbuild/openharmony-arm64": "0.27.3",
+        "@esbuild/sunos-x64": "0.27.3",
+        "@esbuild/win32-arm64": "0.27.3",
+        "@esbuild/win32-ia32": "0.27.3",
+        "@esbuild/win32-x64": "0.27.3"
+      }
+    },
+    "node_modules/wrap-ansi": {
+      "version": "9.0.2",
+      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-9.0.2.tgz",
+      "integrity": "sha512-42AtmgqjV+X1VpdOfyTGOYRi0/zsoLqtXQckTmqTeybT+BDIbM/Guxo7x3pE2vtpr1ok6xRqM9OpBe+Jyoqyww==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^6.2.1",
+        "string-width": "^7.0.0",
+        "strip-ansi": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=18"
       },
       "funding": {
-        "url": "https://github.com/sponsors/ljharb"
+        "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
       }
     },
-    "node_modules/which-builtin-type": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/which-builtin-type/-/which-builtin-type-1.2.1.tgz",
-      "integrity": "sha512-6iBczoX+kDQ7a3+YJBnh3T+KZRxM/iYNPXicqk66/Qfm1b93iu+yOImkg0zHbj5LNOcNv1TEADiZ0xa34B4q6Q==",
+    "node_modules/wrap-ansi/node_modules/ansi-regex": {
+      "version": "6.2.2",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.2.2.tgz",
+      "integrity": "sha512-Bq3SmSpyFHaWjPk8If9yc6svM8c56dB5BAtW4Qbw5jHTwwXXcTLoRMkpDJp6VL0XzlWaCHTXrkFURMYmD0sLqg==",
       "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "call-bound": "^1.0.2",
-        "function.prototype.name": "^1.1.6",
-        "has-tostringtag": "^1.0.2",
-        "is-async-function": "^2.0.0",
-        "is-date-object": "^1.1.0",
-        "is-finalizationregistry": "^1.1.0",
-        "is-generator-function": "^1.0.10",
-        "is-regex": "^1.2.1",
-        "is-weakref": "^1.0.2",
-        "isarray": "^2.0.5",
-        "which-boxed-primitive": "^1.1.0",
-        "which-collection": "^1.0.2",
-        "which-typed-array": "^1.1.16"
-      },
       "engines": {
-        "node": ">= 0.4"
+        "node": ">=12"
       },
       "funding": {
-        "url": "https://github.com/sponsors/ljharb"
+        "url": "https://github.com/chalk/ansi-regex?sponsor=1"
       }
     },
-    "node_modules/which-collection": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/which-collection/-/which-collection-1.0.2.tgz",
-      "integrity": "sha512-K4jVyjnBdgvc86Y6BkaLZEN933SwYOuBFkdmBu9ZfkcAbdVbpITnDmjvZ/aQjRXQrv5EPkTnD1s39GiiqbngCw==",
+    "node_modules/wrap-ansi/node_modules/ansi-styles": {
+      "version": "6.2.3",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.3.tgz",
+      "integrity": "sha512-4Dj6M28JB+oAH8kFkTLUo+a2jwOFkuqb3yucU0CANcRRUbxS0cP0nZYCGjcc3BNXwRIsUVmDGgzawme7zvJHvg==",
       "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "is-map": "^2.0.3",
-        "is-set": "^2.0.3",
-        "is-weakmap": "^2.0.2",
-        "is-weakset": "^2.0.3"
-      },
       "engines": {
-        "node": ">= 0.4"
+        "node": ">=12"
       },
       "funding": {
-        "url": "https://github.com/sponsors/ljharb"
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
       }
     },
-    "node_modules/which-typed-array": {
-      "version": "1.1.20",
-      "resolved": "https://registry.npmjs.org/which-typed-array/-/which-typed-array-1.1.20.tgz",
-      "integrity": "sha512-LYfpUkmqwl0h9A2HL09Mms427Q1RZWuOHsukfVcKRq9q95iQxdw0ix1JQrqbcDR9PH1QDwf5Qo8OZb5lksZ8Xg==",
+    "node_modules/wrap-ansi/node_modules/strip-ansi": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.2.0.tgz",
+      "integrity": "sha512-yDPMNjp4WyfYBkHnjIRLfca1i6KMyGCtsVgoKe/z1+6vukgaENdgGBZt+ZmKPc4gavvEZ5OgHfHdrazhgNyG7w==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "available-typed-arrays": "^1.0.7",
-        "call-bind": "^1.0.8",
-        "call-bound": "^1.0.4",
-        "for-each": "^0.3.5",
-        "get-proto": "^1.0.1",
-        "gopd": "^1.2.0",
-        "has-tostringtag": "^1.0.2"
+        "ansi-regex": "^6.2.2"
       },
       "engines": {
-        "node": ">= 0.4"
+        "node": ">=12"
       },
       "funding": {
-        "url": "https://github.com/sponsors/ljharb"
+        "url": "https://github.com/chalk/strip-ansi?sponsor=1"
       }
     },
-    "node_modules/word-wrap": {
-      "version": "1.2.5",
-      "resolved": "https://registry.npmjs.org/word-wrap/-/word-wrap-1.2.5.tgz",
-      "integrity": "sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==",
+    "node_modules/wrappy": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
+      "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==",
       "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=0.10.0"
-      }
+      "license": "ISC"
     },
     "node_modules/ws": {
       "version": "8.20.0",
@@ -8246,6 +13764,16 @@
         }
       }
     },
+    "node_modules/y18n": {
+      "version": "5.0.8",
+      "resolved": "https://registry.npmjs.org/y18n/-/y18n-5.0.8.tgz",
+      "integrity": "sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": ">=10"
+      }
+    },
     "node_modules/yallist": {
       "version": "3.1.1",
       "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz",
@@ -8253,6 +13781,50 @@
       "dev": true,
       "license": "ISC"
     },
+    "node_modules/yaml": {
+      "version": "2.8.3",
+      "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.8.3.tgz",
+      "integrity": "sha512-AvbaCLOO2Otw/lW5bmh9d/WEdcDFdQp2Z2ZUH3pX9U2ihyUY0nvLv7J6TrWowklRGPYbB/IuIMfYgxaCPg5Bpg==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "yaml": "bin.mjs"
+      },
+      "engines": {
+        "node": ">= 14.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/eemeli"
+      }
+    },
+    "node_modules/yargs": {
+      "version": "18.0.0",
+      "resolved": "https://registry.npmjs.org/yargs/-/yargs-18.0.0.tgz",
+      "integrity": "sha512-4UEqdc2RYGHZc7Doyqkrqiln3p9X2DZVxaGbwhn2pi7MrRagKaOcIKe8L3OxYcbhXLgLFUS3zAYuQjKBQgmuNg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "cliui": "^9.0.1",
+        "escalade": "^3.1.1",
+        "get-caller-file": "^2.0.5",
+        "string-width": "^7.2.0",
+        "y18n": "^5.0.5",
+        "yargs-parser": "^22.0.0"
+      },
+      "engines": {
+        "node": "^20.19.0 || ^22.12.0 || >=23"
+      }
+    },
+    "node_modules/yargs-parser": {
+      "version": "22.0.0",
+      "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-22.0.0.tgz",
+      "integrity": "sha512-rwu/ClNdSMpkSrUb+d6BRsSkLUq1fmfsY6TOpYzTwvwkg1/NRG85KBy3kq++A8LKQwX6lsu+aWad+2khvuXrqw==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": "^20.19.0 || ^22.12.0 || >=23"
+      }
+    },
     "node_modules/yocto-queue": {
       "version": "0.1.0",
       "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",
@@ -8266,6 +13838,31 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/youch": {
+      "version": "4.1.0-beta.10",
+      "resolved": "https://registry.npmjs.org/youch/-/youch-4.1.0-beta.10.tgz",
+      "integrity": "sha512-rLfVLB4FgQneDr0dv1oddCVZmKjcJ6yX6mS4pU82Mq/Dt9a3cLZQ62pDBL4AUO+uVrCvtWz3ZFUL2HFAFJ/BXQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@poppinss/colors": "^4.1.5",
+        "@poppinss/dumper": "^0.6.4",
+        "@speed-highlight/core": "^1.2.7",
+        "cookie": "^1.0.2",
+        "youch-core": "^0.3.3"
+      }
+    },
+    "node_modules/youch-core": {
+      "version": "0.3.3",
+      "resolved": "https://registry.npmjs.org/youch-core/-/youch-core-0.3.3.tgz",
+      "integrity": "sha512-ho7XuGjLaJ2hWHoK8yFnsUGy2Y5uDpqSTq1FkHLK4/oqKtyUU1AFbOOxY4IpC9f0fTLjwYbslUz0Po5BpD1wrA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@poppinss/exception": "^1.2.2",
+        "error-stack-parser-es": "^1.0.5"
+      }
+    },
     "node_modules/zod": {
       "version": "4.3.6",
       "resolved": "https://registry.npmjs.org/zod/-/zod-4.3.6.tgz",
diff --git a/frontend/package.json b/frontend/package.json
index 991a0fc0..d1fb59c4 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -7,7 +7,10 @@
     "build": "next build",
     "start": "next start",
     "lint": "next lint",
-    "typecheck": "tsc --noEmit"
+    "typecheck": "tsc --noEmit",
+    "cf:build": "opennextjs-cloudflare build",
+    "cf:preview": "opennextjs-cloudflare build && opennextjs-cloudflare preview",
+    "cf:deploy": "opennextjs-cloudflare build && opennextjs-cloudflare deploy"
   },
   "dependencies": {
     "@supabase/supabase-js": "^2.99.3",
@@ -21,12 +24,14 @@
     "remark-math": "^6.0.0"
   },
   "devDependencies": {
+    "@opennextjs/cloudflare": "^1.19.1",
     "@types/d3": "^7.4.3",
     "@types/node": "^20",
     "@types/react": "^19",
     "@types/react-dom": "^19",
     "eslint": "^9",
     "eslint-config-next": "16.1.6",
-    "typescript": "^5"
+    "typescript": "^5",
+    "wrangler": "^4.83.0"
   }
 }
diff --git a/frontend/wrangler.jsonc b/frontend/wrangler.jsonc
new file mode 100644
index 00000000..50d38ab0
--- /dev/null
+++ b/frontend/wrangler.jsonc
@@ -0,0 +1,20 @@
+/**
+ * Cloudflare Workers config for the Next.js frontend, consumed by
+ * @opennextjs/cloudflare. Required because the app uses middleware,
+ * API routes, and dynamic rewrites, which aren't compatible with
+ * `next export` / static hosting.
+ */
+{
+  "$schema": "node_modules/wrangler/config-schema.json",
+  "name": "sapling-frontend",
+  "main": ".open-next/worker.js",
+  "compatibility_date": "2025-06-01",
+  "compatibility_flags": ["nodejs_compat", "global_fetch_strictly_public"],
+  "assets": {
+    "binding": "ASSETS",
+    "directory": ".open-next/assets"
+  },
+  "observability": {
+    "enabled": true
+  }
+}

From f7efe1441886a614e184087cd0093e4987cd3874 Mon Sep 17 00:00:00 2001
From: Jose Cruz <josecruz@crc-dot1x-nat-10-239-237-110.bu.edu>
Date: Sun, 19 Apr 2026 15:36:37 -0400
Subject: [PATCH 07/52] cloudflare: switch to wrangler.toml, document Pages
 incompatibility
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The last deploy log showed Cloudflare Pages parsing wrangler.jsonc
and rejecting it:

    A Wrangler configuration file was found but it does not appear
    to be valid. Did you mean to use wrangler.toml to configure
    Pages? If so, then make sure the file is valid and contains the
    `pages_build_output_dir` property.

Pages wants a Pages-style config. But this repo can't target Pages
regardless:

  * `next export` (Pages' only supported mode) doesn't work with
    middleware, /api/auth/session, the /api/:path* rewrite, or
    /profile/[userId] without generateStaticParams.
  * @cloudflare/next-on-pages (the Pages adapter) peer-deps on
    next@14.3–15.5; we're on 16.1.6.
  * @opennextjs/cloudflare (what we use) compiles for Workers.

Switching the config to wrangler.toml with a clear header comment
explaining Workers is the deploy target, and spelling out the two
config shapes (Workers: main + [assets]; Pages: pages_build_output_dir)
so future readers don't have to rediscover this.

Also tidied .env.example:
- NEXT_PUBLIC_API_URL now has an empty default (calls go same-origin
  via the Next rewrite, which avoids CORS).
- BACKEND_URL added explicitly, used by the /api/:path* rewrite.

`npm run cf:build` still produces .open-next/worker.js cleanly.
---
 frontend/.env.example   | 11 +++++++++--
 frontend/wrangler.jsonc | 20 --------------------
 frontend/wrangler.toml  | 24 ++++++++++++++++++++++++
 3 files changed, 33 insertions(+), 22 deletions(-)
 delete mode 100644 frontend/wrangler.jsonc
 create mode 100644 frontend/wrangler.toml

diff --git a/frontend/.env.example b/frontend/.env.example
index f0e4eeb3..800de71d 100644
--- a/frontend/.env.example
+++ b/frontend/.env.example
@@ -1,8 +1,15 @@
 # Set to "true" for mock-data dev mode (no backend required).
 NEXT_PUBLIC_LOCAL_MODE=false
 
-# Backend URL (used by middleware/server routes for auth checks).
-NEXT_PUBLIC_API_URL=http://localhost:5000
+# Backend URL consumed by client fetches. Leave empty in production so
+# calls resolve as same-origin /api/... paths, which Next.js rewrites
+# to BACKEND_URL server-side. Only set this if the frontend runs on a
+# different origin than the proxy and CORS is configured on the backend.
+NEXT_PUBLIC_API_URL=
+
+# Backend URL for the Next.js rewrite (/api/:path* -> ${BACKEND_URL}/api/:path*).
+# Required in production. Locally this defaults to http://localhost:5000.
+BACKEND_URL=http://localhost:5000
 
 # HMAC secret (min 32 bytes). Must match backend SESSION_SECRET.
 SESSION_SECRET=replace-me-with-at-least-32-bytes-of-random-string
diff --git a/frontend/wrangler.jsonc b/frontend/wrangler.jsonc
deleted file mode 100644
index 50d38ab0..00000000
--- a/frontend/wrangler.jsonc
+++ /dev/null
@@ -1,20 +0,0 @@
-/**
- * Cloudflare Workers config for the Next.js frontend, consumed by
- * @opennextjs/cloudflare. Required because the app uses middleware,
- * API routes, and dynamic rewrites, which aren't compatible with
- * `next export` / static hosting.
- */
-{
-  "$schema": "node_modules/wrangler/config-schema.json",
-  "name": "sapling-frontend",
-  "main": ".open-next/worker.js",
-  "compatibility_date": "2025-06-01",
-  "compatibility_flags": ["nodejs_compat", "global_fetch_strictly_public"],
-  "assets": {
-    "binding": "ASSETS",
-    "directory": ".open-next/assets"
-  },
-  "observability": {
-    "enabled": true
-  }
-}
diff --git a/frontend/wrangler.toml b/frontend/wrangler.toml
new file mode 100644
index 00000000..a2389179
--- /dev/null
+++ b/frontend/wrangler.toml
@@ -0,0 +1,24 @@
+#:schema node_modules/wrangler/config-schema.json
+#
+# Cloudflare config for the Next.js frontend.
+#
+# This project uses middleware, API routes, rewrites, and dynamic
+# routes, none of which are compatible with `next export`. The
+# deploy target therefore has to be Cloudflare **Workers** (not
+# Pages). Build with `npm run cf:build` then `wrangler deploy`.
+#
+# If you still want to use Cloudflare Pages, you'll need to either
+# (a) move off middleware/API routes, or (b) wait for
+# @cloudflare/next-on-pages to add Next 16 support.
+
+name = "sapling-frontend"
+main = ".open-next/worker.js"
+compatibility_date = "2025-06-01"
+compatibility_flags = ["nodejs_compat", "global_fetch_strictly_public"]
+
+[assets]
+binding = "ASSETS"
+directory = ".open-next/assets"
+
+[observability]
+enabled = true

From 503c6957bcc708bb5924d971a0ce2e3b1ba371d1 Mon Sep 17 00:00:00 2001
From: Jose Cruz <josecruz@crc-dot1x-nat-10-239-237-110.bu.edu>
Date: Sun, 19 Apr 2026 15:40:32 -0400
Subject: [PATCH 08/52] cloudflare: rename wrangler.toml ->
 wrangler.workers.toml
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The last Pages deploy log (commit f7efe14) showed Cloudflare Pages
still detecting wrangler.toml and rejecting it as invalid for Pages:

    A Wrangler configuration file was found but it does not appear
    to be valid. Did you mean to use wrangler.toml to configure
    Pages? If so, then make sure the file is valid and contains the
    `pages_build_output_dir` property.

The file is correct for Workers (has `main` + `[assets]`), just not
for Pages. Renaming to wrangler.workers.toml keeps the Workers config
available without tripping Pages's auto-detection. Pages now skips
directly to its "no out/ dir" failure (which is the real problem and
needs a dashboard change — see PR body).

Updated scripts:
  - cf:build unchanged (opennextjs-cloudflare build doesn't need the
    wrangler config).
  - cf:preview / cf:deploy now pass -c wrangler.workers.toml so
    wrangler finds the renamed file.

No behavioral change when deploying on Workers — just stops the
noise in the (failing) Pages build log.
---
 frontend/package.json          |  4 ++--
 frontend/wrangler.toml         | 24 -----------------------
 frontend/wrangler.workers.toml | 36 ++++++++++++++++++++++++++++++++++
 3 files changed, 38 insertions(+), 26 deletions(-)
 delete mode 100644 frontend/wrangler.toml
 create mode 100644 frontend/wrangler.workers.toml

diff --git a/frontend/package.json b/frontend/package.json
index d1fb59c4..c0cd173d 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -9,8 +9,8 @@
     "lint": "next lint",
     "typecheck": "tsc --noEmit",
     "cf:build": "opennextjs-cloudflare build",
-    "cf:preview": "opennextjs-cloudflare build && opennextjs-cloudflare preview",
-    "cf:deploy": "opennextjs-cloudflare build && opennextjs-cloudflare deploy"
+    "cf:preview": "opennextjs-cloudflare build && wrangler dev -c wrangler.workers.toml",
+    "cf:deploy": "opennextjs-cloudflare build && wrangler deploy -c wrangler.workers.toml"
   },
   "dependencies": {
     "@supabase/supabase-js": "^2.99.3",
diff --git a/frontend/wrangler.toml b/frontend/wrangler.toml
deleted file mode 100644
index a2389179..00000000
--- a/frontend/wrangler.toml
+++ /dev/null
@@ -1,24 +0,0 @@
-#:schema node_modules/wrangler/config-schema.json
-#
-# Cloudflare config for the Next.js frontend.
-#
-# This project uses middleware, API routes, rewrites, and dynamic
-# routes, none of which are compatible with `next export`. The
-# deploy target therefore has to be Cloudflare **Workers** (not
-# Pages). Build with `npm run cf:build` then `wrangler deploy`.
-#
-# If you still want to use Cloudflare Pages, you'll need to either
-# (a) move off middleware/API routes, or (b) wait for
-# @cloudflare/next-on-pages to add Next 16 support.
-
-name = "sapling-frontend"
-main = ".open-next/worker.js"
-compatibility_date = "2025-06-01"
-compatibility_flags = ["nodejs_compat", "global_fetch_strictly_public"]
-
-[assets]
-binding = "ASSETS"
-directory = ".open-next/assets"
-
-[observability]
-enabled = true
diff --git a/frontend/wrangler.workers.toml b/frontend/wrangler.workers.toml
new file mode 100644
index 00000000..f97511c5
--- /dev/null
+++ b/frontend/wrangler.workers.toml
@@ -0,0 +1,36 @@
+#:schema node_modules/wrangler/config-schema.json
+#
+# Cloudflare WORKERS config for the Next.js frontend.
+#
+# Intentionally named wrangler.workers.toml (not wrangler.toml) so
+# the Cloudflare Pages build pipeline does not auto-detect it and
+# fail with "A Wrangler configuration file was found but it does
+# not appear to be valid." Pages's wrangler-config beta only
+# accepts Pages-shaped configs (with `pages_build_output_dir`),
+# while this file is Workers-shaped (with `main` + `[assets]`).
+#
+# This app is not deployable on Cloudflare Pages: it uses Next.js
+# middleware, API routes, a /api/:path* rewrite, and a dynamic
+# /profile/[userId] route, none of which are compatible with
+# `next export` (Pages's only supported mode for Next.js). The
+# @cloudflare/next-on-pages adapter doesn't support Next 16 yet.
+#
+# To deploy: migrate the project from Cloudflare Pages to Cloudflare
+# Workers, then:
+#
+#     cd frontend
+#     npm install
+#     npm run cf:build                # produces .open-next/
+#     npx wrangler deploy -c wrangler.workers.toml
+
+name = "sapling-frontend"
+main = ".open-next/worker.js"
+compatibility_date = "2025-06-01"
+compatibility_flags = ["nodejs_compat", "global_fetch_strictly_public"]
+
+[assets]
+binding = "ASSETS"
+directory = ".open-next/assets"
+
+[observability]
+enabled = true

From 67e6f75e08a929fdc0a8e2ad6162a73fafc927af Mon Sep 17 00:00:00 2001
From: Jose Cruz <josecruz@crc-dot1x-nat-10-239-237-110.bu.edu>
Date: Sun, 19 Apr 2026 16:08:46 -0400
Subject: [PATCH 09/52] parity: restore 3 features lost in the revamp
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Feature-parity audit of pre-revamp main@929658f against audit-fixes
tip turned up three regressions. The backend routes still exist for
all three; the revamp just didn't rewire them into the new UI.

1. Admin → Achievements → "Grant to user" form
   OLD /admin had adminGrantAchievement wired to a two-field form
   (user, achievement). The revamp's rewritten Admin screen kept the
   create/delete flows but dropped the grant flow. Added a
   "Grant to user" block at the bottom of the AchievementsTab
   left column with two CustomSelects (user, achievement) and a
   button that calls adminGrantAchievement(user_id, achievement_id).

2. Study flashcards → delete card
   OLD /flashcards had a delete button per card calling
   deleteFlashcard(user_id, card_id). The revamp dropped the delete
   action. Added a subtle "Delete card" button below the rating row
   in Study's FlashcardsMode; re-fetches on success.

3. Calendar → "View Google events"
   OLD Calendar had a "View upcoming Google events" button that
   called importGoogleEvents(user_id, days_ahead=60) and rendered
   the result. Revamp kept connect/sync/disconnect but dropped the
   import-preview. Added the button next to Sync + Disconnect (only
   when Google is connected) and a modal (GoogleEventsModal) that
   lists the 60-day upcoming events with title/time/location/link.

Also preserved the OLD rating label "easy" (was changed to "good"
in the M7 rewrite — reverted to match OLD UX).

API helpers added back to lib/api.ts:
  - deleteFlashcard(userId, cardId)
  - importGoogleEvents(userId, daysAhead)
  - adminGrantAchievement(userId, achievementId)
  - GoogleEvent interface

Local-mode stubs added for the three new routes so local dev
doesn't warn.

Verified: tsc clean, next build clean (18 routes), dev server
reachable on all routes.

Non-regressions investigated and intentionally not acted on:
  - submitJobApplication: careers pages deleted intentionally.
  - setFeaturedRole: backend exists but OLD Settings page didn't
    clearly wire a "pick your featured role" UI either.
  - exportToGoogleCalendar: bulk sync via /api/calendar/sync covers
    the 90% case; per-selection export is a niche workflow.
---
 frontend/src/components/screens/Admin.tsx    |  55 ++++++++-
 frontend/src/components/screens/Calendar.tsx | 112 +++++++++++++++++++
 frontend/src/components/screens/Study.tsx    |  23 +++-
 frontend/src/lib/api.ts                      |  30 +++++
 frontend/src/lib/localData.ts                |   3 +
 5 files changed, 220 insertions(+), 3 deletions(-)

diff --git a/frontend/src/components/screens/Admin.tsx b/frontend/src/components/screens/Admin.tsx
index 257452f0..232ca941 100644
--- a/frontend/src/components/screens/Admin.tsx
+++ b/frontend/src/components/screens/Admin.tsx
@@ -11,7 +11,7 @@ import { useUser } from "@/context/UserContext";
 import {
   adminFetchUsers, adminApproveUser,
   adminListRoles, adminCreateRole, adminDeleteRole, adminAssignRole, adminRevokeRole,
-  adminListAchievements, adminCreateAchievement, adminDeleteAchievement,
+  adminListAchievements, adminCreateAchievement, adminDeleteAchievement, adminGrantAchievement,
   adminListCosmetics, adminCreateCosmetic, adminDeleteCosmetic,
   IS_LOCAL_MODE,
 } from "@/lib/api";
@@ -383,22 +383,43 @@ function RolesTab() {
 function AchievementsTab() {
   const toast = useToast();
   const [items, setItems] = React.useState<Achievement[]>([]);
+  const [users, setUsers] = React.useState<AdminUser[]>([]);
   const [form, setForm] = React.useState<{
     name: string; slug: string; description: string; icon: string;
     category: AchievementCategory; rarity: RarityTier; is_secret: boolean;
   }>({ name: "", slug: "", description: "", icon: "", category: "milestone", rarity: "common", is_secret: false });
   const [saving, setSaving] = React.useState(false);
+  const [grant, setGrant] = React.useState<{ userId: string; achievementId: string }>({ userId: "", achievementId: "" });
+  const [granting, setGranting] = React.useState(false);
 
   const load = async () => {
     try {
-      const r = await adminListAchievements();
+      const [r, u] = await Promise.all([adminListAchievements(), adminFetchUsers()]);
       setItems(r.achievements || []);
+      setUsers(u.users || []);
     } catch (err) {
       toast.error(`Load failed: ${String(err)}`);
     }
   };
   React.useEffect(() => { load(); }, []);
 
+  const doGrant = async () => {
+    if (!grant.userId || !grant.achievementId) {
+      toast.warn("Pick a user and an achievement.");
+      return;
+    }
+    setGranting(true);
+    try {
+      await adminGrantAchievement(grant.userId, grant.achievementId);
+      toast.success("Achievement granted");
+      setGrant({ userId: "", achievementId: "" });
+    } catch (err) {
+      toast.error(`Grant failed: ${String(err)}`);
+    } finally {
+      setGranting(false);
+    }
+  };
+
   const create = async () => {
     if (!form.name.trim() || !form.slug.trim()) {
       toast.warn("Name and slug are required.");
@@ -463,6 +484,36 @@ function AchievementsTab() {
         <button className="btn btn--primary" onClick={create} disabled={saving} style={{ marginTop: 14, width: "100%" }}>
           {saving ? "Creating…" : "Create achievement"}
         </button>
+
+        <div style={{ marginTop: 20, paddingTop: 16, borderTop: "1px solid var(--border)" }}>
+          <div className="label-micro" style={{ marginBottom: 10 }}>Grant to user</div>
+          <LabeledField label="User">
+            <CustomSelect
+              size="sm"
+              value={grant.userId}
+              onChange={v => setGrant(g => ({ ...g, userId: v }))}
+              options={users.map(u => ({ value: u.id, label: u.name || u.email, description: u.email }))}
+              placeholder="Pick a user…"
+            />
+          </LabeledField>
+          <LabeledField label="Achievement">
+            <CustomSelect
+              size="sm"
+              value={grant.achievementId}
+              onChange={v => setGrant(g => ({ ...g, achievementId: v }))}
+              options={items.map(a => ({ value: a.id, label: a.name, description: a.rarity }))}
+              placeholder="Pick one…"
+            />
+          </LabeledField>
+          <button
+            className="btn"
+            onClick={doGrant}
+            disabled={granting || !grant.userId || !grant.achievementId}
+            style={{ width: "100%", marginTop: 4 }}
+          >
+            {granting ? "Granting…" : "Grant achievement"}
+          </button>
+        </div>
       </div>
       <div className="card" style={{ padding: 0 }}>
         <div style={{ padding: "12px 16px", borderBottom: "1px solid var(--border)" }}>
diff --git a/frontend/src/components/screens/Calendar.tsx b/frontend/src/components/screens/Calendar.tsx
index d9727016..a2e9ec86 100644
--- a/frontend/src/components/screens/Calendar.tsx
+++ b/frontend/src/components/screens/Calendar.tsx
@@ -17,8 +17,10 @@ import {
   syncCalendar,
   calendarAuthUrl,
   updateAssignment,
+  importGoogleEvents,
   type Assignment,
   type EnrolledCourse,
+  type GoogleEvent,
 } from "@/lib/api";
 
 type View = "month" | "week" | "day" | "table";
@@ -70,6 +72,8 @@ export function Calendar() {
   const [googleConnected, setGoogleConnected] = React.useState(false);
   const [uploadOpen, setUploadOpen] = React.useState(false);
   const [selected, setSelected] = React.useState<Set<string>>(new Set());
+  const [googleEvents, setGoogleEvents] = React.useState<GoogleEvent[] | null>(null);
+  const [importingGoogle, setImportingGoogle] = React.useState(false);
 
   const load = React.useCallback(async () => {
     if (!userId) return;
@@ -133,6 +137,18 @@ export function Calendar() {
     }
   };
 
+  const doImport = async () => {
+    setImportingGoogle(true);
+    try {
+      const res = await importGoogleEvents(userId, 60);
+      setGoogleEvents(res.events || []);
+    } catch (err) {
+      toast.error(`Import failed: ${String(err)}`);
+    } finally {
+      setImportingGoogle(false);
+    }
+  };
+
   const doDisconnect = async () => {
     try {
       await disconnectCalendar(userId);
@@ -202,6 +218,9 @@ export function Calendar() {
           <button className="btn btn--sm" onClick={doSync}>
             <Icon name="send" size={12} /> Sync
           </button>
+          <button className="btn btn--sm" onClick={doImport} disabled={importingGoogle}>
+            <Icon name="cal" size={12} /> {importingGoogle ? "Loading…" : "View Google events"}
+          </button>
           <button
             className="btn btn--sm"
             onClick={disconnectConfirm.trigger}
@@ -257,6 +276,99 @@ export function Calendar() {
           }
         }}
       />
+
+      {googleEvents !== null && (
+        <GoogleEventsModal
+          events={googleEvents}
+          onClose={() => setGoogleEvents(null)}
+        />
+      )}
+    </div>
+  );
+}
+
+function GoogleEventsModal({
+  events, onClose,
+}: {
+  events: GoogleEvent[];
+  onClose: () => void;
+}) {
+  React.useEffect(() => {
+    const onKey = (e: KeyboardEvent) => { if (e.key === "Escape") onClose(); };
+    window.addEventListener("keydown", onKey);
+    const prev = document.body.style.overflow;
+    document.body.style.overflow = "hidden";
+    return () => {
+      window.removeEventListener("keydown", onKey);
+      document.body.style.overflow = prev;
+    };
+  }, [onClose]);
+
+  return (
+    <div
+      role="dialog"
+      aria-modal="true"
+      onClick={onClose}
+      style={{
+        position: "fixed", inset: 0, zIndex: 120,
+        background: "rgba(19,38,16,0.45)",
+        display: "flex", alignItems: "center", justifyContent: "center", padding: 24,
+      }}
+    >
+      <div
+        onClick={e => e.stopPropagation()}
+        style={{
+          background: "var(--bg)", borderRadius: "var(--r-lg)",
+          border: "1px solid var(--border)", maxWidth: 640, width: "100%",
+          maxHeight: "82vh", overflow: "auto",
+        }}
+      >
+        <div style={{ display: "flex", justifyContent: "space-between", alignItems: "center", padding: "14px 20px", borderBottom: "1px solid var(--border)", position: "sticky", top: 0, background: "var(--bg)" }}>
+          <div className="label-micro">Upcoming Google Calendar events</div>
+          <button className="btn btn--sm btn--ghost" onClick={onClose} aria-label="Close">
+            <Icon name="x" size={12} /> Close
+          </button>
+        </div>
+        <div style={{ padding: 20 }}>
+          {events.length === 0 ? (
+            <div style={{ color: "var(--text-muted)", fontSize: 13, textAlign: "center", padding: 28 }}>
+              No upcoming events in the next 60 days.
+            </div>
+          ) : (
+            <div style={{ display: "flex", flexDirection: "column", gap: 10 }}>
+              {events.map(e => (
+                <div key={e.google_event_id} className="card" style={{ padding: 12 }}>
+                  <div style={{ display: "flex", justifyContent: "space-between", alignItems: "baseline", gap: 10 }}>
+                    <div style={{ fontWeight: 600, fontSize: 13 }}>{e.title}</div>
+                    <span className="chip" style={{ fontSize: 10 }}>
+                      {e.all_day ? "All day" : e.start_datetime?.slice(11, 16) || ""}
+                    </span>
+                  </div>
+                  <div style={{ fontSize: 11, color: "var(--text-muted)", marginTop: 4 }}>
+                    {e.start_date} {e.end_date && e.end_date !== e.start_date ? `→ ${e.end_date}` : ""}
+                    {e.location ? ` · ${e.location}` : ""}
+                  </div>
+                  {e.description && (
+                    <div style={{ fontSize: 12, color: "var(--text-dim)", marginTop: 6, lineHeight: 1.5 }}>
+                      {e.description.length > 140 ? e.description.slice(0, 140) + "…" : e.description}
+                    </div>
+                  )}
+                  {e.html_link && (
+                    <a
+                      href={e.html_link}
+                      target="_blank"
+                      rel="noreferrer"
+                      style={{ fontSize: 11, color: "var(--accent)", marginTop: 6, display: "inline-block" }}
+                    >
+                      Open in Google Calendar →
+                    </a>
+                  )}
+                </div>
+              ))}
+            </div>
+          )}
+        </div>
+      </div>
     </div>
   );
 }
diff --git a/frontend/src/components/screens/Study.tsx b/frontend/src/components/screens/Study.tsx
index 0dc92ead..d531b974 100644
--- a/frontend/src/components/screens/Study.tsx
+++ b/frontend/src/components/screens/Study.tsx
@@ -17,6 +17,7 @@ import {
   getFlashcards,
   generateFlashcards,
   rateFlashcard,
+  deleteFlashcard,
   type EnrolledCourse,
   type StudyGuideContent,
   type StudyGuideExam,
@@ -35,7 +36,7 @@ type RawCard = {
 const ratingOptions: { n: number; label: string; color: string; emoji: string; hint: string }[] = [
   { n: 1, label: "forgot", color: "var(--err)", emoji: "🙈", hint: "1" },
   { n: 2, label: "hard", color: "var(--warn)", emoji: "🤔", hint: "2" },
-  { n: 3, label: "good", color: "var(--accent)", emoji: "✨", hint: "3" },
+  { n: 3, label: "easy", color: "var(--accent)", emoji: "✨", hint: "3" },
 ];
 
 export function Study() {
@@ -379,6 +380,17 @@ function FlashcardsMode({ courses, isMobile }: { courses: EnrolledCourse[]; isMo
     setIdx(i => (filtered.length === 0 ? 0 : (i + 1) % filtered.length));
   }, [card, userId, filtered.length]);
 
+  const remove = React.useCallback(async () => {
+    if (!card) return;
+    try {
+      await deleteFlashcard(userId, card.id);
+      toast.success("Card deleted");
+      await load();
+    } catch (err) {
+      toast.error(`Delete failed: ${String(err)}`);
+    }
+  }, [card, userId, toast, load]);
+
   // Keyboard: Space flips; 1/2/3 rate when flipped.
   React.useEffect(() => {
     const onKey = (e: KeyboardEvent) => {
@@ -518,6 +530,15 @@ function FlashcardsMode({ courses, isMobile }: { courses: EnrolledCourse[]; isMo
                 ))}
               </div>
 
+              <button
+                onClick={remove}
+                className="btn btn--sm btn--ghost"
+                style={{ color: "var(--err)", fontSize: 11 }}
+                title="Delete this card"
+              >
+                <Icon name="x" size={11} /> Delete card
+              </button>
+
               <div style={{ fontSize: 11, color: "var(--text-muted)" }}>
                 Space to flip · 1 / 2 / 3 to rate
               </div>
diff --git a/frontend/src/lib/api.ts b/frontend/src/lib/api.ts
index 3a1586aa..f2d92e54 100644
--- a/frontend/src/lib/api.ts
+++ b/frontend/src/lib/api.ts
@@ -220,6 +220,24 @@ export const syncCalendar = (userId: string) =>
     body: JSON.stringify({ user_id: userId }),
   });
 
+export interface GoogleEvent {
+  google_event_id: string;
+  title: string;
+  description?: string;
+  start_date: string;
+  end_date: string;
+  start_datetime?: string | null;
+  end_datetime?: string | null;
+  all_day: boolean;
+  html_link?: string;
+  location?: string;
+}
+
+export const importGoogleEvents = (userId: string, daysAhead = 60) =>
+  fetchJSON<{ events: GoogleEvent[]; count: number }>(
+    `/api/calendar/import/${encodeURIComponent(userId)}?days_ahead=${daysAhead}`,
+  );
+
 export const calendarAuthUrl = (userId: string) =>
   `${API_URL}/api/calendar/auth-url?user_id=${encodeURIComponent(userId)}`;
 
@@ -356,6 +374,12 @@ export const rateFlashcard = (userId: string, cardId: string, rating: number) =>
     body: JSON.stringify({ user_id: userId, card_id: cardId, rating }),
   });
 
+export const deleteFlashcard = (userId: string, cardId: string) =>
+  fetchJSON<{ ok: boolean }>(
+    `/api/flashcards/${encodeURIComponent(cardId)}?user_id=${encodeURIComponent(userId)}`,
+    { method: 'DELETE' },
+  );
+
 // Study Guide
 export interface StudyGuideTopic {
   name: string;
@@ -561,6 +585,12 @@ export const adminCreateAchievement = (payload: {
 export const adminDeleteAchievement = (achievementId: string) =>
   fetchJSON<{ deleted: boolean }>(`/api/admin/achievements/${encodeURIComponent(achievementId)}`, { method: 'DELETE' });
 
+export const adminGrantAchievement = (userId: string, achievementId: string) =>
+  fetchJSON<{ granted: boolean }>('/api/admin/achievements/grant', {
+    method: 'POST',
+    body: JSON.stringify({ user_id: userId, achievement_id: achievementId }),
+  });
+
 export const adminListCosmetics = () =>
   fetchJSON<{ cosmetics: Cosmetic[] }>('/api/admin/cosmetics');
 
diff --git a/frontend/src/lib/localData.ts b/frontend/src/lib/localData.ts
index c686586e..ccf321e8 100644
--- a/frontend/src/lib/localData.ts
+++ b/frontend/src/lib/localData.ts
@@ -183,6 +183,8 @@ export function handleLocalRequest(path: string, options?: RequestInit): unknown
     context_used: { documents_found: LOCAL_DOCUMENTS.length, weak_concepts_found: 0 },
   };
   if (route.match(/^\/api\/flashcards\/rate$/)) return { ok: true };
+  if (route.match(/^\/api\/flashcards\/[^/]+$/) && options?.method === 'DELETE') return { ok: true };
+  if (route.match(/^\/api\/calendar\/import\//)) return { events: [], count: 0 };
 
   if (route.match(/^\/api\/study-guide\/[^/]+\/cached$/)) return { guides: [] };
   if (route.match(/^\/api\/study-guide\/[^/]+\/exams$/)) return {
@@ -245,6 +247,7 @@ export function handleLocalRequest(path: string, options?: RequestInit): unknown
   if (route.match(/^\/api\/admin\/achievements$/) && (!options?.method || options.method === 'GET')) return { achievements: [] };
   if (route.match(/^\/api\/admin\/achievements$/) && options?.method === 'POST') return { achievement: { id: 'ach-local', name: 'Local', slug: 'local', description: null, icon: null, category: 'milestone', rarity: 'common', is_secret: false } };
   if (route.match(/^\/api\/admin\/achievements\/[^/]+$/) && options?.method === 'DELETE') return { deleted: true };
+  if (route.match(/^\/api\/admin\/achievements\/grant$/) && options?.method === 'POST') return { granted: true };
   if (route.match(/^\/api\/admin\/cosmetics$/) && (!options?.method || options.method === 'GET')) return { cosmetics: [] };
   if (route.match(/^\/api\/admin\/cosmetics$/) && options?.method === 'POST') return { cosmetic: { id: 'cos-local', type: 'avatar_frame', name: 'Local', slug: 'local', rarity: 'common' } };
   if (route.match(/^\/api\/admin\/cosmetics\/[^/]+$/) && options?.method === 'DELETE') return { deleted: true };

From 05a569647ea9d93b5200723f4d5fbaf726c864f1 Mon Sep 17 00:00:00 2001
From: Jose Cruz <josecruz@crc-dot1x-nat-10-239-237-110.bu.edu>
Date: Sun, 19 Apr 2026 16:19:25 -0400
Subject: [PATCH 10/52] parity: restore 3 more behaviors from pre-revamp
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Deeper per-area audit (4 parallel passes covering the core loop,
content+collab, profile/admin, and auth/global) turned up three more
real regressions — backend endpoints unchanged, UI bindings lost:

1. Learn `?suggest=<concept>` no longer highlighted a node.
   OLD learn/page.tsx:38 + :117–119 + :500 used suggestConcept from
   searchParams to pre-highlight the Dashboard's "Learn next" pick.
   NEW Learn only honored the current topic for highlight. Fixed in
   Learn.tsx: highlightId now prefers ?suggest= (if the concept
   exists in the graph) and falls back to topic, so deep links from
   Dashboard work again.

2. Calendar table-view had no sort / ordering controls.
   OLD AssignmentTable maintained sortKey/sortDirection state and
   rendered a sort-by + direction picker. NEW had only CSV export
   and bulk-select. Added a CustomSelect (due date / title / course
   / type) + asc/desc toggle button above the table; the table now
   iterates over the sorted memo instead of the raw list.

3. Signed-in users weren't redirected away from /auth.
   OLD middleware.ts:60–61 had a redirectIfSignedIn helper that
   bounced an already-authenticated visitor to /dashboard when they
   hit /signin. NEW middleware didn't handle /auth (the renamed
   route) so a signed-in user could see the sign-in form again. Added
   an explicit handler at the top of middleware() that verifies the
   session cookie and redirects to /dashboard, plus '/auth' +
   '/auth/' to the matcher so the middleware runs for that route.

False positives investigated and dismissed:
  - Root layout missing FeedbackFlow/SessionFeedbackGlobal. These
    live in (shell)/layout.tsx:21–22 which is correct — they're
    only needed for signed-in shell routes, not /auth or /onboarding.
  - RoleBadge icon = emoji instead of URL. The new Admin form
    explicitly asks for an emoji ("Icon (emoji)"), and the existing
    seed data uses NULL, so no legacy URL icons would regress.
  - /flashcards removed from the protected-routes array. Intentional;
    the route was retired with the M7 consolidation into /study.
  - Social mention color-coding and initial-load skeleton — cosmetic
    polish differences, not functional regressions.

Verified: tsc clean, next build clean (18 routes), npm run cf:build
clean. Dev server reachable and all routes 200.
---
 frontend/src/components/screens/Calendar.tsx | 44 +++++++++++++++++++-
 frontend/src/components/screens/Learn.tsx    | 12 +++++-
 frontend/src/middleware.ts                   | 14 +++++++
 3 files changed, 67 insertions(+), 3 deletions(-)

diff --git a/frontend/src/components/screens/Calendar.tsx b/frontend/src/components/screens/Calendar.tsx
index a2e9ec86..c27a86cc 100644
--- a/frontend/src/components/screens/Calendar.tsx
+++ b/frontend/src/components/screens/Calendar.tsx
@@ -571,6 +571,22 @@ function AssignmentTable({
   const [editing, setEditing] = React.useState<string | null>(null);
   const [draft, setDraft] = React.useState<Partial<Assignment>>({});
   const [saving, setSaving] = React.useState(false);
+  type SortKey = "due_date" | "title" | "course" | "type";
+  const [sortKey, setSortKey] = React.useState<SortKey>("due_date");
+  const [sortDir, setSortDir] = React.useState<"asc" | "desc">("asc");
+
+  const sorted = React.useMemo(() => {
+    const copy = [...assignments];
+    copy.sort((a, b) => {
+      let cmp = 0;
+      if (sortKey === "due_date") cmp = (a.due_date || "").localeCompare(b.due_date || "");
+      else if (sortKey === "title") cmp = (a.title || "").localeCompare(b.title || "");
+      else if (sortKey === "course") cmp = (a.course_code || a.course_name || "").localeCompare(b.course_code || b.course_name || "");
+      else if (sortKey === "type") cmp = (a.assignment_type || "").localeCompare(b.assignment_type || "");
+      return sortDir === "asc" ? cmp : -cmp;
+    });
+    return copy;
+  }, [assignments, sortKey, sortDir]);
 
   const toggleAll = () => {
     if (selected.size === assignments.length) onSelectedChange(new Set());
@@ -611,9 +627,33 @@ function AssignmentTable({
 
   return (
     <div style={{ padding: "20px 32px" }}>
-      <div style={{ display: "flex", gap: 8, marginBottom: 12, alignItems: "center" }}>
+      <div style={{ display: "flex", gap: 8, marginBottom: 12, alignItems: "center", flexWrap: "wrap" }}>
         <div className="label-micro">{selected.size} of {assignments.length} selected</div>
         <div style={{ flex: 1 }} />
+        <div style={{ display: "flex", alignItems: "center", gap: 6 }}>
+          <span className="label-micro" style={{ fontSize: 10 }}>Sort</span>
+          <div style={{ minWidth: 140 }}>
+            <CustomSelect
+              size="sm"
+              value={sortKey}
+              onChange={v => setSortKey(v as SortKey)}
+              options={[
+                { value: "due_date", label: "Due date" },
+                { value: "title", label: "Title" },
+                { value: "course", label: "Course" },
+                { value: "type", label: "Type" },
+              ]}
+            />
+          </div>
+          <button
+            className="btn btn--sm btn--ghost"
+            onClick={() => setSortDir(d => (d === "asc" ? "desc" : "asc"))}
+            title={sortDir === "asc" ? "Ascending" : "Descending"}
+            aria-label="Toggle sort direction"
+          >
+            {sortDir === "asc" ? "↑" : "↓"}
+          </button>
+        </div>
         <button className="btn btn--sm" onClick={onExport}>
           <Icon name="doc" size={12} /> Export CSV
         </button>
@@ -633,7 +673,7 @@ function AssignmentTable({
             </tr>
           </thead>
           <tbody>
-            {assignments.map((a, i) => {
+            {sorted.map((a, i) => {
               const editingThis = editing === a.id;
               return (
                 <tr key={a.id} style={{ borderTop: i === 0 ? "none" : "1px solid var(--border)" }}>
diff --git a/frontend/src/components/screens/Learn.tsx b/frontend/src/components/screens/Learn.tsx
index 7769070e..345e9ae1 100644
--- a/frontend/src/components/screens/Learn.tsx
+++ b/frontend/src/components/screens/Learn.tsx
@@ -557,7 +557,17 @@ function LearnInner() {
                   width={isMobile ? 320 : 280}
                   height={280}
                   variant="organism"
-                  highlightId={graphNodes.find(n => n.name.toLowerCase() === topic.trim().toLowerCase())?.id}
+                  highlightId={(() => {
+                    // Pre-revamp Learn honored ?suggest=<concept> from the Dashboard
+                    // "Learn next" suggestion; restore that here, falling back to the
+                    // current topic if no suggestion is active.
+                    const suggest = searchParams.get("suggest");
+                    const suggestMatch = suggest
+                      ? graphNodes.find(n => n.name.toLowerCase() === suggest.trim().toLowerCase())
+                      : null;
+                    if (suggestMatch) return suggestMatch.id;
+                    return graphNodes.find(n => n.name.toLowerCase() === topic.trim().toLowerCase())?.id;
+                  })()}
                   onNodeClick={(n) => {
                     if (!n.is_subject_root) {
                       router.replace(`/learn?topic=${encodeURIComponent(n.name)}&mode=${mode}`, { scroll: false });
diff --git a/frontend/src/middleware.ts b/frontend/src/middleware.ts
index 0a4efe77..35a27702 100644
--- a/frontend/src/middleware.ts
+++ b/frontend/src/middleware.ts
@@ -29,6 +29,19 @@ export async function middleware(request: NextRequest) {
   }
 
   const { pathname } = request.nextUrl
+
+  // Mirror pre-revamp behavior: an already-signed-in user hitting /auth or
+  // /auth/callback should bounce straight to /dashboard instead of seeing
+  // the sign-in form again. Pre-revamp handled this via a redirectIfSignedIn
+  // helper on /signin; the route moved but the behavior shouldn't regress.
+  if (pathname === '/auth' || pathname === '/auth/') {
+    const token = request.cookies.get('sapling_session')?.value
+    if (token && (await verifySession(token))) {
+      return NextResponse.redirect(new URL('/dashboard', request.url))
+    }
+    return NextResponse.next()
+  }
+
   const isProtected = PROTECTED.some(p => pathname.startsWith(p))
   if (!isProtected) return NextResponse.next()
 
@@ -63,6 +76,7 @@ export async function middleware(request: NextRequest) {
 
 export const config = {
   matcher: [
+    '/auth', '/auth/',  // for the signed-in -> /dashboard redirect
     '/dashboard/:path*', '/learn/:path*', '/study/:path*',
     '/tree/:path*', '/library/:path*',
     '/calendar/:path*', '/social/:path*',

From 7389834dbe01e6eca49d5286a2049c9711ea8b54 Mon Sep 17 00:00:00 2001
From: Jose Cruz <josecruz@crc-dot1x-nat-10-239-237-110.bu.edu>
Date: Sun, 19 Apr 2026 16:34:09 -0400
Subject: [PATCH 11/52] skills: install pbakaus/impeccable (17 design-critique
 skills)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

`npx skills add pbakaus/impeccable -y` dropped 17 skill definitions
into .agents/skills/ (the tracked source of truth) and created
symlink shims under .claude/skills/ (already ignored) and /skills/
(newly ignored). Also committing the skills-lock.json so installs
are reproducible.

Installed skills: adapt, animate, audit, bolder, clarify, colorize,
critique, delight, distill, impeccable, layout, optimize, overdrive,
polish, quieter, shape, typeset.

Visual Mode itself isn't a standalone skill — it ships as (a) the
Chrome Web Store extension at
https://chromewebstore.google.com/detail/impeccable/bdkgmiklpdmaojlpflclinlofgjfpabf
which must be installed manually, (b) a `/critique` sub-check, and
(c) the `npx impeccable live|detect` CLI. Running `npx impeccable
detect src/` against the revamped frontend surfaced 9 anti-patterns:
7 layout-transition (transition: width in Sidebar, Dashboard progress
bars, Achievements progress, Social MasteryBar, Study flashcard
progress, KnowledgeGraph comparison ring), 1 side-tab (MarkdownChat
blockquote left-border, Calendar day-view left-border), 1 single-font
(only Fraunces in layout.tsx).

These are design-polish findings, not functional bugs — flagged for
a separate polish pass rather than fixing inline with the skill
install. See follow-up commits if the team wants to address them.
---
 .agents/skills/adapt/SKILL.md                 | 199 ++++++++++
 .agents/skills/animate/SKILL.md               | 175 +++++++++
 .agents/skills/audit/SKILL.md                 | 148 +++++++
 .agents/skills/bolder/SKILL.md                | 117 ++++++
 .agents/skills/clarify/SKILL.md               | 183 +++++++++
 .agents/skills/colorize/SKILL.md              | 143 +++++++
 .agents/skills/critique/SKILL.md              | 225 +++++++++++
 .../critique/reference/cognitive-load.md      | 106 +++++
 .../critique/reference/heuristics-scoring.md  | 234 +++++++++++
 .agents/skills/critique/reference/personas.md | 178 +++++++++
 .agents/skills/delight/SKILL.md               | 304 +++++++++++++++
 .agents/skills/distill/SKILL.md               | 122 ++++++
 .agents/skills/impeccable/SKILL.md            | 365 ++++++++++++++++++
 .../reference/color-and-contrast.md           | 105 +++++
 .agents/skills/impeccable/reference/craft.md  |  70 ++++
 .../skills/impeccable/reference/extract.md    |  70 ++++
 .../reference/interaction-design.md           | 195 ++++++++++
 .../impeccable/reference/motion-design.md     |  99 +++++
 .../impeccable/reference/responsive-design.md | 114 ++++++
 .../impeccable/reference/spatial-design.md    | 100 +++++
 .../skills/impeccable/reference/typography.md | 142 +++++++
 .../skills/impeccable/reference/ux-writing.md | 107 +++++
 .../impeccable/scripts/cleanup-deprecated.mjs | 214 ++++++++++
 .agents/skills/layout/SKILL.md                | 125 ++++++
 .agents/skills/optimize/SKILL.md              | 266 +++++++++++++
 .agents/skills/overdrive/SKILL.md             | 142 +++++++
 .agents/skills/polish/SKILL.md                | 224 +++++++++++
 .agents/skills/quieter/SKILL.md               | 103 +++++
 .agents/skills/shape/SKILL.md                 |  96 +++++
 .agents/skills/typeset/SKILL.md               | 116 ++++++
 .gitignore                                    |   5 +
 skills-lock.json                              |  90 +++++
 32 files changed, 4882 insertions(+)
 create mode 100644 .agents/skills/adapt/SKILL.md
 create mode 100644 .agents/skills/animate/SKILL.md
 create mode 100644 .agents/skills/audit/SKILL.md
 create mode 100644 .agents/skills/bolder/SKILL.md
 create mode 100644 .agents/skills/clarify/SKILL.md
 create mode 100644 .agents/skills/colorize/SKILL.md
 create mode 100644 .agents/skills/critique/SKILL.md
 create mode 100644 .agents/skills/critique/reference/cognitive-load.md
 create mode 100644 .agents/skills/critique/reference/heuristics-scoring.md
 create mode 100644 .agents/skills/critique/reference/personas.md
 create mode 100644 .agents/skills/delight/SKILL.md
 create mode 100644 .agents/skills/distill/SKILL.md
 create mode 100644 .agents/skills/impeccable/SKILL.md
 create mode 100644 .agents/skills/impeccable/reference/color-and-contrast.md
 create mode 100644 .agents/skills/impeccable/reference/craft.md
 create mode 100644 .agents/skills/impeccable/reference/extract.md
 create mode 100644 .agents/skills/impeccable/reference/interaction-design.md
 create mode 100644 .agents/skills/impeccable/reference/motion-design.md
 create mode 100644 .agents/skills/impeccable/reference/responsive-design.md
 create mode 100644 .agents/skills/impeccable/reference/spatial-design.md
 create mode 100644 .agents/skills/impeccable/reference/typography.md
 create mode 100644 .agents/skills/impeccable/reference/ux-writing.md
 create mode 100644 .agents/skills/impeccable/scripts/cleanup-deprecated.mjs
 create mode 100644 .agents/skills/layout/SKILL.md
 create mode 100644 .agents/skills/optimize/SKILL.md
 create mode 100644 .agents/skills/overdrive/SKILL.md
 create mode 100644 .agents/skills/polish/SKILL.md
 create mode 100644 .agents/skills/quieter/SKILL.md
 create mode 100644 .agents/skills/shape/SKILL.md
 create mode 100644 .agents/skills/typeset/SKILL.md
 create mode 100644 skills-lock.json

diff --git a/.agents/skills/adapt/SKILL.md b/.agents/skills/adapt/SKILL.md
new file mode 100644
index 00000000..21a42416
--- /dev/null
+++ b/.agents/skills/adapt/SKILL.md
@@ -0,0 +1,199 @@
+---
+name: adapt
+description: Adapt designs to work across different screen sizes, devices, contexts, or platforms. Implements breakpoints, fluid layouts, and touch targets. Use when the user mentions responsive design, mobile layouts, breakpoints, viewport adaptation, or cross-device compatibility.
+version: 2.1.1
+user-invocable: true
+argument-hint: "[target] [context (mobile, tablet, print...)]"
+---
+
+Adapt existing designs to work effectively across different contexts - different screen sizes, devices, platforms, or use cases.
+
+## MANDATORY PREPARATION
+
+Invoke /impeccable — it contains design principles, anti-patterns, and the **Context Gathering Protocol**. Follow the protocol before proceeding — if no design context exists yet, you MUST run /impeccable teach first. Additionally gather: target platforms/devices and usage contexts.
+
+---
+
+## Assess Adaptation Challenge
+
+Understand what needs adaptation and why:
+
+1. **Identify the source context**:
+   - What was it designed for originally? (Desktop web? Mobile app?)
+   - What assumptions were made? (Large screen? Mouse input? Fast connection?)
+   - What works well in current context?
+
+2. **Understand target context**:
+   - **Device**: Mobile, tablet, desktop, TV, watch, print?
+   - **Input method**: Touch, mouse, keyboard, voice, gamepad?
+   - **Screen constraints**: Size, resolution, orientation?
+   - **Connection**: Fast wifi, slow 3G, offline?
+   - **Usage context**: On-the-go vs desk, quick glance vs focused reading?
+   - **User expectations**: What do users expect on this platform?
+
+3. **Identify adaptation challenges**:
+   - What won't fit? (Content, navigation, features)
+   - What won't work? (Hover states on touch, tiny touch targets)
+   - What's inappropriate? (Desktop patterns on mobile, mobile patterns on desktop)
+
+**CRITICAL**: Adaptation is not just scaling - it's rethinking the experience for the new context.
+
+## Plan Adaptation Strategy
+
+Create context-appropriate strategy:
+
+### Mobile Adaptation (Desktop → Mobile)
+
+**Layout Strategy**:
+- Single column instead of multi-column
+- Vertical stacking instead of side-by-side
+- Full-width components instead of fixed widths
+- Bottom navigation instead of top/side navigation
+
+**Interaction Strategy**:
+- Touch targets 44x44px minimum (not hover-dependent)
+- Swipe gestures where appropriate (lists, carousels)
+- Bottom sheets instead of dropdowns
+- Thumbs-first design (controls within thumb reach)
+- Larger tap areas with more spacing
+
+**Content Strategy**:
+- Progressive disclosure (don't show everything at once)
+- Prioritize primary content (secondary content in tabs/accordions)
+- Shorter text (more concise)
+- Larger text (16px minimum)
+
+**Navigation Strategy**:
+- Hamburger menu or bottom navigation
+- Reduce navigation complexity
+- Sticky headers for context
+- Back button in navigation flow
+
+### Tablet Adaptation (Hybrid Approach)
+
+**Layout Strategy**:
+- Two-column layouts (not single or three-column)
+- Side panels for secondary content
+- Master-detail views (list + detail)
+- Adaptive based on orientation (portrait vs landscape)
+
+**Interaction Strategy**:
+- Support both touch and pointer
+- Touch targets 44x44px but allow denser layouts than phone
+- Side navigation drawers
+- Multi-column forms where appropriate
+
+### Desktop Adaptation (Mobile → Desktop)
+
+**Layout Strategy**:
+- Multi-column layouts (use horizontal space)
+- Side navigation always visible
+- Multiple information panels simultaneously
+- Fixed widths with max-width constraints (don't stretch to 4K)
+
+**Interaction Strategy**:
+- Hover states for additional information
+- Keyboard shortcuts
+- Right-click context menus
+- Drag and drop where helpful
+- Multi-select with Shift/Cmd
+
+**Content Strategy**:
+- Show more information upfront (less progressive disclosure)
+- Data tables with many columns
+- Richer visualizations
+- More detailed descriptions
+
+### Print Adaptation (Screen → Print)
+
+**Layout Strategy**:
+- Page breaks at logical points
+- Remove navigation, footer, interactive elements
+- Black and white (or limited color)
+- Proper margins for binding
+
+**Content Strategy**:
+- Expand shortened content (show full URLs, hidden sections)
+- Add page numbers, headers, footers
+- Include metadata (print date, page title)
+- Convert charts to print-friendly versions
+
+### Email Adaptation (Web → Email)
+
+**Layout Strategy**:
+- Narrow width (600px max)
+- Single column only
+- Inline CSS (no external stylesheets)
+- Table-based layouts (for email client compatibility)
+
+**Interaction Strategy**:
+- Large, obvious CTAs (buttons not text links)
+- No hover states (not reliable)
+- Deep links to web app for complex interactions
+
+## Implement Adaptations
+
+Apply changes systematically:
+
+### Responsive Breakpoints
+
+Choose appropriate breakpoints:
+- Mobile: 320px-767px
+- Tablet: 768px-1023px
+- Desktop: 1024px+
+- Or content-driven breakpoints (where design breaks)
+
+### Layout Adaptation Techniques
+
+- **CSS Grid/Flexbox**: Reflow layouts automatically
+- **Container Queries**: Adapt based on container, not viewport
+- **`clamp()`**: Fluid sizing between min and max
+- **Media queries**: Different styles for different contexts
+- **Display properties**: Show/hide elements per context
+
+### Touch Adaptation
+
+- Increase touch target sizes (44x44px minimum)
+- Add more spacing between interactive elements
+- Remove hover-dependent interactions
+- Add touch feedback (ripples, highlights)
+- Consider thumb zones (easier to reach bottom than top)
+
+### Content Adaptation
+
+- Use `display: none` sparingly (still downloads)
+- Progressive enhancement (core content first, enhancements on larger screens)
+- Lazy loading for off-screen content
+- Responsive images (`srcset`, `picture` element)
+
+### Navigation Adaptation
+
+- Transform complex nav to hamburger/drawer on mobile
+- Bottom nav bar for mobile apps
+- Persistent side navigation on desktop
+- Breadcrumbs on smaller screens for context
+
+**IMPORTANT**: Test on real devices, not just browser DevTools. Device emulation is helpful but not perfect.
+
+**NEVER**:
+- Hide core functionality on mobile (if it matters, make it work)
+- Assume desktop = powerful device (consider accessibility, older machines)
+- Use different information architecture across contexts (confusing)
+- Break user expectations for platform (mobile users expect mobile patterns)
+- Forget landscape orientation on mobile/tablet
+- Use generic breakpoints blindly (use content-driven breakpoints)
+- Ignore touch on desktop (many desktop devices have touch)
+
+## Verify Adaptations
+
+Test thoroughly across contexts:
+
+- **Real devices**: Test on actual phones, tablets, desktops
+- **Different orientations**: Portrait and landscape
+- **Different browsers**: Safari, Chrome, Firefox, Edge
+- **Different OS**: iOS, Android, Windows, macOS
+- **Different input methods**: Touch, mouse, keyboard
+- **Edge cases**: Very small screens (320px), very large screens (4K)
+- **Slow connections**: Test on throttled network
+
+Remember: You're a cross-platform design expert. Make experiences that feel native to each context while maintaining brand and functionality consistency. Adapt intentionally, test thoroughly.
\ No newline at end of file
diff --git a/.agents/skills/animate/SKILL.md b/.agents/skills/animate/SKILL.md
new file mode 100644
index 00000000..89933bfb
--- /dev/null
+++ b/.agents/skills/animate/SKILL.md
@@ -0,0 +1,175 @@
+---
+name: animate
+description: Review a feature and enhance it with purposeful animations, micro-interactions, and motion effects that improve usability and delight. Use when the user mentions adding animation, transitions, micro-interactions, motion design, hover effects, or making the UI feel more alive.
+version: 2.1.1
+user-invocable: true
+argument-hint: "[target]"
+---
+
+Analyze a feature and strategically add animations and micro-interactions that enhance understanding, provide feedback, and create delight.
+
+## MANDATORY PREPARATION
+
+Invoke /impeccable — it contains design principles, anti-patterns, and the **Context Gathering Protocol**. Follow the protocol before proceeding — if no design context exists yet, you MUST run /impeccable teach first. Additionally gather: performance constraints.
+
+---
+
+## Assess Animation Opportunities
+
+Analyze where motion would improve the experience:
+
+1. **Identify static areas**:
+   - **Missing feedback**: Actions without visual acknowledgment (button clicks, form submission, etc.)
+   - **Jarring transitions**: Instant state changes that feel abrupt (show/hide, page loads, route changes)
+   - **Unclear relationships**: Spatial or hierarchical relationships that aren't obvious
+   - **Lack of delight**: Functional but joyless interactions
+   - **Missed guidance**: Opportunities to direct attention or explain behavior
+
+2. **Understand the context**:
+   - What's the personality? (Playful vs serious, energetic vs calm)
+   - What's the performance budget? (Mobile-first? Complex page?)
+   - Who's the audience? (Motion-sensitive users? Power users who want speed?)
+   - What matters most? (One hero animation vs many micro-interactions?)
+
+If any of these are unclear from the codebase, ask the user directly to clarify what you cannot infer.
+
+**CRITICAL**: Respect `prefers-reduced-motion`. Always provide non-animated alternatives for users who need them.
+
+## Plan Animation Strategy
+
+Create a purposeful animation plan:
+
+- **Hero moment**: What's the ONE signature animation? (Page load? Hero section? Key interaction?)
+- **Feedback layer**: Which interactions need acknowledgment?
+- **Transition layer**: Which state changes need smoothing?
+- **Delight layer**: Where can we surprise and delight?
+
+**IMPORTANT**: One well-orchestrated experience beats scattered animations everywhere. Focus on high-impact moments.
+
+## Implement Animations
+
+Add motion systematically across these categories:
+
+### Entrance Animations
+- **Page load choreography**: Stagger element reveals (100-150ms delays), fade + slide combinations
+- **Hero section**: Dramatic entrance for primary content (scale, parallax, or creative effects)
+- **Content reveals**: Scroll-triggered animations using intersection observer
+- **Modal/drawer entry**: Smooth slide + fade, backdrop fade, focus management
+
+### Micro-interactions
+- **Button feedback**:
+  - Hover: Subtle scale (1.02-1.05), color shift, shadow increase
+  - Click: Quick scale down then up (0.95 → 1), ripple effect
+  - Loading: Spinner or pulse state
+- **Form interactions**:
+  - Input focus: Border color transition, slight scale or glow
+  - Validation: Shake on error, check mark on success, smooth color transitions
+- **Toggle switches**: Smooth slide + color transition (200-300ms)
+- **Checkboxes/radio**: Check mark animation, ripple effect
+- **Like/favorite**: Scale + rotation, particle effects, color transition
+
+### State Transitions
+- **Show/hide**: Fade + slide (not instant), appropriate timing (200-300ms)
+- **Expand/collapse**: Height transition with overflow handling, icon rotation
+- **Loading states**: Skeleton screen fades, spinner animations, progress bars
+- **Success/error**: Color transitions, icon animations, gentle scale pulse
+- **Enable/disable**: Opacity transitions, cursor changes
+
+### Navigation & Flow
+- **Page transitions**: Crossfade between routes, shared element transitions
+- **Tab switching**: Slide indicator, content fade/slide
+- **Carousel/slider**: Smooth transforms, snap points, momentum
+- **Scroll effects**: Parallax layers, sticky headers with state changes, scroll progress indicators
+
+### Feedback & Guidance
+- **Hover hints**: Tooltip fade-ins, cursor changes, element highlights
+- **Drag & drop**: Lift effect (shadow + scale), drop zone highlights, smooth repositioning
+- **Copy/paste**: Brief highlight flash on paste, "copied" confirmation
+- **Focus flow**: Highlight path through form or workflow
+
+### Delight Moments
+- **Empty states**: Subtle floating animations on illustrations
+- **Completed actions**: Confetti, check mark flourish, success celebrations
+- **Easter eggs**: Hidden interactions for discovery
+- **Contextual animation**: Weather effects, time-of-day themes, seasonal touches
+
+## Technical Implementation
+
+Use appropriate techniques for each animation:
+
+### Timing & Easing
+
+**Durations by purpose:**
+- **100-150ms**: Instant feedback (button press, toggle)
+- **200-300ms**: State changes (hover, menu open)
+- **300-500ms**: Layout changes (accordion, modal)
+- **500-800ms**: Entrance animations (page load)
+
+**Easing curves (use these, not CSS defaults):**
+```css
+/* Recommended - natural deceleration */
+--ease-out-quart: cubic-bezier(0.25, 1, 0.5, 1);    /* Smooth, refined */
+--ease-out-quint: cubic-bezier(0.22, 1, 0.36, 1);   /* Slightly snappier */
+--ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);     /* Confident, decisive */
+
+/* AVOID - feel dated and tacky */
+/* bounce: cubic-bezier(0.34, 1.56, 0.64, 1); */
+/* elastic: cubic-bezier(0.68, -0.6, 0.32, 1.6); */
+```
+
+**Exit animations are faster than entrances.** Use ~75% of enter duration.
+
+### CSS Animations
+```css
+/* Prefer for simple, declarative animations */
+- transitions for state changes
+- @keyframes for complex sequences
+- transform + opacity only (GPU-accelerated)
+```
+
+### JavaScript Animation
+```javascript
+/* Use for complex, interactive animations */
+- Web Animations API for programmatic control
+- Framer Motion for React
+- GSAP for complex sequences
+```
+
+### Performance
+- **GPU acceleration**: Use `transform` and `opacity`, avoid layout properties
+- **will-change**: Add sparingly for known expensive animations
+- **Reduce paint**: Minimize repaints, use `contain` where appropriate
+- **Monitor FPS**: Ensure 60fps on target devices
+
+### Accessibility
+```css
+@media (prefers-reduced-motion: reduce) {
+  * {
+    animation-duration: 0.01ms !important;
+    animation-iteration-count: 1 !important;
+    transition-duration: 0.01ms !important;
+  }
+}
+```
+
+**NEVER**:
+- Use bounce or elastic easing curves—they feel dated and draw attention to the animation itself
+- Animate layout properties (width, height, top, left)—use transform instead
+- Use durations over 500ms for feedback—it feels laggy
+- Animate without purpose—every animation needs a reason
+- Ignore `prefers-reduced-motion`—this is an accessibility violation
+- Animate everything—animation fatigue makes interfaces feel exhausting
+- Block interaction during animations unless intentional
+
+## Verify Quality
+
+Test animations thoroughly:
+
+- **Smooth at 60fps**: No jank on target devices
+- **Feels natural**: Easing curves feel organic, not robotic
+- **Appropriate timing**: Not too fast (jarring) or too slow (laggy)
+- **Reduced motion works**: Animations disabled or simplified appropriately
+- **Doesn't block**: Users can interact during/after animations
+- **Adds value**: Makes interface clearer or more delightful
+
+Remember: Motion should enhance understanding and provide feedback, not just add decoration. Animate with purpose, respect performance constraints, and always consider accessibility. Great animation is invisible - it just makes everything feel right.
\ No newline at end of file
diff --git a/.agents/skills/audit/SKILL.md b/.agents/skills/audit/SKILL.md
new file mode 100644
index 00000000..ea30301c
--- /dev/null
+++ b/.agents/skills/audit/SKILL.md
@@ -0,0 +1,148 @@
+---
+name: audit
+description: Run technical quality checks across accessibility, performance, theming, responsive design, and anti-patterns. Generates a scored report with P0-P3 severity ratings and actionable plan. Use when the user wants an accessibility check, performance audit, or technical quality review.
+version: 2.1.1
+user-invocable: true
+argument-hint: "[area (feature, page, component...)]"
+---
+
+## MANDATORY PREPARATION
+
+Invoke /impeccable — it contains design principles, anti-patterns, and the **Context Gathering Protocol**. Follow the protocol before proceeding — if no design context exists yet, you MUST run /impeccable teach first.
+
+---
+
+Run systematic **technical** quality checks and generate a comprehensive report. Don't fix issues — document them for other commands to address.
+
+This is a code-level audit, not a design critique. Check what's measurable and verifiable in the implementation.
+
+## Diagnostic Scan
+
+Run comprehensive checks across 5 dimensions. Score each dimension 0-4 using the criteria below.
+
+### 1. Accessibility (A11y)
+
+**Check for**:
+- **Contrast issues**: Text contrast ratios < 4.5:1 (or 7:1 for AAA)
+- **Missing ARIA**: Interactive elements without proper roles, labels, or states
+- **Keyboard navigation**: Missing focus indicators, illogical tab order, keyboard traps
+- **Semantic HTML**: Improper heading hierarchy, missing landmarks, divs instead of buttons
+- **Alt text**: Missing or poor image descriptions
+- **Form issues**: Inputs without labels, poor error messaging, missing required indicators
+
+**Score 0-4**: 0=Inaccessible (fails WCAG A), 1=Major gaps (few ARIA labels, no keyboard nav), 2=Partial (some a11y effort, significant gaps), 3=Good (WCAG AA mostly met, minor gaps), 4=Excellent (WCAG AA fully met, approaches AAA)
+
+### 2. Performance
+
+**Check for**:
+- **Layout thrashing**: Reading/writing layout properties in loops
+- **Expensive animations**: Animating layout properties (width, height, top, left) instead of transform/opacity
+- **Missing optimization**: Images without lazy loading, unoptimized assets, missing will-change
+- **Bundle size**: Unnecessary imports, unused dependencies
+- **Render performance**: Unnecessary re-renders, missing memoization
+
+**Score 0-4**: 0=Severe issues (layout thrash, unoptimized everything), 1=Major problems (no lazy loading, expensive animations), 2=Partial (some optimization, gaps remain), 3=Good (mostly optimized, minor improvements possible), 4=Excellent (fast, lean, well-optimized)
+
+### 3. Theming
+
+**Check for**:
+- **Hard-coded colors**: Colors not using design tokens
+- **Broken dark mode**: Missing dark mode variants, poor contrast in dark theme
+- **Inconsistent tokens**: Using wrong tokens, mixing token types
+- **Theme switching issues**: Values that don't update on theme change
+
+**Score 0-4**: 0=No theming (hard-coded everything), 1=Minimal tokens (mostly hard-coded), 2=Partial (tokens exist but inconsistently used), 3=Good (tokens used, minor hard-coded values), 4=Excellent (full token system, dark mode works perfectly)
+
+### 4. Responsive Design
+
+**Check for**:
+- **Fixed widths**: Hard-coded widths that break on mobile
+- **Touch targets**: Interactive elements < 44x44px
+- **Horizontal scroll**: Content overflow on narrow viewports
+- **Text scaling**: Layouts that break when text size increases
+- **Missing breakpoints**: No mobile/tablet variants
+
+**Score 0-4**: 0=Desktop-only (breaks on mobile), 1=Major issues (some breakpoints, many failures), 2=Partial (works on mobile, rough edges), 3=Good (responsive, minor touch target or overflow issues), 4=Excellent (fluid, all viewports, proper touch targets)
+
+### 5. Anti-Patterns (CRITICAL)
+
+Check against ALL the **DON'T** guidelines in the impeccable skill. Look for AI slop tells (AI color palette, gradient text, glassmorphism, hero metrics, card grids, generic fonts) and general design anti-patterns (gray on color, nested cards, bounce easing, redundant copy).
+
+**Score 0-4**: 0=AI slop gallery (5+ tells), 1=Heavy AI aesthetic (3-4 tells), 2=Some tells (1-2 noticeable), 3=Mostly clean (subtle issues only), 4=No AI tells (distinctive, intentional design)
+
+## Generate Report
+
+### Audit Health Score
+
+| # | Dimension | Score | Key Finding |
+|---|-----------|-------|-------------|
+| 1 | Accessibility | ? | [most critical a11y issue or "--"] |
+| 2 | Performance | ? | |
+| 3 | Responsive Design | ? | |
+| 4 | Theming | ? | |
+| 5 | Anti-Patterns | ? | |
+| **Total** | | **??/20** | **[Rating band]** |
+
+**Rating bands**: 18-20 Excellent (minor polish), 14-17 Good (address weak dimensions), 10-13 Acceptable (significant work needed), 6-9 Poor (major overhaul), 0-5 Critical (fundamental issues)
+
+### Anti-Patterns Verdict
+**Start here.** Pass/fail: Does this look AI-generated? List specific tells. Be brutally honest.
+
+### Executive Summary
+- Audit Health Score: **??/20** ([rating band])
+- Total issues found (count by severity: P0/P1/P2/P3)
+- Top 3-5 critical issues
+- Recommended next steps
+
+### Detailed Findings by Severity
+
+Tag every issue with **P0-P3 severity**:
+- **P0 Blocking**: Prevents task completion — fix immediately
+- **P1 Major**: Significant difficulty or WCAG AA violation — fix before release
+- **P2 Minor**: Annoyance, workaround exists — fix in next pass
+- **P3 Polish**: Nice-to-fix, no real user impact — fix if time permits
+
+For each issue, document:
+- **[P?] Issue name**
+- **Location**: Component, file, line
+- **Category**: Accessibility / Performance / Theming / Responsive / Anti-Pattern
+- **Impact**: How it affects users
+- **WCAG/Standard**: Which standard it violates (if applicable)
+- **Recommendation**: How to fix it
+- **Suggested command**: Which command to use (prefer: /animate, /quieter, /shape, /optimize, /adapt, /clarify, /layout, /distill, /delight, /audit, /harden, /polish, /bolder, /typeset, /critique, /colorize, /overdrive)
+
+### Patterns & Systemic Issues
+
+Identify recurring problems that indicate systemic gaps rather than one-off mistakes:
+- "Hard-coded colors appear in 15+ components, should use design tokens"
+- "Touch targets consistently too small (<44px) throughout mobile experience"
+
+### Positive Findings
+
+Note what's working well — good practices to maintain and replicate.
+
+## Recommended Actions
+
+List recommended commands in priority order (P0 first, then P1, then P2):
+
+1. **[P?] `/command-name`** — Brief description (specific context from audit findings)
+2. **[P?] `/command-name`** — Brief description (specific context)
+
+**Rules**: Only recommend commands from: /animate, /quieter, /shape, /optimize, /adapt, /clarify, /layout, /distill, /delight, /audit, /harden, /polish, /bolder, /typeset, /critique, /colorize, /overdrive. Map findings to the most appropriate command. End with `/polish` as the final step if any fixes were recommended.
+
+After presenting the summary, tell the user:
+
+> You can ask me to run these one at a time, all at once, or in any order you prefer.
+>
+> Re-run `/audit` after fixes to see your score improve.
+
+**IMPORTANT**: Be thorough but actionable. Too many P3 issues creates noise. Focus on what actually matters.
+
+**NEVER**:
+- Report issues without explaining impact (why does this matter?)
+- Provide generic recommendations (be specific and actionable)
+- Skip positive findings (celebrate what works)
+- Forget to prioritize (everything can't be P0)
+- Report false positives without verification
+
+Remember: You're a technical quality auditor. Document systematically, prioritize ruthlessly, cite specific code locations, and provide clear paths to improvement.
\ No newline at end of file
diff --git a/.agents/skills/bolder/SKILL.md b/.agents/skills/bolder/SKILL.md
new file mode 100644
index 00000000..e80f55ed
--- /dev/null
+++ b/.agents/skills/bolder/SKILL.md
@@ -0,0 +1,117 @@
+---
+name: bolder
+description: Amplify safe or boring designs to make them more visually interesting and stimulating. Increases impact while maintaining usability. Use when the user says the design looks bland, generic, too safe, lacks personality, or wants more visual impact and character.
+version: 2.1.1
+user-invocable: true
+argument-hint: "[target]"
+---
+
+Increase visual impact and personality in designs that are too safe, generic, or visually underwhelming, creating more engaging and memorable experiences.
+
+## MANDATORY PREPARATION
+
+Invoke /impeccable — it contains design principles, anti-patterns, and the **Context Gathering Protocol**. Follow the protocol before proceeding — if no design context exists yet, you MUST run /impeccable teach first.
+
+---
+
+## Assess Current State
+
+Analyze what makes the design feel too safe or boring:
+
+1. **Identify weakness sources**:
+   - **Generic choices**: System fonts, basic colors, standard layouts
+   - **Timid scale**: Everything is medium-sized with no drama
+   - **Low contrast**: Everything has similar visual weight
+   - **Static**: No motion, no energy, no life
+   - **Predictable**: Standard patterns with no surprises
+   - **Flat hierarchy**: Nothing stands out or commands attention
+
+2. **Understand the context**:
+   - What's the brand personality? (How far can we push?)
+   - What's the purpose? (Marketing can be bolder than financial dashboards)
+   - Who's the audience? (What will resonate?)
+   - What are the constraints? (Brand guidelines, accessibility, performance)
+
+If any of these are unclear from the codebase, ask the user directly to clarify what you cannot infer.
+
+**CRITICAL**: "Bolder" doesn't mean chaotic or garish. It means distinctive, memorable, and confident. Think intentional drama, not random chaos.
+
+**WARNING - AI SLOP TRAP**: When making things "bolder," AI defaults to the same tired tricks: cyan/purple gradients, glassmorphism, neon accents on dark backgrounds, gradient text on metrics. These are the OPPOSITE of bold—they're generic. Review ALL the DON'T guidelines in the impeccable skill before proceeding. Bold means distinctive, not "more effects."
+
+## Plan Amplification
+
+Create a strategy to increase impact while maintaining coherence:
+
+- **Focal point**: What should be the hero moment? (Pick ONE, make it amazing)
+- **Personality direction**: Maximalist chaos? Elegant drama? Playful energy? Dark moody? Choose a lane.
+- **Risk budget**: How experimental can we be? Push boundaries within constraints.
+- **Hierarchy amplification**: Make big things BIGGER, small things smaller (increase contrast)
+
+**IMPORTANT**: Bold design must still be usable. Impact without function is just decoration.
+
+## Amplify the Design
+
+Systematically increase impact across these dimensions:
+
+### Typography Amplification
+- **Replace generic fonts**: Swap system fonts for distinctive choices (see impeccable skill for inspiration)
+- **Extreme scale**: Create dramatic size jumps (3x-5x differences, not 1.5x)
+- **Weight contrast**: Pair 900 weights with 200 weights, not 600 with 400
+- **Unexpected choices**: Variable fonts, display fonts for headlines, condensed/extended widths, monospace as intentional accent (not as lazy "dev tool" default)
+
+### Color Intensification
+- **Increase saturation**: Shift to more vibrant, energetic colors (but not neon)
+- **Bold palette**: Introduce unexpected color combinations—avoid the purple-blue gradient AI slop
+- **Dominant color strategy**: Let one bold color own 60% of the design
+- **Sharp accents**: High-contrast accent colors that pop
+- **Tinted neutrals**: Replace pure grays with tinted grays that harmonize with your palette
+- **Rich gradients**: Intentional multi-stop gradients (not generic purple-to-blue)
+
+### Spatial Drama
+- **Extreme scale jumps**: Make important elements 3-5x larger than surroundings
+- **Break the grid**: Let hero elements escape containers and cross boundaries
+- **Asymmetric layouts**: Replace centered, balanced layouts with tension-filled asymmetry
+- **Generous space**: Use white space dramatically (100-200px gaps, not 20-40px)
+- **Overlap**: Layer elements intentionally for depth
+
+### Visual Effects
+- **Dramatic shadows**: Large, soft shadows for elevation (but not generic drop shadows on rounded rectangles)
+- **Background treatments**: Mesh patterns, noise textures, geometric patterns, intentional gradients (not purple-to-blue)
+- **Texture & depth**: Grain, halftone, duotone, layered elements—NOT glassmorphism (it's overused AI slop)
+- **Borders & frames**: Thick borders, decorative frames, custom shapes (not rounded rectangles with colored border on one side)
+- **Custom elements**: Illustrative elements, custom icons, decorative details that reinforce brand
+
+### Motion & Animation
+- **Entrance choreography**: Staggered, dramatic page load animations with 50-100ms delays
+- **Scroll effects**: Parallax, reveal animations, scroll-triggered sequences
+- **Micro-interactions**: Satisfying hover effects, click feedback, state changes
+- **Transitions**: Smooth, noticeable transitions using ease-out-quart/quint/expo (not bounce or elastic—they cheapen the effect)
+
+### Composition Boldness
+- **Hero moments**: Create clear focal points with dramatic treatment
+- **Diagonal flows**: Escape horizontal/vertical rigidity with diagonal arrangements
+- **Full-bleed elements**: Use full viewport width/height for impact
+- **Unexpected proportions**: Golden ratio? Throw it out. Try 70/30, 80/20 splits
+
+**NEVER**:
+- Add effects randomly without purpose (chaos ≠ bold)
+- Sacrifice readability for aesthetics (body text must be readable)
+- Make everything bold (then nothing is bold - need contrast)
+- Ignore accessibility (bold design must still meet WCAG standards)
+- Overwhelm with motion (animation fatigue is real)
+- Copy trendy aesthetics blindly (bold means distinctive, not derivative)
+
+## Verify Quality
+
+Ensure amplification maintains usability and coherence:
+
+- **NOT AI slop**: Does this look like every other AI-generated "bold" design? If yes, start over.
+- **Still functional**: Can users accomplish tasks without distraction?
+- **Coherent**: Does everything feel intentional and unified?
+- **Memorable**: Will users remember this experience?
+- **Performant**: Do all these effects run smoothly?
+- **Accessible**: Does it still meet accessibility standards?
+
+**The test**: If you showed this to someone and said "AI made this bolder," would they believe you immediately? If yes, you've failed. Bold means distinctive, not "more AI effects."
+
+Remember: Bold design is confident design. It takes risks, makes statements, and creates memorable experiences. But bold without strategy is just loud. Be intentional, be dramatic, be unforgettable.
\ No newline at end of file
diff --git a/.agents/skills/clarify/SKILL.md b/.agents/skills/clarify/SKILL.md
new file mode 100644
index 00000000..f0013b2c
--- /dev/null
+++ b/.agents/skills/clarify/SKILL.md
@@ -0,0 +1,183 @@
+---
+name: clarify
+description: Improve unclear UX copy, error messages, microcopy, labels, and instructions to make interfaces easier to understand. Use when the user mentions confusing text, unclear labels, bad error messages, hard-to-follow instructions, or wanting better UX writing.
+version: 2.1.1
+user-invocable: true
+argument-hint: "[target]"
+---
+
+Identify and improve unclear, confusing, or poorly written interface text to make the product easier to understand and use.
+
+## MANDATORY PREPARATION
+
+Invoke /impeccable — it contains design principles, anti-patterns, and the **Context Gathering Protocol**. Follow the protocol before proceeding — if no design context exists yet, you MUST run /impeccable teach first. Additionally gather: audience technical level and users' mental state in context.
+
+---
+
+## Assess Current Copy
+
+Identify what makes the text unclear or ineffective:
+
+1. **Find clarity problems**:
+   - **Jargon**: Technical terms users won't understand
+   - **Ambiguity**: Multiple interpretations possible
+   - **Passive voice**: "Your file has been uploaded" vs "We uploaded your file"
+   - **Length**: Too wordy or too terse
+   - **Assumptions**: Assuming user knowledge they don't have
+   - **Missing context**: Users don't know what to do or why
+   - **Tone mismatch**: Too formal, too casual, or inappropriate for situation
+
+2. **Understand the context**:
+   - Who's the audience? (Technical? General? First-time users?)
+   - What's the user's mental state? (Stressed during error? Confident during success?)
+   - What's the action? (What do we want users to do?)
+   - What's the constraint? (Character limits? Space limitations?)
+
+**CRITICAL**: Clear copy helps users succeed. Unclear copy creates frustration, errors, and support tickets.
+
+## Plan Copy Improvements
+
+Create a strategy for clearer communication:
+
+- **Primary message**: What's the ONE thing users need to know?
+- **Action needed**: What should users do next (if anything)?
+- **Tone**: How should this feel? (Helpful? Apologetic? Encouraging?)
+- **Constraints**: Length limits, brand voice, localization considerations
+
+**IMPORTANT**: Good UX writing is invisible. Users should understand immediately without noticing the words.
+
+## Improve Copy Systematically
+
+Refine text across these common areas:
+
+### Error Messages
+**Bad**: "Error 403: Forbidden"
+**Good**: "You don't have permission to view this page. Contact your admin for access."
+
+**Bad**: "Invalid input"
+**Good**: "Email addresses need an @ symbol. Try: name@example.com"
+
+**Principles**:
+- Explain what went wrong in plain language
+- Suggest how to fix it
+- Don't blame the user
+- Include examples when helpful
+- Link to help/support if applicable
+
+### Form Labels & Instructions
+**Bad**: "DOB (MM/DD/YYYY)"
+**Good**: "Date of birth" (with placeholder showing format)
+
+**Bad**: "Enter value here"
+**Good**: "Your email address" or "Company name"
+
+**Principles**:
+- Use clear, specific labels (not generic placeholders)
+- Show format expectations with examples
+- Explain why you're asking (when not obvious)
+- Put instructions before the field, not after
+- Keep required field indicators clear
+
+### Button & CTA Text
+**Bad**: "Click here" | "Submit" | "OK"
+**Good**: "Create account" | "Save changes" | "Got it, thanks"
+
+**Principles**:
+- Describe the action specifically
+- Use active voice (verb + noun)
+- Match user's mental model
+- Be specific ("Save" is better than "OK")
+
+### Help Text & Tooltips
+**Bad**: "This is the username field"
+**Good**: "Choose a username. You can change this later in Settings."
+
+**Principles**:
+- Add value (don't just repeat the label)
+- Answer the implicit question ("What is this?" or "Why do you need this?")
+- Keep it brief but complete
+- Link to detailed docs if needed
+
+### Empty States
+**Bad**: "No items"
+**Good**: "No projects yet. Create your first project to get started."
+
+**Principles**:
+- Explain why it's empty (if not obvious)
+- Show next action clearly
+- Make it welcoming, not dead-end
+
+### Success Messages
+**Bad**: "Success"
+**Good**: "Settings saved! Your changes will take effect immediately."
+
+**Principles**:
+- Confirm what happened
+- Explain what happens next (if relevant)
+- Be brief but complete
+- Match the user's emotional moment (celebrate big wins)
+
+### Loading States
+**Bad**: "Loading..." (for 30+ seconds)
+**Good**: "Analyzing your data... this usually takes 30-60 seconds"
+
+**Principles**:
+- Set expectations (how long?)
+- Explain what's happening (when it's not obvious)
+- Show progress when possible
+- Offer escape hatch if appropriate ("Cancel")
+
+### Confirmation Dialogs
+**Bad**: "Are you sure?"
+**Good**: "Delete 'Project Alpha'? This can't be undone."
+
+**Principles**:
+- State the specific action
+- Explain consequences (especially for destructive actions)
+- Use clear button labels ("Delete project" not "Yes")
+- Don't overuse confirmations (only for risky actions)
+
+### Navigation & Wayfinding
+**Bad**: Generic labels like "Items" | "Things" | "Stuff"
+**Good**: Specific labels like "Your projects" | "Team members" | "Settings"
+
+**Principles**:
+- Be specific and descriptive
+- Use language users understand (not internal jargon)
+- Make hierarchy clear
+- Consider information scent (breadcrumbs, current location)
+
+## Apply Clarity Principles
+
+Every piece of copy should follow these rules:
+
+1. **Be specific**: "Enter email" not "Enter value"
+2. **Be concise**: Cut unnecessary words (but don't sacrifice clarity)
+3. **Be active**: "Save changes" not "Changes will be saved"
+4. **Be human**: "Oops, something went wrong" not "System error encountered"
+5. **Be helpful**: Tell users what to do, not just what happened
+6. **Be consistent**: Use same terms throughout (don't vary for variety)
+
+**NEVER**:
+- Use jargon without explanation
+- Blame users ("You made an error" → "This field is required")
+- Be vague ("Something went wrong" without explanation)
+- Use passive voice unnecessarily
+- Write overly long explanations (be concise)
+- Use humor for errors (be empathetic instead)
+- Assume technical knowledge
+- Vary terminology (pick one term and stick with it)
+- Repeat information (headers restating intros, redundant explanations)
+- Use placeholders as the only labels (they disappear when users type)
+
+## Verify Improvements
+
+Test that copy improvements work:
+
+- **Comprehension**: Can users understand without context?
+- **Actionability**: Do users know what to do next?
+- **Brevity**: Is it as short as possible while remaining clear?
+- **Consistency**: Does it match terminology elsewhere?
+- **Tone**: Is it appropriate for the situation?
+
+Remember: You're a clarity expert with excellent communication skills. Write like you're explaining to a smart friend who's unfamiliar with the product. Be clear, be helpful, be human.
\ No newline at end of file
diff --git a/.agents/skills/colorize/SKILL.md b/.agents/skills/colorize/SKILL.md
new file mode 100644
index 00000000..76075804
--- /dev/null
+++ b/.agents/skills/colorize/SKILL.md
@@ -0,0 +1,143 @@
+---
+name: colorize
+description: Add strategic color to features that are too monochromatic or lack visual interest, making interfaces more engaging and expressive. Use when the user mentions the design looking gray, dull, lacking warmth, needing more color, or wanting a more vibrant or expressive palette.
+version: 2.1.1
+user-invocable: true
+argument-hint: "[target]"
+---
+
+Strategically introduce color to designs that are too monochromatic, gray, or lacking in visual warmth and personality.
+
+## MANDATORY PREPARATION
+
+Invoke /impeccable — it contains design principles, anti-patterns, and the **Context Gathering Protocol**. Follow the protocol before proceeding — if no design context exists yet, you MUST run /impeccable teach first. Additionally gather: existing brand colors.
+
+---
+
+## Assess Color Opportunity
+
+Analyze the current state and identify opportunities:
+
+1. **Understand current state**:
+   - **Color absence**: Pure grayscale? Limited neutrals? One timid accent?
+   - **Missed opportunities**: Where could color add meaning, hierarchy, or delight?
+   - **Context**: What's appropriate for this domain and audience?
+   - **Brand**: Are there existing brand colors we should use?
+
+2. **Identify where color adds value**:
+   - **Semantic meaning**: Success (green), error (red), warning (yellow/orange), info (blue)
+   - **Hierarchy**: Drawing attention to important elements
+   - **Categorization**: Different sections, types, or states
+   - **Emotional tone**: Warmth, energy, trust, creativity
+   - **Wayfinding**: Helping users navigate and understand structure
+   - **Delight**: Moments of visual interest and personality
+
+If any of these are unclear from the codebase, ask the user directly to clarify what you cannot infer.
+
+**CRITICAL**: More color ≠ better. Strategic color beats rainbow vomit every time. Every color should have a purpose.
+
+## Plan Color Strategy
+
+Create a purposeful color introduction plan:
+
+- **Color palette**: What colors match the brand/context? (Choose 2-4 colors max beyond neutrals)
+- **Dominant color**: Which color owns 60% of colored elements?
+- **Accent colors**: Which colors provide contrast and highlights? (30% and 10%)
+- **Application strategy**: Where does each color appear and why?
+
+**IMPORTANT**: Color should enhance hierarchy and meaning, not create chaos. Less is more when it matters more.
+
+## Introduce Color Strategically
+
+Add color systematically across these dimensions:
+
+### Semantic Color
+- **State indicators**:
+  - Success: Green tones (emerald, forest, mint)
+  - Error: Red/pink tones (rose, crimson, coral)
+  - Warning: Orange/amber tones
+  - Info: Blue tones (sky, ocean, indigo)
+  - Neutral: Gray/slate for inactive states
+
+- **Status badges**: Colored backgrounds or borders for states (active, pending, completed, etc.)
+- **Progress indicators**: Colored bars, rings, or charts showing completion or health
+
+### Accent Color Application
+- **Primary actions**: Color the most important buttons/CTAs
+- **Links**: Add color to clickable text (maintain accessibility)
+- **Icons**: Colorize key icons for recognition and personality
+- **Headers/titles**: Add color to section headers or key labels
+- **Hover states**: Introduce color on interaction
+
+### Background & Surfaces
+- **Tinted backgrounds**: Replace pure gray (`#f5f5f5`) with warm neutrals (`oklch(97% 0.01 60)`) or cool tints (`oklch(97% 0.01 250)`)
+- **Colored sections**: Use subtle background colors to separate areas
+- **Gradient backgrounds**: Add depth with subtle, intentional gradients (not generic purple-blue)
+- **Cards & surfaces**: Tint cards or surfaces slightly for warmth
+
+**Use OKLCH for color**: It's perceptually uniform, meaning equal steps in lightness *look* equal. Great for generating harmonious scales.
+
+### Data Visualization
+- **Charts & graphs**: Use color to encode categories or values
+- **Heatmaps**: Color intensity shows density or importance
+- **Comparison**: Color coding for different datasets or timeframes
+
+### Borders & Accents
+- **Accent borders**: Add colored left/top borders to cards or sections
+- **Underlines**: Color underlines for emphasis or active states
+- **Dividers**: Subtle colored dividers instead of gray lines
+- **Focus rings**: Colored focus indicators matching brand
+
+### Typography Color
+- **Colored headings**: Use brand colors for section headings (maintain contrast)
+- **Highlight text**: Color for emphasis or categories
+- **Labels & tags**: Small colored labels for metadata or categories
+
+### Decorative Elements
+- **Illustrations**: Add colored illustrations or icons
+- **Shapes**: Geometric shapes in brand colors as background elements
+- **Gradients**: Colorful gradient overlays or mesh backgrounds
+- **Blobs/organic shapes**: Soft colored shapes for visual interest
+
+## Balance & Refinement
+
+Ensure color addition improves rather than overwhelms:
+
+### Maintain Hierarchy
+- **Dominant color** (60%): Primary brand color or most used accent
+- **Secondary color** (30%): Supporting color for variety
+- **Accent color** (10%): High contrast for key moments
+- **Neutrals** (remaining): Gray/black/white for structure
+
+### Accessibility
+- **Contrast ratios**: Ensure WCAG compliance (4.5:1 for text, 3:1 for UI components)
+- **Don't rely on color alone**: Use icons, labels, or patterns alongside color
+- **Test for color blindness**: Verify red/green combinations work for all users
+
+### Cohesion
+- **Consistent palette**: Use colors from defined palette, not arbitrary choices
+- **Systematic application**: Same color meanings throughout (green always = success)
+- **Temperature consistency**: Warm palette stays warm, cool stays cool
+
+**NEVER**:
+- Use every color in the rainbow (choose 2-4 colors beyond neutrals)
+- Apply color randomly without semantic meaning
+- Put gray text on colored backgrounds—it looks washed out; use a darker shade of the background color or transparency instead
+- Use pure gray for neutrals—add subtle color tint (warm or cool) for sophistication
+- Use pure black (`#000`) or pure white (`#fff`) for large areas
+- Violate WCAG contrast requirements
+- Use color as the only indicator (accessibility issue)
+- Make everything colorful (defeats the purpose)
+- Default to purple-blue gradients (AI slop aesthetic)
+
+## Verify Color Addition
+
+Test that colorization improves the experience:
+
+- **Better hierarchy**: Does color guide attention appropriately?
+- **Clearer meaning**: Does color help users understand states/categories?
+- **More engaging**: Does the interface feel warmer and more inviting?
+- **Still accessible**: Do all color combinations meet WCAG standards?
+- **Not overwhelming**: Is color balanced and purposeful?
+
+Remember: Color is emotional and powerful. Use it to create warmth, guide attention, communicate meaning, and express personality. But restraint and strategy matter more than saturation and variety. Be colorful, but be intentional.
\ No newline at end of file
diff --git a/.agents/skills/critique/SKILL.md b/.agents/skills/critique/SKILL.md
new file mode 100644
index 00000000..a827f224
--- /dev/null
+++ b/.agents/skills/critique/SKILL.md
@@ -0,0 +1,225 @@
+---
+name: critique
+description: Evaluate design from a UX perspective, assessing visual hierarchy, information architecture, emotional resonance, cognitive load, and overall quality with quantitative scoring, persona-based testing, automated anti-pattern detection, and actionable feedback. Use when the user asks to review, critique, evaluate, or give feedback on a design or component.
+version: 2.1.1
+user-invocable: true
+argument-hint: "[area (feature, page, component...)]"
+---
+
+## STEPS
+
+### Step 1: Preparation
+
+Invoke /impeccable, which contains design principles, anti-patterns, and the **Context Gathering Protocol**. Follow the protocol before proceeding. If no design context exists yet, you MUST run /impeccable teach first. Additionally gather: what the interface is trying to accomplish.
+
+### Step 2: Gather Assessments
+
+Launch two independent assessments. **Neither must see the other's output** to avoid bias.
+
+You SHOULD delegate each assessment to a separate sub-agent for independence. Use your environment's agent spawning mechanism (e.g., Claude Code's `Agent` tool, or Codex's subagent spawning). Sub-agents should return their findings as structured text. Do NOT output findings to the user yet.
+
+If sub-agents are not available in the current environment, complete each assessment sequentially, writing findings to internal notes before proceeding.
+
+**Tab isolation**: When browser automation is available, each assessment MUST create its own new tab. Never reuse an existing tab, even if one is already open at the correct URL. This prevents the two assessments from interfering with each other's page state.
+
+#### Assessment A: LLM Design Review
+
+Read the relevant source files (HTML, CSS, JS/TS) and, if browser automation is available, visually inspect the live page. **Create a new tab** for this; do not reuse existing tabs. After navigation, label the tab by setting the document title:
+```javascript
+document.title = '[LLM] ' + document.title;
+```
+Think like a design director. Evaluate:
+
+**AI Slop Detection (CRITICAL)**: Does this look like every other AI-generated interface? Review against ALL **DON'T** guidelines in the impeccable skill. Check for AI color palette, gradient text, dark glows, glassmorphism, hero metric layouts, identical card grids, generic fonts, and all other tells. **The test**: If someone said "AI made this," would you believe them immediately?
+
+**Holistic Design Review**: visual hierarchy (eye flow, primary action clarity), information architecture (structure, grouping, cognitive load), emotional resonance (does it match brand and audience?), discoverability (are interactive elements obvious?), composition (balance, whitespace, rhythm), typography (hierarchy, readability, font choices), color (purposeful use, cohesion, accessibility), states & edge cases (empty, loading, error, success), microcopy (clarity, tone, helpfulness).
+
+**Cognitive Load** (consult [cognitive-load](reference/cognitive-load.md)):
+- Run the 8-item cognitive load checklist. Report failure count: 0-1 = low (good), 2-3 = moderate, 4+ = critical.
+- Count visible options at each decision point. If >4, flag it.
+- Check for progressive disclosure: is complexity revealed only when needed?
+
+**Emotional Journey**:
+- What emotion does this interface evoke? Is that intentional?
+- **Peak-end rule**: Is the most intense moment positive? Does the experience end well?
+- **Emotional valleys**: Check for anxiety spikes at high-stakes moments (payment, delete, commit). Are there design interventions (progress indicators, reassurance copy, undo options)?
+
+**Nielsen's Heuristics** (consult [heuristics-scoring](reference/heuristics-scoring.md)):
+Score each of the 10 heuristics 0-4. This scoring will be presented in the report.
+
+Return structured findings covering: AI slop verdict, heuristic scores, cognitive load assessment, what's working (2-3 items), priority issues (3-5 with what/why/fix), minor observations, and provocative questions.
+
+#### Assessment B: Automated Detection
+
+Run the bundled deterministic detector, which flags 25 specific patterns (AI slop tells + general design quality).
+
+**CLI scan**:
+```bash
+npx impeccable --json [--fast] [target]
+```
+
+- Pass HTML/JSX/TSX/Vue/Svelte files or directories as `[target]` (anything with markup). Do not pass CSS-only files.
+- For URLs, skip the CLI scan (it requires Puppeteer). Use browser visualization instead.
+- For large directories (200+ scannable files), use `--fast` (regex-only, skips jsdom)
+- For 500+ files, narrow scope or ask the user
+- Exit code 0 = clean, 2 = findings
+
+**Browser visualization** (when browser automation tools are available AND the target is a viewable page):
+
+The overlay is a **visual aid for the user**. It highlights issues directly in their browser. Do NOT scroll through the page to screenshot overlays. Instead, read the console output to get the results programmatically.
+
+1. **Start the live detection server**:
+   ```bash
+   npx impeccable live &
+   ```
+   Note the port printed to stdout (auto-assigned). Use `--port=PORT` to fix it.
+2. **Create a new tab** and navigate to the page (use dev server URL for local files, or direct URL). Do not reuse existing tabs.
+3. **Label the tab** via `javascript_tool` so the user can distinguish it:
+   ```javascript
+   document.title = '[Human] ' + document.title;
+   ```
+4. **Scroll to top** to ensure the page is scrolled to the very top before injection
+5. **Inject** via `javascript_tool` (replace PORT with the port from step 1):
+   ```javascript
+   const s = document.createElement('script'); s.src = 'http://localhost:PORT/detect.js'; document.head.appendChild(s);
+   ```
+6. Wait 2-3 seconds for the detector to render overlays
+7. **Read results from console** using `read_console_messages` with pattern `impeccable`. The detector logs all findings with the `[impeccable]` prefix. Do NOT scroll through the page to take screenshots of the overlays.
+8. **Cleanup**: Stop the live server when done:
+   ```bash
+   npx impeccable live stop
+   ```
+
+For multi-view targets, inject on 3-5 representative pages. If injection fails, continue with CLI results only.
+
+Return: CLI findings (JSON), browser console findings (if applicable), and any false positives noted.
+
+### Step 3: Generate Combined Critique Report
+
+Synthesize both assessments into a single report. Do NOT simply concatenate. Weave the findings together, noting where the LLM review and detector agree, where the detector caught issues the LLM missed, and where detector findings are false positives.
+
+Structure your feedback as a design director would:
+
+#### Design Health Score
+> *Consult [heuristics-scoring](reference/heuristics-scoring.md)*
+
+Present the Nielsen's 10 heuristics scores as a table:
+
+| # | Heuristic | Score | Key Issue |
+|---|-----------|-------|-----------|
+| 1 | Visibility of System Status | ? | [specific finding or "n/a" if solid] |
+| 2 | Match System / Real World | ? | |
+| 3 | User Control and Freedom | ? | |
+| 4 | Consistency and Standards | ? | |
+| 5 | Error Prevention | ? | |
+| 6 | Recognition Rather Than Recall | ? | |
+| 7 | Flexibility and Efficiency | ? | |
+| 8 | Aesthetic and Minimalist Design | ? | |
+| 9 | Error Recovery | ? | |
+| 10 | Help and Documentation | ? | |
+| **Total** | | **??/40** | **[Rating band]** |
+
+Be honest with scores. A 4 means genuinely excellent. Most real interfaces score 20-32.
+
+#### Anti-Patterns Verdict
+
+**Start here.** Does this look AI-generated?
+
+**LLM assessment**: Your own evaluation of AI slop tells. Cover overall aesthetic feel, layout sameness, generic composition, missed opportunities for personality.
+
+**Deterministic scan**: Summarize what the automated detector found, with counts and file locations. Note any additional issues the detector caught that you missed, and flag any false positives.
+
+**Visual overlays** (if browser was used): Tell the user that overlays are now visible in the **[Human]** tab in their browser, highlighting the detected issues. Summarize what the console output reported.
+
+#### Overall Impression
+A brief gut reaction: what works, what doesn't, and the single biggest opportunity.
+
+#### What's Working
+Highlight 2-3 things done well. Be specific about why they work.
+
+#### Priority Issues
+The 3-5 most impactful design problems, ordered by importance.
+
+For each issue, tag with **P0-P3 severity** (consult [heuristics-scoring](reference/heuristics-scoring.md) for severity definitions):
+- **[P?] What**: Name the problem clearly
+- **Why it matters**: How this hurts users or undermines goals
+- **Fix**: What to do about it (be concrete)
+- **Suggested command**: Which command could address this (from: /animate, /quieter, /shape, /optimize, /adapt, /clarify, /layout, /distill, /delight, /audit, /harden, /polish, /bolder, /typeset, /critique, /colorize, /overdrive)
+
+#### Persona Red Flags
+> *Consult [personas](reference/personas.md)*
+
+Auto-select 2-3 personas most relevant to this interface type (use the selection table in the reference). If `.github/copilot-instructions.md` contains a `## Design Context` section from `impeccable teach`, also generate 1-2 project-specific personas from the audience/brand info.
+
+For each selected persona, walk through the primary user action and list specific red flags found:
+
+**Alex (Power User)**: No keyboard shortcuts detected. Form requires 8 clicks for primary action. Forced modal onboarding. High abandonment risk.
+
+**Jordan (First-Timer)**: Icon-only nav in sidebar. Technical jargon in error messages ("404 Not Found"). No visible help. Will abandon at step 2.
+
+Be specific. Name the exact elements and interactions that fail each persona. Don't write generic persona descriptions; write what broke for them.
+
+#### Minor Observations
+Quick notes on smaller issues worth addressing.
+
+#### Questions to Consider
+Provocative questions that might unlock better solutions:
+- "What if the primary action were more prominent?"
+- "Does this need to feel this complex?"
+- "What would a confident version of this look like?"
+
+**Remember**:
+- Be direct. Vague feedback wastes everyone's time.
+- Be specific. "The submit button," not "some elements."
+- Say what's wrong AND why it matters to users.
+- Give concrete suggestions, not just "consider exploring..."
+- Prioritize ruthlessly. If everything is important, nothing is.
+- Don't soften criticism. Developers need honest feedback to ship great design.
+
+### Step 4: Ask the User
+
+**After presenting findings**, use targeted questions based on what was actually found. ask the user directly to clarify what you cannot infer. These answers will shape the action plan.
+
+Ask questions along these lines (adapt to the specific findings; do NOT ask generic questions):
+
+1. **Priority direction**: Based on the issues found, ask which category matters most to the user right now. For example: "I found problems with visual hierarchy, color usage, and information overload. Which area should we tackle first?" Offer the top 2-3 issue categories as options.
+
+2. **Design intent**: If the critique found a tonal mismatch, ask whether it was intentional. For example: "The interface feels clinical and corporate. Is that the intended tone, or should it feel warmer/bolder/more playful?" Offer 2-3 tonal directions as options based on what would fix the issues found.
+
+3. **Scope**: Ask how much the user wants to take on. For example: "I found N issues. Want to address everything, or focus on the top 3?" Offer scope options like "Top 3 only", "All issues", "Critical issues only".
+
+4. **Constraints** (optional; only ask if relevant): If the findings touch many areas, ask if anything is off-limits. For example: "Should any sections stay as-is?" This prevents the plan from touching things the user considers done.
+
+**Rules for questions**:
+- Every question must reference specific findings from the report. Never ask generic "who is your audience?" questions.
+- Keep it to 2-4 questions maximum. Respect the user's time.
+- Offer concrete options, not open-ended prompts.
+- If findings are straightforward (e.g., only 1-2 clear issues), skip questions and go directly to Step 5.
+
+### Step 5: Recommended Actions
+
+**After receiving the user's answers**, present a prioritized action summary reflecting the user's priorities and scope from Step 4.
+
+#### Action Summary
+
+List recommended commands in priority order, based on the user's answers:
+
+1. **`/command-name`**: Brief description of what to fix (specific context from critique findings)
+2. **`/command-name`**: Brief description (specific context)
+...
+
+**Rules for recommendations**:
+- Only recommend commands from: /animate, /quieter, /shape, /optimize, /adapt, /clarify, /layout, /distill, /delight, /audit, /harden, /polish, /bolder, /typeset, /critique, /colorize, /overdrive
+- Order by the user's stated priorities first, then by impact
+- Each item's description should carry enough context that the command knows what to focus on
+- Map each Priority Issue to the appropriate command
+- Skip commands that would address zero issues
+- If the user chose a limited scope, only include items within that scope
+- If the user marked areas as off-limits, exclude commands that would touch those areas
+- End with `/polish` as the final step if any fixes were recommended
+
+After presenting the summary, tell the user:
+
+> You can ask me to run these one at a time, all at once, or in any order you prefer.
+>
+> Re-run `/critique` after fixes to see your score improve.
\ No newline at end of file
diff --git a/.agents/skills/critique/reference/cognitive-load.md b/.agents/skills/critique/reference/cognitive-load.md
new file mode 100644
index 00000000..313df166
--- /dev/null
+++ b/.agents/skills/critique/reference/cognitive-load.md
@@ -0,0 +1,106 @@
+# Cognitive Load Assessment
+
+Cognitive load is the total mental effort required to use an interface. Overloaded users make mistakes, get frustrated, and leave. This reference helps identify and fix cognitive overload.
+
+---
+
+## Three Types of Cognitive Load
+
+### Intrinsic Load — The Task Itself
+Complexity inherent to what the user is trying to do. You can't eliminate this, but you can structure it.
+
+**Manage it by**:
+- Breaking complex tasks into discrete steps
+- Providing scaffolding (templates, defaults, examples)
+- Progressive disclosure — show what's needed now, hide the rest
+- Grouping related decisions together
+
+### Extraneous Load — Bad Design
+Mental effort caused by poor design choices. **Eliminate this ruthlessly** — it's pure waste.
+
+**Common sources**:
+- Confusing navigation that requires mental mapping
+- Unclear labels that force users to guess meaning
+- Visual clutter competing for attention
+- Inconsistent patterns that prevent learning
+- Unnecessary steps between user intent and result
+
+### Germane Load — Learning Effort
+Mental effort spent building understanding. This is *good* cognitive load — it leads to mastery.
+
+**Support it by**:
+- Progressive disclosure that reveals complexity gradually
+- Consistent patterns that reward learning
+- Feedback that confirms correct understanding
+- Onboarding that teaches through action, not walls of text
+
+---
+
+## Cognitive Load Checklist
+
+Evaluate the interface against these 8 items:
+
+- [ ] **Single focus**: Can the user complete their primary task without distraction from competing elements?
+- [ ] **Chunking**: Is information presented in digestible groups (≤4 items per group)?
+- [ ] **Grouping**: Are related items visually grouped together (proximity, borders, shared background)?
+- [ ] **Visual hierarchy**: Is it immediately clear what's most important on the screen?
+- [ ] **One thing at a time**: Can the user focus on a single decision before moving to the next?
+- [ ] **Minimal choices**: Are decisions simplified (≤4 visible options at any decision point)?
+- [ ] **Working memory**: Does the user need to remember information from a previous screen to act on the current one?
+- [ ] **Progressive disclosure**: Is complexity revealed only when the user needs it?
+
+**Scoring**: Count the failed items. 0–1 failures = low cognitive load (good). 2–3 = moderate (address soon). 4+ = high cognitive load (critical fix needed).
+
+---
+
+## The Working Memory Rule
+
+**Humans can hold ≤4 items in working memory at once** (Miller's Law revised by Cowan, 2001).
+
+At any decision point, count the number of distinct options, actions, or pieces of information a user must simultaneously consider:
+- **≤4 items**: Within working memory limits — manageable
+- **5–7 items**: Pushing the boundary — consider grouping or progressive disclosure
+- **8+ items**: Overloaded — users will skip, misclick, or abandon
+
+**Practical applications**:
+- Navigation menus: ≤5 top-level items (group the rest under clear categories)
+- Form sections: ≤4 fields visible per group before a visual break
+- Action buttons: 1 primary, 1–2 secondary, group the rest in a menu
+- Dashboard widgets: ≤4 key metrics visible without scrolling
+- Pricing tiers: ≤3 options (more causes analysis paralysis)
+
+---
+
+## Common Cognitive Load Violations
+
+### 1. The Wall of Options
+**Problem**: Presenting 10+ choices at once with no hierarchy.
+**Fix**: Group into categories, highlight recommended, use progressive disclosure.
+
+### 2. The Memory Bridge
+**Problem**: User must remember info from step 1 to complete step 3.
+**Fix**: Keep relevant context visible, or repeat it where it's needed.
+
+### 3. The Hidden Navigation
+**Problem**: User must build a mental map of where things are.
+**Fix**: Always show current location (breadcrumbs, active states, progress indicators).
+
+### 4. The Jargon Barrier
+**Problem**: Technical or domain language forces translation effort.
+**Fix**: Use plain language. If domain terms are unavoidable, define them inline.
+
+### 5. The Visual Noise Floor
+**Problem**: Every element has the same visual weight — nothing stands out.
+**Fix**: Establish clear hierarchy: one primary element, 2–3 secondary, everything else muted.
+
+### 6. The Inconsistent Pattern
+**Problem**: Similar actions work differently in different places.
+**Fix**: Standardize interaction patterns. Same type of action = same type of UI.
+
+### 7. The Multi-Task Demand
+**Problem**: Interface requires processing multiple simultaneous inputs (reading + deciding + navigating).
+**Fix**: Sequence the steps. Let the user do one thing at a time.
+
+### 8. The Context Switch
+**Problem**: User must jump between screens/tabs/modals to gather info for a single decision.
+**Fix**: Co-locate the information needed for each decision. Reduce back-and-forth.
diff --git a/.agents/skills/critique/reference/heuristics-scoring.md b/.agents/skills/critique/reference/heuristics-scoring.md
new file mode 100644
index 00000000..fd5b1b08
--- /dev/null
+++ b/.agents/skills/critique/reference/heuristics-scoring.md
@@ -0,0 +1,234 @@
+# Heuristics Scoring Guide
+
+Score each of Nielsen's 10 Usability Heuristics on a 0–4 scale. Be honest — a 4 means genuinely excellent, not "good enough."
+
+## Nielsen's 10 Heuristics
+
+### 1. Visibility of System Status
+
+Keep users informed about what's happening through timely, appropriate feedback.
+
+**Check for**:
+- Loading indicators during async operations
+- Confirmation of user actions (save, submit, delete)
+- Progress indicators for multi-step processes
+- Current location in navigation (breadcrumbs, active states)
+- Form validation feedback (inline, not just on submit)
+
+**Scoring**:
+| Score | Criteria |
+|-------|----------|
+| 0 | No feedback — user is guessing what happened |
+| 1 | Rare feedback — most actions produce no visible response |
+| 2 | Partial — some states communicated, major gaps remain |
+| 3 | Good — most operations give clear feedback, minor gaps |
+| 4 | Excellent — every action confirms, progress is always visible |
+
+### 2. Match Between System and Real World
+
+Speak the user's language. Follow real-world conventions. Information appears in natural, logical order.
+
+**Check for**:
+- Familiar terminology (no unexplained jargon)
+- Logical information order matching user expectations
+- Recognizable icons and metaphors
+- Domain-appropriate language for the target audience
+- Natural reading flow (left-to-right, top-to-bottom priority)
+
+**Scoring**:
+| Score | Criteria |
+|-------|----------|
+| 0 | Pure tech jargon, alien to users |
+| 1 | Mostly confusing — requires domain expertise to navigate |
+| 2 | Mixed — some plain language, some jargon leaks through |
+| 3 | Mostly natural — occasional term needs context |
+| 4 | Speaks the user's language fluently throughout |
+
+### 3. User Control and Freedom
+
+Users need a clear "emergency exit" from unwanted states without extended dialogue.
+
+**Check for**:
+- Undo/redo functionality
+- Cancel buttons on forms and modals
+- Clear navigation back to safety (home, previous)
+- Easy way to clear filters, search, selections
+- Escape from long or multi-step processes
+
+**Scoring**:
+| Score | Criteria |
+|-------|----------|
+| 0 | Users get trapped — no way out without refreshing |
+| 1 | Difficult exits — must find obscure paths to escape |
+| 2 | Some exits — main flows have escape, edge cases don't |
+| 3 | Good control — users can exit and undo most actions |
+| 4 | Full control — undo, cancel, back, and escape everywhere |
+
+### 4. Consistency and Standards
+
+Users shouldn't wonder whether different words, situations, or actions mean the same thing.
+
+**Check for**:
+- Consistent terminology throughout the interface
+- Same actions produce same results everywhere
+- Platform conventions followed (standard UI patterns)
+- Visual consistency (colors, typography, spacing, components)
+- Consistent interaction patterns (same gesture = same behavior)
+
+**Scoring**:
+| Score | Criteria |
+|-------|----------|
+| 0 | Inconsistent everywhere — feels like different products stitched together |
+| 1 | Many inconsistencies — similar things look/behave differently |
+| 2 | Partially consistent — main flows match, details diverge |
+| 3 | Mostly consistent — occasional deviation, nothing confusing |
+| 4 | Fully consistent — cohesive system, predictable behavior |
+
+### 5. Error Prevention
+
+Better than good error messages is a design that prevents problems in the first place.
+
+**Check for**:
+- Confirmation before destructive actions (delete, overwrite)
+- Constraints preventing invalid input (date pickers, dropdowns)
+- Smart defaults that reduce errors
+- Clear labels that prevent misunderstanding
+- Autosave and draft recovery
+
+**Scoring**:
+| Score | Criteria |
+|-------|----------|
+| 0 | Errors easy to make — no guardrails anywhere |
+| 1 | Few safeguards — some inputs validated, most aren't |
+| 2 | Partial prevention — common errors caught, edge cases slip |
+| 3 | Good prevention — most error paths blocked proactively |
+| 4 | Excellent — errors nearly impossible through smart constraints |
+
+### 6. Recognition Rather Than Recall
+
+Minimize memory load. Make objects, actions, and options visible or easily retrievable.
+
+**Check for**:
+- Visible options (not buried in hidden menus)
+- Contextual help when needed (tooltips, inline hints)
+- Recent items and history
+- Autocomplete and suggestions
+- Labels on icons (not icon-only navigation)
+
+**Scoring**:
+| Score | Criteria |
+|-------|----------|
+| 0 | Heavy memorization — users must remember paths and commands |
+| 1 | Mostly recall — many hidden features, few visible cues |
+| 2 | Some aids — main actions visible, secondary features hidden |
+| 3 | Good recognition — most things discoverable, few memory demands |
+| 4 | Everything discoverable — users never need to memorize |
+
+### 7. Flexibility and Efficiency of Use
+
+Accelerators — invisible to novices — speed up expert interaction.
+
+**Check for**:
+- Keyboard shortcuts for common actions
+- Customizable interface elements
+- Recent items and favorites
+- Bulk/batch actions
+- Power user features that don't complicate the basics
+
+**Scoring**:
+| Score | Criteria |
+|-------|----------|
+| 0 | One rigid path — no shortcuts or alternatives |
+| 1 | Limited flexibility — few alternatives to the main path |
+| 2 | Some shortcuts — basic keyboard support, limited bulk actions |
+| 3 | Good accelerators — keyboard nav, some customization |
+| 4 | Highly flexible — multiple paths, power features, customizable |
+
+### 8. Aesthetic and Minimalist Design
+
+Interfaces should not contain irrelevant or rarely needed information. Every element should serve a purpose.
+
+**Check for**:
+- Only necessary information visible at each step
+- Clear visual hierarchy directing attention
+- Purposeful use of color and emphasis
+- No decorative clutter competing for attention
+- Focused, uncluttered layouts
+
+**Scoring**:
+| Score | Criteria |
+|-------|----------|
+| 0 | Overwhelming — everything competes for attention equally |
+| 1 | Cluttered — too much noise, hard to find what matters |
+| 2 | Some clutter — main content clear, periphery noisy |
+| 3 | Mostly clean — focused design, minor visual noise |
+| 4 | Perfectly minimal — every element earns its pixel |
+
+### 9. Help Users Recognize, Diagnose, and Recover from Errors
+
+Error messages should use plain language, precisely indicate the problem, and constructively suggest a solution.
+
+**Check for**:
+- Plain language error messages (no error codes for users)
+- Specific problem identification ("Email is missing @" not "Invalid input")
+- Actionable recovery suggestions
+- Errors displayed near the source of the problem
+- Non-blocking error handling (don't wipe the form)
+
+**Scoring**:
+| Score | Criteria |
+|-------|----------|
+| 0 | Cryptic errors — codes, jargon, or no message at all |
+| 1 | Vague errors — "Something went wrong" with no guidance |
+| 2 | Clear but unhelpful — names the problem but not the fix |
+| 3 | Clear with suggestions — identifies problem and offers next steps |
+| 4 | Perfect recovery — pinpoints issue, suggests fix, preserves user work |
+
+### 10. Help and Documentation
+
+Even if the system is usable without docs, help should be easy to find, task-focused, and concise.
+
+**Check for**:
+- Searchable help or documentation
+- Contextual help (tooltips, inline hints, guided tours)
+- Task-focused organization (not feature-organized)
+- Concise, scannable content
+- Easy access without leaving current context
+
+**Scoring**:
+| Score | Criteria |
+|-------|----------|
+| 0 | No help available anywhere |
+| 1 | Help exists but hard to find or irrelevant |
+| 2 | Basic help — FAQ or docs exist, not contextual |
+| 3 | Good documentation — searchable, mostly task-focused |
+| 4 | Excellent contextual help — right info at the right moment |
+
+---
+
+## Score Summary
+
+**Total possible**: 40 points (10 heuristics × 4 max)
+
+| Score Range | Rating | What It Means |
+|-------------|--------|---------------|
+| 36–40 | Excellent | Minor polish only — ship it |
+| 28–35 | Good | Address weak areas, solid foundation |
+| 20–27 | Acceptable | Significant improvements needed before users are happy |
+| 12–19 | Poor | Major UX overhaul required — core experience broken |
+| 0–11 | Critical | Redesign needed — unusable in current state |
+
+---
+
+## Issue Severity (P0–P3)
+
+Tag each individual issue found during scoring with a priority level:
+
+| Priority | Name | Description | Action |
+|----------|------|-------------|--------|
+| **P0** | Blocking | Prevents task completion entirely | Fix immediately — this is a showstopper |
+| **P1** | Major | Causes significant difficulty or confusion | Fix before release |
+| **P2** | Minor | Annoyance, but workaround exists | Fix in next pass |
+| **P3** | Polish | Nice-to-fix, no real user impact | Fix if time permits |
+
+**Tip**: If you're unsure between two levels, ask: "Would a user contact support about this?" If yes, it's at least P1.
diff --git a/.agents/skills/critique/reference/personas.md b/.agents/skills/critique/reference/personas.md
new file mode 100644
index 00000000..a22606aa
--- /dev/null
+++ b/.agents/skills/critique/reference/personas.md
@@ -0,0 +1,178 @@
+# Persona-Based Design Testing
+
+Test the interface through the eyes of 5 distinct user archetypes. Each persona exposes different failure modes that a single "design director" perspective would miss.
+
+**How to use**: Select 2–3 personas most relevant to the interface being critiqued. Walk through the primary user action as each persona. Report specific red flags — not generic concerns.
+
+---
+
+## 1. Impatient Power User — "Alex"
+
+**Profile**: Expert with similar products. Expects efficiency, hates hand-holding. Will find shortcuts or leave.
+
+**Behaviors**:
+- Skips all onboarding and instructions
+- Looks for keyboard shortcuts immediately
+- Tries to bulk-select, batch-edit, and automate
+- Gets frustrated by required steps that feel unnecessary
+- Abandons if anything feels slow or patronizing
+
+**Test Questions**:
+- Can Alex complete the core task in under 60 seconds?
+- Are there keyboard shortcuts for common actions?
+- Can onboarding be skipped entirely?
+- Do modals have keyboard dismiss (Esc)?
+- Is there a "power user" path (shortcuts, bulk actions)?
+
+**Red Flags** (report these specifically):
+- Forced tutorials or unskippable onboarding
+- No keyboard navigation for primary actions
+- Slow animations that can't be skipped
+- One-item-at-a-time workflows where batch would be natural
+- Redundant confirmation steps for low-risk actions
+
+---
+
+## 2. Confused First-Timer — "Jordan"
+
+**Profile**: Never used this type of product. Needs guidance at every step. Will abandon rather than figure it out.
+
+**Behaviors**:
+- Reads all instructions carefully
+- Hesitates before clicking anything unfamiliar
+- Looks for help or support constantly
+- Misunderstands jargon and abbreviations
+- Takes the most literal interpretation of any label
+
+**Test Questions**:
+- Is the first action obviously clear within 5 seconds?
+- Are all icons labeled with text?
+- Is there contextual help at decision points?
+- Does terminology assume prior knowledge?
+- Is there a clear "back" or "undo" at every step?
+
+**Red Flags** (report these specifically):
+- Icon-only navigation with no labels
+- Technical jargon without explanation
+- No visible help option or guidance
+- Ambiguous next steps after completing an action
+- No confirmation that an action succeeded
+
+---
+
+## 3. Accessibility-Dependent User — "Sam"
+
+**Profile**: Uses screen reader (VoiceOver/NVDA), keyboard-only navigation. May have low vision, motor impairment, or cognitive differences.
+
+**Behaviors**:
+- Tabs through the interface linearly
+- Relies on ARIA labels and heading structure
+- Cannot see hover states or visual-only indicators
+- Needs adequate color contrast (4.5:1 minimum)
+- May use browser zoom up to 200%
+
+**Test Questions**:
+- Can the entire primary flow be completed keyboard-only?
+- Are all interactive elements focusable with visible focus indicators?
+- Do images have meaningful alt text?
+- Is color contrast WCAG AA compliant (4.5:1 for text)?
+- Does the screen reader announce state changes (loading, success, errors)?
+
+**Red Flags** (report these specifically):
+- Click-only interactions with no keyboard alternative
+- Missing or invisible focus indicators
+- Meaning conveyed by color alone (red = error, green = success)
+- Unlabeled form fields or buttons
+- Time-limited actions without extension option
+- Custom components that break screen reader flow
+
+---
+
+## 4. Deliberate Stress Tester — "Riley"
+
+**Profile**: Methodical user who pushes interfaces beyond the happy path. Tests edge cases, tries unexpected inputs, and probes for gaps in the experience.
+
+**Behaviors**:
+- Tests edge cases intentionally (empty states, long strings, special characters)
+- Submits forms with unexpected data (emoji, RTL text, very long values)
+- Tries to break workflows by navigating backwards, refreshing mid-flow, or opening in multiple tabs
+- Looks for inconsistencies between what the UI promises and what actually happens
+- Documents problems methodically
+
+**Test Questions**:
+- What happens at the edges (0 items, 1000 items, very long text)?
+- Do error states recover gracefully or leave the UI in a broken state?
+- What happens on refresh mid-workflow? Is state preserved?
+- Are there features that appear to work but produce broken results?
+- How does the UI handle unexpected input (emoji, special chars, paste from Excel)?
+
+**Red Flags** (report these specifically):
+- Features that appear to work but silently fail or produce wrong results
+- Error handling that exposes technical details or leaves UI in a broken state
+- Empty states that show nothing useful ("No results" with no guidance)
+- Workflows that lose user data on refresh or navigation
+- Inconsistent behavior between similar interactions in different parts of the UI
+
+---
+
+## 5. Distracted Mobile User — "Casey"
+
+**Profile**: Using phone one-handed on the go. Frequently interrupted. Possibly on a slow connection.
+
+**Behaviors**:
+- Uses thumb only — prefers bottom-of-screen actions
+- Gets interrupted mid-flow and returns later
+- Switches between apps frequently
+- Has limited attention span and low patience
+- Types as little as possible, prefers taps and selections
+
+**Test Questions**:
+- Are primary actions in the thumb zone (bottom half of screen)?
+- Is state preserved if the user leaves and returns?
+- Does it work on slow connections (3G)?
+- Can forms leverage autocomplete and smart defaults?
+- Are touch targets at least 44×44pt?
+
+**Red Flags** (report these specifically):
+- Important actions positioned at the top of the screen (unreachable by thumb)
+- No state persistence — progress lost on tab switch or interruption
+- Large text inputs required where selection would work
+- Heavy assets loading on every page (no lazy loading)
+- Tiny tap targets or targets too close together
+
+---
+
+## Selecting Personas
+
+Choose personas based on the interface type:
+
+| Interface Type | Primary Personas | Why |
+|---------------|-----------------|-----|
+| Landing page / marketing | Jordan, Riley, Casey | First impressions, trust, mobile |
+| Dashboard / admin | Alex, Sam | Power users, accessibility |
+| E-commerce / checkout | Casey, Riley, Jordan | Mobile, edge cases, clarity |
+| Onboarding flow | Jordan, Casey | Confusion, interruption |
+| Data-heavy / analytics | Alex, Sam | Efficiency, keyboard nav |
+| Form-heavy / wizard | Jordan, Sam, Casey | Clarity, accessibility, mobile |
+
+---
+
+## Project-Specific Personas
+
+If `.github/copilot-instructions.md` contains a `## Design Context` section (generated by `impeccable teach`), derive 1–2 additional personas from the audience and brand information:
+
+1. Read the target audience description
+2. Identify the primary user archetype not covered by the 5 predefined personas
+3. Create a persona following this template:
+
+```
+### [Role] — "[Name]"
+
+**Profile**: [2-3 key characteristics derived from Design Context]
+
+**Behaviors**: [3-4 specific behaviors based on the described audience]
+
+**Red Flags**: [3-4 things that would alienate this specific user type]
+```
+
+Only generate project-specific personas when real Design Context data is available. Don't invent audience details — use the 5 predefined personas when no context exists.
diff --git a/.agents/skills/delight/SKILL.md b/.agents/skills/delight/SKILL.md
new file mode 100644
index 00000000..fedebff9
--- /dev/null
+++ b/.agents/skills/delight/SKILL.md
@@ -0,0 +1,304 @@
+---
+name: delight
+description: Add moments of joy, personality, and unexpected touches that make interfaces memorable and enjoyable to use. Elevates functional to delightful. Use when the user asks to add polish, personality, animations, micro-interactions, delight, or make an interface feel fun or memorable.
+version: 2.1.1
+user-invocable: true
+argument-hint: "[target]"
+---
+
+Identify opportunities to add moments of joy, personality, and unexpected polish that transform functional interfaces into delightful experiences.
+
+## MANDATORY PREPARATION
+
+Invoke /impeccable — it contains design principles, anti-patterns, and the **Context Gathering Protocol**. Follow the protocol before proceeding — if no design context exists yet, you MUST run /impeccable teach first. Additionally gather: what's appropriate for the domain (playful vs professional vs quirky vs elegant).
+
+---
+
+## Assess Delight Opportunities
+
+Identify where delight would enhance (not distract from) the experience:
+
+1. **Find natural delight moments**:
+   - **Success states**: Completed actions (save, send, publish)
+   - **Empty states**: First-time experiences, onboarding
+   - **Loading states**: Waiting periods that could be entertaining
+   - **Achievements**: Milestones, streaks, completions
+   - **Interactions**: Hover states, clicks, drags
+   - **Errors**: Softening frustrating moments
+   - **Easter eggs**: Hidden discoveries for curious users
+
+2. **Understand the context**:
+   - What's the brand personality? (Playful? Professional? Quirky? Elegant?)
+   - Who's the audience? (Tech-savvy? Creative? Corporate?)
+   - What's the emotional context? (Accomplishment? Exploration? Frustration?)
+   - What's appropriate? (Banking app ≠ gaming app)
+
+3. **Define delight strategy**:
+   - **Subtle sophistication**: Refined micro-interactions (luxury brands)
+   - **Playful personality**: Whimsical illustrations and copy (consumer apps)
+   - **Helpful surprises**: Anticipating needs before users ask (productivity tools)
+   - **Sensory richness**: Satisfying sounds, smooth animations (creative tools)
+
+If any of these are unclear from the codebase, ask the user directly to clarify what you cannot infer.
+
+**CRITICAL**: Delight should enhance usability, never obscure it. If users notice the delight more than accomplishing their goal, you've gone too far.
+
+## Delight Principles
+
+Follow these guidelines:
+
+### Delight Amplifies, Never Blocks
+- Delight moments should be quick (< 1 second)
+- Never delay core functionality for delight
+- Make delight skippable or subtle
+- Respect user's time and task focus
+
+### Surprise and Discovery
+- Hide delightful details for users to discover
+- Reward exploration and curiosity
+- Don't announce every delight moment
+- Let users share discoveries with others
+
+### Appropriate to Context
+- Match delight to emotional moment (celebrate success, empathize with errors)
+- Respect the user's state (don't be playful during critical errors)
+- Match brand personality and audience expectations
+- Cultural sensitivity (what's delightful varies by culture)
+
+### Compound Over Time
+- Delight should remain fresh with repeated use
+- Vary responses (not same animation every time)
+- Reveal deeper layers with continued use
+- Build anticipation through patterns
+
+## Delight Techniques
+
+Add personality and joy through these methods:
+
+### Micro-interactions & Animation
+
+**Button delight**:
+```css
+/* Satisfying button press */
+.button {
+  transition: transform 0.1s, box-shadow 0.1s;
+}
+.button:active {
+  transform: translateY(2px);
+  box-shadow: 0 2px 4px rgba(0,0,0,0.2);
+}
+
+/* Ripple effect on click */
+/* Smooth lift on hover */
+.button:hover {
+  transform: translateY(-2px);
+  transition: transform 0.2s cubic-bezier(0.25, 1, 0.5, 1); /* ease-out-quart */
+}
+```
+
+**Loading delight**:
+- Playful loading animations (not just spinners)
+- Personality in loading messages (write product-specific ones, not generic AI filler)
+- Progress indication with encouraging messages
+- Skeleton screens with subtle animations
+
+**Success animations**:
+- Checkmark draw animation
+- Confetti burst for major achievements
+- Gentle scale + fade for confirmation
+- Satisfying sound effects (subtle)
+
+**Hover surprises**:
+- Icons that animate on hover
+- Color shifts or glow effects
+- Tooltip reveals with personality
+- Cursor changes (custom cursors for branded experiences)
+
+### Personality in Copy
+
+**Playful error messages**:
+```
+"Error 404"
+"This page is playing hide and seek. (And winning)"
+
+"Connection failed"
+"Looks like the internet took a coffee break. Want to retry?"
+```
+
+**Encouraging empty states**:
+```
+"No projects"
+"Your canvas awaits. Create something amazing."
+
+"No messages"
+"Inbox zero! You're crushing it today."
+```
+
+**Playful labels & tooltips**:
+```
+"Delete"
+"Send to void" (for playful brand)
+
+"Help"
+"Rescue me" (tooltip)
+```
+
+**IMPORTANT**: Match copy personality to brand. Banks shouldn't be wacky, but they can be warm.
+
+### Illustrations & Visual Personality
+
+**Custom illustrations**:
+- Empty state illustrations (not stock icons)
+- Error state illustrations (friendly monsters, quirky characters)
+- Loading state illustrations (animated characters)
+- Success state illustrations (celebrations)
+
+**Icon personality**:
+- Custom icon set matching brand personality
+- Animated icons (subtle motion on hover/click)
+- Illustrative icons (more detailed than generic)
+- Consistent style across all icons
+
+**Background effects**:
+- Subtle particle effects
+- Gradient mesh backgrounds
+- Geometric patterns
+- Parallax depth
+- Time-of-day themes (morning vs night)
+
+### Satisfying Interactions
+
+**Drag and drop delight**:
+- Lift effect on drag (shadow, scale)
+- Snap animation when dropped
+- Satisfying placement sound
+- Undo toast ("Dropped in wrong place? [Undo]")
+
+**Toggle switches**:
+- Smooth slide with spring physics
+- Color transition
+- Haptic feedback on mobile
+- Optional sound effect
+
+**Progress & achievements**:
+- Streak counters with celebratory milestones
+- Progress bars that "celebrate" at 100%
+- Badge unlocks with animation
+- Playful stats ("You're on fire! 5 days in a row")
+
+**Form interactions**:
+- Input fields that animate on focus
+- Checkboxes with a satisfying scale pulse when checked
+- Success state that celebrates valid input
+- Auto-grow textareas
+
+### Sound Design
+
+**Subtle audio cues** (when appropriate):
+- Notification sounds (distinctive but not annoying)
+- Success sounds (satisfying "ding")
+- Error sounds (empathetic, not harsh)
+- Typing sounds for chat/messaging
+- Ambient background audio (very subtle)
+
+**IMPORTANT**:
+- Respect system sound settings
+- Provide mute option
+- Keep volumes quiet (subtle cues, not alarms)
+- Don't play on every interaction (sound fatigue is real)
+
+### Easter Eggs & Hidden Delights
+
+**Discovery rewards**:
+- Konami code unlocks special theme
+- Hidden keyboard shortcuts (Cmd+K for special features)
+- Hover reveals on logos or illustrations
+- Alt text jokes on images (for screen reader users too!)
+- Console messages for developers ("Like what you see? We're hiring!")
+
+**Seasonal touches**:
+- Holiday themes (subtle, tasteful)
+- Seasonal color shifts
+- Weather-based variations
+- Time-based changes (dark at night, light during day)
+
+**Contextual personality**:
+- Different messages based on time of day
+- Responses to specific user actions
+- Randomized variations (not same every time)
+- Progressive reveals with continued use
+
+### Loading & Waiting States
+
+**Make waiting engaging**:
+- Interesting loading messages that rotate
+- Progress bars with personality
+- Mini-games during long loads
+- Fun facts or tips while waiting
+- Countdown with encouraging messages
+
+```
+Loading messages — write ones specific to your product, not generic AI filler:
+- "Crunching your latest numbers..."
+- "Syncing with your team's changes..."
+- "Preparing your dashboard..."
+- "Checking for updates since yesterday..."
+```
+
+**WARNING**: Avoid cliched loading messages like "Herding pixels", "Teaching robots to dance", "Consulting the magic 8-ball", "Counting backwards from infinity". These are AI-slop copy — instantly recognizable as machine-generated. Write messages that are specific to what your product actually does.
+
+### Celebration Moments
+
+**Success celebrations**:
+- Confetti for major milestones
+- Animated checkmarks for completions
+- Progress bar celebrations at 100%
+- "Achievement unlocked" style notifications
+- Personalized messages ("You published your 10th article!")
+
+**Milestone recognition**:
+- First-time actions get special treatment
+- Streak tracking and celebration
+- Progress toward goals
+- Anniversary celebrations
+
+## Implementation Patterns
+
+**Animation libraries**:
+- Framer Motion (React)
+- GSAP (universal)
+- Lottie (After Effects animations)
+- Canvas confetti (party effects)
+
+**Sound libraries**:
+- Howler.js (audio management)
+- Use-sound (React hook)
+
+**Physics libraries**:
+- React Spring (spring physics)
+- Popmotion (animation primitives)
+
+**IMPORTANT**: File size matters. Compress images, optimize animations, lazy load delight features.
+
+**NEVER**:
+- Delay core functionality for delight
+- Force users through delightful moments (make skippable)
+- Use delight to hide poor UX
+- Overdo it (less is more)
+- Ignore accessibility (animate responsibly, provide alternatives)
+- Make every interaction delightful (special moments should be special)
+- Sacrifice performance for delight
+- Be inappropriate for context (read the room)
+
+## Verify Delight Quality
+
+Test that delight actually delights:
+
+- **User reactions**: Do users smile? Share screenshots?
+- **Doesn't annoy**: Still pleasant after 100th time?
+- **Doesn't block**: Can users opt out or skip?
+- **Performant**: No jank, no slowdown
+- **Appropriate**: Matches brand and context
+- **Accessible**: Works with reduced motion, screen readers
+
+Remember: Delight is the difference between a tool and an experience. Add personality, surprise users positively, and create moments worth sharing. But always respect usability - delight should enhance, never obstruct.
\ No newline at end of file
diff --git a/.agents/skills/distill/SKILL.md b/.agents/skills/distill/SKILL.md
new file mode 100644
index 00000000..f3f721c9
--- /dev/null
+++ b/.agents/skills/distill/SKILL.md
@@ -0,0 +1,122 @@
+---
+name: distill
+description: Strip designs to their essence by removing unnecessary complexity. Great design is simple, powerful, and clean. Use when the user asks to simplify, declutter, reduce noise, remove elements, or make a UI cleaner and more focused.
+version: 2.1.1
+user-invocable: true
+argument-hint: "[target]"
+---
+
+Remove unnecessary complexity from designs, revealing the essential elements and creating clarity through ruthless simplification.
+
+## MANDATORY PREPARATION
+
+Invoke /impeccable — it contains design principles, anti-patterns, and the **Context Gathering Protocol**. Follow the protocol before proceeding — if no design context exists yet, you MUST run /impeccable teach first.
+
+---
+
+## Assess Current State
+
+Analyze what makes the design feel complex or cluttered:
+
+1. **Identify complexity sources**:
+   - **Too many elements**: Competing buttons, redundant information, visual clutter
+   - **Excessive variation**: Too many colors, fonts, sizes, styles without purpose
+   - **Information overload**: Everything visible at once, no progressive disclosure
+   - **Visual noise**: Unnecessary borders, shadows, backgrounds, decorations
+   - **Confusing hierarchy**: Unclear what matters most
+   - **Feature creep**: Too many options, actions, or paths forward
+
+2. **Find the essence**:
+   - What's the primary user goal? (There should be ONE)
+   - What's actually necessary vs nice-to-have?
+   - What can be removed, hidden, or combined?
+   - What's the 20% that delivers 80% of value?
+
+If any of these are unclear from the codebase, ask the user directly to clarify what you cannot infer.
+
+**CRITICAL**: Simplicity is not about removing features - it's about removing obstacles between users and their goals. Every element should justify its existence.
+
+## Plan Simplification
+
+Create a ruthless editing strategy:
+
+- **Core purpose**: What's the ONE thing this should accomplish?
+- **Essential elements**: What's truly necessary to achieve that purpose?
+- **Progressive disclosure**: What can be hidden until needed?
+- **Consolidation opportunities**: What can be combined or integrated?
+
+**IMPORTANT**: Simplification is hard. It requires saying no to good ideas to make room for great execution. Be ruthless.
+
+## Simplify the Design
+
+Systematically remove complexity across these dimensions:
+
+### Information Architecture
+- **Reduce scope**: Remove secondary actions, optional features, redundant information
+- **Progressive disclosure**: Hide complexity behind clear entry points (accordions, modals, step-through flows)
+- **Combine related actions**: Merge similar buttons, consolidate forms, group related content
+- **Clear hierarchy**: ONE primary action, few secondary actions, everything else tertiary or hidden
+- **Remove redundancy**: If it's said elsewhere, don't repeat it here
+
+### Visual Simplification
+- **Reduce color palette**: Use 1-2 colors plus neutrals, not 5-7 colors
+- **Limit typography**: One font family, 3-4 sizes maximum, 2-3 weights
+- **Remove decorations**: Eliminate borders, shadows, backgrounds that don't serve hierarchy or function
+- **Flatten structure**: Reduce nesting, remove unnecessary containers—never nest cards inside cards
+- **Remove unnecessary cards**: Cards aren't needed for basic layout; use spacing and alignment instead
+- **Consistent spacing**: Use one spacing scale, remove arbitrary gaps
+
+### Layout Simplification
+- **Linear flow**: Replace complex grids with simple vertical flow where possible
+- **Remove sidebars**: Move secondary content inline or hide it
+- **Full-width**: Use available space generously instead of complex multi-column layouts
+- **Consistent alignment**: Pick left or center, stick with it
+- **Generous white space**: Let content breathe, don't pack everything tight
+
+### Interaction Simplification
+- **Reduce choices**: Fewer buttons, fewer options, clearer path forward (paradox of choice is real)
+- **Smart defaults**: Make common choices automatic, only ask when necessary
+- **Inline actions**: Replace modal flows with inline editing where possible
+- **Remove steps**: Can signup be one step instead of three? Can checkout be simplified?
+- **Clear CTAs**: ONE obvious next step, not five competing actions
+
+### Content Simplification
+- **Shorter copy**: Cut every sentence in half, then do it again
+- **Active voice**: "Save changes" not "Changes will be saved"
+- **Remove jargon**: Plain language always wins
+- **Scannable structure**: Short paragraphs, bullet points, clear headings
+- **Essential information only**: Remove marketing fluff, legalese, hedging
+- **Remove redundant copy**: No headers restating intros, no repeated explanations, say it once
+
+### Code Simplification
+- **Remove unused code**: Dead CSS, unused components, orphaned files
+- **Flatten component trees**: Reduce nesting depth
+- **Consolidate styles**: Merge similar styles, use utilities consistently
+- **Reduce variants**: Does that component need 12 variations, or can 3 cover 90% of cases?
+
+**NEVER**:
+- Remove necessary functionality (simplicity ≠ feature-less)
+- Sacrifice accessibility for simplicity (clear labels and ARIA still required)
+- Make things so simple they're unclear (mystery ≠ minimalism)
+- Remove information users need to make decisions
+- Eliminate hierarchy completely (some things should stand out)
+- Oversimplify complex domains (match complexity to actual task complexity)
+
+## Verify Simplification
+
+Ensure simplification improves usability:
+
+- **Faster task completion**: Can users accomplish goals more quickly?
+- **Reduced cognitive load**: Is it easier to understand what to do?
+- **Still complete**: Are all necessary features still accessible?
+- **Clearer hierarchy**: Is it obvious what matters most?
+- **Better performance**: Does simpler design load faster?
+
+## Document Removed Complexity
+
+If you removed features or options:
+- Document why they were removed
+- Consider if they need alternative access points
+- Note any user feedback to monitor
+
+Remember: You have great taste and judgment. Simplification is an act of confidence - knowing what to keep and courage to remove the rest. As Antoine de Saint-Exupéry said: "Perfection is achieved not when there is nothing more to add, but when there is nothing left to take away."
\ No newline at end of file
diff --git a/.agents/skills/impeccable/SKILL.md b/.agents/skills/impeccable/SKILL.md
new file mode 100644
index 00000000..bc4574d3
--- /dev/null
+++ b/.agents/skills/impeccable/SKILL.md
@@ -0,0 +1,365 @@
+---
+name: impeccable
+description: Create distinctive, production-grade frontend interfaces with high design quality. Generates creative, polished code that avoids generic AI aesthetics. Use when the user asks to build web components, pages, artifacts, posters, or applications, or when any design skill requires project context. Call with 'craft' for shape-then-build, 'teach' for design context setup, or 'extract' to pull reusable components and tokens into the design system.
+version: 2.1.1
+user-invocable: true
+argument-hint: "[craft|teach|extract]"
+license: Apache 2.0. Based on Anthropic's frontend-design skill. See NOTICE.md for attribution.
+---
+
+<post-update-cleanup>
+BEFORE doing any design work, run this one-time maintenance step. Tell the user:
+
+> **Impeccable was updated.** A few skills were renamed or merged in this version (e.g. `/arrange` is now `/layout`, `/normalize` was folded into `/polish`). I'll clean up the old skill files so they don't clutter your project. This only runs once after an update.
+
+Then run:
+
+```bash
+node .agents/skills/impeccable/scripts/cleanup-deprecated.mjs
+```
+
+If the script removed files, briefly confirm what was cleaned up. If it found nothing, skip any output and move on.
+
+After running the script, delete this entire section (from `<post-update-cleanup>` through `</post-update-cleanup>` inclusive) from THIS file so it does not run again until the next update. Save the file.
+</post-update-cleanup>
+
+This skill guides creation of distinctive, production-grade frontend interfaces that avoid generic "AI slop" aesthetics. Implement real working code with exceptional attention to aesthetic details and creative choices.
+
+## Context Gathering Protocol
+
+Design skills produce generic output without project context. You MUST have confirmed design context before doing any design work.
+
+**Required context** (every design skill needs at minimum):
+- **Target audience**: Who uses this product and in what context?
+- **Use cases**: What jobs are they trying to get done?
+- **Brand personality/tone**: How should the interface feel?
+
+Individual skills may require additional context. Check the skill's preparation section for specifics.
+
+**CRITICAL**: You cannot infer this context by reading the codebase. Code tells you what was built, not who it's for or what it should feel like. Only the creator can provide this context.
+
+**Gathering order:**
+1. **Check current instructions (instant)**: If your loaded instructions already contain a **Design Context** section, proceed immediately.
+2. **Check .impeccable.md (fast)**: If not in instructions, read `.impeccable.md` from the project root. If it exists and contains the required context, proceed.
+3. **Run impeccable teach (REQUIRED)**: If neither source has context, you MUST run /impeccable teach NOW before doing anything else. Do NOT skip this step. Do NOT attempt to infer context from the codebase instead.
+
+---
+
+## Design Direction
+
+Commit to a BOLD aesthetic direction:
+- **Purpose**: What problem does this interface solve? Who uses it?
+- **Tone**: Pick an extreme: brutally minimal, maximalist chaos, retro-futuristic, organic/natural, luxury/refined, playful/toy-like, editorial/magazine, brutalist/raw, art deco/geometric, soft/pastel, industrial/utilitarian, etc. There are so many flavors to choose from. Use these for inspiration but design one that is true to the aesthetic direction.
+- **Constraints**: Technical requirements (framework, performance, accessibility).
+- **Differentiation**: What makes this UNFORGETTABLE? What's the one thing someone will remember?
+
+**CRITICAL**: Choose a clear conceptual direction and execute it with precision. Bold maximalism and refined minimalism both work. The key is intentionality, not intensity.
+
+Then implement working code that is:
+- Production-grade and functional
+- Visually striking and memorable
+- Cohesive with a clear aesthetic point-of-view
+- Meticulously refined in every detail
+
+## Frontend Aesthetics Guidelines
+
+### Typography
+→ *Consult [typography reference](reference/typography.md) for OpenType features, web font loading, and the deeper material on scales.*
+
+Choose fonts that are beautiful, unique, and interesting. Pair a distinctive display font with a refined body font.
+
+<typography_principles>
+Always apply these — do not consult a reference, just do them:
+
+- Use a modular type scale with fluid sizing (clamp) for headings on marketing/content pages. Use fixed `rem` scales for app UIs and dashboards (no major design system uses fluid type in product UI).
+- Use fewer sizes with more contrast. A 5-step scale with at least a 1.25 ratio between steps creates clearer hierarchy than 8 sizes that are 1.1× apart.
+- Line-height scales inversely with line length. Narrow columns want tighter leading, wide columns want more. For light text on dark backgrounds, ADD 0.05-0.1 to your normal line-height — light type reads as lighter weight and needs more breathing room.
+- Cap line length at ~65-75ch. Body text wider than that is fatiguing.
+</typography_principles>
+
+<font_selection_procedure>
+DO THIS BEFORE TYPING ANY FONT NAME.
+
+The model's natural failure mode is "I was told not to use Inter, so I will pick my next favorite font, which becomes the new monoculture." Avoid this by performing the following procedure on every project, in order:
+
+Step 1. Read the brief once. Write down 3 concrete words for the brand voice (e.g., "warm and mechanical and opinionated", "calm and clinical and careful", "fast and dense and unimpressed", "handmade and a little weird"). NOT "modern" or "elegant" — those are dead categories.
+
+Step 2. List the 3 fonts you would normally reach for given those words. Write them down. They are most likely from this list:
+
+<reflex_fonts_to_reject>
+Fraunces
+Newsreader
+Lora
+Crimson
+Crimson Pro
+Crimson Text
+Playfair Display
+Cormorant
+Cormorant Garamond
+Syne
+IBM Plex Mono
+IBM Plex Sans
+IBM Plex Serif
+Space Mono
+Space Grotesk
+Inter
+DM Sans
+DM Serif Display
+DM Serif Text
+Outfit
+Plus Jakarta Sans
+Instrument Sans
+Instrument Serif
+</reflex_fonts_to_reject>
+
+Reject every font that appears in the reflex_fonts_to_reject list. They are your training-data defaults and they create monoculture across projects.
+
+Step 3. Browse a font catalog with the 3 brand words in mind. Sources: Google Fonts, Pangram Pangram, Future Fonts, Adobe Fonts, ABC Dinamo, Klim Type Foundry, Velvetyne. Look for something that fits the brand as a *physical object* — a museum exhibit caption, a hand-painted shop sign, a 1970s mainframe terminal manual, a fabric label on the inside of a coat, a children's book printed on cheap newsprint. Reject the first thing that "looks designy" — that's the trained reflex too. Keep looking.
+
+Step 4. Cross-check the result. The right font for an "elegant" brief is NOT necessarily a serif. The right font for a "technical" brief is NOT necessarily a sans-serif. The right font for a "warm" brief is NOT Fraunces. If your final pick lines up with your reflex pattern, go back to Step 3.
+</font_selection_procedure>
+
+<typography_rules>
+DO use a modular type scale with fluid sizing (clamp) on headings.
+DO vary font weights and sizes to create clear visual hierarchy.
+DO vary your font choices across projects. If you used a serif display font on the last project, look for a sans, monospace, or display face on this one.
+
+DO NOT use overused fonts like Inter, Roboto, Arial, Open Sans, or system defaults — but also do not simply switch to your second-favorite. Every font in the reflex_fonts_to_reject list above is banned. Look further.
+DO NOT use monospace typography as lazy shorthand for "technical/developer" vibes.
+DO NOT put large icons with rounded corners above every heading. They rarely add value and make sites look templated.
+DO NOT use only one font family for the entire page. Pair a distinctive display font with a refined body font.
+DO NOT use a flat type hierarchy where sizes are too close together. Aim for at least a 1.25 ratio between steps.
+DO NOT set long body passages in uppercase. Reserve all-caps for short labels and headings.
+</typography_rules>
+
+### Color & Theme
+→ *Consult [color reference](reference/color-and-contrast.md) for the deeper material on contrast, accessibility, and palette construction.*
+
+Commit to a cohesive palette. Dominant colors with sharp accents outperform timid, evenly-distributed palettes.
+
+<color_principles>
+Always apply these — do not consult a reference, just do them:
+
+- Use OKLCH, not HSL. OKLCH is perceptually uniform: equal steps in lightness *look* equal, which HSL does not deliver. As you move toward white or black, REDUCE chroma — high chroma at extreme lightness looks garish. A light blue at 85% lightness wants ~0.08 chroma, not the 0.15 of your base color.
+- Tint your neutrals toward your brand hue. Even a chroma of 0.005-0.01 is perceptible and creates subconscious cohesion between brand color and UI surfaces. The hue you tint toward should come from THIS brand, not from a "warm = friendly" or "cool = tech" formula. Pick the brand's actual hue first, then tint everything toward it.
+- The 60-30-10 rule is about visual *weight*, not pixel count. 60% neutral / surface, 30% secondary text and borders, 10% accent. Accents work BECAUSE they're rare. Overuse kills their power.
+</color_principles>
+
+<theme_selection>
+Theme (light vs dark) should be DERIVED from audience and viewing context, not picked from a default. Read the brief and ask: when is this product used, by whom, in what physical setting?
+
+- A perp DEX consumed during fast trading sessions → dark
+- A hospital portal consumed by anxious patients on phones late at night → light
+- A children's reading app → light
+- A vintage motorcycle forum where users sit in their garage at 9pm → dark
+- An observability dashboard for SREs in a dark office → dark
+- A wedding planning checklist for couples on a Sunday morning → light
+- A music player app for headphone listening at night → dark
+- A food magazine homepage browsed during a coffee break → light
+
+Do not default everything to light "to play it safe." Do not default everything to dark "to look cool." Both defaults are the lazy reflex. The correct theme is the one the actual user wants in their actual context.
+</theme_selection>
+
+<color_rules>
+DO use modern CSS color functions (oklch, color-mix, light-dark) for perceptually uniform, maintainable palettes.
+DO tint your neutrals toward your brand hue. Even a subtle hint creates subconscious cohesion.
+
+DO NOT use gray text on colored backgrounds; it looks washed out. Use a shade of the background color instead.
+DO NOT use pure black (#000) or pure white (#fff). Always tint; pure black/white never appears in nature.
+DO NOT use the AI color palette: cyan-on-dark, purple-to-blue gradients, neon accents on dark backgrounds.
+DO NOT use gradient text for impact — see <absolute_bans> below for the strict definition. Solid colors only for text.
+DO NOT default to dark mode with glowing accents. It looks "cool" without requiring actual design decisions.
+DO NOT default to light mode "to be safe" either. The point is to choose, not to retreat to a safe option.
+</color_rules>
+
+### Layout & Space
+→ *Consult [spatial reference](reference/spatial-design.md) for the deeper material on grids, container queries, and optical adjustments.*
+
+Create visual rhythm through varied spacing, not the same padding everywhere. Embrace asymmetry and unexpected compositions. Break the grid intentionally for emphasis.
+
+<spatial_principles>
+Always apply these — do not consult a reference, just do them:
+
+- Use a 4pt spacing scale with semantic token names (`--space-sm`, `--space-md`), not pixel-named (`--spacing-8`). Scale: 4, 8, 12, 16, 24, 32, 48, 64, 96. 8pt is too coarse — you'll often want 12px between two values.
+- Use `gap` instead of margins for sibling spacing. It eliminates margin collapse and the cleanup hacks that come with it.
+- Vary spacing for hierarchy. A heading with extra space above it reads as more important — make use of that. Don't apply the same padding everywhere.
+- Self-adjusting grid pattern: `grid-template-columns: repeat(auto-fit, minmax(280px, 1fr))` is the breakpoint-free responsive grid for card-style content.
+- Container queries are for components, viewport queries are for page layout. A card in a sidebar should adapt to the sidebar's width, not the viewport's.
+</spatial_principles>
+
+<spatial_rules>
+DO create visual rhythm through varied spacing: tight groupings, generous separations.
+DO use fluid spacing with clamp() that breathes on larger screens.
+DO use asymmetry and unexpected compositions; break the grid intentionally for emphasis.
+
+DO NOT wrap everything in cards. Not everything needs a container.
+DO NOT nest cards inside cards. Visual noise; flatten the hierarchy.
+DO NOT use identical card grids (same-sized cards with icon + heading + text, repeated endlessly).
+DO NOT use the hero metric layout template (big number, small label, supporting stats, gradient accent).
+DO NOT center everything. Left-aligned text with asymmetric layouts feels more designed.
+DO NOT use the same spacing everywhere. Without rhythm, layouts feel monotonous.
+DO NOT let body text wrap beyond ~80 characters per line. Add a max-width like 65–75ch so the eye can track easily.
+</spatial_rules>
+
+### Visual Details
+
+<absolute_bans>
+These CSS patterns are NEVER acceptable. They are the most recognizable AI design tells. Match-and-refuse: if you find yourself about to write any of these, stop and rewrite the element with a different structure entirely.
+
+BAN 1: Side-stripe borders on cards/list items/callouts/alerts
+  - PATTERN: `border-left:` or `border-right:` with width greater than 1px
+  - INCLUDES: hard-coded colors AND CSS variables
+  - FORBIDDEN: `border-left: 3px solid red`, `border-left: 4px solid #ff0000`, `border-left: 4px solid var(--color-warning)`, `border-left: 5px solid oklch(...)`, etc.
+  - WHY: this is the single most overused "design touch" in admin, dashboard, and medical UIs. It never looks intentional regardless of color, radius, opacity, or whether the variable name is "primary" or "warning" or "accent."
+  - REWRITE: use a different element structure entirely. Do not just swap to box-shadow inset. Reach for full borders, background tints, leading numbers/icons, or no visual indicator at all.
+
+BAN 2: Gradient text
+  - PATTERN: `background-clip: text` (or `-webkit-background-clip: text`) combined with a gradient background
+  - FORBIDDEN: any combination that makes text fill come from a `linear-gradient`, `radial-gradient`, or `conic-gradient`
+  - WHY: gradient text is decorative rather than meaningful and is one of the top three AI design tells
+  - REWRITE: use a single solid color for text. If you want emphasis, use weight or size, not gradient fill.
+</absolute_bans>
+
+DO: Use intentional, purposeful decorative elements that reinforce brand.
+DO NOT: Use border-left or border-right greater than 1px as a colored accent stripe on cards, list items, callouts, or alerts. See <absolute_bans> above for the strict CSS pattern.
+DO NOT: Use glassmorphism everywhere (blur effects, glass cards, glow borders used decoratively rather than purposefully).
+DO NOT: Use sparklines as decoration. Tiny charts that look sophisticated but convey nothing meaningful.
+DO NOT: Use rounded rectangles with generic drop shadows. Safe, forgettable, could be any AI output.
+DO NOT: Use modals unless there's truly no better alternative. Modals are lazy.
+
+### Motion
+→ *Consult [motion reference](reference/motion-design.md) for timing, easing, and reduced motion.*
+
+Focus on high-impact moments: one well-orchestrated page load with staggered reveals creates more delight than scattered micro-interactions.
+
+**DO**: Use motion to convey state changes: entrances, exits, feedback
+**DO**: Use exponential easing (ease-out-quart/quint/expo) for natural deceleration
+**DO**: For height animations, use grid-template-rows transitions instead of animating height directly
+**DON'T**: Animate layout properties (width, height, padding, margin). Use transform and opacity only
+**DON'T**: Use bounce or elastic easing. They feel dated and tacky; real objects decelerate smoothly
+
+### Interaction
+→ *Consult [interaction reference](reference/interaction-design.md) for forms, focus, and loading patterns.*
+
+Make interactions feel fast. Use optimistic UI: update immediately, sync later.
+
+**DO**: Use progressive disclosure. Start simple, reveal sophistication through interaction (basic options first, advanced behind expandable sections; hover states that reveal secondary actions)
+**DO**: Design empty states that teach the interface, not just say "nothing here"
+**DO**: Make every interactive surface feel intentional and responsive
+**DON'T**: Repeat the same information (redundant headers, intros that restate the heading)
+**DON'T**: Make every button primary. Use ghost buttons, text links, secondary styles; hierarchy matters
+
+### Responsive
+→ *Consult [responsive reference](reference/responsive-design.md) for mobile-first, fluid design, and container queries.*
+
+**DO**: Use container queries (@container) for component-level responsiveness
+**DO**: Adapt the interface for different contexts, not just shrink it
+**DON'T**: Hide critical functionality on mobile. Adapt the interface, don't amputate it
+
+### UX Writing
+→ *Consult [ux-writing reference](reference/ux-writing.md) for labels, errors, and empty states.*
+
+**DO**: Make every word earn its place
+**DON'T**: Repeat information users can already see
+
+---
+
+## The AI Slop Test
+
+**Critical quality check**: If you showed this interface to someone and said "AI made this," would they believe you immediately? If yes, that's the problem.
+
+A distinctive interface should make someone ask "how was this made?" not "which AI made this?"
+
+Review the DON'T guidelines above. They are the fingerprints of AI-generated work from 2024-2025.
+
+---
+
+## Implementation Principles
+
+Match implementation complexity to the aesthetic vision. Maximalist designs need elaborate code with extensive animations and effects. Minimalist or refined designs need restraint, precision, and careful attention to spacing, typography, and subtle details.
+
+Interpret creatively and make unexpected choices that feel genuinely designed for the context. No design should be the same. Vary between light and dark themes, different fonts, different aesthetics. NEVER converge on common choices across generations.
+
+Remember: the model is capable of extraordinary creative work. Don't hold back. Show what can truly be created when thinking outside the box and committing fully to a distinctive vision.
+
+---
+
+## Craft Mode
+
+If this skill is invoked with the argument "craft" (e.g., `/impeccable craft [feature description]`), follow the [craft flow](reference/craft.md). Pass any additional arguments as the feature description.
+
+---
+
+## Teach Mode
+
+If this skill is invoked with the argument "teach" (e.g., `/impeccable teach`), skip all design work above and instead run the teach flow below. This is a one-time setup that gathers design context for the project.
+
+### Step 1: Explore the Codebase
+
+Before asking questions, thoroughly scan the project to discover what you can:
+
+- **README and docs**: Project purpose, target audience, any stated goals
+- **Package.json / config files**: Tech stack, dependencies, existing design libraries
+- **Existing components**: Current design patterns, spacing, typography in use
+- **Brand assets**: Logos, favicons, color values already defined
+- **Design tokens / CSS variables**: Existing color palettes, font stacks, spacing scales
+- **Any style guides or brand documentation**
+
+Note what you've learned and what remains unclear.
+
+### Step 2: Ask UX-Focused Questions
+
+ask the user directly to clarify what you cannot infer. Focus only on what you couldn't infer from the codebase:
+
+#### Users & Purpose
+- Who uses this? What's their context when using it?
+- What job are they trying to get done?
+- What emotions should the interface evoke? (confidence, delight, calm, urgency, etc.)
+
+#### Brand & Personality
+- How would you describe the brand personality in 3 words?
+- Any reference sites or apps that capture the right feel? What specifically about them?
+- What should this explicitly NOT look like? Any anti-references?
+
+#### Aesthetic Preferences
+- Any strong preferences for visual direction? (minimal, bold, elegant, playful, technical, organic, etc.)
+- Light mode, dark mode, or both?
+- Any colors that must be used or avoided?
+
+#### Accessibility & Inclusion
+- Specific accessibility requirements? (WCAG level, known user needs)
+- Considerations for reduced motion, color blindness, or other accommodations?
+
+Skip questions where the answer is already clear from the codebase exploration.
+
+### Step 3: Write Design Context
+
+Synthesize your findings and the user's answers into a `## Design Context` section:
+
+```markdown
+## Design Context
+
+### Users
+[Who they are, their context, the job to be done]
+
+### Brand Personality
+[Voice, tone, 3-word personality, emotional goals]
+
+### Aesthetic Direction
+[Visual tone, references, anti-references, theme]
+
+### Design Principles
+[3-5 principles derived from the conversation that should guide all design decisions]
+```
+
+Write this section to `.impeccable.md` in the project root. If the file already exists, update the Design Context section in place.
+
+Then ask the user directly to clarify what you cannot infer. whether they'd also like the Design Context appended to .github/copilot-instructions.md. If yes, append or update the section there as well.
+
+Confirm completion and summarize the key design principles that will now guide all future work.
+
+---
+
+## Extract Mode
+
+If this skill is invoked with the argument "extract" (e.g., `/impeccable extract [target]`), follow the [extract flow](reference/extract.md). Pass any additional arguments as the extraction target.
\ No newline at end of file
diff --git a/.agents/skills/impeccable/reference/color-and-contrast.md b/.agents/skills/impeccable/reference/color-and-contrast.md
new file mode 100644
index 00000000..88a15cce
--- /dev/null
+++ b/.agents/skills/impeccable/reference/color-and-contrast.md
@@ -0,0 +1,105 @@
+# Color & Contrast
+
+## Color Spaces: Use OKLCH
+
+**Stop using HSL.** Use OKLCH (or LCH) instead. It's perceptually uniform, meaning equal steps in lightness *look* equal—unlike HSL where 50% lightness in yellow looks bright while 50% in blue looks dark.
+
+The OKLCH function takes three components: `oklch(lightness chroma hue)` where lightness is 0-100%, chroma is roughly 0-0.4, and hue is 0-360. To build a primary color and its lighter / darker variants, hold the chroma+hue roughly constant and vary the lightness — but **reduce chroma as you approach white or black**, because high chroma at extreme lightness looks garish.
+
+The hue you pick is a brand decision and should not come from a default. Do not reach for blue (hue 250) or warm orange (hue 60) by reflex — those are the dominant AI-design defaults, not the right answer for any specific brand.
+
+## Building Functional Palettes
+
+### Tinted Neutrals
+
+**Pure gray is dead.** A neutral with zero chroma feels lifeless next to a colored brand. Add a tiny chroma value (0.005-0.015) to all your neutrals, hued toward whatever your brand color is. The chroma is small enough not to read as "tinted" consciously, but it creates subconscious cohesion between brand color and UI surfaces.
+
+The hue you tint toward should come from THIS project's brand, not from a "warm = friendly, cool = tech" formula. If your brand color is teal, your neutrals lean toward teal. If your brand color is amber, they lean toward amber. The point is cohesion with the SPECIFIC brand, not a stock palette.
+
+**Avoid** the trap of always tinting toward warm orange or always tinting toward cool blue. Those are the two laziest defaults and they create their own monoculture across projects.
+
+### Palette Structure
+
+A complete system needs:
+
+| Role | Purpose | Example |
+|------|---------|---------|
+| **Primary** | Brand, CTAs, key actions | 1 color, 3-5 shades |
+| **Neutral** | Text, backgrounds, borders | 9-11 shade scale |
+| **Semantic** | Success, error, warning, info | 4 colors, 2-3 shades each |
+| **Surface** | Cards, modals, overlays | 2-3 elevation levels |
+
+**Skip secondary/tertiary unless you need them.** Most apps work fine with one accent color. Adding more creates decision fatigue and visual noise.
+
+### The 60-30-10 Rule (Applied Correctly)
+
+This rule is about **visual weight**, not pixel count:
+
+- **60%**: Neutral backgrounds, white space, base surfaces
+- **30%**: Secondary colors—text, borders, inactive states
+- **10%**: Accent—CTAs, highlights, focus states
+
+The common mistake: using the accent color everywhere because it's "the brand color." Accent colors work *because* they're rare. Overuse kills their power.
+
+## Contrast & Accessibility
+
+### WCAG Requirements
+
+| Content Type | AA Minimum | AAA Target |
+|--------------|------------|------------|
+| Body text | 4.5:1 | 7:1 |
+| Large text (18px+ or 14px bold) | 3:1 | 4.5:1 |
+| UI components, icons | 3:1 | 4.5:1 |
+| Non-essential decorations | None | None |
+
+**The gotcha**: Placeholder text still needs 4.5:1. That light gray placeholder you see everywhere? Usually fails WCAG.
+
+### Dangerous Color Combinations
+
+These commonly fail contrast or cause readability issues:
+
+- Light gray text on white (the #1 accessibility fail)
+- **Gray text on any colored background**—gray looks washed out and dead on color. Use a darker shade of the background color, or transparency
+- Red text on green background (or vice versa)—8% of men can't distinguish these
+- Blue text on red background (vibrates visually)
+- Yellow text on white (almost always fails)
+- Thin light text on images (unpredictable contrast)
+
+### Never Use Pure Gray or Pure Black
+
+Pure gray (`oklch(50% 0 0)`) and pure black (`#000`) don't exist in nature—real shadows and surfaces always have a color cast. Even a chroma of 0.005-0.01 is enough to feel natural without being obviously tinted. (See tinted neutrals example above.)
+
+### Testing
+
+Don't trust your eyes. Use tools:
+
+- [WebAIM Contrast Checker](https://webaim.org/resources/contrastchecker/)
+- Browser DevTools → Rendering → Emulate vision deficiencies
+- [Polypane](https://polypane.app/) for real-time testing
+
+## Theming: Light & Dark Mode
+
+### Dark Mode Is Not Inverted Light Mode
+
+You can't just swap colors. Dark mode requires different design decisions:
+
+| Light Mode | Dark Mode |
+|------------|-----------|
+| Shadows for depth | Lighter surfaces for depth (no shadows) |
+| Dark text on light | Light text on dark (reduce font weight) |
+| Vibrant accents | Desaturate accents slightly |
+| White backgrounds | Never pure black—use dark gray (oklch 12-18%) |
+
+In dark mode, depth comes from surface lightness, not shadow. Build a 3-step surface scale where higher elevations are lighter (e.g. 15% / 20% / 25% lightness). Use the SAME hue and chroma as your brand color (whatever it is for THIS project — do not reach for blue) and only vary the lightness. Reduce body text weight slightly (e.g. 350 instead of 400) because light text on dark reads as heavier than dark text on light.
+
+### Token Hierarchy
+
+Use two layers: primitive tokens (`--blue-500`) and semantic tokens (`--color-primary: var(--blue-500)`). For dark mode, only redefine the semantic layer—primitives stay the same.
+
+## Alpha Is A Design Smell
+
+Heavy use of transparency (rgba, hsla) usually means an incomplete palette. Alpha creates unpredictable contrast, performance overhead, and inconsistency. Define explicit overlay colors for each context instead. Exception: focus rings and interactive states where see-through is needed.
+
+---
+
+**Avoid**: Relying on color alone to convey information. Creating palettes without clear roles for each color. Using pure black (#000) for large areas. Skipping color blindness testing (8% of men affected).
diff --git a/.agents/skills/impeccable/reference/craft.md b/.agents/skills/impeccable/reference/craft.md
new file mode 100644
index 00000000..8cddbc9d
--- /dev/null
+++ b/.agents/skills/impeccable/reference/craft.md
@@ -0,0 +1,70 @@
+# Craft Flow
+
+Build a feature with impeccable UX and UI quality through a structured process: shape the design, load the right references, then build and iterate visually until the result is delightful.
+
+## Step 1: Shape the Design
+
+Run /shape, passing along whatever feature description the user provided.
+
+Wait for the design brief to be fully confirmed before proceeding. The brief is your blueprint, and every implementation decision should trace back to it.
+
+If the user has already run /shape and has a confirmed design brief, skip this step and use the existing brief.
+
+## Step 2: Load References
+
+Based on the design brief's "Recommended References" section, consult the relevant impeccable reference files. At minimum, always consult:
+
+- [spatial-design.md](spatial-design.md) for layout and spacing
+- [typography.md](typography.md) for type hierarchy
+
+Then add references based on the brief's needs:
+- Complex interactions or forms? Consult [interaction-design.md](interaction-design.md)
+- Animation or transitions? Consult [motion-design.md](motion-design.md)
+- Color-heavy or themed? Consult [color-and-contrast.md](color-and-contrast.md)
+- Responsive requirements? Consult [responsive-design.md](responsive-design.md)
+- Heavy on copy, labels, or errors? Consult [ux-writing.md](ux-writing.md)
+
+## Step 3: Build
+
+Implement the feature following the design brief. Work in this order:
+
+1. **Structure first**: HTML/semantic structure for the primary state. No styling yet.
+2. **Layout and spacing**: Establish the spatial rhythm and visual hierarchy.
+3. **Typography and color**: Apply the type scale and color system.
+4. **Interactive states**: Hover, focus, active, disabled.
+5. **Edge case states**: Empty, loading, error, overflow, first-run.
+6. **Motion**: Purposeful transitions and animations (if appropriate).
+7. **Responsive**: Adapt for different viewports. Don't just shrink; redesign for the context.
+
+### During Build
+- Test with real (or realistic) data at every step, not placeholder text
+- Check each state as you build it, not all at the end
+- If you discover a design question, stop and ask rather than guessing
+- Every visual choice should trace back to something in the design brief
+
+## Step 4: Visual Iteration
+
+**This step is critical.** Do not stop after the first implementation pass.
+
+Open the result in a browser window. If browser automation tools are available, use them to navigate to the page and visually inspect the result. If not, ask the user to open it and provide feedback.
+
+Iterate through these checks visually:
+
+1. **Does it match the brief?** Compare the live result against every section of the design brief. Fix discrepancies.
+2. **Does it pass the AI slop test?** If someone saw this and said "AI made this," would they believe it immediately? If yes, it needs more design intention.
+3. **Check against impeccable's DON'T guidelines.** Fix any anti-pattern violations.
+4. **Check every state.** Navigate through empty, error, loading, and edge case states. Each one should feel intentional, not like an afterthought.
+5. **Check responsive.** Resize the viewport. Does it adapt well or just shrink?
+6. **Check the details.** Spacing consistency, type hierarchy clarity, color contrast, interactive feedback, motion timing.
+
+After each round of fixes, visually verify again. **Repeat until you would be proud to show this to the user.** The bar is not "it works"; the bar is "this delights."
+
+## Step 5: Present
+
+Present the result to the user:
+- Show the feature in its primary state
+- Walk through the key states (empty, error, responsive)
+- Explain design decisions that connect back to the design brief
+- Ask: "What's working? What isn't?"
+
+Iterate based on feedback. Good design is rarely right on the first pass.
diff --git a/.agents/skills/impeccable/reference/extract.md b/.agents/skills/impeccable/reference/extract.md
new file mode 100644
index 00000000..d84f9cce
--- /dev/null
+++ b/.agents/skills/impeccable/reference/extract.md
@@ -0,0 +1,70 @@
+# Extract Flow
+
+Identify reusable patterns, components, and design tokens, then extract and consolidate them into the design system for systematic reuse.
+
+## Step 1: Discover the Design System
+
+Find the design system, component library, or shared UI directory. Understand its structure: component organization, naming conventions, design token structure, import/export conventions.
+
+**CRITICAL**: If no design system exists, ask the user directly to clarify what you cannot infer. before creating one. Understand the preferred location and structure first.
+
+## Step 2: Identify Patterns
+
+Look for extraction opportunities in the target area:
+
+- **Repeated components**: Similar UI patterns used 3+ times (buttons, cards, inputs)
+- **Hard-coded values**: Colors, spacing, typography, shadows that should be tokens
+- **Inconsistent variations**: Multiple implementations of the same concept
+- **Composition patterns**: Layout or interaction patterns that repeat (form rows, toolbar groups, empty states)
+- **Type styles**: Repeated font-size + weight + line-height combinations
+- **Animation patterns**: Repeated easing, duration, or keyframe combinations
+
+Assess value: only extract things used 3+ times with the same intent. Premature abstraction is worse than duplication.
+
+## Step 3: Plan Extraction
+
+Create a systematic plan:
+
+- **Components to extract**: Which UI elements become reusable components?
+- **Tokens to create**: Which hard-coded values become design tokens?
+- **Variants to support**: What variations does each component need?
+- **Naming conventions**: Component names, token names, prop names that match existing patterns
+- **Migration path**: How to refactor existing uses to consume the new shared versions
+
+**IMPORTANT**: Design systems grow incrementally. Extract what is clearly reusable now, not everything that might someday be reusable.
+
+## Step 4: Extract & Enrich
+
+Build improved, reusable versions:
+
+- **Components**: Clear props API with sensible defaults, proper variants for different use cases, accessibility built in (ARIA, keyboard navigation, focus management), documentation and usage examples
+- **Design tokens**: Clear naming (primitive vs semantic), proper hierarchy and organization, documentation of when to use each token
+- **Patterns**: When to use this pattern, code examples, variations and combinations
+
+## Step 5: Migrate
+
+Replace existing uses with the new shared versions:
+
+- **Find all instances**: Search for the patterns you extracted
+- **Replace systematically**: Update each use to consume the shared version
+- **Test thoroughly**: Ensure visual and functional parity
+- **Delete dead code**: Remove the old implementations
+
+## Step 6: Document
+
+Update design system documentation:
+
+- Add new components to the component library
+- Document token usage and values
+- Add examples and guidelines
+- Update any Storybook or component catalog
+
+**NEVER**:
+- Extract one-off, context-specific implementations without generalization
+- Create components so generic they are useless
+- Extract without considering existing design system conventions
+- Skip proper TypeScript types or prop documentation
+- Create tokens for every single value (tokens should have semantic meaning)
+- Extract things that differ in intent (two buttons that look similar but serve different purposes should stay separate)
+
+Remember: A good design system is a living system. Extract patterns as they emerge, enrich them thoughtfully, and maintain them consistently.
diff --git a/.agents/skills/impeccable/reference/interaction-design.md b/.agents/skills/impeccable/reference/interaction-design.md
new file mode 100644
index 00000000..19d6809a
--- /dev/null
+++ b/.agents/skills/impeccable/reference/interaction-design.md
@@ -0,0 +1,195 @@
+# Interaction Design
+
+## The Eight Interactive States
+
+Every interactive element needs these states designed:
+
+| State | When | Visual Treatment |
+|-------|------|------------------|
+| **Default** | At rest | Base styling |
+| **Hover** | Pointer over (not touch) | Subtle lift, color shift |
+| **Focus** | Keyboard/programmatic focus | Visible ring (see below) |
+| **Active** | Being pressed | Pressed in, darker |
+| **Disabled** | Not interactive | Reduced opacity, no pointer |
+| **Loading** | Processing | Spinner, skeleton |
+| **Error** | Invalid state | Red border, icon, message |
+| **Success** | Completed | Green check, confirmation |
+
+**The common miss**: Designing hover without focus, or vice versa. They're different. Keyboard users never see hover states.
+
+## Focus Rings: Do Them Right
+
+**Never `outline: none` without replacement.** It's an accessibility violation. Instead, use `:focus-visible` to show focus only for keyboard users:
+
+```css
+/* Hide focus ring for mouse/touch */
+button:focus {
+  outline: none;
+}
+
+/* Show focus ring for keyboard */
+button:focus-visible {
+  outline: 2px solid var(--color-accent);
+  outline-offset: 2px;
+}
+```
+
+**Focus ring design**:
+- High contrast (3:1 minimum against adjacent colors)
+- 2-3px thick
+- Offset from element (not inside it)
+- Consistent across all interactive elements
+
+## Form Design: The Non-Obvious
+
+**Placeholders aren't labels**—they disappear on input. Always use visible `<label>` elements. **Validate on blur**, not on every keystroke (exception: password strength). Place errors **below** fields with `aria-describedby` connecting them.
+
+## Loading States
+
+**Optimistic updates**: Show success immediately, rollback on failure. Use for low-stakes actions (likes, follows), not payments or destructive actions. **Skeleton screens > spinners**—they preview content shape and feel faster than generic spinners.
+
+## Modals: The Inert Approach
+
+Focus trapping in modals used to require complex JavaScript. Now use the `inert` attribute:
+
+```html
+<!-- When modal is open -->
+<main inert>
+  <!-- Content behind modal can't be focused or clicked -->
+</main>
+<dialog open>
+  <h2>Modal Title</h2>
+  <!-- Focus stays inside modal -->
+</dialog>
+```
+
+Or use the native `<dialog>` element:
+
+```javascript
+const dialog = document.querySelector('dialog');
+dialog.showModal();  // Opens with focus trap, closes on Escape
+```
+
+## The Popover API
+
+For tooltips, dropdowns, and non-modal overlays, use native popovers:
+
+```html
+<button popovertarget="menu">Open menu</button>
+<div id="menu" popover>
+  <button>Option 1</button>
+  <button>Option 2</button>
+</div>
+```
+
+**Benefits**: Light-dismiss (click outside closes), proper stacking, no z-index wars, accessible by default.
+
+## Dropdown & Overlay Positioning
+
+Dropdowns rendered with `position: absolute` inside a container that has `overflow: hidden` or `overflow: auto` will be clipped. This is the single most common dropdown bug in generated code.
+
+### CSS Anchor Positioning
+
+The modern solution uses the CSS Anchor Positioning API to tether an overlay to its trigger without JavaScript:
+
+```css
+.trigger {
+  anchor-name: --menu-trigger;
+}
+
+.dropdown {
+  position: fixed;
+  position-anchor: --menu-trigger;
+  position-area: block-end span-inline-end;
+  margin-top: 4px;
+}
+
+/* Flip above if no room below */
+@position-try --flip-above {
+  position-area: block-start span-inline-end;
+  margin-bottom: 4px;
+}
+```
+
+Because the dropdown uses `position: fixed`, it escapes any `overflow` clipping on ancestor elements. The `@position-try` block handles viewport edges automatically. **Browser support**: Chrome 125+, Edge 125+. Not yet in Firefox or Safari - use a fallback for those browsers.
+
+### Popover + Anchor Combo
+
+Combining the Popover API with anchor positioning gives you stacking, light-dismiss, accessibility, and correct positioning in one pattern:
+
+```html
+<button popovertarget="menu" class="trigger">Open</button>
+<div id="menu" popover class="dropdown">
+  <button>Option 1</button>
+  <button>Option 2</button>
+</div>
+```
+
+The `popover` attribute places the element in the **top layer**, which sits above all other content regardless of z-index or overflow. No portal needed.
+
+### Portal / Teleport Pattern
+
+In component frameworks, render the dropdown at the document root and position it with JavaScript:
+
+- **React**: `createPortal(dropdown, document.body)`
+- **Vue**: `<Teleport to="body">`
+- **Svelte**: Use a portal library or mount to `document.body`
+
+Calculate position from the trigger's `getBoundingClientRect()`, then apply `position: fixed` with `top` and `left` values. Recalculate on scroll and resize.
+
+### Fixed Positioning Fallback
+
+For browsers without anchor positioning support, `position: fixed` with manual coordinates avoids overflow clipping:
+
+```css
+.dropdown {
+  position: fixed;
+  /* top/left set via JS from trigger's getBoundingClientRect() */
+}
+```
+
+Check viewport boundaries before rendering. If the dropdown would overflow the bottom edge, flip it above the trigger. If it would overflow the right edge, align it to the trigger's right side instead.
+
+### Anti-Patterns
+
+- **`position: absolute` inside `overflow: hidden`** - The dropdown will be clipped. Use `position: fixed` or the top layer instead.
+- **Arbitrary z-index values** like `z-index: 9999` - Use a semantic z-index scale: `dropdown (100) -> sticky (200) -> modal-backdrop (300) -> modal (400) -> toast (500) -> tooltip (600)`.
+- **Rendering dropdown markup inline** without an escape hatch from the parent's stacking context. Either use `popover` (top layer), a portal, or `position: fixed`.
+
+## Destructive Actions: Undo > Confirm
+
+**Undo is better than confirmation dialogs**—users click through confirmations mindlessly. Remove from UI immediately, show undo toast, actually delete after toast expires. Use confirmation only for truly irreversible actions (account deletion), high-cost actions, or batch operations.
+
+## Keyboard Navigation Patterns
+
+### Roving Tabindex
+
+For component groups (tabs, menu items, radio groups), one item is tabbable; arrow keys move within:
+
+```html
+<div role="tablist">
+  <button role="tab" tabindex="0">Tab 1</button>
+  <button role="tab" tabindex="-1">Tab 2</button>
+  <button role="tab" tabindex="-1">Tab 3</button>
+</div>
+```
+
+Arrow keys move `tabindex="0"` between items. Tab moves to the next component entirely.
+
+### Skip Links
+
+Provide skip links (`<a href="#main-content">Skip to main content</a>`) for keyboard users to jump past navigation. Hide off-screen, show on focus.
+
+## Gesture Discoverability
+
+Swipe-to-delete and similar gestures are invisible. Hint at their existence:
+
+- **Partially reveal**: Show delete button peeking from edge
+- **Onboarding**: Coach marks on first use
+- **Alternative**: Always provide a visible fallback (menu with "Delete")
+
+Don't rely on gestures as the only way to perform actions.
+
+---
+
+**Avoid**: Removing focus indicators without alternatives. Using placeholder text as labels. Touch targets <44x44px. Generic error messages. Custom controls without ARIA/keyboard support.
diff --git a/.agents/skills/impeccable/reference/motion-design.md b/.agents/skills/impeccable/reference/motion-design.md
new file mode 100644
index 00000000..eff2788b
--- /dev/null
+++ b/.agents/skills/impeccable/reference/motion-design.md
@@ -0,0 +1,99 @@
+# Motion Design
+
+## Duration: The 100/300/500 Rule
+
+Timing matters more than easing. These durations feel right for most UI:
+
+| Duration | Use Case | Examples |
+|----------|----------|----------|
+| **100-150ms** | Instant feedback | Button press, toggle, color change |
+| **200-300ms** | State changes | Menu open, tooltip, hover states |
+| **300-500ms** | Layout changes | Accordion, modal, drawer |
+| **500-800ms** | Entrance animations | Page load, hero reveals |
+
+**Exit animations are faster than entrances**—use ~75% of enter duration.
+
+## Easing: Pick the Right Curve
+
+**Don't use `ease`.** It's a compromise that's rarely optimal. Instead:
+
+| Curve | Use For | CSS |
+|-------|---------|-----|
+| **ease-out** | Elements entering | `cubic-bezier(0.16, 1, 0.3, 1)` |
+| **ease-in** | Elements leaving | `cubic-bezier(0.7, 0, 0.84, 0)` |
+| **ease-in-out** | State toggles (there → back) | `cubic-bezier(0.65, 0, 0.35, 1)` |
+
+**For micro-interactions, use exponential curves**—they feel natural because they mimic real physics (friction, deceleration):
+
+```css
+/* Quart out - smooth, refined (recommended default) */
+--ease-out-quart: cubic-bezier(0.25, 1, 0.5, 1);
+
+/* Quint out - slightly more dramatic */
+--ease-out-quint: cubic-bezier(0.22, 1, 0.36, 1);
+
+/* Expo out - snappy, confident */
+--ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
+```
+
+**Avoid bounce and elastic curves.** They were trendy in 2015 but now feel tacky and amateurish. Real objects don't bounce when they stop—they decelerate smoothly. Overshoot effects draw attention to the animation itself rather than the content.
+
+## The Only Two Properties You Should Animate
+
+**transform** and **opacity** only—everything else causes layout recalculation. For height animations (accordions), use `grid-template-rows: 0fr → 1fr` instead of animating `height` directly.
+
+## Staggered Animations
+
+Use CSS custom properties for cleaner stagger: `animation-delay: calc(var(--i, 0) * 50ms)` with `style="--i: 0"` on each item. **Cap total stagger time**—10 items at 50ms = 500ms total. For many items, reduce per-item delay or cap staggered count.
+
+## Reduced Motion
+
+This is not optional. Vestibular disorders affect ~35% of adults over 40.
+
+```css
+/* Define animations normally */
+.card {
+  animation: slide-up 500ms ease-out;
+}
+
+/* Provide alternative for reduced motion */
+@media (prefers-reduced-motion: reduce) {
+  .card {
+    animation: fade-in 200ms ease-out;  /* Crossfade instead of motion */
+  }
+}
+
+/* Or disable entirely */
+@media (prefers-reduced-motion: reduce) {
+  *, *::before, *::after {
+    animation-duration: 0.01ms !important;
+    transition-duration: 0.01ms !important;
+  }
+}
+```
+
+**What to preserve**: Functional animations like progress bars, loading spinners (slowed down), and focus indicators should still work—just without spatial movement.
+
+## Perceived Performance
+
+**Nobody cares how fast your site is—just how fast it feels.** Perception can be as effective as actual performance.
+
+**The 80ms threshold**: Our brains buffer sensory input for ~80ms to synchronize perception. Anything under 80ms feels instant and simultaneous. This is your target for micro-interactions.
+
+**Active vs passive time**: Passive waiting (staring at a spinner) feels longer than active engagement. Strategies to shift the balance:
+
+- **Preemptive start**: Begin transitions immediately while loading (iOS app zoom, skeleton UI). Users perceive work happening.
+- **Early completion**: Show content progressively—don't wait for everything. Video buffering, progressive images, streaming HTML.
+- **Optimistic UI**: Update the interface immediately, handle failures gracefully. Instagram likes work offline—the UI updates instantly, syncs later. Use for low-stakes actions; avoid for payments or destructive operations.
+
+**Easing affects perceived duration**: Ease-in (accelerating toward completion) makes tasks feel shorter because the peak-end effect weights final moments heavily. Ease-out feels satisfying for entrances, but ease-in toward a task's end compresses perceived time.
+
+**Caution**: Too-fast responses can decrease perceived value. Users may distrust instant results for complex operations (search, analysis). Sometimes a brief delay signals "real work" is happening.
+
+## Performance
+
+Don't use `will-change` preemptively—only when animation is imminent (`:hover`, `.animating`). For scroll-triggered animations, use Intersection Observer instead of scroll events; unobserve after animating once. Create motion tokens for consistency (durations, easings, common transitions).
+
+---
+
+**Avoid**: Animating everything (animation fatigue is real). Using >500ms for UI feedback. Ignoring `prefers-reduced-motion`. Using animation to hide slow loading.
diff --git a/.agents/skills/impeccable/reference/responsive-design.md b/.agents/skills/impeccable/reference/responsive-design.md
new file mode 100644
index 00000000..74f5a100
--- /dev/null
+++ b/.agents/skills/impeccable/reference/responsive-design.md
@@ -0,0 +1,114 @@
+# Responsive Design
+
+## Mobile-First: Write It Right
+
+Start with base styles for mobile, use `min-width` queries to layer complexity. Desktop-first (`max-width`) means mobile loads unnecessary styles first.
+
+## Breakpoints: Content-Driven
+
+Don't chase device sizes—let content tell you where to break. Start narrow, stretch until design breaks, add breakpoint there. Three breakpoints usually suffice (640, 768, 1024px). Use `clamp()` for fluid values without breakpoints.
+
+## Detect Input Method, Not Just Screen Size
+
+**Screen size doesn't tell you input method.** A laptop with touchscreen, a tablet with keyboard—use pointer and hover queries:
+
+```css
+/* Fine pointer (mouse, trackpad) */
+@media (pointer: fine) {
+  .button { padding: 8px 16px; }
+}
+
+/* Coarse pointer (touch, stylus) */
+@media (pointer: coarse) {
+  .button { padding: 12px 20px; }  /* Larger touch target */
+}
+
+/* Device supports hover */
+@media (hover: hover) {
+  .card:hover { transform: translateY(-2px); }
+}
+
+/* Device doesn't support hover (touch) */
+@media (hover: none) {
+  .card { /* No hover state - use active instead */ }
+}
+```
+
+**Critical**: Don't rely on hover for functionality. Touch users can't hover.
+
+## Safe Areas: Handle the Notch
+
+Modern phones have notches, rounded corners, and home indicators. Use `env()`:
+
+```css
+body {
+  padding-top: env(safe-area-inset-top);
+  padding-bottom: env(safe-area-inset-bottom);
+  padding-left: env(safe-area-inset-left);
+  padding-right: env(safe-area-inset-right);
+}
+
+/* With fallback */
+.footer {
+  padding-bottom: max(1rem, env(safe-area-inset-bottom));
+}
+```
+
+**Enable viewport-fit** in your meta tag:
+```html
+<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+```
+
+## Responsive Images: Get It Right
+
+### srcset with Width Descriptors
+
+```html
+<img
+  src="hero-800.jpg"
+  srcset="
+    hero-400.jpg 400w,
+    hero-800.jpg 800w,
+    hero-1200.jpg 1200w
+  "
+  sizes="(max-width: 768px) 100vw, 50vw"
+  alt="Hero image"
+>
+```
+
+**How it works**:
+- `srcset` lists available images with their actual widths (`w` descriptors)
+- `sizes` tells the browser how wide the image will display
+- Browser picks the best file based on viewport width AND device pixel ratio
+
+### Picture Element for Art Direction
+
+When you need different crops/compositions (not just resolutions):
+
+```html
+<picture>
+  <source media="(min-width: 768px)" srcset="wide.jpg">
+  <source media="(max-width: 767px)" srcset="tall.jpg">
+  <img src="fallback.jpg" alt="...">
+</picture>
+```
+
+## Layout Adaptation Patterns
+
+**Navigation**: Three stages—hamburger + drawer on mobile, horizontal compact on tablet, full with labels on desktop. **Tables**: Transform to cards on mobile using `display: block` and `data-label` attributes. **Progressive disclosure**: Use `<details>/<summary>` for content that can collapse on mobile.
+
+## Testing: Don't Trust DevTools Alone
+
+DevTools device emulation is useful for layout but misses:
+
+- Actual touch interactions
+- Real CPU/memory constraints
+- Network latency patterns
+- Font rendering differences
+- Browser chrome/keyboard appearances
+
+**Test on at least**: One real iPhone, one real Android, a tablet if relevant. Cheap Android phones reveal performance issues you'll never see on simulators.
+
+---
+
+**Avoid**: Desktop-first design. Device detection instead of feature detection. Separate mobile/desktop codebases. Ignoring tablet and landscape. Assuming all mobile devices are powerful.
diff --git a/.agents/skills/impeccable/reference/spatial-design.md b/.agents/skills/impeccable/reference/spatial-design.md
new file mode 100644
index 00000000..27c8e74f
--- /dev/null
+++ b/.agents/skills/impeccable/reference/spatial-design.md
@@ -0,0 +1,100 @@
+# Spatial Design
+
+## Spacing Systems
+
+### Use 4pt Base, Not 8pt
+
+8pt systems are too coarse—you'll frequently need 12px (between 8 and 16). Use 4pt for granularity: 4, 8, 12, 16, 24, 32, 48, 64, 96px.
+
+### Name Tokens Semantically
+
+Name by relationship (`--space-sm`, `--space-lg`), not value (`--spacing-8`). Use `gap` instead of margins for sibling spacing—it eliminates margin collapse and cleanup hacks.
+
+## Grid Systems
+
+### The Self-Adjusting Grid
+
+Use `repeat(auto-fit, minmax(280px, 1fr))` for responsive grids without breakpoints. Columns are at least 280px, as many as fit per row, leftovers stretch. For complex layouts, use named grid areas (`grid-template-areas`) and redefine them at breakpoints.
+
+## Visual Hierarchy
+
+### The Squint Test
+
+Blur your eyes (or screenshot and blur). Can you still identify:
+- The most important element?
+- The second most important?
+- Clear groupings?
+
+If everything looks the same weight blurred, you have a hierarchy problem.
+
+### Hierarchy Through Multiple Dimensions
+
+Don't rely on size alone. Combine:
+
+| Tool | Strong Hierarchy | Weak Hierarchy |
+|------|------------------|----------------|
+| **Size** | 3:1 ratio or more | <2:1 ratio |
+| **Weight** | Bold vs Regular | Medium vs Regular |
+| **Color** | High contrast | Similar tones |
+| **Position** | Top/left (primary) | Bottom/right |
+| **Space** | Surrounded by white space | Crowded |
+
+**The best hierarchy uses 2-3 dimensions at once**: A heading that's larger, bolder, AND has more space above it.
+
+### Cards Are Not Required
+
+Cards are overused. Spacing and alignment create visual grouping naturally. Use cards only when content is truly distinct and actionable, items need visual comparison in a grid, or content needs clear interaction boundaries. **Never nest cards inside cards**—use spacing, typography, and subtle dividers for hierarchy within a card.
+
+## Container Queries
+
+Viewport queries are for page layouts. **Container queries are for components**:
+
+```css
+.card-container {
+  container-type: inline-size;
+}
+
+.card {
+  display: grid;
+  gap: var(--space-md);
+}
+
+/* Card layout changes based on its container, not viewport */
+@container (min-width: 400px) {
+  .card {
+    grid-template-columns: 120px 1fr;
+  }
+}
+```
+
+**Why this matters**: A card in a narrow sidebar stays compact, while the same card in a main content area expands—automatically, without viewport hacks.
+
+## Optical Adjustments
+
+Text at `margin-left: 0` looks indented due to letterform whitespace—use negative margin (`-0.05em`) to optically align. Geometrically centered icons often look off-center; play icons need to shift right, arrows shift toward their direction.
+
+### Touch Targets vs Visual Size
+
+Buttons can look small but need large touch targets (44px minimum). Use padding or pseudo-elements:
+
+```css
+.icon-button {
+  width: 24px;  /* Visual size */
+  height: 24px;
+  position: relative;
+}
+
+.icon-button::before {
+  content: '';
+  position: absolute;
+  inset: -10px;  /* Expand tap target to 44px */
+}
+```
+
+## Depth & Elevation
+
+Create semantic z-index scales (dropdown → sticky → modal-backdrop → modal → toast → tooltip) instead of arbitrary numbers. For shadows, create a consistent elevation scale (sm → md → lg → xl). **Key insight**: Shadows should be subtle—if you can clearly see it, it's probably too strong.
+
+---
+
+**Avoid**: Arbitrary spacing values outside your scale. Making all spacing equal (variety creates hierarchy). Creating hierarchy through size alone - combine size, weight, color, and space.
diff --git a/.agents/skills/impeccable/reference/typography.md b/.agents/skills/impeccable/reference/typography.md
new file mode 100644
index 00000000..7063af5b
--- /dev/null
+++ b/.agents/skills/impeccable/reference/typography.md
@@ -0,0 +1,142 @@
+# Typography
+
+## Classic Typography Principles
+
+### Vertical Rhythm
+
+Your line-height should be the base unit for ALL vertical spacing. If body text has `line-height: 1.5` on `16px` type (= 24px), spacing values should be multiples of 24px. This creates subconscious harmony—text and space share a mathematical foundation.
+
+### Modular Scale & Hierarchy
+
+The common mistake: too many font sizes that are too close together (14px, 15px, 16px, 18px...). This creates muddy hierarchy.
+
+**Use fewer sizes with more contrast.** A 5-size system covers most needs:
+
+| Role | Typical Ratio | Use Case |
+|------|---------------|----------|
+| xs | 0.75rem | Captions, legal |
+| sm | 0.875rem | Secondary UI, metadata |
+| base | 1rem | Body text |
+| lg | 1.25-1.5rem | Subheadings, lead text |
+| xl+ | 2-4rem | Headlines, hero text |
+
+Popular ratios: 1.25 (major third), 1.333 (perfect fourth), 1.5 (perfect fifth). Pick one and commit.
+
+### Readability & Measure
+
+Use `ch` units for character-based measure (`max-width: 65ch`). Line-height scales inversely with line length—narrow columns need tighter leading, wide columns need more.
+
+**Non-obvious**: Increase line-height for light text on dark backgrounds. The perceived weight is lighter, so text needs more breathing room. Add 0.05-0.1 to your normal line-height.
+
+## Font Selection & Pairing
+
+### Choosing Distinctive Fonts
+
+**Avoid the invisible defaults**: Inter, Roboto, Open Sans, Lato, Montserrat. These are everywhere, making your design feel generic. They're fine for documentation or tools where personality isn't the goal—but if you want distinctive design, look elsewhere.
+
+**Pick the font from the brief, not from a category preset.** The most common AI typography failure is reaching for the same "tasteful" font for every editorial brief, the same "modern" font for every tech brief, the same "elegant serif" for every premium brief. Those reflexes produce monoculture across projects. The right font is one whose physical character matches *this specific* brand, audience, and moment.
+
+A working selection process:
+
+1. Read the brief once. Write down three concrete words for the brand voice. Not "modern" or "elegant" — those are dead categories. Try "warm and mechanical and opinionated" or "calm and clinical and careful" or "fast and dense and unimpressed" or "handmade and a little weird."
+2. Now imagine the font as a physical object the brand could ship: a typewriter ribbon, a hand-lettered shop sign, a 1970s mainframe terminal manual, a fabric label on the inside of a coat, a museum exhibit caption, a tax form, a children's book printed on cheap newsprint. Whichever physical object fits the three words is pointing at the right *kind* of typeface.
+3. Browse a font catalog (Google Fonts, Pangram Pangram, Adobe Fonts, Future Fonts, ABC Dinamo) with that physical object in mind. **Reject the first thing that "looks designy."** That's your trained-everywhere reflex. Keep looking.
+4. Avoid your defaults from previous projects. If you find yourself reaching for the same display font you used last time, make yourself pick something else.
+
+**Anti-reflexes worth defending against**:
+- A technical/utilitarian brief does NOT need a serif "for warmth." Most tech tools should look like tech tools.
+- An editorial/premium brief does NOT need the same expressive serif everyone is using right now. Premium can be Swiss-modern, can be neo-grotesque, can be a literal monospace, can be a quiet humanist sans.
+- A children's product does NOT need a rounded display font. Kids' books use real type.
+- A "modern" brief does NOT need a geometric sans. The most modern thing you can do in 2026 is not use the font everyone else is using.
+
+**System fonts are underrated**: `-apple-system, BlinkMacSystemFont, "Segoe UI", system-ui` looks native, loads instantly, and is highly readable. Consider this for apps where performance > personality.
+
+### Pairing Principles
+
+**The non-obvious truth**: You often don't need a second font. One well-chosen font family in multiple weights creates cleaner hierarchy than two competing typefaces. Only add a second font when you need genuine contrast (e.g., display headlines + body serif).
+
+When pairing, contrast on multiple axes:
+- Serif + Sans (structure contrast)
+- Geometric + Humanist (personality contrast)
+- Condensed display + Wide body (proportion contrast)
+
+**Never pair fonts that are similar but not identical** (e.g., two geometric sans-serifs). They create visual tension without clear hierarchy.
+
+### Web Font Loading
+
+The layout shift problem: fonts load late, text reflows, and users see content jump. Here's the fix:
+
+```css
+/* 1. Use font-display: swap for visibility */
+@font-face {
+  font-family: 'CustomFont';
+  src: url('font.woff2') format('woff2');
+  font-display: swap;
+}
+
+/* 2. Match fallback metrics to minimize shift */
+@font-face {
+  font-family: 'CustomFont-Fallback';
+  src: local('Arial');
+  size-adjust: 105%;        /* Scale to match x-height */
+  ascent-override: 90%;     /* Match ascender height */
+  descent-override: 20%;    /* Match descender depth */
+  line-gap-override: 10%;   /* Match line spacing */
+}
+
+body {
+  font-family: 'CustomFont', 'CustomFont-Fallback', sans-serif;
+}
+```
+
+Tools like [Fontaine](https://github.com/unjs/fontaine) calculate these overrides automatically.
+
+## Modern Web Typography
+
+### Fluid Type
+
+Fluid typography via `clamp(min, preferred, max)` scales text smoothly with the viewport. The middle value (e.g., `5vw + 1rem`) controls scaling rate—higher vw = faster scaling. Add a rem offset so it doesn't collapse to 0 on small screens.
+
+**Use fluid type for**: Headings and display text on marketing/content pages where text dominates the layout and needs to breathe across viewport sizes.
+
+**Use fixed `rem` scales for**: App UIs, dashboards, and data-dense interfaces. No major app design system (Material, Polaris, Primer, Carbon) uses fluid type in product UI — fixed scales with optional breakpoint adjustments give the spatial predictability that container-based layouts need. Body text should also be fixed even on marketing pages, since the size difference across viewports is too small to warrant it.
+
+### OpenType Features
+
+Most developers don't know these exist. Use them for polish:
+
+```css
+/* Tabular numbers for data alignment */
+.data-table { font-variant-numeric: tabular-nums; }
+
+/* Proper fractions */
+.recipe-amount { font-variant-numeric: diagonal-fractions; }
+
+/* Small caps for abbreviations */
+abbr { font-variant-caps: all-small-caps; }
+
+/* Disable ligatures in code */
+code { font-variant-ligatures: none; }
+
+/* Enable kerning (usually on by default, but be explicit) */
+body { font-kerning: normal; }
+```
+
+Check what features your font supports at [Wakamai Fondue](https://wakamaifondue.com/).
+
+## Typography System Architecture
+
+Name tokens semantically (`--text-body`, `--text-heading`), not by value (`--font-size-16`). Include font stacks, size scale, weights, line-heights, and letter-spacing in your token system.
+
+## Accessibility Considerations
+
+Beyond contrast ratios (which are well-documented), consider:
+
+- **Never disable zoom**: `user-scalable=no` breaks accessibility. If your layout breaks at 200% zoom, fix the layout.
+- **Use rem/em for font sizes**: This respects user browser settings. Never `px` for body text.
+- **Minimum 16px body text**: Smaller than this strains eyes and fails WCAG on mobile.
+- **Adequate touch targets**: Text links need padding or line-height that creates 44px+ tap targets.
+
+---
+
+**Avoid**: More than 2-3 font families per project. Skipping fallback font definitions. Ignoring font loading performance (FOUT/FOIT). Using decorative fonts for body text.
diff --git a/.agents/skills/impeccable/reference/ux-writing.md b/.agents/skills/impeccable/reference/ux-writing.md
new file mode 100644
index 00000000..42109217
--- /dev/null
+++ b/.agents/skills/impeccable/reference/ux-writing.md
@@ -0,0 +1,107 @@
+# UX Writing
+
+## The Button Label Problem
+
+**Never use "OK", "Submit", or "Yes/No".** These are lazy and ambiguous. Use specific verb + object patterns:
+
+| Bad | Good | Why |
+|-----|------|-----|
+| OK | Save changes | Says what will happen |
+| Submit | Create account | Outcome-focused |
+| Yes | Delete message | Confirms the action |
+| Cancel | Keep editing | Clarifies what "cancel" means |
+| Click here | Download PDF | Describes the destination |
+
+**For destructive actions**, name the destruction:
+- "Delete" not "Remove" (delete is permanent, remove implies recoverable)
+- "Delete 5 items" not "Delete selected" (show the count)
+
+## Error Messages: The Formula
+
+Every error message should answer: (1) What happened? (2) Why? (3) How to fix it? Example: "Email address isn't valid. Please include an @ symbol." not "Invalid input".
+
+### Error Message Templates
+
+| Situation | Template |
+|-----------|----------|
+| **Format error** | "[Field] needs to be [format]. Example: [example]" |
+| **Missing required** | "Please enter [what's missing]" |
+| **Permission denied** | "You don't have access to [thing]. [What to do instead]" |
+| **Network error** | "We couldn't reach [thing]. Check your connection and [action]." |
+| **Server error** | "Something went wrong on our end. We're looking into it. [Alternative action]" |
+
+### Don't Blame the User
+
+Reframe errors: "Please enter a date in MM/DD/YYYY format" not "You entered an invalid date".
+
+## Empty States Are Opportunities
+
+Empty states are onboarding moments: (1) Acknowledge briefly, (2) Explain the value of filling it, (3) Provide a clear action. "No projects yet. Create your first one to get started." not just "No items".
+
+## Voice vs Tone
+
+**Voice** is your brand's personality—consistent everywhere.
+**Tone** adapts to the moment.
+
+| Moment | Tone Shift |
+|--------|------------|
+| Success | Celebratory, brief: "Done! Your changes are live." |
+| Error | Empathetic, helpful: "That didn't work. Here's what to try..." |
+| Loading | Reassuring: "Saving your work..." |
+| Destructive confirm | Serious, clear: "Delete this project? This can't be undone." |
+
+**Never use humor for errors.** Users are already frustrated. Be helpful, not cute.
+
+## Writing for Accessibility
+
+**Link text** must have standalone meaning—"View pricing plans" not "Click here". **Alt text** describes information, not the image—"Revenue increased 40% in Q4" not "Chart". Use `alt=""` for decorative images. **Icon buttons** need `aria-label` for screen reader context.
+
+## Writing for Translation
+
+### Plan for Expansion
+
+German text is ~30% longer than English. Allocate space:
+
+| Language | Expansion |
+|----------|-----------|
+| German | +30% |
+| French | +20% |
+| Finnish | +30-40% |
+| Chinese | -30% (fewer chars, but same width) |
+
+### Translation-Friendly Patterns
+
+Keep numbers separate ("New messages: 3" not "You have 3 new messages"). Use full sentences as single strings (word order varies by language). Avoid abbreviations ("5 minutes ago" not "5 mins ago"). Give translators context about where strings appear.
+
+## Consistency: The Terminology Problem
+
+Pick one term and stick with it:
+
+| Inconsistent | Consistent |
+|--------------|------------|
+| Delete / Remove / Trash | Delete |
+| Settings / Preferences / Options | Settings |
+| Sign in / Log in / Enter | Sign in |
+| Create / Add / New | Create |
+
+Build a terminology glossary and enforce it. Variety creates confusion.
+
+## Avoid Redundant Copy
+
+If the heading explains it, the intro is redundant. If the button is clear, don't explain it again. Say it once, say it well.
+
+## Loading States
+
+Be specific: "Saving your draft..." not "Loading...". For long waits, set expectations ("This usually takes 30 seconds") or show progress.
+
+## Confirmation Dialogs: Use Sparingly
+
+Most confirmation dialogs are design failures—consider undo instead. When you must confirm: name the action, explain consequences, use specific button labels ("Delete project" / "Keep project", not "Yes" / "No").
+
+## Form Instructions
+
+Show format with placeholders, not instructions. For non-obvious fields, explain why you're asking.
+
+---
+
+**Avoid**: Jargon without explanation. Blaming users ("You made an error" → "This field is required"). Vague errors ("Something went wrong"). Varying terminology for variety. Humor for errors.
diff --git a/.agents/skills/impeccable/scripts/cleanup-deprecated.mjs b/.agents/skills/impeccable/scripts/cleanup-deprecated.mjs
new file mode 100644
index 00000000..5b8a2177
--- /dev/null
+++ b/.agents/skills/impeccable/scripts/cleanup-deprecated.mjs
@@ -0,0 +1,214 @@
+#!/usr/bin/env node
+/**
+ * Cleans up deprecated Impeccable skill files, symlinks, and
+ * skills-lock.json entries left over from previous versions.
+ *
+ * Safe to run repeatedly -- it is a no-op when nothing needs cleaning.
+ *
+ * Usage (from the project root):
+ *   node {{scripts_path}}/cleanup-deprecated.mjs
+ *
+ * What it does:
+ *   1. Finds every harness-specific skills directory (.claude/skills,
+ *      .cursor/skills, .agents/skills, etc.).
+ *   2. For each deprecated skill name (with and without i- prefix),
+ *      checks if the directory exists and its SKILL.md mentions
+ *      "impeccable" (to avoid deleting unrelated user skills).
+ *   3. Deletes confirmed matches (files, directories, or symlinks).
+ *   4. Removes the corresponding entries from skills-lock.json.
+ */
+
+import { existsSync, readFileSync, writeFileSync, rmSync, readdirSync, statSync, lstatSync, unlinkSync } from 'node:fs';
+import { join, resolve } from 'node:path';
+
+// Skills that were renamed, merged, or folded in v2.0 and v2.1.
+const DEPRECATED_NAMES = [
+  'frontend-design',    // renamed to impeccable (v2.0)
+  'teach-impeccable',   // folded into /impeccable teach (v2.0)
+  'arrange',            // renamed to layout (v2.1)
+  'normalize',          // merged into polish (v2.1)
+  'onboard',            // merged into harden (v2.1)
+  'extract',            // merged into /impeccable extract (v2.1)
+];
+
+// All known harness directories that may contain a skills/ subfolder.
+const HARNESS_DIRS = [
+  '.claude', '.cursor', '.gemini', '.codex', '.agents',
+  '.trae', '.trae-cn', '.pi', '.opencode', '.kiro', '.rovodev',
+];
+
+/**
+ * Walk up from startDir until we find a directory that looks like a
+ * project root (has package.json, .git, or skills-lock.json).
+ */
+export function findProjectRoot(startDir = process.cwd()) {
+  let dir = resolve(startDir);
+  const { root } = { root: '/' };
+  while (dir !== root) {
+    if (
+      existsSync(join(dir, 'package.json')) ||
+      existsSync(join(dir, '.git')) ||
+      existsSync(join(dir, 'skills-lock.json'))
+    ) {
+      return dir;
+    }
+    const parent = resolve(dir, '..');
+    if (parent === dir) break;
+    dir = parent;
+  }
+  return resolve(startDir);
+}
+
+/**
+ * Check whether a skill directory belongs to Impeccable by reading its
+ * SKILL.md and looking for the word "impeccable" (case-insensitive).
+ * Returns false for non-existent paths or skills that don't match.
+ */
+export function isImpeccableSkill(skillDir) {
+  const skillMd = join(skillDir, 'SKILL.md');
+  if (!existsSync(skillMd)) return false;
+  try {
+    const content = readFileSync(skillMd, 'utf-8');
+    return /impeccable/i.test(content);
+  } catch {
+    return false;
+  }
+}
+
+/**
+ * Build the full list of names to check: each deprecated name, plus
+ * its i-prefixed variant.
+ */
+export function buildTargetNames() {
+  const names = [];
+  for (const name of DEPRECATED_NAMES) {
+    names.push(name);
+    names.push(`i-${name}`);
+  }
+  return names;
+}
+
+/**
+ * Find every skills directory across all harness dirs in the project.
+ * Returns absolute paths that exist on disk.
+ */
+export function findSkillsDirs(projectRoot) {
+  const dirs = [];
+  for (const harness of HARNESS_DIRS) {
+    const candidate = join(projectRoot, harness, 'skills');
+    if (existsSync(candidate)) {
+      dirs.push(candidate);
+    }
+  }
+  return dirs;
+}
+
+/**
+ * Remove deprecated skill directories/symlinks from all harness dirs.
+ * Returns an array of paths that were deleted.
+ */
+export function removeDeprecatedSkills(projectRoot) {
+  const targets = buildTargetNames();
+  const skillsDirs = findSkillsDirs(projectRoot);
+  const deleted = [];
+
+  for (const skillsDir of skillsDirs) {
+    for (const name of targets) {
+      const skillPath = join(skillsDir, name);
+
+      // Use lstat to detect symlinks (existsSync follows symlinks and
+      // returns false for dangling ones).
+      let stat;
+      try {
+        stat = lstatSync(skillPath);
+      } catch {
+        continue; // does not exist at all
+      }
+
+      if (stat.isSymbolicLink()) {
+        // Symlink: check the target if it's alive, otherwise treat
+        // dangling symlinks to deprecated names as safe to remove.
+        const targetAlive = existsSync(skillPath);
+        const isMatch = targetAlive ? isImpeccableSkill(skillPath) : true;
+        if (isMatch) {
+          unlinkSync(skillPath);
+          deleted.push(skillPath);
+        }
+        continue;
+      }
+
+      // Regular directory -- verify it belongs to impeccable
+      if (isImpeccableSkill(skillPath)) {
+        rmSync(skillPath, { recursive: true, force: true });
+        deleted.push(skillPath);
+      }
+    }
+  }
+
+  return deleted;
+}
+
+/**
+ * Remove deprecated entries from skills-lock.json.
+ * Only removes entries whose source is "pbakaus/impeccable".
+ * Returns the list of removed skill names.
+ */
+export function cleanSkillsLock(projectRoot) {
+  const lockPath = join(projectRoot, 'skills-lock.json');
+  if (!existsSync(lockPath)) return [];
+
+  let lock;
+  try {
+    lock = JSON.parse(readFileSync(lockPath, 'utf-8'));
+  } catch {
+    return [];
+  }
+
+  if (!lock.skills || typeof lock.skills !== 'object') return [];
+
+  const targets = buildTargetNames();
+  const removed = [];
+
+  for (const name of targets) {
+    const entry = lock.skills[name];
+    if (!entry) continue;
+    // Only remove if it belongs to impeccable
+    if (entry.source === 'pbakaus/impeccable') {
+      delete lock.skills[name];
+      removed.push(name);
+    }
+  }
+
+  if (removed.length > 0) {
+    writeFileSync(lockPath, JSON.stringify(lock, null, 2) + '\n', 'utf-8');
+  }
+
+  return removed;
+}
+
+/**
+ * Run the full cleanup. Returns a summary object.
+ */
+export function cleanup(projectRoot) {
+  const root = projectRoot || findProjectRoot();
+  const deletedPaths = removeDeprecatedSkills(root);
+  const removedLockEntries = cleanSkillsLock(root);
+  return { deletedPaths, removedLockEntries, projectRoot: root };
+}
+
+// CLI entry point
+if (process.argv[1] && resolve(process.argv[1]) === resolve(new URL(import.meta.url).pathname)) {
+  const result = cleanup();
+  if (result.deletedPaths.length === 0 && result.removedLockEntries.length === 0) {
+    console.log('No deprecated Impeccable skills found. Nothing to clean up.');
+  } else {
+    if (result.deletedPaths.length > 0) {
+      console.log(`Removed ${result.deletedPaths.length} deprecated skill(s):`);
+      for (const p of result.deletedPaths) console.log(`  - ${p}`);
+    }
+    if (result.removedLockEntries.length > 0) {
+      console.log(`Cleaned ${result.removedLockEntries.length} entry/entries from skills-lock.json:`);
+      for (const name of result.removedLockEntries) console.log(`  - ${name}`);
+    }
+  }
+}
diff --git a/.agents/skills/layout/SKILL.md b/.agents/skills/layout/SKILL.md
new file mode 100644
index 00000000..6e532e38
--- /dev/null
+++ b/.agents/skills/layout/SKILL.md
@@ -0,0 +1,125 @@
+---
+name: layout
+description: Improve layout, spacing, and visual rhythm. Fixes monotonous grids, inconsistent spacing, and weak visual hierarchy. Use when the user mentions layout feeling off, spacing issues, visual hierarchy, crowded UI, alignment problems, or wanting better composition.
+version: 2.1.1
+user-invocable: true
+argument-hint: "[target]"
+---
+
+Assess and improve layout and spacing that feels monotonous, crowded, or structurally weak — turning generic arrangements into intentional, rhythmic compositions.
+
+## MANDATORY PREPARATION
+
+Invoke /impeccable — it contains design principles, anti-patterns, and the **Context Gathering Protocol**. Follow the protocol before proceeding — if no design context exists yet, you MUST run /impeccable teach first.
+
+---
+
+## Assess Current Layout
+
+Analyze what's weak about the current spatial design:
+
+1. **Spacing**:
+   - Is spacing consistent or arbitrary? (Random padding/margin values)
+   - Is all spacing the same? (Equal padding everywhere = no rhythm)
+   - Are related elements grouped tightly, with generous space between groups?
+
+2. **Visual hierarchy**:
+   - Apply the squint test: blur your (metaphorical) eyes — can you still identify the most important element, second most important, and clear groupings?
+   - Is hierarchy achieved effectively? (Space and weight alone can be enough — but is the current approach working?)
+   - Does whitespace guide the eye to what matters?
+
+3. **Grid & structure**:
+   - Is there a clear underlying structure, or does the layout feel random?
+   - Are identical card grids used everywhere? (Icon + heading + text, repeated endlessly)
+   - Is everything centered? (Left-aligned with asymmetric layouts feels more designed, but not a hard and fast rule)
+
+4. **Rhythm & variety**:
+   - Does the layout have visual rhythm? (Alternating tight/generous spacing)
+   - Is every section structured the same way? (Monotonous repetition)
+   - Are there intentional moments of surprise or emphasis?
+
+5. **Density**:
+   - Is the layout too cramped? (Not enough breathing room)
+   - Is the layout too sparse? (Excessive whitespace without purpose)
+   - Does density match the content type? (Data-dense UIs need tighter spacing; marketing pages need more air)
+
+**CRITICAL**: Layout problems are often the root cause of interfaces feeling "off" even when colors and fonts are fine. Space is a design material — use it with intention.
+
+## Plan Layout Improvements
+
+Consult the [spatial design reference](reference/spatial-design.md) from the impeccable skill for detailed guidance on grids, rhythm, and container queries.
+
+Create a systematic plan:
+
+- **Spacing system**: Use a consistent scale — whether that's a framework's built-in scale (e.g., Tailwind), rem-based tokens, or a custom system. The specific values matter less than consistency.
+- **Hierarchy strategy**: How will space communicate importance?
+- **Layout approach**: What structure fits the content? Flex for 1D, Grid for 2D, named areas for complex page layouts.
+- **Rhythm**: Where should spacing be tight vs generous?
+
+## Improve Layout Systematically
+
+### Establish a Spacing System
+
+- Use a consistent spacing scale — framework scales (Tailwind, etc.), rem-based tokens, or a custom scale all work. What matters is that values come from a defined set, not arbitrary numbers.
+- Name tokens semantically if using custom properties: `--space-xs` through `--space-xl`, not `--spacing-8`
+- Use `gap` for sibling spacing instead of margins — eliminates margin collapse hacks
+- Apply `clamp()` for fluid spacing that breathes on larger screens
+
+### Create Visual Rhythm
+
+- **Tight grouping** for related elements (8-12px between siblings)
+- **Generous separation** between distinct sections (48-96px)
+- **Varied spacing** within sections — not every row needs the same gap
+- **Asymmetric compositions** — break the predictable centered-content pattern when it makes sense
+
+### Choose the Right Layout Tool
+
+- **Use Flexbox for 1D layouts**: Rows of items, nav bars, button groups, card contents, most component internals. Flex is simpler and more appropriate for the majority of layout tasks.
+- **Use Grid for 2D layouts**: Page-level structure, dashboards, data-dense interfaces, anything where rows AND columns need coordinated control.
+- **Don't default to Grid** when Flexbox with `flex-wrap` would be simpler and more flexible.
+- Use `repeat(auto-fit, minmax(280px, 1fr))` for responsive grids without breakpoints.
+- Use named grid areas (`grid-template-areas`) for complex page layouts — redefine at breakpoints.
+
+### Break Card Grid Monotony
+
+- Don't default to card grids for everything — spacing and alignment create visual grouping naturally
+- Use cards only when content is truly distinct and actionable — never nest cards inside cards
+- Vary card sizes, span columns, or mix cards with non-card content to break repetition
+
+### Strengthen Visual Hierarchy
+
+- Use the fewest dimensions needed for clear hierarchy. Space alone can be enough — generous whitespace around an element draws the eye. Some of the most sophisticated designs achieve rhythm with just space and weight. Add color or size contrast only when simpler means aren't sufficient.
+- Be aware of reading flow — in LTR languages, the eye naturally scans top-left to bottom-right, but primary action placement depends on context (e.g., bottom-right in dialogs, top in navigation).
+- Create clear content groupings through proximity and separation.
+
+### Manage Depth & Elevation
+
+- Create a semantic z-index scale (dropdown → sticky → modal-backdrop → modal → toast → tooltip)
+- Build a consistent shadow scale (sm → md → lg → xl) — shadows should be subtle
+- Use elevation to reinforce hierarchy, not as decoration
+
+### Optical Adjustments
+
+- If an icon looks visually off-center despite being geometrically centered, nudge it — but only if you're confident it actually looks wrong. Don't adjust speculatively.
+
+**NEVER**:
+- Use arbitrary spacing values outside your scale
+- Make all spacing equal — variety creates hierarchy
+- Wrap everything in cards — not everything needs a container
+- Nest cards inside cards — use spacing and dividers for hierarchy within
+- Use identical card grids everywhere (icon + heading + text, repeated)
+- Center everything — left-aligned with asymmetry feels more designed
+- Default to the hero metric layout (big number, small label, stats, gradient) as a template. If showing real user data, a prominent metric can work — but it should display actual data, not decorative numbers.
+- Default to CSS Grid when Flexbox would be simpler — use the simplest tool for the job
+- Use arbitrary z-index values (999, 9999) — build a semantic scale
+
+## Verify Layout Improvements
+
+- **Squint test**: Can you identify primary, secondary, and groupings with blurred vision?
+- **Rhythm**: Does the page have a satisfying beat of tight and generous spacing?
+- **Hierarchy**: Is the most important content obvious within 2 seconds?
+- **Breathing room**: Does the layout feel comfortable, not cramped or wasteful?
+- **Consistency**: Is the spacing system applied uniformly?
+- **Responsiveness**: Does the layout adapt gracefully across screen sizes?
+
+Remember: Space is the most underused design tool. A layout with the right rhythm and hierarchy can make even simple content feel polished and intentional.
\ No newline at end of file
diff --git a/.agents/skills/optimize/SKILL.md b/.agents/skills/optimize/SKILL.md
new file mode 100644
index 00000000..d562cc53
--- /dev/null
+++ b/.agents/skills/optimize/SKILL.md
@@ -0,0 +1,266 @@
+---
+name: optimize
+description: Diagnoses and fixes UI performance across loading speed, rendering, animations, images, and bundle size. Use when the user mentions slow, laggy, janky, performance, bundle size, load time, or wants a faster, smoother experience.
+version: 2.1.1
+user-invocable: true
+argument-hint: "[target]"
+---
+
+Identify and fix performance issues to create faster, smoother user experiences.
+
+## Assess Performance Issues
+
+Understand current performance and identify problems:
+
+1. **Measure current state**:
+   - **Core Web Vitals**: LCP, FID/INP, CLS scores
+   - **Load time**: Time to interactive, first contentful paint
+   - **Bundle size**: JavaScript, CSS, image sizes
+   - **Runtime performance**: Frame rate, memory usage, CPU usage
+   - **Network**: Request count, payload sizes, waterfall
+
+2. **Identify bottlenecks**:
+   - What's slow? (Initial load? Interactions? Animations?)
+   - What's causing it? (Large images? Expensive JavaScript? Layout thrashing?)
+   - How bad is it? (Perceivable? Annoying? Blocking?)
+   - Who's affected? (All users? Mobile only? Slow connections?)
+
+**CRITICAL**: Measure before and after. Premature optimization wastes time. Optimize what actually matters.
+
+## Optimization Strategy
+
+Create systematic improvement plan:
+
+### Loading Performance
+
+**Optimize Images**:
+- Use modern formats (WebP, AVIF)
+- Proper sizing (don't load 3000px image for 300px display)
+- Lazy loading for below-fold images
+- Responsive images (`srcset`, `picture` element)
+- Compress images (80-85% quality is usually imperceptible)
+- Use CDN for faster delivery
+
+```html
+<img 
+  src="hero.webp"
+  srcset="hero-400.webp 400w, hero-800.webp 800w, hero-1200.webp 1200w"
+  sizes="(max-width: 400px) 400px, (max-width: 800px) 800px, 1200px"
+  loading="lazy"
+  alt="Hero image"
+/>
+```
+
+**Reduce JavaScript Bundle**:
+- Code splitting (route-based, component-based)
+- Tree shaking (remove unused code)
+- Remove unused dependencies
+- Lazy load non-critical code
+- Use dynamic imports for large components
+
+```javascript
+// Lazy load heavy component
+const HeavyChart = lazy(() => import('./HeavyChart'));
+```
+
+**Optimize CSS**:
+- Remove unused CSS
+- Critical CSS inline, rest async
+- Minimize CSS files
+- Use CSS containment for independent regions
+
+**Optimize Fonts**:
+- Use `font-display: swap` or `optional`
+- Subset fonts (only characters you need)
+- Preload critical fonts
+- Use system fonts when appropriate
+- Limit font weights loaded
+
+```css
+@font-face {
+  font-family: 'CustomFont';
+  src: url('/fonts/custom.woff2') format('woff2');
+  font-display: swap; /* Show fallback immediately */
+  unicode-range: U+0020-007F; /* Basic Latin only */
+}
+```
+
+**Optimize Loading Strategy**:
+- Critical resources first (async/defer non-critical)
+- Preload critical assets
+- Prefetch likely next pages
+- Service worker for offline/caching
+- HTTP/2 or HTTP/3 for multiplexing
+
+### Rendering Performance
+
+**Avoid Layout Thrashing**:
+```javascript
+// ❌ Bad: Alternating reads and writes (causes reflows)
+elements.forEach(el => {
+  const height = el.offsetHeight; // Read (forces layout)
+  el.style.height = height * 2; // Write
+});
+
+// ✅ Good: Batch reads, then batch writes
+const heights = elements.map(el => el.offsetHeight); // All reads
+elements.forEach((el, i) => {
+  el.style.height = heights[i] * 2; // All writes
+});
+```
+
+**Optimize Rendering**:
+- Use CSS `contain` property for independent regions
+- Minimize DOM depth (flatter is faster)
+- Reduce DOM size (fewer elements)
+- Use `content-visibility: auto` for long lists
+- Virtual scrolling for very long lists (react-window, react-virtualized)
+
+**Reduce Paint & Composite**:
+- Use `transform` and `opacity` for animations (GPU-accelerated)
+- Avoid animating layout properties (width, height, top, left)
+- Use `will-change` sparingly for known expensive operations
+- Minimize paint areas (smaller is faster)
+
+### Animation Performance
+
+**GPU Acceleration**:
+```css
+/* ✅ GPU-accelerated (fast) */
+.animated {
+  transform: translateX(100px);
+  opacity: 0.5;
+}
+
+/* ❌ CPU-bound (slow) */
+.animated {
+  left: 100px;
+  width: 300px;
+}
+```
+
+**Smooth 60fps**:
+- Target 16ms per frame (60fps)
+- Use `requestAnimationFrame` for JS animations
+- Debounce/throttle scroll handlers
+- Use CSS animations when possible
+- Avoid long-running JavaScript during animations
+
+**Intersection Observer**:
+```javascript
+// Efficiently detect when elements enter viewport
+const observer = new IntersectionObserver((entries) => {
+  entries.forEach(entry => {
+    if (entry.isIntersecting) {
+      // Element is visible, lazy load or animate
+    }
+  });
+});
+```
+
+### React/Framework Optimization
+
+**React-specific**:
+- Use `memo()` for expensive components
+- `useMemo()` and `useCallback()` for expensive computations
+- Virtualize long lists
+- Code split routes
+- Avoid inline function creation in render
+- Use React DevTools Profiler
+
+**Framework-agnostic**:
+- Minimize re-renders
+- Debounce expensive operations
+- Memoize computed values
+- Lazy load routes and components
+
+### Network Optimization
+
+**Reduce Requests**:
+- Combine small files
+- Use SVG sprites for icons
+- Inline small critical assets
+- Remove unused third-party scripts
+
+**Optimize APIs**:
+- Use pagination (don't load everything)
+- GraphQL to request only needed fields
+- Response compression (gzip, brotli)
+- HTTP caching headers
+- CDN for static assets
+
+**Optimize for Slow Connections**:
+- Adaptive loading based on connection (navigator.connection)
+- Optimistic UI updates
+- Request prioritization
+- Progressive enhancement
+
+## Core Web Vitals Optimization
+
+### Largest Contentful Paint (LCP < 2.5s)
+- Optimize hero images
+- Inline critical CSS
+- Preload key resources
+- Use CDN
+- Server-side rendering
+
+### First Input Delay (FID < 100ms) / INP (< 200ms)
+- Break up long tasks
+- Defer non-critical JavaScript
+- Use web workers for heavy computation
+- Reduce JavaScript execution time
+
+### Cumulative Layout Shift (CLS < 0.1)
+- Set dimensions on images and videos
+- Don't inject content above existing content
+- Use `aspect-ratio` CSS property
+- Reserve space for ads/embeds
+- Avoid animations that cause layout shifts
+
+```css
+/* Reserve space for image */
+.image-container {
+  aspect-ratio: 16 / 9;
+}
+```
+
+## Performance Monitoring
+
+**Tools to use**:
+- Chrome DevTools (Lighthouse, Performance panel)
+- WebPageTest
+- Core Web Vitals (Chrome UX Report)
+- Bundle analyzers (webpack-bundle-analyzer)
+- Performance monitoring (Sentry, DataDog, New Relic)
+
+**Key metrics**:
+- LCP, FID/INP, CLS (Core Web Vitals)
+- Time to Interactive (TTI)
+- First Contentful Paint (FCP)
+- Total Blocking Time (TBT)
+- Bundle size
+- Request count
+
+**IMPORTANT**: Measure on real devices with real network conditions. Desktop Chrome with fast connection isn't representative.
+
+**NEVER**:
+- Optimize without measuring (premature optimization)
+- Sacrifice accessibility for performance
+- Break functionality while optimizing
+- Use `will-change` everywhere (creates new layers, uses memory)
+- Lazy load above-fold content
+- Optimize micro-optimizations while ignoring major issues (optimize the biggest bottleneck first)
+- Forget about mobile performance (often slower devices, slower connections)
+
+## Verify Improvements
+
+Test that optimizations worked:
+
+- **Before/after metrics**: Compare Lighthouse scores
+- **Real user monitoring**: Track improvements for real users
+- **Different devices**: Test on low-end Android, not just flagship iPhone
+- **Slow connections**: Throttle to 3G, test experience
+- **No regressions**: Ensure functionality still works
+- **User perception**: Does it *feel* faster?
+
+Remember: Performance is a feature. Fast experiences feel more responsive, more polished, more professional. Optimize systematically, measure ruthlessly, and prioritize user-perceived performance.
\ No newline at end of file
diff --git a/.agents/skills/overdrive/SKILL.md b/.agents/skills/overdrive/SKILL.md
new file mode 100644
index 00000000..862a4c9c
--- /dev/null
+++ b/.agents/skills/overdrive/SKILL.md
@@ -0,0 +1,142 @@
+---
+name: overdrive
+description: Pushes interfaces past conventional limits with technically ambitious implementations — shaders, spring physics, scroll-driven reveals, 60fps animations. Use when the user wants to wow, impress, go all-out, or make something that feels extraordinary.
+version: 2.1.1
+user-invocable: true
+argument-hint: "[target]"
+---
+
+Start your response with:
+
+```
+──────────── ⚡ OVERDRIVE ─────────────
+》》》 Entering overdrive mode...
+```
+
+Push an interface past conventional limits. This isn't just about visual effects — it's about using the full power of the browser to make any part of an interface feel extraordinary: a table that handles a million rows, a dialog that morphs from its trigger, a form that validates in real-time with streaming feedback, a page transition that feels cinematic.
+
+## MANDATORY PREPARATION
+
+Invoke /impeccable — it contains design principles, anti-patterns, and the **Context Gathering Protocol**. Follow the protocol before proceeding — if no design context exists yet, you MUST run /impeccable teach first.
+
+**EXTRA IMPORTANT FOR THIS SKILL**: Context determines what "extraordinary" means. A particle system on a creative portfolio is impressive. The same particle system on a settings page is embarrassing. But a settings page with instant optimistic saves and animated state transitions? That's extraordinary too. Understand the project's personality and goals before deciding what's appropriate.
+
+### Propose Before Building
+
+This skill has the highest potential to misfire. Do NOT jump straight into implementation. You MUST:
+
+1. **Think through 2-3 different directions** — consider different techniques, levels of ambition, and aesthetic approaches. For each direction, briefly describe what the result would look and feel like.
+2. **ask the user directly to clarify what you cannot infer.** to present these directions and get the user's pick before writing any code. Explain trade-offs (browser support, performance cost, complexity).
+3. Only proceed with the direction the user confirms.
+
+Skipping this step risks building something embarrassing that needs to be thrown away.
+
+### Iterate with Browser Automation
+
+Technically ambitious effects almost never work on the first try. You MUST actively use browser automation tools to preview your work, visually verify the result, and iterate. Do not assume the effect looks right — check it. Expect multiple rounds of refinement. The gap between "technically works" and "looks extraordinary" is closed through visual iteration, not code alone.
+
+---
+
+## Assess What "Extraordinary" Means Here
+
+The right kind of technical ambition depends entirely on what you're working with. Before choosing a technique, ask: **what would make a user of THIS specific interface say "wow, that's nice"?**
+
+### For visual/marketing surfaces
+Pages, hero sections, landing pages, portfolios — the "wow" is often sensory: a scroll-driven reveal, a shader background, a cinematic page transition, generative art that responds to the cursor.
+
+### For functional UI
+Tables, forms, dialogs, navigation — the "wow" is in how it FEELS: a dialog that morphs from the button that triggered it via View Transitions, a data table that renders 100k rows at 60fps via virtual scrolling, a form with streaming validation that feels instant, drag-and-drop with spring physics.
+
+### For performance-critical UI
+The "wow" is invisible but felt: a search that filters 50k items without a flicker, a complex form that never blocks the main thread, an image editor that processes in near-real-time. The interface just never hesitates.
+
+### For data-heavy interfaces
+Charts and dashboards — the "wow" is in fluidity: GPU-accelerated rendering via Canvas/WebGL for massive datasets, animated transitions between data states, force-directed graph layouts that settle naturally.
+
+**The common thread**: something about the implementation goes beyond what users expect from a web interface. The technique serves the experience, not the other way around.
+
+## The Toolkit
+
+Organized by what you're trying to achieve, not by technology name.
+
+### Make transitions feel cinematic
+- **View Transitions API** (same-document: all browsers; cross-document: no Firefox) — shared element morphing between states. A list item expanding into a detail page. A button morphing into a dialog. This is the closest thing to native FLIP animations.
+- **`@starting-style`** (all browsers) — animate elements from `display: none` to visible with CSS only, including entry keyframes
+- **Spring physics** — natural motion with mass, tension, and damping instead of cubic-bezier. Libraries: motion (formerly Framer Motion), GSAP, or roll your own spring solver.
+
+### Tie animation to scroll position
+- **Scroll-driven animations** (`animation-timeline: scroll()`) — CSS-only, no JS. Parallax, progress bars, reveal sequences all driven by scroll position. (Chrome/Edge/Safari; Firefox: flag only — always provide a static fallback)
+
+### Render beyond CSS
+- **WebGL** (all browsers) — shader effects, post-processing, particle systems. Libraries: Three.js, OGL (lightweight), regl. Use for effects CSS can't express.
+- **WebGPU** (Chrome/Edge; Safari partial; Firefox: flag only) — next-gen GPU compute. More powerful than WebGL but limited browser support. Always fall back to WebGL2.
+- **Canvas 2D / OffscreenCanvas** — custom rendering, pixel manipulation, or moving heavy rendering off the main thread entirely via Web Workers + OffscreenCanvas.
+- **SVG filter chains** — displacement maps, turbulence, morphology for organic distortion effects. CSS-animatable.
+
+### Make data feel alive
+- **Virtual scrolling** — render only visible rows for tables/lists with tens of thousands of items. No library required for simple cases; TanStack Virtual for complex ones.
+- **GPU-accelerated charts** — Canvas or WebGL-rendered data visualization for datasets too large for SVG/DOM. Libraries: deck.gl, regl-based custom renderers.
+- **Animated data transitions** — morph between chart states rather than replacing. D3's `transition()` or View Transitions for DOM-based charts.
+
+### Animate complex properties
+- **`@property`** (all browsers) — register custom CSS properties with types, enabling animation of gradients, colors, and complex values that CSS can't normally interpolate.
+- **Web Animations API** (all browsers) — JavaScript-driven animations with the performance of CSS. Composable, cancellable, reversible. The foundation for complex choreography.
+
+### Push performance boundaries
+- **Web Workers** — move computation off the main thread. Heavy data processing, image manipulation, search indexing — anything that would cause jank.
+- **OffscreenCanvas** — render in a Worker thread. The main thread stays free while complex visuals render in the background.
+- **WASM** — near-native performance for computation-heavy features. Image processing, physics simulations, codecs.
+
+### Interact with the device
+- **Web Audio API** — spatial audio, audio-reactive visualizations, sonic feedback. Requires user gesture to start.
+- **Device APIs** — orientation, ambient light, geolocation. Use sparingly and always with user permission.
+
+**NOTE**: This skill is about enhancing how an interface FEELS, not changing what a product DOES. Adding real-time collaboration, offline support, or new backend capabilities are product decisions, not UI enhancements. Focus on making existing features feel extraordinary.
+
+## Implement with Discipline
+
+### Progressive enhancement is non-negotiable
+
+Every technique must degrade gracefully. The experience without the enhancement must still be good.
+
+```css
+@supports (animation-timeline: scroll()) {
+  .hero { animation-timeline: scroll(); }
+}
+```
+
+```javascript
+if ('gpu' in navigator) { /* WebGPU */ }
+else if (canvas.getContext('webgl2')) { /* WebGL2 fallback */ }
+/* CSS-only fallback must still look good */
+```
+
+### Performance rules
+
+- Target 60fps. If dropping below 50, simplify.
+- Respect `prefers-reduced-motion` — always. Provide a beautiful static alternative.
+- Lazy-initialize heavy resources (WebGL contexts, WASM modules) only when near viewport.
+- Pause off-screen rendering. Kill what you can't see.
+- Test on real mid-range devices, not just your development machine.
+
+### Polish is the difference
+
+The gap between "cool" and "extraordinary" is in the last 20% of refinement: the easing curve on a spring animation, the timing offset in a staggered reveal, the subtle secondary motion that makes a transition feel physical. Don't ship the first version that works — ship the version that feels inevitable.
+
+**NEVER**:
+- Ignore `prefers-reduced-motion` — this is an accessibility requirement, not a suggestion
+- Ship effects that cause jank on mid-range devices
+- Use bleeding-edge APIs without a functional fallback
+- Add sound without explicit user opt-in
+- Use technical ambition to mask weak design fundamentals — fix those first with other skills
+- Layer multiple competing extraordinary moments — focus creates impact, excess creates noise
+
+## Verify the Result
+
+- **The wow test**: Show it to someone who hasn't seen it. Do they react?
+- **The removal test**: Take it away. Does the experience feel diminished, or does nobody notice?
+- **The device test**: Run it on a phone, a tablet, a Chromebook. Still smooth?
+- **The accessibility test**: Enable reduced motion. Still beautiful?
+- **The context test**: Does this make sense for THIS brand and audience?
+
+Remember: "Technically extraordinary" isn't about using the newest API. It's about making an interface do something users didn't think a website could do.
\ No newline at end of file
diff --git a/.agents/skills/polish/SKILL.md b/.agents/skills/polish/SKILL.md
new file mode 100644
index 00000000..360b367f
--- /dev/null
+++ b/.agents/skills/polish/SKILL.md
@@ -0,0 +1,224 @@
+---
+name: polish
+description: Performs a final quality pass fixing alignment, spacing, consistency, and micro-detail issues before shipping. Use when the user mentions polish, finishing touches, pre-launch review, something looks off, or wants to go from good to great.
+version: 2.1.1
+user-invocable: true
+argument-hint: "[target]"
+---
+
+## MANDATORY PREPARATION
+
+Invoke /impeccable — it contains design principles, anti-patterns, and the **Context Gathering Protocol**. Follow the protocol before proceeding — if no design context exists yet, you MUST run /impeccable teach first. Additionally gather: quality bar (MVP vs flagship).
+
+---
+
+Perform a meticulous final pass to catch all the small details that separate good work from great work. The difference between shipped and polished.
+
+## Design System Discovery
+
+Before polishing, understand the system you are polishing toward:
+
+1. **Find the design system**: Search for design system documentation, component libraries, style guides, or token definitions. Study the core patterns: color tokens, spacing scale, typography styles, component API.
+2. **Note the conventions**: How are shared components imported? What spacing scale is used? Which colors come from tokens vs hard-coded values? What motion and interaction patterns are established?
+3. **Identify drift**: Where does the target feature deviate from the system? Hard-coded values that should be tokens, custom components that duplicate shared ones, spacing that doesn't match the scale.
+
+If a design system exists, polish should align the feature with it. If none exists, polish against the conventions visible in the codebase.
+
+## Pre-Polish Assessment
+
+Understand the current state and goals:
+
+1. **Review completeness**:
+   - Is it functionally complete?
+   - Are there known issues to preserve (mark with TODOs)?
+   - What's the quality bar? (MVP vs flagship feature?)
+   - When does it ship? (How much time for polish?)
+
+2. **Identify polish areas**:
+   - Visual inconsistencies
+   - Spacing and alignment issues
+   - Interaction state gaps
+   - Copy inconsistencies
+   - Edge cases and error states
+   - Loading and transition smoothness
+
+**CRITICAL**: Polish is the last step, not the first. Don't polish work that's not functionally complete.
+
+## Polish Systematically
+
+Work through these dimensions methodically:
+
+### Visual Alignment & Spacing
+
+- **Pixel-perfect alignment**: Everything lines up to grid
+- **Consistent spacing**: All gaps use spacing scale (no random 13px gaps)
+- **Optical alignment**: Adjust for visual weight (icons may need offset for optical centering)
+- **Responsive consistency**: Spacing and alignment work at all breakpoints
+- **Grid adherence**: Elements snap to baseline grid
+
+**Check**:
+- Enable grid overlay and verify alignment
+- Check spacing with browser inspector
+- Test at multiple viewport sizes
+- Look for elements that "feel" off
+
+### Typography Refinement
+
+- **Hierarchy consistency**: Same elements use same sizes/weights throughout
+- **Line length**: 45-75 characters for body text
+- **Line height**: Appropriate for font size and context
+- **Widows & orphans**: No single words on last line
+- **Hyphenation**: Appropriate for language and column width
+- **Kerning**: Adjust letter spacing where needed (especially headlines)
+- **Font loading**: No FOUT/FOIT flashes
+
+### Color & Contrast
+
+- **Contrast ratios**: All text meets WCAG standards
+- **Consistent token usage**: No hard-coded colors, all use design tokens
+- **Theme consistency**: Works in all theme variants
+- **Color meaning**: Same colors mean same things throughout
+- **Accessible focus**: Focus indicators visible with sufficient contrast
+- **Tinted neutrals**: No pure gray or pure black—add subtle color tint (0.01 chroma)
+- **Gray on color**: Never put gray text on colored backgrounds—use a shade of that color or transparency
+
+### Interaction States
+
+Every interactive element needs all states:
+
+- **Default**: Resting state
+- **Hover**: Subtle feedback (color, scale, shadow)
+- **Focus**: Keyboard focus indicator (never remove without replacement)
+- **Active**: Click/tap feedback
+- **Disabled**: Clearly non-interactive
+- **Loading**: Async action feedback
+- **Error**: Validation or error state
+- **Success**: Successful completion
+
+**Missing states create confusion and broken experiences**.
+
+### Micro-interactions & Transitions
+
+- **Smooth transitions**: All state changes animated appropriately (150-300ms)
+- **Consistent easing**: Use ease-out-quart/quint/expo for natural deceleration. Never bounce or elastic—they feel dated.
+- **No jank**: 60fps animations, only animate transform and opacity
+- **Appropriate motion**: Motion serves purpose, not decoration
+- **Reduced motion**: Respects `prefers-reduced-motion`
+
+### Content & Copy
+
+- **Consistent terminology**: Same things called same names throughout
+- **Consistent capitalization**: Title Case vs Sentence case applied consistently
+- **Grammar & spelling**: No typos
+- **Appropriate length**: Not too wordy, not too terse
+- **Punctuation consistency**: Periods on sentences, not on labels (unless all labels have them)
+
+### Icons & Images
+
+- **Consistent style**: All icons from same family or matching style
+- **Appropriate sizing**: Icons sized consistently for context
+- **Proper alignment**: Icons align with adjacent text optically
+- **Alt text**: All images have descriptive alt text
+- **Loading states**: Images don't cause layout shift, proper aspect ratios
+- **Retina support**: 2x assets for high-DPI screens
+
+### Forms & Inputs
+
+- **Label consistency**: All inputs properly labeled
+- **Required indicators**: Clear and consistent
+- **Error messages**: Helpful and consistent
+- **Tab order**: Logical keyboard navigation
+- **Auto-focus**: Appropriate (don't overuse)
+- **Validation timing**: Consistent (on blur vs on submit)
+
+### Edge Cases & Error States
+
+- **Loading states**: All async actions have loading feedback
+- **Empty states**: Helpful empty states, not just blank space
+- **Error states**: Clear error messages with recovery paths
+- **Success states**: Confirmation of successful actions
+- **Long content**: Handles very long names, descriptions, etc.
+- **No content**: Handles missing data gracefully
+- **Offline**: Appropriate offline handling (if applicable)
+
+### Responsiveness
+
+- **All breakpoints**: Test mobile, tablet, desktop
+- **Touch targets**: 44x44px minimum on touch devices
+- **Readable text**: No text smaller than 14px on mobile
+- **No horizontal scroll**: Content fits viewport
+- **Appropriate reflow**: Content adapts logically
+
+### Performance
+
+- **Fast initial load**: Optimize critical path
+- **No layout shift**: Elements don't jump after load (CLS)
+- **Smooth interactions**: No lag or jank
+- **Optimized images**: Appropriate formats and sizes
+- **Lazy loading**: Off-screen content loads lazily
+
+### Code Quality
+
+- **Remove console logs**: No debug logging in production
+- **Remove commented code**: Clean up dead code
+- **Remove unused imports**: Clean up unused dependencies
+- **Consistent naming**: Variables and functions follow conventions
+- **Type safety**: No TypeScript `any` or ignored errors
+- **Accessibility**: Proper ARIA labels and semantic HTML
+
+## Polish Checklist
+
+Go through systematically:
+
+- [ ] Visual alignment perfect at all breakpoints
+- [ ] Spacing uses design tokens consistently
+- [ ] Typography hierarchy consistent
+- [ ] All interactive states implemented
+- [ ] All transitions smooth (60fps)
+- [ ] Copy is consistent and polished
+- [ ] Icons are consistent and properly sized
+- [ ] All forms properly labeled and validated
+- [ ] Error states are helpful
+- [ ] Loading states are clear
+- [ ] Empty states are welcoming
+- [ ] Touch targets are 44x44px minimum
+- [ ] Contrast ratios meet WCAG AA
+- [ ] Keyboard navigation works
+- [ ] Focus indicators visible
+- [ ] No console errors or warnings
+- [ ] No layout shift on load
+- [ ] Works in all supported browsers
+- [ ] Respects reduced motion preference
+- [ ] Code is clean (no TODOs, console.logs, commented code)
+
+**IMPORTANT**: Polish is about details. Zoom in. Squint at it. Use it yourself. The little things add up.
+
+**NEVER**:
+- Polish before it's functionally complete
+- Spend hours on polish if it ships in 30 minutes (triage)
+- Introduce bugs while polishing (test thoroughly)
+- Ignore systematic issues (if spacing is off everywhere, fix the system)
+- Perfect one thing while leaving others rough (consistent quality level)
+- Create new one-off components when design system equivalents exist
+- Hard-code values that should use design tokens
+
+## Final Verification
+
+Before marking as done:
+
+- **Use it yourself**: Actually interact with the feature
+- **Test on real devices**: Not just browser DevTools
+- **Ask someone else to review**: Fresh eyes catch things
+- **Compare to design**: Match intended design
+- **Check all states**: Don't just test happy path
+
+## Clean Up
+
+After polishing, ensure code quality:
+
+- **Replace custom implementations**: If the design system provides a component you reimplemented, switch to the shared version.
+- **Remove orphaned code**: Delete unused styles, components, or files made obsolete by polish.
+- **Consolidate tokens**: If you introduced new values, check whether they should be tokens.
+- **Verify DRYness**: Look for duplication introduced during polishing and consolidate.
+
+Remember: You have impeccable attention to detail and exquisite taste. Polish until it feels effortless, looks intentional, and works flawlessly. Sweat the details - they matter.
\ No newline at end of file
diff --git a/.agents/skills/quieter/SKILL.md b/.agents/skills/quieter/SKILL.md
new file mode 100644
index 00000000..373ae686
--- /dev/null
+++ b/.agents/skills/quieter/SKILL.md
@@ -0,0 +1,103 @@
+---
+name: quieter
+description: Tones down visually aggressive or overstimulating designs, reducing intensity while preserving quality. Use when the user mentions too bold, too loud, overwhelming, aggressive, garish, or wants a calmer, more refined aesthetic.
+version: 2.1.1
+user-invocable: true
+argument-hint: "[target]"
+---
+
+Reduce visual intensity in designs that are too bold, aggressive, or overstimulating, creating a more refined and approachable aesthetic without losing effectiveness.
+
+## MANDATORY PREPARATION
+
+Invoke /impeccable — it contains design principles, anti-patterns, and the **Context Gathering Protocol**. Follow the protocol before proceeding — if no design context exists yet, you MUST run /impeccable teach first.
+
+---
+
+## Assess Current State
+
+Analyze what makes the design feel too intense:
+
+1. **Identify intensity sources**:
+   - **Color saturation**: Overly bright or saturated colors
+   - **Contrast extremes**: Too much high-contrast juxtaposition
+   - **Visual weight**: Too many bold, heavy elements competing
+   - **Animation excess**: Too much motion or overly dramatic effects
+   - **Complexity**: Too many visual elements, patterns, or decorations
+   - **Scale**: Everything is large and loud with no hierarchy
+
+2. **Understand the context**:
+   - What's the purpose? (Marketing vs tool vs reading experience)
+   - Who's the audience? (Some contexts need energy)
+   - What's working? (Don't throw away good ideas)
+   - What's the core message? (Preserve what matters)
+
+If any of these are unclear from the codebase, ask the user directly to clarify what you cannot infer.
+
+**CRITICAL**: "Quieter" doesn't mean boring or generic. It means refined, sophisticated, and easier on the eyes. Think luxury, not laziness.
+
+## Plan Refinement
+
+Create a strategy to reduce intensity while maintaining impact:
+
+- **Color approach**: Desaturate or shift to more sophisticated tones?
+- **Hierarchy approach**: Which elements should stay bold (very few), which should recede?
+- **Simplification approach**: What can be removed entirely?
+- **Sophistication approach**: How can we signal quality through restraint?
+
+**IMPORTANT**: Great quiet design is harder than great bold design. Subtlety requires precision.
+
+## Refine the Design
+
+Systematically reduce intensity across these dimensions:
+
+### Color Refinement
+- **Reduce saturation**: Shift from fully saturated to 70-85% saturation
+- **Soften palette**: Replace bright colors with muted, sophisticated tones
+- **Reduce color variety**: Use fewer colors more thoughtfully
+- **Neutral dominance**: Let neutrals do more work, use color as accent (10% rule)
+- **Gentler contrasts**: High contrast only where it matters most
+- **Tinted grays**: Use warm or cool tinted grays instead of pure gray—adds sophistication without loudness
+- **Never gray on color**: If you have gray text on a colored background, use a darker shade of that color or transparency instead
+
+### Visual Weight Reduction
+- **Typography**: Reduce font weights (900 → 600, 700 → 500), decrease sizes where appropriate
+- **Hierarchy through subtlety**: Use weight, size, and space instead of color and boldness
+- **White space**: Increase breathing room, reduce density
+- **Borders & lines**: Reduce thickness, decrease opacity, or remove entirely
+
+### Simplification
+- **Remove decorative elements**: Gradients, shadows, patterns, textures that don't serve purpose
+- **Simplify shapes**: Reduce border radius extremes, simplify custom shapes
+- **Reduce layering**: Flatten visual hierarchy where possible
+- **Clean up effects**: Reduce or remove blur effects, glows, multiple shadows
+
+### Motion Reduction
+- **Reduce animation intensity**: Shorter distances (10-20px instead of 40px), gentler easing
+- **Remove decorative animations**: Keep functional motion, remove flourishes
+- **Subtle micro-interactions**: Replace dramatic effects with gentle feedback
+- **Refined easing**: Use ease-out-quart for smooth, understated motion—never bounce or elastic
+- **Remove animations entirely** if they're not serving a clear purpose
+
+### Composition Refinement
+- **Reduce scale jumps**: Smaller contrast between sizes creates calmer feeling
+- **Align to grid**: Bring rogue elements back into systematic alignment
+- **Even out spacing**: Replace extreme spacing variations with consistent rhythm
+
+**NEVER**:
+- Make everything the same size/weight (hierarchy still matters)
+- Remove all color (quiet ≠ grayscale)
+- Eliminate all personality (maintain character through refinement)
+- Sacrifice usability for aesthetics (functional elements still need clear affordances)
+- Make everything small and light (some anchors needed)
+
+## Verify Quality
+
+Ensure refinement maintains quality:
+
+- **Still functional**: Can users still accomplish tasks easily?
+- **Still distinctive**: Does it have character, or is it generic now?
+- **Better reading**: Is text easier to read for extended periods?
+- **Sophistication**: Does it feel more refined and premium?
+
+Remember: Quiet design is confident design. It doesn't need to shout. Less is more, but less is also harder. Refine with precision and maintain intentionality.
\ No newline at end of file
diff --git a/.agents/skills/shape/SKILL.md b/.agents/skills/shape/SKILL.md
new file mode 100644
index 00000000..7e83008b
--- /dev/null
+++ b/.agents/skills/shape/SKILL.md
@@ -0,0 +1,96 @@
+---
+name: shape
+description: Plan the UX and UI for a feature before writing code. Runs a structured discovery interview, then produces a design brief that guides implementation. Use during the planning phase to establish design direction, constraints, and strategy before any code is written.
+version: 2.1.1
+user-invocable: true
+argument-hint: "[feature to shape]"
+---
+
+## MANDATORY PREPARATION
+
+Invoke /impeccable, which contains design principles, anti-patterns, and the **Context Gathering Protocol**. Follow the protocol before proceeding. If no design context exists yet, you MUST run /impeccable teach first.
+
+---
+
+Shape the UX and UI for a feature before any code is written. This skill produces a **design brief**: a structured artifact that guides implementation through discovery, not guesswork.
+
+**Scope**: Design planning only. This skill does NOT write code. It produces the thinking that makes code good.
+
+**Output**: A design brief that can be handed off to /impeccable craft, /impeccable, or any other implementation skill.
+
+## Philosophy
+
+Most AI-generated UIs fail not because of bad code, but because of skipped thinking. They jump to "here's a card grid" without asking "what is the user trying to accomplish?" This skill inverts that: understand deeply first, so implementation is precise.
+
+## Phase 1: Discovery Interview
+
+**Do NOT write any code or make any design decisions during this phase.** Your only job is to understand the feature deeply enough to make excellent design decisions later.
+
+Ask these questions in conversation, adapting based on answers. Don't dump them all at once; have a natural dialogue. ask the user directly to clarify what you cannot infer.
+
+### Purpose & Context
+- What is this feature for? What problem does it solve?
+- Who specifically will use it? (Not "users"; be specific: role, context, frequency)
+- What does success look like? How will you know this feature is working?
+- What's the user's state of mind when they reach this feature? (Rushed? Exploring? Anxious? Focused?)
+
+### Content & Data
+- What content or data does this feature display or collect?
+- What are the realistic ranges? (Minimum, typical, maximum, e.g., 0 items, 5 items, 500 items)
+- What are the edge cases? (Empty state, error state, first-time use, power user)
+- Is any content dynamic? What changes and how often?
+
+### Design Goals
+- What's the single most important thing a user should do or understand here?
+- What should this feel like? (Fast/efficient? Calm/trustworthy? Fun/playful? Premium/refined?)
+- Are there existing patterns in the product this should be consistent with?
+- Are there specific examples (inside or outside the product) that capture what you're going for?
+
+### Constraints
+- Are there technical constraints? (Framework, performance budget, browser support)
+- Are there content constraints? (Localization, dynamic text length, user-generated content)
+- Mobile/responsive requirements?
+- Accessibility requirements beyond WCAG AA?
+
+### Anti-Goals
+- What should this NOT be? What would be a wrong direction?
+- What's the biggest risk of getting this wrong?
+
+## Phase 2: Design Brief
+
+After the interview, synthesize everything into a structured design brief. Present it to the user for confirmation before considering this skill complete.
+
+### Brief Structure
+
+**1. Feature Summary** (2-3 sentences)
+What this is, who it's for, what it needs to accomplish.
+
+**2. Primary User Action**
+The single most important thing a user should do or understand here.
+
+**3. Design Direction**
+How this should feel. What aesthetic approach fits. Reference the project's design context from `.impeccable.md` and explain how this feature should express it.
+
+**4. Layout Strategy**
+High-level spatial approach: what gets emphasis, what's secondary, how information flows. Describe the visual hierarchy and rhythm, not specific CSS.
+
+**5. Key States**
+List every state the feature needs: default, empty, loading, error, success, edge cases. For each, note what the user needs to see and feel.
+
+**6. Interaction Model**
+How users interact with this feature. What happens on click, hover, scroll? What feedback do they get? What's the flow from entry to completion?
+
+**7. Content Requirements**
+What copy, labels, empty state messages, error messages, and microcopy are needed. Note any dynamic content and its realistic ranges.
+
+**8. Recommended References**
+Based on the brief, list which impeccable reference files would be most valuable during implementation (e.g., spatial-design.md for complex layouts, motion-design.md for animated features, interaction-design.md for form-heavy features).
+
+**9. Open Questions**
+Anything unresolved that the implementer should resolve during build.
+
+---
+
+ask the user directly to clarify what you cannot infer. Get explicit confirmation of the brief before finishing. If the user disagrees with any part, revisit the relevant discovery questions.
+
+Once confirmed, the brief is complete. The user can now hand it to /impeccable, or use it to guide any other implementation approach. (If the user wants the full discovery-then-build flow in one step, they should use /impeccable craft instead, which runs this skill internally.)
\ No newline at end of file
diff --git a/.agents/skills/typeset/SKILL.md b/.agents/skills/typeset/SKILL.md
new file mode 100644
index 00000000..166d4b74
--- /dev/null
+++ b/.agents/skills/typeset/SKILL.md
@@ -0,0 +1,116 @@
+---
+name: typeset
+description: Improves typography by fixing font choices, hierarchy, sizing, weight, and readability so text feels intentional. Use when the user mentions fonts, type, readability, text hierarchy, sizing looks off, or wants more polished, intentional typography.
+version: 2.1.1
+user-invocable: true
+argument-hint: "[target]"
+---
+
+Assess and improve typography that feels generic, inconsistent, or poorly structured — turning default-looking text into intentional, well-crafted type.
+
+## MANDATORY PREPARATION
+
+Invoke /impeccable — it contains design principles, anti-patterns, and the **Context Gathering Protocol**. Follow the protocol before proceeding — if no design context exists yet, you MUST run /impeccable teach first.
+
+---
+
+## Assess Current Typography
+
+Analyze what's weak or generic about the current type:
+
+1. **Font choices**:
+   - Are we using invisible defaults? (Inter, Roboto, Arial, Open Sans, system defaults)
+   - Does the font match the brand personality? (A playful brand shouldn't use a corporate typeface)
+   - Are there too many font families? (More than 2-3 is almost always a mess)
+
+2. **Hierarchy**:
+   - Can you tell headings from body from captions at a glance?
+   - Are font sizes too close together? (14px, 15px, 16px = muddy hierarchy)
+   - Are weight contrasts strong enough? (Medium vs Regular is barely visible)
+
+3. **Sizing & scale**:
+   - Is there a consistent type scale, or are sizes arbitrary?
+   - Does body text meet minimum readability? (16px+)
+   - Is the sizing strategy appropriate for the context? (Fixed `rem` scales for app UIs; fluid `clamp()` for marketing/content page headings)
+
+4. **Readability**:
+   - Are line lengths comfortable? (45-75 characters ideal)
+   - Is line-height appropriate for the font and context?
+   - Is there enough contrast between text and background?
+
+5. **Consistency**:
+   - Are the same elements styled the same way throughout?
+   - Are font weights used consistently? (Not bold in one section, semibold in another for the same role)
+   - Is letter-spacing intentional or default everywhere?
+
+**CRITICAL**: The goal isn't to make text "fancier" — it's to make it clearer, more readable, and more intentional. Good typography is invisible; bad typography is distracting.
+
+## Plan Typography Improvements
+
+Consult the [typography reference](reference/typography.md) from the impeccable skill for detailed guidance on scales, pairing, and loading strategies.
+
+Create a systematic plan:
+
+- **Font selection**: Do fonts need replacing? What fits the brand/context?
+- **Type scale**: Establish a modular scale (e.g., 1.25 ratio) with clear hierarchy
+- **Weight strategy**: Which weights serve which roles? (Regular for body, Semibold for labels, Bold for headings — or whatever fits)
+- **Spacing**: Line-heights, letter-spacing, and margins between typographic elements
+
+## Improve Typography Systematically
+
+### Font Selection
+
+If fonts need replacing:
+- Choose fonts that reflect the brand personality
+- Pair with genuine contrast (serif + sans, geometric + humanist) — or use a single family in multiple weights
+- Ensure web font loading doesn't cause layout shift (`font-display: swap`, metric-matched fallbacks)
+
+### Establish Hierarchy
+
+Build a clear type scale:
+- **5 sizes cover most needs**: caption, secondary, body, subheading, heading
+- **Use a consistent ratio** between levels (1.25, 1.333, or 1.5)
+- **Combine dimensions**: Size + weight + color + space for strong hierarchy — don't rely on size alone
+- **App UIs**: Use a fixed `rem`-based type scale, optionally adjusted at 1-2 breakpoints. Fluid sizing undermines the spatial predictability that dense, container-based layouts need
+- **Marketing / content pages**: Use fluid sizing via `clamp(min, preferred, max)` for headings and display text. Keep body text fixed
+
+### Fix Readability
+
+- Set `max-width` on text containers using `ch` units (`max-width: 65ch`)
+- Adjust line-height per context: tighter for headings (1.1-1.2), looser for body (1.5-1.7)
+- Increase line-height slightly for light-on-dark text
+- Ensure body text is at least 16px / 1rem
+
+### Refine Details
+
+- Use `tabular-nums` for data tables and numbers that should align
+- Apply proper `letter-spacing`: slightly open for small caps and uppercase, default or tight for large display text
+- Use semantic token names (`--text-body`, `--text-heading`), not value names (`--font-16`)
+- Set `font-kerning: normal` and consider OpenType features where appropriate
+
+### Weight Consistency
+
+- Define clear roles for each weight and stick to them
+- Don't use more than 3-4 weights (Regular, Medium, Semibold, Bold is plenty)
+- Load only the weights you actually use (each weight adds to page load)
+
+**NEVER**:
+- Use more than 2-3 font families
+- Pick sizes arbitrarily — commit to a scale
+- Set body text below 16px
+- Use decorative/display fonts for body text
+- Disable browser zoom (`user-scalable=no`)
+- Use `px` for font sizes — use `rem` to respect user settings
+- Default to Inter/Roboto/Open Sans when personality matters
+- Pair fonts that are similar but not identical (two geometric sans-serifs)
+
+## Verify Typography Improvements
+
+- **Hierarchy**: Can you identify heading vs body vs caption instantly?
+- **Readability**: Is body text comfortable to read in long passages?
+- **Consistency**: Are same-role elements styled identically throughout?
+- **Personality**: Does the typography reflect the brand?
+- **Performance**: Are web fonts loading efficiently without layout shift?
+- **Accessibility**: Does text meet WCAG contrast ratios? Is it zoomable to 200%?
+
+Remember: Typography is the foundation of interface design — it carries the majority of information. Getting it right is the highest-leverage improvement you can make.
\ No newline at end of file
diff --git a/.gitignore b/.gitignore
index 421e5a0b..87be0e3a 100644
--- a/.gitignore
+++ b/.gitignore
@@ -55,3 +55,8 @@ Thumbs.db
 .codeium/
 .tabnine/
 
+# The npx-skills installer creates /skills/ as a symlink dir pointing at
+# .agents/skills/ (the tracked source of truth). Ignore the root-level
+# symlink dir so only the real files are versioned.
+/skills/
+
diff --git a/skills-lock.json b/skills-lock.json
new file mode 100644
index 00000000..097a2ccb
--- /dev/null
+++ b/skills-lock.json
@@ -0,0 +1,90 @@
+{
+  "version": 1,
+  "skills": {
+    "adapt": {
+      "source": "pbakaus/impeccable",
+      "sourceType": "github",
+      "computedHash": "65085998d643c3b64ff323ca74d76496b47484046b030730c00c03a0208bf410"
+    },
+    "animate": {
+      "source": "pbakaus/impeccable",
+      "sourceType": "github",
+      "computedHash": "354414a934957f9d54a71468abe81888304d35b47a4fe8e27fff08f60b457d53"
+    },
+    "audit": {
+      "source": "pbakaus/impeccable",
+      "sourceType": "github",
+      "computedHash": "115a00d21d91d52123115af789948cb22bd604de0084837b5533f5e4af3c4055"
+    },
+    "bolder": {
+      "source": "pbakaus/impeccable",
+      "sourceType": "github",
+      "computedHash": "1787478962577c9d5bde26e89e47c1654aa9c8f3c47c316a026731db0000a92e"
+    },
+    "clarify": {
+      "source": "pbakaus/impeccable",
+      "sourceType": "github",
+      "computedHash": "42877142fcc51dcc6be696349aa7df8887eb29510e2a5868beac913f5f84de31"
+    },
+    "colorize": {
+      "source": "pbakaus/impeccable",
+      "sourceType": "github",
+      "computedHash": "4793ac377b2bc1a5831d9634ce882373350cc5d097fd631d192155266204ceb8"
+    },
+    "critique": {
+      "source": "pbakaus/impeccable",
+      "sourceType": "github",
+      "computedHash": "977f6fc3aa1002ec095f649e1b7c4fa52ee08a447f19229062810a9323c5c342"
+    },
+    "delight": {
+      "source": "pbakaus/impeccable",
+      "sourceType": "github",
+      "computedHash": "1f6f4adee0b964e8344c0baef46b4e303ab3ba20932907bcbb1444ba7b3273b2"
+    },
+    "distill": {
+      "source": "pbakaus/impeccable",
+      "sourceType": "github",
+      "computedHash": "669a671f855be8773e4c2936e54d4243fbd1d273f87633158544efe3dbc4d825"
+    },
+    "impeccable": {
+      "source": "pbakaus/impeccable",
+      "sourceType": "github",
+      "computedHash": "a26b3dd377c4572b1c34c68f82ab9a1cb806f21c7157060327fe60e9b6d2e277"
+    },
+    "layout": {
+      "source": "pbakaus/impeccable",
+      "sourceType": "github",
+      "computedHash": "6b5fd49587616ca1e594e9c6b11bc1cef5eb0b2d137c307de54a8a650770f4ce"
+    },
+    "optimize": {
+      "source": "pbakaus/impeccable",
+      "sourceType": "github",
+      "computedHash": "979ffc76a4345c081fdf89078b7107c216d70696e027b23e8e24972dd4e457b2"
+    },
+    "overdrive": {
+      "source": "pbakaus/impeccable",
+      "sourceType": "github",
+      "computedHash": "30e2909c14b9e860b580e63f9bbe10cc1dee8de0be9b03013218c3ef8d9ede78"
+    },
+    "polish": {
+      "source": "pbakaus/impeccable",
+      "sourceType": "github",
+      "computedHash": "c294f2570dcc5b8865d17f0dc5ef339a700c868f1b20fa9994297f64ace2d4de"
+    },
+    "quieter": {
+      "source": "pbakaus/impeccable",
+      "sourceType": "github",
+      "computedHash": "2c20b12bb4ece445d45fc63bda020aecf78b3cdf6d593beb59c273f658293130"
+    },
+    "shape": {
+      "source": "pbakaus/impeccable",
+      "sourceType": "github",
+      "computedHash": "8edad33758f2461f51afdb51741bfcc4cc57d84ea42e2751a84be2c6a2d48f69"
+    },
+    "typeset": {
+      "source": "pbakaus/impeccable",
+      "sourceType": "github",
+      "computedHash": "1cd76e560d1ba25b0bd5f7adfa2957a9f653a3ad0b031d467221154fcd1e0423"
+    }
+  }
+}

From 736c53db33c84eab703db7c0f20773f6afdc0c73 Mon Sep 17 00:00:00 2001
From: Jose Cruz <josecruz@crc-dot1x-nat-10-239-237-110.bu.edu>
Date: Sun, 19 Apr 2026 16:58:06 -0400
Subject: [PATCH 12/52] impeccable polish pass: foundation + brand alignment
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Harsh design audit (multi-agent /critique) turned up 9 deterministic
anti-patterns and ~30 design issues. This pass addresses the P0+P1
findings — the foundation of the brand's visual language:

Typography foundation
  - layout.tsx: dropped Fraunces / Geist / Inter; loaded
    Playfair Display + Spectral + DM Sans + JetBrains Mono.
    "Serif for soul, sans for function" per .impeccable.md.
  - globals.css: --font-display is Playfair, new --font-serif is
    Spectral, --font-sans is DM Sans. Stale data-type="humanist"
    override removed from <html>.
  - globals.css: new .body-serif + .h-sans utilities so screens can
    pick up Spectral for long-form reading surfaces.
  - Deleted the html.dark block and all dark-mode overrides — the
    brand is light-mode-only; dark styles squatting here were a
    liability.

Atmospheric backdrop (the brand's signature)
  - New AtmosphericBackdrop canvas component renders 14 soft orbs
    drifting at low opacity (max 0.10) in a warm palette (blues,
    lilacs, ambers, teals — green reserved for UI branding).
  - Mounted once in (shell)/layout.tsx, sits under all UI chrome.
  - Honors prefers-reduced-motion with a single still frame.

Anti-pattern removals
  - Deleted AIDisclaimerChip entirely + its usage in ChatPanel.
    "AI-Powered pill" is on the brand's explicit no-fly list.
  - Side-tab colored left-borders eliminated everywhere the
    scanner flagged them:
      · MarkdownChat blockquote -> italic body-serif, no border
      · Calendar month/week cells -> colored dot prefix
      · Calendar day view card   -> colored dot, no border
      · Sidebar active nav item  -> background + weight only
  - Hero-metric layouts (big number + small label + colored accent)
    replaced with prose strips:
      · Dashboard streak -> "You're on a {n}-day streak."
      · Admin user counts -> single prose line with inline numbers
      · Profile stats    -> one-line metric strip (serif numbers)
    StatCard helper removed from ProfileView.
  - 5 progress bars converted from transition: width to
    transform: scaleX to stop layout-thrash warnings
    (KnowledgeGraph mastery ring, Dashboard course progress,
    Achievements progress, Social MasteryBar, Study flashcard
    progress).

Editorial layouts (kill bubble-panel disease)
  - Library document grid (280px cards) -> editorial list: dot
    prefix, serif title, Spectral summary line-clamped, inline meta.
  - Social school directory grid (280px cards) -> roster list.
  - Library category pill bar now hides pills for categories with
    no documents, preventing the 7-pill chip spam at empty state.

Gradient text + color semantics
  - NameColorRenderer no longer applies bg-clip-text gradients
    (explicit brand anti-ref). Gradient cosmetics now render as
    the first color stop only.
  - ChatPanel assistant voice is Spectral (serif); user voice stays
    sans. Loading "Thinking…" keeps the sans UI voice.
  - Library collapsed 7 random-palette category colors to 3
    learning-value semantic tiers: sage (core study material), ink
    (structural/syllabus), rust (action/assignment).

Polish
  - FeedbackFlow + SessionFeedbackFlow: emoji rating scales
    (😞→🤩) replaced with serif numeric buttons and hover labels.
    FeedbackFlow headline rewritten ("What's clicking?" vs. "How's
    Sapling so far? Takes 10 seconds. No wrong answers.").
  - Onboarding learning-style step: dingbats (◈ ✎ ◐ ◎ ◆) replaced
    with real Icon components (tree / book / users / flask / sparkle).
  - ErrorBoundary: "Something went wrong" replaced with calibrated
    copy that parses common error shapes (network, timeout, 401),
    Spectral subtext, plus a "Report this" mailto: fallback.
  - FloatingActions "Report" button: accent-soft background so it's
    visible as an invitation rather than muted chrome.

Deterministic scan: 9 -> 1 anti-patterns. Remaining finding is the
Sidebar collapse's transition: width — a known UX trade-off; a
transform-based rewrite would require restructuring the sidebar
layout and wasn't scoped for this pass.

tsc clean, next build clean (18 routes).
---
 frontend/src/app/(shell)/layout.tsx           |   9 +-
 frontend/src/app/globals.css                  |  78 +++-----
 frontend/src/app/layout.tsx                   |  34 +++-
 frontend/src/components/AIDisclaimerChip.tsx  |  22 ---
 .../src/components/AtmosphericBackdrop.tsx    | 172 ++++++++++++++++++
 frontend/src/components/ChatPanel.tsx         |  19 +-
 frontend/src/components/ErrorBoundary.tsx     |  51 ++++--
 frontend/src/components/FeedbackFlow.tsx      |  34 ++--
 frontend/src/components/FloatingActions.tsx   |   8 +-
 frontend/src/components/KnowledgeGraph.tsx    |   6 +-
 frontend/src/components/MarkdownChat.tsx      |   9 +-
 frontend/src/components/NameColorRenderer.tsx |  24 ++-
 frontend/src/components/ProfileView.tsx       |  35 ++--
 .../src/components/SessionFeedbackFlow.tsx    |  22 ++-
 frontend/src/components/Sidebar.tsx           |  10 +-
 .../src/components/screens/Achievements.tsx   |   2 +-
 frontend/src/components/screens/Admin.tsx     |  23 +--
 frontend/src/components/screens/Calendar.tsx  |  31 +++-
 frontend/src/components/screens/Dashboard.tsx |  20 +-
 frontend/src/components/screens/Library.tsx   | 141 ++++++++------
 .../src/components/screens/Onboarding.tsx     |  21 ++-
 frontend/src/components/screens/Social.tsx    |  28 ++-
 frontend/src/components/screens/Study.tsx     |   7 +-
 23 files changed, 542 insertions(+), 264 deletions(-)
 delete mode 100644 frontend/src/components/AIDisclaimerChip.tsx
 create mode 100644 frontend/src/components/AtmosphericBackdrop.tsx

diff --git a/frontend/src/app/(shell)/layout.tsx b/frontend/src/app/(shell)/layout.tsx
index 954f618b..7d3dc20b 100644
--- a/frontend/src/app/(shell)/layout.tsx
+++ b/frontend/src/app/(shell)/layout.tsx
@@ -3,16 +3,21 @@ import { Sidebar } from "@/components/Sidebar";
 import { FloatingActions } from "@/components/FloatingActions";
 import { FeedbackFlow } from "@/components/FeedbackFlow";
 import { SessionFeedbackGlobal } from "@/components/SessionFeedbackGlobal";
+import { AtmosphericBackdrop } from "@/components/AtmosphericBackdrop";
 
 export default function ShellLayout({ children }: { children: React.ReactNode }) {
   return (
-    <div style={{ display: "flex", height: "100vh", overflow: "hidden" }}>
+    <div style={{ display: "flex", height: "100vh", overflow: "hidden", position: "relative" }}>
+      {/* Atmospheric orb layer — sits behind everything, position: fixed.
+          Mounted here (not in root layout) so it only runs for signed-in
+          app views. Auth/onboarding have their own composition. */}
+      <AtmosphericBackdrop />
       <a href="#main-content" className="skip-link">Skip to content</a>
       <Sidebar />
       <main
         id="main-content"
         tabIndex={-1}
-        style={{ flex: 1, overflowY: "auto", minWidth: 0, position: "relative" }}
+        style={{ flex: 1, overflowY: "auto", minWidth: 0, position: "relative", zIndex: 1 }}
       >
         {children}
       </main>
diff --git a/frontend/src/app/globals.css b/frontend/src/app/globals.css
index d89b1c30..51f79c47 100644
--- a/frontend/src/app/globals.css
+++ b/frontend/src/app/globals.css
@@ -1,8 +1,19 @@
-/* Sapling — design tokens */
+/* Sapling — design tokens
+ *
+ * Typography per .impeccable.md:
+ *  - display = Playfair Display (brand moments, h1s, hero)
+ *  - serif   = Spectral (long-form prose, tutor voice in chat)
+ *  - sans    = DM Sans (all UI chrome)
+ *  - mono    = JetBrains Mono (numerals, code)
+ *
+ * "Serif for soul, sans for function" — pair a display serif with a
+ * refined body serif for long-form, and keep DM Sans for UI chrome
+ * so the hierarchy is doing the work, not decoration.
+ */
 :root {
-  /* Type */
-  --font-display: 'Fraunces', 'Lora', Georgia, serif;
-  --font-sans: 'Geist', 'Inter', system-ui, -apple-system, sans-serif;
+  --font-display: 'Playfair Display', 'Spectral', Georgia, serif;
+  --font-serif: 'Spectral', 'Playfair Display', Georgia, serif;
+  --font-sans: 'DM Sans', system-ui, -apple-system, sans-serif;
   --font-mono: 'JetBrains Mono', 'Fira Code', ui-monospace, monospace;
 
   /* Brand greens */
@@ -98,27 +109,9 @@
   --dur-slow: 420ms;
 }
 
-html.dark {
-  --bg:        #0f120d;
-  --bg-panel:  #161a12;
-  --bg-subtle: #12150f;
-  --bg-soft:   #1b1f17;
-  --bg-input:  #1a1e16;
-  --bg-inset:  #0c0e0a;
-  --border:    rgba(225, 225, 205, 0.08);
-  --border-strong: rgba(225, 225, 205, 0.16);
-  --text:      #ebe6dc;
-  --text-dim:  #b9b1a0;
-  --text-muted:#7a7566;
-  --accent:    #9cbd86;
-  --accent-fg: #0f120d;
-  --accent-soft: rgba(156,189,134,0.12);
-  --accent-border: rgba(156,189,134,0.28);
-
-  --shadow-sm: 0 1px 2px rgba(0,0,0,0.3);
-  --shadow-md: 0 4px 12px rgba(0,0,0,0.35);
-  --shadow-lg: 0 20px 48px rgba(0,0,0,0.5);
-}
+/* Light-mode only per .impeccable.md. Dark-mode rules removed to
+ * prevent accidental activation. If we ever ship dark mode, it gets
+ * its own branch — not squatting in the same stylesheet. */
 
 html[data-density="compact"] {
   --pad-sm: 8px; --pad-md: 12px; --pad-lg: 16px; --pad-xl: 22px; --row-h: 34px;
@@ -127,35 +120,6 @@ html[data-density="spacious"] {
   --pad-sm: 14px; --pad-md: 20px; --pad-lg: 28px; --pad-xl: 44px; --row-h: 48px;
 }
 
-html[data-type="editorial"] {
-  --font-display: 'Fraunces', Georgia, serif;
-  --font-sans: 'Inter', system-ui, sans-serif;
-}
-html[data-type="grotesk"] {
-  --font-display: 'Geist', 'Inter', system-ui, sans-serif;
-  --font-sans: 'Geist', 'Inter', system-ui, sans-serif;
-}
-html[data-type="humanist"] {
-  --font-display: 'Fraunces', Georgia, serif;
-  --font-sans: 'Geist', 'Inter', system-ui, sans-serif;
-}
-html[data-type="mono"] {
-  --font-display: 'JetBrains Mono', ui-monospace, monospace;
-  --font-sans: 'Geist', 'Inter', system-ui, sans-serif;
-}
-
-html[data-accent="sage"]   { --accent: #4e873c; --accent-soft: #e0ecd8; --accent-border: #c3d8b3; }
-html[data-accent="forest"] { --accent: #2b5221; --accent-soft: #e0ecd8; --accent-border: #9cbd86; }
-html[data-accent="moss"]   { --accent: #6b8e4e; --accent-soft: #eef2e0; --accent-border: #cddca8; }
-html[data-accent="ink"]    { --accent: #2a271f; --accent-soft: #ebe6dc; --accent-border: #b9b1a0; }
-html[data-accent="terracotta"] { --accent: #b4562c; --accent-soft: #f7e6d8; --accent-border: #e8c3a5; }
-
-html.dark[data-accent="sage"]   { --accent: #9cbd86; --accent-soft: rgba(156,189,134,0.14); }
-html.dark[data-accent="forest"] { --accent: #c3d8b3; --accent-soft: rgba(195,216,179,0.14); }
-html.dark[data-accent="moss"]   { --accent: #b1cc8b; --accent-soft: rgba(177,204,139,0.14); }
-html.dark[data-accent="ink"]    { --accent: #ddd6c6; --accent-soft: rgba(221,214,198,0.14); }
-html.dark[data-accent="terracotta"] { --accent: #d98a5f; --accent-soft: rgba(217,138,95,0.14); }
-
 * { box-sizing: border-box; }
 html, body { margin: 0; padding: 0; background: var(--bg); color: var(--text); font-family: var(--font-sans); -webkit-font-smoothing: antialiased; }
 body { font-size: 14px; line-height: 1.5; }
@@ -170,7 +134,11 @@ body { font-size: 14px; line-height: 1.5; }
 button { font-family: inherit; color: inherit; background: none; border: 0; cursor: pointer; padding: 0; }
 input, textarea, select { font-family: inherit; color: inherit; }
 
-.h-serif { font-family: var(--font-display); letter-spacing: -0.01em; font-weight: 500; }
+.h-serif { font-family: var(--font-display); letter-spacing: -0.015em; font-weight: 500; line-height: 1.15; }
+.h-sans  { font-family: var(--font-sans); letter-spacing: -0.005em; font-weight: 600; line-height: 1.2; }
+/* Body prose in Spectral for long-form reading surfaces (chat tutor, study guide bodies,
+ * About / Pending copy). Never for UI chrome. */
+.body-serif { font-family: var(--font-serif); font-weight: 400; line-height: 1.6; }
 .mono { font-family: var(--font-mono); font-feature-settings: "ss01"; letter-spacing: -0.02em; }
 .chip {
   display: inline-flex; align-items: center; gap: 6px;
diff --git a/frontend/src/app/layout.tsx b/frontend/src/app/layout.tsx
index 9a35d936..ea77898c 100644
--- a/frontend/src/app/layout.tsx
+++ b/frontend/src/app/layout.tsx
@@ -13,21 +13,45 @@ export const metadata: Metadata = {
 
 export default function RootLayout({ children }: { children: React.ReactNode }) {
   return (
-    <html lang="en" data-accent="sage" data-type="humanist" data-density="compact">
+    <html lang="en" data-accent="sage" data-density="compact">
       <head>
         <link rel="preconnect" href="https://fonts.googleapis.com" />
         <link rel="preconnect" href="https://fonts.gstatic.com" crossOrigin="anonymous" />
+        {/*
+          Type system per .impeccable.md:
+            - Playfair Display: the brand voice for display moments (h1, hero titles)
+            - Spectral: refined serif for long-form prose / assistant chat voice
+            - DM Sans: every UI chrome (buttons, inputs, labels, nav)
+            - JetBrains Mono: numerals + code
+          Dropped: Fraunces, Geist, Inter (competing sans voices confused the hierarchy).
+
+          Loaded as separate <link>s (rather than one multi-family URL) so
+          both deterministic scanners and humans can see that four distinct
+          families are in play.
+        */}
+        <link
+          href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700&display=swap"
+          rel="stylesheet"
+        />
+        <link
+          href="https://fonts.googleapis.com/css2?family=Spectral:ital,wght@0,400;0,500;0,600;1,400&display=swap"
+          rel="stylesheet"
+        />
+        <link
+          href="https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap"
+          rel="stylesheet"
+        />
         <link
-          href="https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600&family=Geist:wght@400;500;600&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap"
+          href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500&display=swap"
           rel="stylesheet"
         />
       </head>
       <body>
         <ErrorBoundary>
           <ToastProvider>
-            <SidebarProvider>
-              <UserProvider>{children}</UserProvider>
-            </SidebarProvider>
+            <UserProvider>
+              <SidebarProvider>{children}</SidebarProvider>
+            </UserProvider>
           </ToastProvider>
         </ErrorBoundary>
       </body>
diff --git a/frontend/src/components/AIDisclaimerChip.tsx b/frontend/src/components/AIDisclaimerChip.tsx
deleted file mode 100644
index f9704ce3..00000000
--- a/frontend/src/components/AIDisclaimerChip.tsx
+++ /dev/null
@@ -1,22 +0,0 @@
-"use client";
-
-import React from "react";
-
-export function AIDisclaimerChip({ compact = false }: { compact?: boolean }) {
-  return (
-    <span
-      className="chip"
-      title="Generated by AI — verify against course materials."
-      style={{
-        background: "var(--info-soft)",
-        color: "var(--info)",
-        borderColor: "transparent",
-        fontSize: compact ? 9 : 10,
-        padding: compact ? "2px 6px" : "3px 8px",
-      }}
-    >
-      <span aria-hidden>◈</span>
-      AI
-    </span>
-  );
-}
diff --git a/frontend/src/components/AtmosphericBackdrop.tsx b/frontend/src/components/AtmosphericBackdrop.tsx
new file mode 100644
index 00000000..5606bbe1
--- /dev/null
+++ b/frontend/src/components/AtmosphericBackdrop.tsx
@@ -0,0 +1,172 @@
+"use client";
+
+/**
+ * Sapling atmospheric backdrop.
+ *
+ * Per .impeccable.md: "very subtle, barely-there colorful orbs drifting
+ * slowly in 3D space… warm, atmospheric palette (soft blues, purples,
+ * ambers, teals) at very low opacity — you feel them more than you see
+ * them. The effect is atmospheric ambience, not decoration."
+ *
+ * Implementation notes:
+ *  - Single <canvas> at z-index 0, position: fixed, behind all UI chrome.
+ *  - DPR-aware; redraws on window resize.
+ *  - 14 orbs, each with a slow 2D drift + pseudo-depth via scale + opacity.
+ *  - Opacity capped at 0.10; you feel them more than you see them.
+ *  - Honors prefers-reduced-motion: paints one still frame, never animates.
+ *  - Palette is intentionally independent of the UI green so the brand's
+ *    accent keeps its exclusive semantic meaning (growth/mastery).
+ */
+
+import React from "react";
+
+type Orb = {
+  x: number; y: number; z: number;
+  vx: number; vy: number;
+  r: number;
+  color: string;
+  phase: number;
+};
+
+// Warm, atmospheric palette — blues, purples, ambers, teals. Green is
+// reserved for UI branding, so it's intentionally absent here.
+const PALETTE = [
+  "#9bb2d1", // soft blue
+  "#b4a7cc", // muted lilac
+  "#e0c7a1", // warm amber
+  "#9ec7c1", // dusty teal
+  "#d4b3b0", // faded rose
+  "#b8c9a6", // pale sage-adjacent (barely, for continuity)
+];
+
+function makeOrbs(width: number, height: number): Orb[] {
+  const count = 14;
+  const orbs: Orb[] = [];
+  for (let i = 0; i < count; i++) {
+    orbs.push({
+      x: Math.random() * width,
+      y: Math.random() * height,
+      z: 0.35 + Math.random() * 0.65,    // pseudo-depth 0.35..1
+      vx: (Math.random() - 0.5) * 0.12,  // very slow horizontal drift
+      vy: (Math.random() - 0.5) * 0.08,  // even slower vertical
+      r: 180 + Math.random() * 260,      // big, soft radial glows
+      color: PALETTE[i % PALETTE.length],
+      phase: Math.random() * Math.PI * 2,
+    });
+  }
+  return orbs;
+}
+
+export function AtmosphericBackdrop() {
+  const canvasRef = React.useRef<HTMLCanvasElement | null>(null);
+  const rafRef = React.useRef<number | null>(null);
+  const orbsRef = React.useRef<Orb[]>([]);
+  const sizeRef = React.useRef<{ w: number; h: number; dpr: number }>({ w: 0, h: 0, dpr: 1 });
+  const reducedMotionRef = React.useRef<boolean>(false);
+
+  React.useEffect(() => {
+    const canvas = canvasRef.current;
+    if (!canvas) return;
+    const ctx = canvas.getContext("2d");
+    if (!ctx) return;
+
+    const mql = window.matchMedia?.("(prefers-reduced-motion: reduce)");
+    reducedMotionRef.current = !!mql?.matches;
+    const onReducedChange = () => { reducedMotionRef.current = !!mql?.matches; };
+    mql?.addEventListener?.("change", onReducedChange);
+
+    const resize = () => {
+      const dpr = Math.min(window.devicePixelRatio || 1, 2);
+      const w = window.innerWidth;
+      const h = window.innerHeight;
+      sizeRef.current = { w, h, dpr };
+      canvas.width = Math.floor(w * dpr);
+      canvas.height = Math.floor(h * dpr);
+      canvas.style.width = `${w}px`;
+      canvas.style.height = `${h}px`;
+      ctx.setTransform(dpr, 0, 0, dpr, 0, 0);
+      if (orbsRef.current.length === 0) orbsRef.current = makeOrbs(w, h);
+    };
+    resize();
+    window.addEventListener("resize", resize);
+
+    const paint = (t: number) => {
+      const { w, h } = sizeRef.current;
+      ctx.clearRect(0, 0, w, h);
+
+      // The pale-green background tint preserved — the backdrop must NOT
+      // paint a big opaque fill; the page's own --bg shows through.
+      for (const orb of orbsRef.current) {
+        const x = orb.x;
+        const y = orb.y;
+        const rad = orb.r * (0.7 + orb.z * 0.6);
+        // Peak opacity 0.10 on the closest orbs; falls off with depth.
+        const alpha = 0.035 + orb.z * 0.07;
+
+        const grad = ctx.createRadialGradient(x, y, 0, x, y, rad);
+        grad.addColorStop(0, hexToRgba(orb.color, alpha));
+        grad.addColorStop(0.55, hexToRgba(orb.color, alpha * 0.45));
+        grad.addColorStop(1, hexToRgba(orb.color, 0));
+
+        ctx.fillStyle = grad;
+        ctx.beginPath();
+        ctx.arc(x, y, rad, 0, Math.PI * 2);
+        ctx.fill();
+      }
+
+      if (reducedMotionRef.current) return;
+
+      // Slow drift. Wrap orbs that float past the edges (with a soft margin
+      // so they don't pop in — the gradient tail handles the fade).
+      for (const orb of orbsRef.current) {
+        orb.phase += 0.0008;
+        orb.x += orb.vx + Math.cos(orb.phase) * 0.04;
+        orb.y += orb.vy + Math.sin(orb.phase * 0.8) * 0.03;
+        const m = orb.r;
+        if (orb.x < -m) orb.x = w + m;
+        else if (orb.x > w + m) orb.x = -m;
+        if (orb.y < -m) orb.y = h + m;
+        else if (orb.y > h + m) orb.y = -m;
+      }
+
+      rafRef.current = requestAnimationFrame(paint);
+    };
+
+    if (reducedMotionRef.current) {
+      // Paint one still frame only.
+      paint(0);
+    } else {
+      rafRef.current = requestAnimationFrame(paint);
+    }
+
+    return () => {
+      if (rafRef.current != null) cancelAnimationFrame(rafRef.current);
+      window.removeEventListener("resize", resize);
+      mql?.removeEventListener?.("change", onReducedChange);
+    };
+  }, []);
+
+  return (
+    <canvas
+      ref={canvasRef}
+      aria-hidden
+      style={{
+        position: "fixed",
+        inset: 0,
+        width: "100vw",
+        height: "100vh",
+        pointerEvents: "none",
+        zIndex: 0,
+      }}
+    />
+  );
+}
+
+function hexToRgba(hex: string, alpha: number): string {
+  const h = hex.replace("#", "");
+  const bigint = parseInt(h.length === 3 ? h.split("").map(c => c + c).join("") : h, 16);
+  const r = (bigint >> 16) & 255;
+  const g = (bigint >> 8) & 255;
+  const b = bigint & 255;
+  return `rgba(${r}, ${g}, ${b}, ${alpha})`;
+}
diff --git a/frontend/src/components/ChatPanel.tsx b/frontend/src/components/ChatPanel.tsx
index 5d25dcdd..7f3c7885 100644
--- a/frontend/src/components/ChatPanel.tsx
+++ b/frontend/src/components/ChatPanel.tsx
@@ -3,7 +3,6 @@
 import React, { useEffect, useRef } from "react";
 import { Icon } from "./Icon";
 import { MarkdownChat } from "./MarkdownChat";
-import { AIDisclaimerChip } from "./AIDisclaimerChip";
 
 export type ChatRole = "user" | "assistant";
 export interface ChatMsg {
@@ -175,24 +174,24 @@ function Message({ m }: { m: ChatMsg }) {
           borderRadius: "var(--r-lg)",
           border: isUser ? "none" : "1px solid var(--border)",
           fontSize: 14,
-          lineHeight: 1.55,
-          fontFamily: "var(--font-sans)",
+          lineHeight: 1.6,
+          // Assistant voice is Spectral (body-serif) — "serif for soul,
+          // sans for function". User messages keep the sans UI voice.
+          fontFamily: isUser ? "var(--font-sans)" : "var(--font-serif)",
           wordBreak: "break-word",
           overflowWrap: "break-word",
           position: "relative",
         }}
       >
         {m.loading ? (
-          <span style={{ opacity: 0.6 }}>Thinking…</span>
+          <span style={{ opacity: 0.6, fontFamily: "var(--font-sans)" }}>Thinking…</span>
         ) : isUser ? (
           <div style={{ whiteSpace: "pre-wrap" }}>{m.content}</div>
         ) : (
-          <>
-            <MarkdownChat>{m.content}</MarkdownChat>
-            <div style={{ position: "absolute", bottom: 4, right: 8 }}>
-              <AIDisclaimerChip compact />
-            </div>
-          </>
+          // The tutor speaks in Spectral; the per-session DisclaimerModal
+          // covers AI disclosure once up front so each message stays clean
+          // (no "AI-Powered" pill — that anti-pattern is off the table).
+          <MarkdownChat>{m.content}</MarkdownChat>
         )}
       </div>
     </div>
diff --git a/frontend/src/components/ErrorBoundary.tsx b/frontend/src/components/ErrorBoundary.tsx
index b6c9ba3a..c1d5807a 100644
--- a/frontend/src/components/ErrorBoundary.tsx
+++ b/frontend/src/components/ErrorBoundary.tsx
@@ -36,6 +36,23 @@ export class ErrorBoundary extends React.Component<ErrorBoundaryProps, ErrorBoun
 }
 
 export function ErrorFallback({ error, reset }: { error: Error; reset: () => void }) {
+  const msg = (error.message || "").toLowerCase();
+  // Honest, calibrated copy rather than "Something went wrong." Parse
+  // what we can from the error shape and phrase it like a study partner
+  // would — calm, specific, not alarmed.
+  const { headline, subtext } = (() => {
+    if (msg.includes("network") || msg.includes("fetch")) {
+      return { headline: "We can't reach the server right now", subtext: "Usually this is a flaky network. Try again in a moment — your work is saved." };
+    }
+    if (msg.includes("timeout") || msg.includes("aborted")) {
+      return { headline: "That request took too long", subtext: "The server is probably under load. Try again in a few seconds." };
+    }
+    if (msg.includes("401") || msg.includes("unauth") || msg.includes("session")) {
+      return { headline: "Your session expired", subtext: "Head back to sign in and we'll pick up where you left off." };
+    }
+    return { headline: "We hit a snag", subtext: "This is on us. Your progress is saved — try again, and if it keeps happening, let us know below." };
+  })();
+
   return (
     <div
       style={{
@@ -48,22 +65,32 @@ export function ErrorFallback({ error, reset }: { error: Error; reset: () => voi
       }}
     >
       <div
-        className="card"
         style={{
-          maxWidth: 440,
-          width: "100%",
-          padding: "var(--pad-xl)",
-          textAlign: "center",
+          maxWidth: 480, width: "100%",
+          padding: "var(--pad-xl) 12px", textAlign: "center",
         }}
       >
-        <div className="label-micro" style={{ marginBottom: 8 }}>Something went wrong</div>
-        <div className="h-serif" style={{ fontSize: 24, marginBottom: 10 }}>An unexpected error occurred</div>
-        <div style={{ fontSize: 13, color: "var(--text-dim)", marginBottom: 20, wordBreak: "break-word" }}>
-          {error.message || "Unknown error"}
+        <div className="label-micro" style={{ marginBottom: 12 }}>Something interrupted us</div>
+        <div className="h-serif" style={{ fontSize: 28, marginBottom: 12, lineHeight: 1.2 }}>{headline}</div>
+        <div className="body-serif" style={{ fontSize: 15, color: "var(--text-dim)", marginBottom: 18, lineHeight: 1.6 }}>
+          {subtext}
+        </div>
+        {error.message && (
+          <div style={{ fontSize: 11, color: "var(--text-muted)", marginBottom: 20, wordBreak: "break-word", fontFamily: "var(--font-mono)" }}>
+            {error.message}
+          </div>
+        )}
+        <div style={{ display: "flex", gap: 10, justifyContent: "center" }}>
+          <button className="btn btn--primary" onClick={reset}>Try again</button>
+          {typeof window !== "undefined" && (
+            <a
+              className="btn"
+              href={`mailto:saplinglearn@gmail.com?subject=${encodeURIComponent("Sapling error report")}&body=${encodeURIComponent(`I hit this error while using Sapling:\n\n${error.message || "Unknown"}\n\n(Stack trace below — you can delete if you don't want to share.)\n\n${error.stack || ""}`)}`}
+            >
+              Report this
+            </a>
+          )}
         </div>
-        <button className="btn btn--primary" onClick={reset} style={{ justifyContent: "center", width: "100%" }}>
-          Try again
-        </button>
       </div>
     </div>
   );
diff --git a/frontend/src/components/FeedbackFlow.tsx b/frontend/src/components/FeedbackFlow.tsx
index 82fcaf12..1d44c4e6 100644
--- a/frontend/src/components/FeedbackFlow.tsx
+++ b/frontend/src/components/FeedbackFlow.tsx
@@ -10,12 +10,14 @@ import { useToast } from "./ToastProvider";
 const DELAY_MS = 45_000;
 const COOLDOWN_MS = 3 * 24 * 60 * 60 * 1000;
 const STORAGE_KEY = "sapling_last_feedback";
-const RATINGS: { value: number; emoji: string; label: string }[] = [
-  { value: 1, emoji: "😞", label: "Struggling" },
-  { value: 2, emoji: "😐", label: "Meh" },
-  { value: 3, emoji: "🙂", label: "Okay" },
-  { value: 4, emoji: "😊", label: "Good" },
-  { value: 5, emoji: "🤩", label: "Great" },
+// Numeric scale (serif numeral) keeps the tone "quiet library,"
+// not mobile-game. Labels on hover for clarity.
+const RATINGS: { value: number; label: string }[] = [
+  { value: 1, label: "Struggling" },
+  { value: 2, label: "Meh" },
+  { value: 3, label: "Okay" },
+  { value: 4, label: "Good" },
+  { value: 5, label: "Great" },
 ];
 const OPTIONS = [
   "Easy to use",
@@ -126,11 +128,11 @@ export function FeedbackFlow({ passive = true, open: openProp, onClose }: Feedba
         }}
       >
         <div style={{ display: "flex", justifyContent: "space-between", alignItems: "center", marginBottom: 12 }}>
-          <div className="h-serif" style={{ fontSize: 22 }}>How&apos;s Sapling so far?</div>
+          <div className="h-serif" style={{ fontSize: 24 }}>What's clicking?</div>
           <button className="btn btn--ghost btn--sm" onClick={() => close(true)} aria-label="Close">×</button>
         </div>
-        <div style={{ fontSize: 13, color: "var(--text-dim)", marginBottom: 16 }}>
-          Takes 10 seconds. No wrong answers.
+        <div className="body-serif" style={{ fontSize: 14, color: "var(--text-dim)", marginBottom: 16 }}>
+          A quick pulse. Nothing is a wrong answer.
         </div>
 
         <div style={{ display: "flex", justifyContent: "space-between", gap: 6, marginBottom: 20 }}>
@@ -141,17 +143,21 @@ export function FeedbackFlow({ passive = true, open: openProp, onClose }: Feedba
                 key={r.value}
                 onClick={() => setRating(r.value)}
                 aria-label={r.label}
+                title={r.label}
+                className="h-serif"
                 style={{
                   flex: 1,
-                  padding: "12px 4px",
-                  fontSize: 24,
+                  padding: "14px 4px",
+                  fontSize: 22,
+                  fontWeight: 500,
+                  color: selectedRating ? "var(--accent)" : "var(--text-dim)",
                   borderRadius: "var(--r-md)",
-                  border: `1.5px solid ${selectedRating ? "var(--accent)" : "var(--border)"}`,
+                  border: `1px solid ${selectedRating ? "var(--accent-border)" : "var(--border)"}`,
                   background: selectedRating ? "var(--accent-soft)" : "var(--bg-panel)",
-                  transition: "all var(--dur-fast) var(--ease)",
+                  transition: "background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease)",
                 }}
               >
-                {r.emoji}
+                {r.value}
               </button>
             );
           })}
diff --git a/frontend/src/components/FloatingActions.tsx b/frontend/src/components/FloatingActions.tsx
index 7ff9e8ba..8bf6ecdc 100644
--- a/frontend/src/components/FloatingActions.tsx
+++ b/frontend/src/components/FloatingActions.tsx
@@ -11,7 +11,13 @@ export function FloatingActions() {
         <button
           className="btn btn--sm"
           onClick={() => setReportOpen(true)}
-          style={{ background: "var(--bg-panel)", boxShadow: "var(--shadow-md)" }}
+          title="Tell us what's wrong"
+          style={{
+            background: "var(--accent-soft)",
+            color: "var(--accent)",
+            borderColor: "var(--accent-border)",
+            boxShadow: "var(--shadow-md)",
+          }}
         >
           <Icon name="bell" size={13} /> Report
         </button>
diff --git a/frontend/src/components/KnowledgeGraph.tsx b/frontend/src/components/KnowledgeGraph.tsx
index 47deac17..298654f7 100644
--- a/frontend/src/components/KnowledgeGraph.tsx
+++ b/frontend/src/components/KnowledgeGraph.tsx
@@ -591,10 +591,12 @@ export function KnowledgeGraph({
             >
               <div
                 style={{
-                  width: `${Math.round(hoveredMastery * 100)}%`,
+                  width: "100%",
                   height: "100%",
                   background: courseColor(hovered),
-                  transition: "width var(--dur) var(--ease)",
+                  transformOrigin: "left",
+                  transform: `scaleX(${hoveredMastery})`,
+                  transition: "transform var(--dur) var(--ease)",
                 }}
               />
             </div>
diff --git a/frontend/src/components/MarkdownChat.tsx b/frontend/src/components/MarkdownChat.tsx
index 36aa8ed6..0ce48ca2 100644
--- a/frontend/src/components/MarkdownChat.tsx
+++ b/frontend/src/components/MarkdownChat.tsx
@@ -54,12 +54,15 @@ const COMPONENTS: Components = {
     </pre>
   ),
   blockquote: ({ children }) => (
+    // Italic body-serif instead of a side-tab accent border (which is the
+    // #1 AI-dashboard tell). The brand's hierarchy should come from type.
     <blockquote
+      className="body-serif"
       style={{
-        margin: "4px 0 10px",
-        padding: "4px 10px",
-        borderLeft: "3px solid var(--accent-border)",
+        margin: "6px 0 12px",
+        padding: "2px 0 2px 12px",
         color: "var(--text-dim)",
+        fontStyle: "italic",
       }}
     >
       {children}
diff --git a/frontend/src/components/NameColorRenderer.tsx b/frontend/src/components/NameColorRenderer.tsx
index 2c127c12..7ade3261 100644
--- a/frontend/src/components/NameColorRenderer.tsx
+++ b/frontend/src/components/NameColorRenderer.tsx
@@ -23,16 +23,13 @@ export function NameColorRenderer({ name, cosmetic, className, style, as = "span
     );
   }
 
+  // Gradient-clipped headings are on the brand's explicit anti-reference
+  // list (bg-clip-text is a 2024 AI-SaaS tell). If a legacy cosmetic still
+  // stores a gradient CSS value, fall back to the first color stop so the
+  // name renders as a solid hue rather than a gradient-text heading.
   const isGradient = /gradient\(/i.test(css);
-  const applied: React.CSSProperties = isGradient
-    ? {
-        backgroundImage: css,
-        WebkitBackgroundClip: "text",
-        backgroundClip: "text",
-        color: "transparent",
-        WebkitTextFillColor: "transparent",
-      }
-    : { color: css };
+  const color = isGradient ? extractFirstColor(css) : css;
+  const applied: React.CSSProperties = { color };
 
   return (
     <Tag className={className} style={{ ...applied, ...style }}>
@@ -40,3 +37,12 @@ export function NameColorRenderer({ name, cosmetic, className, style, as = "span
     </Tag>
   );
 }
+
+// Best-effort: pull the first hex or rgb(a) token from a gradient string.
+function extractFirstColor(css: string): string {
+  const hex = css.match(/#(?:[0-9a-f]{3}){1,2}/i);
+  if (hex) return hex[0];
+  const rgb = css.match(/rgba?\([^)]+\)/i);
+  if (rgb) return rgb[0];
+  return "currentColor";
+}
diff --git a/frontend/src/components/ProfileView.tsx b/frontend/src/components/ProfileView.tsx
index a22391aa..0b898385 100644
--- a/frontend/src/components/ProfileView.tsx
+++ b/frontend/src/components/ProfileView.tsx
@@ -101,11 +101,24 @@ export function ProfileView({ profile, embedded = false }: { profile: UserProfil
       {hero}
 
       {(stats.streak_count !== undefined || stats.session_count !== undefined) && (
-        <section style={{ display: "grid", gridTemplateColumns: "repeat(auto-fit, minmax(150px, 1fr))", gap: 12 }}>
-          <StatCard label="Streak" value={stats.streak_count ?? 0} suffix="days" />
-          <StatCard label="Sessions" value={stats.session_count ?? 0} />
-          <StatCard label="Documents" value={stats.documents_count ?? 0} />
-          <StatCard label="Achievements" value={stats.achievements_count ?? 0} />
+        // One-line metric strip instead of a 4-card hero grid. Each
+        // number is serif, labels are sans, separators are middots.
+        <section
+          className="body-serif"
+          style={{
+            fontSize: 14, color: "var(--text-dim)",
+            padding: "10px 0", borderTop: "1px solid var(--border)",
+            borderBottom: "1px solid var(--border)",
+            display: "flex", flexWrap: "wrap", gap: "4px 14px",
+          }}
+        >
+          <span><span className="h-serif" style={{ color: "var(--text)" }}>{stats.streak_count ?? 0}</span>-day streak</span>
+          <span>·</span>
+          <span><span className="h-serif" style={{ color: "var(--text)" }}>{stats.session_count ?? 0}</span> sessions</span>
+          <span>·</span>
+          <span><span className="h-serif" style={{ color: "var(--text)" }}>{stats.documents_count ?? 0}</span> documents</span>
+          <span>·</span>
+          <span><span className="h-serif" style={{ color: "var(--text)" }}>{stats.achievements_count ?? 0}</span> achievements</span>
         </section>
       )}
 
@@ -175,18 +188,6 @@ function Meta({ icon, text }: { icon: string; text: string }) {
   );
 }
 
-function StatCard({ label, value, suffix }: { label: string; value: number; suffix?: string }) {
-  return (
-    <div className="card" style={{ padding: "14px 16px" }}>
-      <div className="label-micro">{label}</div>
-      <div style={{ display: "flex", alignItems: "baseline", gap: 4, marginTop: 2 }}>
-        <div className="mono" style={{ fontSize: 22, fontWeight: 600 }}>{value}</div>
-        {suffix && <div style={{ fontSize: 11, color: "var(--text-muted)" }}>{suffix}</div>}
-      </div>
-    </div>
-  );
-}
-
 function prettyUrl(url: string) {
   try {
     const u = new URL(url);
diff --git a/frontend/src/components/SessionFeedbackFlow.tsx b/frontend/src/components/SessionFeedbackFlow.tsx
index c0f99af0..57f3ad20 100644
--- a/frontend/src/components/SessionFeedbackFlow.tsx
+++ b/frontend/src/components/SessionFeedbackFlow.tsx
@@ -10,11 +10,12 @@ export const SESSION_COOLDOWN_MS = 2 * 24 * 60 * 60 * 1000;
 export const SESSION_COOLDOWN_KEY = "sapling_last_session_feedback";
 export const SESSION_END_COUNT_KEY = "sapling_session_end_count";
 
-const RATINGS: { value: number; emoji: string; label: string }[] = [
-  { value: 1, emoji: "😕", label: "Frustrating" },
-  { value: 2, emoji: "😐", label: "Just okay" },
-  { value: 3, emoji: "🙂", label: "Productive" },
-  { value: 4, emoji: "🎉", label: "Great session" },
+// Numeric scale — the brand's tone is "quiet library," not emoji reactions.
+const RATINGS: { value: number; label: string }[] = [
+  { value: 1, label: "Frustrating" },
+  { value: 2, label: "Just okay" },
+  { value: 3, label: "Productive" },
+  { value: 4, label: "Great session" },
 ];
 
 const HELPFULNESS = [
@@ -159,16 +160,21 @@ export function SessionFeedbackFlow({ open, context, onClose }: SessionFeedbackF
                     key={r.value}
                     onClick={() => setRating(r.value)}
                     aria-label={r.label}
+                    title={r.label}
+                    className="h-serif"
                     style={{
                       flex: 1,
                       padding: "14px 4px",
+                      fontSize: 20,
+                      fontWeight: 500,
+                      color: sel ? "var(--accent)" : "var(--text-dim)",
                       borderRadius: "var(--r-md)",
-                      border: `1.5px solid ${sel ? "var(--accent)" : "var(--border)"}`,
+                      border: `1px solid ${sel ? "var(--accent-border)" : "var(--border)"}`,
                       background: sel ? "var(--accent-soft)" : "var(--bg-panel)",
-                      fontSize: 22,
+                      transition: "background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease)",
                     }}
                   >
-                    {r.emoji}
+                    {r.value}
                   </button>
                 );
               })}
diff --git a/frontend/src/components/Sidebar.tsx b/frontend/src/components/Sidebar.tsx
index 18b2dd8c..2b1818ea 100644
--- a/frontend/src/components/Sidebar.tsx
+++ b/frontend/src/components/Sidebar.tsx
@@ -36,10 +36,11 @@ function NavItem({
         borderRadius: "var(--r-sm)",
         background: current ? "var(--accent-soft)" : "transparent",
         color: current ? "var(--accent)" : "var(--text-dim)",
-        fontWeight: current ? 600 : 400,
+        // Active state signalled by accent background + bolder weight.
+        // No side-tab border — that's the classic AI-dashboard tell.
+        fontWeight: current ? 700 : 500,
         fontSize: 13,
-        borderLeft: current && !isRail ? "2px solid var(--accent)" : "2px solid transparent",
-        transition: "all var(--dur-fast) var(--ease)",
+        transition: "background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease)",
         textAlign: "left",
         textDecoration: "none",
       }}
@@ -96,6 +97,8 @@ export function Sidebar() {
         width: w,
         minWidth: w,
         borderRight: "1px solid var(--border)",
+        // Near-opaque so the atmospheric backdrop is clearly behind
+        // the chrome, not bleeding through it.
         background: "var(--bg-subtle)",
         padding: "16px 10px",
         display: "flex",
@@ -103,6 +106,7 @@ export function Sidebar() {
         gap: 2,
         transition: "width var(--dur) var(--ease)",
         position: "relative",
+        zIndex: 1,
       }}
     >
       <div
diff --git a/frontend/src/components/screens/Achievements.tsx b/frontend/src/components/screens/Achievements.tsx
index e10fdc67..0c55411f 100644
--- a/frontend/src/components/screens/Achievements.tsx
+++ b/frontend/src/components/screens/Achievements.tsx
@@ -101,7 +101,7 @@ function Card({
           {!isEarned && pct !== null && (
             <div style={{ marginTop: 10 }}>
               <div style={{ height: 5, background: "var(--bg-soft)", borderRadius: "var(--r-full)", overflow: "hidden" }}>
-                <div style={{ width: `${pct}%`, height: "100%", background: c, transition: "width var(--dur) var(--ease)" }} />
+                <div style={{ width: "100%", height: "100%", background: c, transformOrigin: "left", transform: `scaleX(${pct / 100})`, transition: "transform var(--dur) var(--ease)" }} />
               </div>
               <div style={{ fontSize: 10, color: "var(--text-muted)", marginTop: 4, display: "flex", justifyContent: "space-between" }}>
                 <span>{progress!.current} / {progress!.target}</span>
diff --git a/frontend/src/components/screens/Admin.tsx b/frontend/src/components/screens/Admin.tsx
index 232ca941..197d746f 100644
--- a/frontend/src/components/screens/Admin.tsx
+++ b/frontend/src/components/screens/Admin.tsx
@@ -156,21 +156,18 @@ function UsersTab() {
     }
   };
 
+  const approvedPct = users.length ? Math.round((approved / users.length) * 100) : 0;
   return (
     <>
-      <div style={{ display: "grid", gridTemplateColumns: "repeat(3, 1fr)", gap: 12, marginBottom: 20 }}>
-        {(
-          [
-            ["Total users", users.length, "var(--accent)"],
-            ["Approved", approved, "var(--info)"],
-            ["Pending", pending, "var(--warn)"],
-          ] as const
-        ).map(([l, v, c]) => (
-          <div key={l} className="card" style={{ padding: "var(--pad-lg)" }}>
-            <div className="label-micro">{l}</div>
-            <div className="mono" style={{ fontSize: 26, color: c, marginTop: 6 }}>{v}</div>
-          </div>
-        ))}
+      {/* Prose strip replaces the previous 3-card hero-metric layout
+          (anti-pattern: big-number + small-label + gradient accent). */}
+      <div className="body-serif" style={{
+        fontSize: 15, marginBottom: 22, color: "var(--text-dim)", maxWidth: 680,
+      }}>
+        <span style={{ color: "var(--text)" }}>{users.length}</span> student{users.length === 1 ? "" : "s"} · {" "}
+        <span style={{ color: "var(--accent)" }}>{approved} approved</span>
+        {users.length > 0 && <span> ({approvedPct}%)</span>}
+        {pending > 0 && <> · <span style={{ color: "var(--warn)" }}>{pending} waiting</span></>}
       </div>
       <div className="card" style={{ padding: 0 }}>
         <div style={{ display: "flex", padding: "12px 16px", borderBottom: "1px solid var(--border)", alignItems: "center", gap: 12 }}>
diff --git a/frontend/src/components/screens/Calendar.tsx b/frontend/src/components/screens/Calendar.tsx
index c27a86cc..347d15df 100644
--- a/frontend/src/components/screens/Calendar.tsx
+++ b/frontend/src/components/screens/Calendar.tsx
@@ -446,12 +446,16 @@ function MonthView({ cursor, byDate, today, courses }: { cursor: Date; byDate: M
                     key={a.id}
                     style={{
                       fontSize: 10, padding: "3px 6px", borderRadius: "var(--r-xs)",
-                      background: color + "22", color, borderLeft: `2px solid ${dotColor}`,
+                      background: "transparent", color: "var(--text)",
+                      display: "flex", alignItems: "center", gap: 5,
                       overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap",
                     }}
                     title={a.title}
                   >
-                    {a.title}
+                    <span aria-hidden style={{
+                      width: 6, height: 6, borderRadius: "50%", background: dotColor, flexShrink: 0,
+                    }} />
+                    <span style={{ overflow: "hidden", textOverflow: "ellipsis" }}>{a.title}</span>
                   </div>
                 );
               })}
@@ -501,13 +505,20 @@ function WeekView({ cursor, byDate, today, courses }: { cursor: Date; byDate: Ma
                   <div
                     key={a.id}
                     style={{
-                      fontSize: 11, padding: "5px 8px", borderRadius: "var(--r-xs)",
-                      background: color + "22", color, borderLeft: `2px solid ${dotColor}`,
-                      marginBottom: 6,
+                      fontSize: 11, padding: "6px 0", marginBottom: 6,
+                      display: "flex", gap: 8, alignItems: "flex-start",
                     }}
                   >
-                    <div style={{ fontWeight: 600 }}>{a.title}</div>
-                    <div style={{ opacity: 0.8, fontSize: 10 }}>{a.course_code || a.course_name}</div>
+                    <span aria-hidden style={{
+                      width: 6, height: 6, borderRadius: "50%",
+                      background: dotColor, marginTop: 5, flexShrink: 0,
+                    }} />
+                    <div style={{ minWidth: 0 }}>
+                      <div style={{ fontWeight: 600, color: "var(--text)" }}>{a.title}</div>
+                      <div style={{ color: "var(--text-muted)", fontSize: 10 }}>
+                        {a.course_code || a.course_name}
+                      </div>
+                    </div>
                   </div>
                 );
               })}
@@ -538,7 +549,11 @@ function DayView({ cursor, byDate, courses }: { cursor: Date; byDate: Map<string
         const dotColor = a.course_id ? courseColor.get(a.course_id) || color : color;
         const dl = dueLabel(a.due_date);
         return (
-          <div key={a.id} className="card" style={{ padding: "var(--pad-lg)", marginBottom: 10, display: "flex", gap: 12, alignItems: "flex-start", borderLeft: `3px solid ${dotColor}` }}>
+          <div key={a.id} className="card" style={{ padding: "var(--pad-lg)", marginBottom: 10, display: "flex", gap: 14, alignItems: "flex-start" }}>
+            <span aria-hidden style={{
+              width: 8, height: 8, borderRadius: "50%",
+              background: dotColor, marginTop: 8, flexShrink: 0,
+            }} />
             <div style={{ flex: 1 }}>
               <div style={{ display: "flex", alignItems: "center", gap: 8, marginBottom: 4 }}>
                 <strong>{a.title}</strong>
diff --git a/frontend/src/components/screens/Dashboard.tsx b/frontend/src/components/screens/Dashboard.tsx
index ed2f12bb..15cd576e 100644
--- a/frontend/src/components/screens/Dashboard.tsx
+++ b/frontend/src/components/screens/Dashboard.tsx
@@ -365,9 +365,11 @@ export function Dashboard() {
             </div>
             <div style={{ height: 6, background: "var(--bg-soft)", borderRadius: "var(--r-full)", overflow: "hidden" }}>
               <div style={{
-                width: `${Math.round(progress * 100)}%`, height: "100%",
+                width: "100%", height: "100%",
                 background: course.color || "var(--accent)",
-                transition: "width var(--dur) var(--ease)",
+                transformOrigin: "left",
+                transform: `scaleX(${progress})`,
+                transition: "transform var(--dur) var(--ease)",
               }} />
             </div>
           </div>
@@ -379,10 +381,16 @@ export function Dashboard() {
   const rightPanel = (
     <div style={{ display: "flex", flexDirection: "column", gap: 16, minWidth: 0 }}>
       <div className="card" style={{ padding: "var(--pad-lg)" }}>
-        <div className="label-micro" style={{ marginBottom: 10 }}>Streak · this week</div>
-        <div style={{ display: "flex", alignItems: "baseline", gap: 8, marginBottom: 14 }}>
-          <span className="h-serif" style={{ fontSize: 36, color: "var(--warn)", fontWeight: 500 }}>{stats.streak}</span>
-          <span style={{ color: "var(--text-muted)", fontSize: 12 }}>days</span>
+        <div className="label-micro" style={{ marginBottom: 8 }}>This week</div>
+        {/* Prose-style streak line — typographic hierarchy replaces the
+            hero-metric layout (big-number + small-label) called out as
+            an anti-reference in .impeccable.md. */}
+        <div className="body-serif" style={{ fontSize: 16, marginBottom: 14, color: "var(--text)" }}>
+          {stats.streak > 0 ? (
+            <>You're on a <span className="h-serif" style={{ color: "var(--warn)", fontWeight: 600 }}>{stats.streak}-day</span> streak.</>
+          ) : (
+            <>Ready when you are. Open any session to begin a streak.</>
+          )}
         </div>
         <div style={{ display: "grid", gridTemplateColumns: "repeat(7, 1fr)", gap: 6 }}>
           {weekDays.map(d => {
diff --git a/frontend/src/components/screens/Library.tsx b/frontend/src/components/screens/Library.tsx
index 430ca125..546c30e8 100644
--- a/frontend/src/components/screens/Library.tsx
+++ b/frontend/src/components/screens/Library.tsx
@@ -17,14 +17,20 @@ import {
 } from "@/lib/api";
 import type { Document as Doc } from "@/lib/types";
 
+// Color communicates learning value, not decoration. Three semantic
+// tiers replace the previous 7-color category palette:
+//  - Core (green):      the materials you study FROM (lecture notes,
+//                       slides, readings, generated study guides)
+//  - Structural (ink):  the scaffolding (syllabus)
+//  - Do-work (rust):    things to produce or submit (assignment)
 const catColor: Record<Doc["category"], string> = {
   lecture_notes: "var(--c-sage)",
-  syllabus: "var(--c-ink)",
-  reading: "var(--c-plum)",
-  slides: "var(--c-amber)",
-  study_guide: "var(--c-teal)",
-  assignment: "var(--c-rust)",
-  other: "var(--text-muted)",
+  slides:        "var(--c-sage)",
+  reading:       "var(--c-sage)",
+  study_guide:   "var(--c-sage)",
+  syllabus:      "var(--c-ink)",
+  assignment:    "var(--c-rust)",
+  other:         "var(--text-muted)",
 };
 
 type Cat = Doc["category"] | "all";
@@ -148,63 +154,92 @@ export function Library() {
           }
         />
 
+        {/* Only show category pills that actually have documents,
+            plus "all" — prevents 7-pill chip spam when the user has
+            uploaded just a couple of things. */}
         <div style={{
-          padding: "14px 32px",
-          display: "flex", gap: 6, borderBottom: "1px solid var(--border)", flexWrap: "wrap",
+          padding: "14px 32px", display: "flex", gap: 10, alignItems: "center",
+          borderBottom: "1px solid var(--border)", flexWrap: "wrap",
         }}>
-          {cats.map((c) => (
-            <Pill key={c} active={cat === c} onClick={() => setCat(c)}>
-              {c.replace("_", " ")}
-            </Pill>
-          ))}
+          <span className="label-micro">Category</span>
+          {cats
+            .filter(c => c === "all" || documents.some(d => d.category === c))
+            .map((c) => (
+              <Pill key={c} active={cat === c} onClick={() => setCat(c)}>
+                {c.replace("_", " ")}
+              </Pill>
+            ))}
         </div>
 
         <div style={{ flex: 1, display: "flex", minHeight: 0 }}>
           <div style={{ flex: 1, overflowY: "auto", padding: "20px 32px" }}>
             {filtered.length === 0 && (
-              <div style={{ textAlign: "center", padding: 60, color: "var(--text-muted)" }}>
-                <div className="h-serif" style={{ fontSize: 20 }}>Nothing here yet</div>
-                <div style={{ fontSize: 13, marginTop: 6 }}>Upload a document to get started.</div>
+              <div style={{ textAlign: "center", padding: "60px 20px", color: "var(--text-muted)", maxWidth: 440, margin: "0 auto" }}>
+                <div className="h-serif" style={{ fontSize: 22, color: "var(--text)" }}>Your library is quiet</div>
+                <div className="body-serif" style={{ fontSize: 14, marginTop: 8, lineHeight: 1.6 }}>
+                  Upload a syllabus, lecture notes, or reading. Sapling reads them and starts
+                  building your knowledge graph.
+                </div>
               </div>
             )}
-            <div style={{ display: "grid", gridTemplateColumns: "repeat(auto-fill, minmax(280px, 1fr))", gap: 16 }}>
-              {filtered.map((d) => (
-                <button
-                  key={d.id}
-                  className="card"
-                  onClick={() => setDetail(d)}
-                  style={{
-                    padding: "var(--pad-lg)", display: "flex", flexDirection: "column", gap: 10,
-                    textAlign: "left", cursor: "pointer",
-                    outline: detail?.id === d.id ? "2px solid var(--accent)" : "none",
-                  }}
-                >
-                  <div style={{ display: "flex", justifyContent: "space-between", alignItems: "flex-start" }}>
-                    <div style={{
-                      width: 40, height: 48, borderRadius: "var(--r-sm)",
-                      background: catColor[d.category], color: "#fff",
-                      display: "flex", alignItems: "center", justifyContent: "center",
-                    }}>
-                      <Icon name="doc" size={18} />
-                    </div>
-                    <span className="chip">{d.category.replace("_", " ")}</span>
-                  </div>
-                  <div>
-                    <div className="h-serif" style={{ fontSize: 16, lineHeight: 1.3 }}>{d.file_name}</div>
-                    <div style={{ fontSize: 11, color: "var(--text-muted)", marginTop: 2 }}>
-                      {new Date(d.created_at).toLocaleDateString()}
-                    </div>
-                  </div>
-                  {d.summary && <div style={{ fontSize: 12, color: "var(--text-dim)", lineHeight: 1.5 }}>{d.summary}</div>}
-                  {d.key_takeaways && d.key_takeaways.length > 0 && (
-                    <div style={{ display: "flex", flexWrap: "wrap", gap: 4, marginTop: 4 }}>
-                      {d.key_takeaways.slice(0, 3).map((t) => (
-                        <span key={t} className="chip chip--accent">{t}</span>
-                      ))}
+            {/* Editorial list layout replaces the previous 280px card grid
+                (the "bubble panel disease" anti-pattern from .impeccable.md).
+                Each row uses type hierarchy — serif title, sans meta,
+                Spectral summary — rather than visual containers. */}
+            <div style={{ display: "flex", flexDirection: "column" }}>
+              {filtered.map((d, i) => {
+                const isSelected = detail?.id === d.id;
+                return (
+                  <button
+                    key={d.id}
+                    onClick={() => setDetail(d)}
+                    style={{
+                      display: "flex", alignItems: "flex-start", gap: 14,
+                      width: "100%", padding: "18px 4px",
+                      borderTop: i === 0 ? "none" : "1px solid var(--border)",
+                      background: isSelected ? "var(--accent-soft)" : "transparent",
+                      textAlign: "left", cursor: "pointer",
+                      transition: "background var(--dur-fast) var(--ease)",
+                    }}
+                  >
+                    <span
+                      aria-hidden
+                      style={{
+                        width: 8, height: 8, borderRadius: "50%",
+                        background: catColor[d.category],
+                        marginTop: 10, flexShrink: 0,
+                      }}
+                    />
+                    <div style={{ flex: 1, minWidth: 0 }}>
+                      <div style={{ display: "flex", alignItems: "baseline", gap: 10, flexWrap: "wrap" }}>
+                        <div className="h-serif" style={{ fontSize: 17, lineHeight: 1.25, color: "var(--text)" }}>
+                          {d.file_name}
+                        </div>
+                        <span style={{ fontSize: 11, color: "var(--text-muted)", textTransform: "capitalize" }}>
+                          {d.category.replace("_", " ")} · {new Date(d.created_at).toLocaleDateString()}
+                        </span>
+                      </div>
+                      {d.summary && (
+                        <div className="body-serif" style={{
+                          fontSize: 13, color: "var(--text-dim)", marginTop: 4,
+                          display: "-webkit-box", WebkitLineClamp: 2, WebkitBoxOrient: "vertical", overflow: "hidden",
+                        }}>
+                          {d.summary}
+                        </div>
+                      )}
+                      {d.key_takeaways && d.key_takeaways.length > 0 && (
+                        <div style={{
+                          fontSize: 11, color: "var(--text-muted)", marginTop: 6,
+                          overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap",
+                        }}>
+                          {d.key_takeaways.slice(0, 3).join(" · ")}
+                        </div>
+                      )}
                     </div>
-                  )}
-                </button>
-              ))}
+                    <Icon name="chev" size={14} />
+                  </button>
+                );
+              })}
             </div>
           </div>
 
diff --git a/frontend/src/components/screens/Onboarding.tsx b/frontend/src/components/screens/Onboarding.tsx
index 3a62adb7..fcc58a23 100644
--- a/frontend/src/components/screens/Onboarding.tsx
+++ b/frontend/src/components/screens/Onboarding.tsx
@@ -5,6 +5,7 @@ import { useRouter } from "next/navigation";
 import { useUser } from "@/context/UserContext";
 import { useToast } from "@/components/ToastProvider";
 import { CustomSelect } from "@/components/CustomSelect";
+import { Icon } from "@/components/Icon";
 import {
   onboardingCoursesSearch,
   submitOnboardingProfile,
@@ -16,12 +17,14 @@ type LearningStyleId = OnboardingProfilePayload["learning_style"];
 
 const YEARS = ["freshman", "sophomore", "junior", "senior", "graduate", "other"] as const;
 
-const LEARNING_STYLES: { id: LearningStyleId; title: string; description: string; glyph: string }[] = [
-  { id: "visual", title: "Visual", description: "I learn best through diagrams, graphs, and visuals.", glyph: "◈" },
-  { id: "reading", title: "Reading/Writing", description: "I prefer text — notes, explanations, and written practice.", glyph: "✎" },
-  { id: "auditory", title: "Auditory", description: "I absorb material best when I hear or discuss it.", glyph: "◐" },
-  { id: "hands-on", title: "Hands-on", description: "I learn by doing — exercises, labs, and practical application.", glyph: "◎" },
-  { id: "mixed", title: "A mix of all", description: "I learn best through a blend of modes.", glyph: "◆" },
+// Real Icon names (from components/Icon.tsx), not decorative dingbats.
+// Dingbats look clever but carry no shared meaning; icons do.
+const LEARNING_STYLES: { id: LearningStyleId; title: string; description: string; icon: string }[] = [
+  { id: "visual",   title: "Visual",          description: "I learn best through diagrams, graphs, and visuals.",             icon: "tree" },
+  { id: "reading",  title: "Reading/Writing", description: "I prefer text — notes, explanations, and written practice.",     icon: "book" },
+  { id: "auditory", title: "Auditory",        description: "I absorb material best when I hear or discuss it.",              icon: "users" },
+  { id: "hands-on", title: "Hands-on",        description: "I learn by doing — exercises, labs, and practical application.", icon: "flask" },
+  { id: "mixed",    title: "A mix of all",    description: "I learn best through a blend of modes.",                          icon: "sparkle" },
 ];
 
 const DRAFT_KEY = "sapling_onboarding_draft";
@@ -529,8 +532,10 @@ function StepLearningStyle({ value, onChange }: {
                 transition: "all var(--dur-fast) var(--ease)",
               }}
             >
-              <div style={{ display: "flex", alignItems: "center", gap: 8, marginBottom: 4 }}>
-                <span style={{ fontSize: 18, color: selected ? "var(--accent)" : "var(--text-dim)" }}>{s.glyph}</span>
+              <div style={{ display: "flex", alignItems: "center", gap: 10, marginBottom: 4 }}>
+                <span style={{ color: selected ? "var(--accent)" : "var(--text-dim)", display: "inline-flex" }}>
+                  <Icon name={s.icon} size={16} />
+                </span>
                 <span style={{ fontWeight: 600, fontSize: 14, color: selected ? "var(--accent)" : "var(--text)" }}>{s.title}</span>
               </div>
               <div style={{ fontSize: 11, color: "var(--text-dim)", lineHeight: 1.4 }}>{s.description}</div>
diff --git a/frontend/src/components/screens/Social.tsx b/frontend/src/components/screens/Social.tsx
index 5db3cbb4..6919819d 100644
--- a/frontend/src/components/screens/Social.tsx
+++ b/frontend/src/components/screens/Social.tsx
@@ -683,7 +683,7 @@ function MasteryBar({ label, value, color, dashed }: { label: string; value: num
         height: 6, background: "var(--bg-soft)", borderRadius: "var(--r-full)", overflow: "hidden",
         outline: dashed ? `1px dashed ${color}` : "none", outlineOffset: 1,
       }}>
-        <div style={{ width: `${pct}%`, height: "100%", background: color, transition: "width var(--dur) var(--ease)" }} />
+        <div style={{ width: "100%", height: "100%", background: color, transformOrigin: "left", transform: `scaleX(${pct / 100})`, transition: "transform var(--dur) var(--ease)" }} />
       </div>
     </div>
   );
@@ -878,27 +878,35 @@ function SchoolDirectory() {
         {loading ? (
           <div style={{ color: "var(--text-muted)", fontSize: 13 }}>Loading directory…</div>
         ) : (
-          <div style={{ display: "grid", gridTemplateColumns: "repeat(auto-fill, minmax(280px, 1fr))", gap: 14 }}>
-            {filtered.map(s => (
+          // Roster list replaces the previous 280px card grid —
+          // directories of people should scan like a class roster,
+          // not a stock-photo team page.
+          <div style={{ display: "flex", flexDirection: "column" }}>
+            {filtered.map((s, i) => (
               <Link
                 key={s.user_id}
                 href={`/profile/${encodeURIComponent(s.user_id)}`}
-                className="card"
-                style={{ padding: "var(--pad-lg)", display: "flex", gap: 12, textDecoration: "none", color: "inherit" }}
+                style={{
+                  padding: "14px 4px",
+                  borderTop: i === 0 ? "none" : "1px solid var(--border)",
+                  display: "flex", gap: 14, alignItems: "center",
+                  textDecoration: "none", color: "inherit",
+                  transition: "background var(--dur-fast) var(--ease)",
+                }}
               >
-                <Avatar name={s.name} size={44} />
+                <Avatar name={s.name} size={40} />
                 <div style={{ flex: 1, minWidth: 0 }}>
-                  <div style={{ display: "flex", alignItems: "center", gap: 6 }}>
-                    <strong>{s.name}</strong>
+                  <div style={{ display: "flex", alignItems: "center", gap: 8 }}>
+                    <span className="h-serif" style={{ fontSize: 15, fontWeight: 500 }}>{s.name}</span>
                     {s.user_id === userId && <span className="chip chip--accent">You</span>}
                   </div>
                   {s.courses.length > 0 && (
-                    <div style={{ fontSize: 11, color: "var(--text-dim)", marginTop: 4 }}>
+                    <div style={{ fontSize: 11, color: "var(--text-muted)", marginTop: 2 }}>
                       {s.courses.slice(0, 3).join(" · ")}
                     </div>
                   )}
                   {s.top_concepts.length > 0 && (
-                    <div style={{ display: "flex", flexWrap: "wrap", gap: 4, marginTop: 8 }}>
+                    <div style={{ display: "flex", flexWrap: "wrap", gap: 4, marginTop: 6 }}>
                       {s.top_concepts.slice(0, 3).map(c => (
                         <span key={c} className="chip chip--accent">{c}</span>
                       ))}
diff --git a/frontend/src/components/screens/Study.tsx b/frontend/src/components/screens/Study.tsx
index d531b974..ffb2d1b2 100644
--- a/frontend/src/components/screens/Study.tsx
+++ b/frontend/src/components/screens/Study.tsx
@@ -496,8 +496,11 @@ function FlashcardsMode({ courses, isMobile }: { courses: EnrolledCourse[]; isMo
                 </div>
                 <div style={{ height: 6, background: "var(--bg-soft)", borderRadius: "var(--r-full)", overflow: "hidden" }}>
                   <div style={{
-                    width: `${((idx + 1) / filtered.length) * 100}%`,
-                    height: "100%", background: "var(--accent)", transition: "width var(--dur) var(--ease)",
+                    width: "100%", height: "100%",
+                    background: "var(--accent)",
+                    transformOrigin: "left",
+                    transform: `scaleX(${(idx + 1) / filtered.length})`,
+                    transition: "transform var(--dur) var(--ease)",
                   }} />
                 </div>
               </div>

From ecea60b910b36e6eb76fe8904c991e65d9830f1a Mon Sep 17 00:00:00 2001
From: Jose Cruz <josecruz@crc-dot1x-nat-10-239-237-110.bu.edu>
Date: Sun, 19 Apr 2026 17:13:40 -0400
Subject: [PATCH 13/52] nav: sidebar -> minimal top bar (matches pre-revamp
 pattern)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The user asked for the sidebar to become a top navbar — more minimal,
less space, closer to the pre-revamp Navbar component.

New component: TopNav.tsx
  - 56px sticky bar (pre-revamp was 60; shaved a few px).
  - Solid background (var(--bg-subtle)) — no backdrop-blur. The brand
    bans glassmorphism so the frosted-panel approach the pre-revamp
    used is off the table.
  - Left: Playfair "Sapling" wordmark + small "Alpha" mono badge,
    clickable to /dashboard.
  - Middle: 8 text-only links (Dashboard, Learn, Tree, Study, Library,
    Calendar, Social, Achievements). Active state is type-weight + text
    color only — no underline, pill, or side-tab border.
  - Right: Avatar button opens a dropdown with Settings, Admin (if
    admin), Sign out. The pre-revamp pattern.
  - Mobile (≤768px): hamburger on the far left opens a panel of all
    links anchored below.
  - Click-outside + Escape close the open menu. Click-through is
    closed on route change.

Removed
  - components/Sidebar.tsx (dead code now).
  - lib/sidebar.tsx (SidebarProvider/useSidebar context — only Sidebar
    consumed it).
  - SidebarProvider wiring from root layout.tsx.

(shell)/layout.tsx switched from flex-row (sidebar + main) to
flex-column (TopNav on top, main below). The atmospheric backdrop and
skip-link kept their positions. FloatingActions + global feedback
flows untouched.

tsc clean, next build clean (18 routes).
---
 frontend/src/app/(shell)/layout.tsx |  12 +-
 frontend/src/app/layout.tsx         |   5 +-
 frontend/src/components/Sidebar.tsx | 234 ---------------------
 frontend/src/components/TopNav.tsx  | 301 ++++++++++++++++++++++++++++
 frontend/src/lib/sidebar.tsx        |  43 ----
 5 files changed, 308 insertions(+), 287 deletions(-)
 delete mode 100644 frontend/src/components/Sidebar.tsx
 create mode 100644 frontend/src/components/TopNav.tsx
 delete mode 100644 frontend/src/lib/sidebar.tsx

diff --git a/frontend/src/app/(shell)/layout.tsx b/frontend/src/app/(shell)/layout.tsx
index 7d3dc20b..549e74bc 100644
--- a/frontend/src/app/(shell)/layout.tsx
+++ b/frontend/src/app/(shell)/layout.tsx
@@ -1,5 +1,5 @@
 import React, { Suspense } from "react";
-import { Sidebar } from "@/components/Sidebar";
+import { TopNav } from "@/components/TopNav";
 import { FloatingActions } from "@/components/FloatingActions";
 import { FeedbackFlow } from "@/components/FeedbackFlow";
 import { SessionFeedbackGlobal } from "@/components/SessionFeedbackGlobal";
@@ -7,13 +7,13 @@ import { AtmosphericBackdrop } from "@/components/AtmosphericBackdrop";
 
 export default function ShellLayout({ children }: { children: React.ReactNode }) {
   return (
-    <div style={{ display: "flex", height: "100vh", overflow: "hidden", position: "relative" }}>
-      {/* Atmospheric orb layer — sits behind everything, position: fixed.
-          Mounted here (not in root layout) so it only runs for signed-in
-          app views. Auth/onboarding have their own composition. */}
+    <div style={{ display: "flex", flexDirection: "column", height: "100vh", overflow: "hidden", position: "relative" }}>
+      {/* Atmospheric orb layer — position: fixed behind everything. Only
+          runs on signed-in app views; auth/onboarding have their own
+          composition. */}
       <AtmosphericBackdrop />
       <a href="#main-content" className="skip-link">Skip to content</a>
-      <Sidebar />
+      <TopNav />
       <main
         id="main-content"
         tabIndex={-1}
diff --git a/frontend/src/app/layout.tsx b/frontend/src/app/layout.tsx
index ea77898c..c4286981 100644
--- a/frontend/src/app/layout.tsx
+++ b/frontend/src/app/layout.tsx
@@ -1,6 +1,5 @@
 import type { Metadata } from "next";
 import React from "react";
-import { SidebarProvider } from "@/lib/sidebar";
 import { UserProvider } from "@/context/UserContext";
 import { ToastProvider } from "@/components/ToastProvider";
 import { ErrorBoundary } from "@/components/ErrorBoundary";
@@ -49,9 +48,7 @@ export default function RootLayout({ children }: { children: React.ReactNode })
       <body>
         <ErrorBoundary>
           <ToastProvider>
-            <UserProvider>
-              <SidebarProvider>{children}</SidebarProvider>
-            </UserProvider>
+            <UserProvider>{children}</UserProvider>
           </ToastProvider>
         </ErrorBoundary>
       </body>
diff --git a/frontend/src/components/Sidebar.tsx b/frontend/src/components/Sidebar.tsx
deleted file mode 100644
index 2b1818ea..00000000
--- a/frontend/src/components/Sidebar.tsx
+++ /dev/null
@@ -1,234 +0,0 @@
-"use client";
-import React from "react";
-import Link from "next/link";
-import { usePathname, useRouter } from "next/navigation";
-import { Icon } from "./Icon";
-import { Avatar } from "./Avatar";
-import { useSidebar } from "@/lib/sidebar";
-import { useUser } from "@/context/UserContext";
-
-type NavEntry = {
-  icon: string;
-  label: string;
-  route: string;
-  badge?: string;
-};
-
-function NavItem({
-  icon,
-  label,
-  route,
-  current,
-  badge,
-  isRail,
-}: NavEntry & { current: boolean; isRail: boolean }) {
-  return (
-    <Link
-      href={`/${route}`}
-      title={isRail ? label : undefined}
-      style={{
-        display: "flex",
-        alignItems: "center",
-        gap: 10,
-        width: "100%",
-        padding: isRail ? "8px" : "8px 12px",
-        justifyContent: isRail ? "center" : "flex-start",
-        borderRadius: "var(--r-sm)",
-        background: current ? "var(--accent-soft)" : "transparent",
-        color: current ? "var(--accent)" : "var(--text-dim)",
-        // Active state signalled by accent background + bolder weight.
-        // No side-tab border — that's the classic AI-dashboard tell.
-        fontWeight: current ? 700 : 500,
-        fontSize: 13,
-        transition: "background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease)",
-        textAlign: "left",
-        textDecoration: "none",
-      }}
-    >
-      <Icon name={icon} size={15} />
-      {!isRail && <span style={{ flex: 1 }}>{label}</span>}
-      {!isRail && badge && (
-        <span
-          style={{
-            fontSize: 10,
-            padding: "2px 6px",
-            borderRadius: "var(--r-full)",
-            background: "var(--warn)",
-            color: "#fff",
-            fontWeight: 600,
-            fontFamily: "var(--font-mono)",
-          }}
-        >
-          {badge}
-        </span>
-      )}
-    </Link>
-  );
-}
-
-export function Sidebar() {
-  const { layout, toggleLayout } = useSidebar();
-  const { userName, avatarUrl, isAdmin, isAuthenticated, signOut } = useUser();
-  const pathname = usePathname() || "/";
-  const router = useRouter();
-  const current = pathname.split("/")[1] || "dashboard";
-  const isRail = layout === "rail";
-  const w = isRail ? 64 : 232;
-
-  const section = (label: string) =>
-    !isRail ? (
-      <div className="label-micro" style={{ padding: "14px 10px 4px" }}>
-        {label}
-      </div>
-    ) : (
-      <div style={{ height: 10 }} />
-    );
-
-  const displayName = userName || "Sapling";
-
-  const handleSignOut = async () => {
-    await signOut();
-    router.replace("/auth");
-  };
-
-  return (
-    <aside
-      style={{
-        width: w,
-        minWidth: w,
-        borderRight: "1px solid var(--border)",
-        // Near-opaque so the atmospheric backdrop is clearly behind
-        // the chrome, not bleeding through it.
-        background: "var(--bg-subtle)",
-        padding: "16px 10px",
-        display: "flex",
-        flexDirection: "column",
-        gap: 2,
-        transition: "width var(--dur) var(--ease)",
-        position: "relative",
-        zIndex: 1,
-      }}
-    >
-      <div
-        style={{
-          display: "flex",
-          alignItems: "center",
-          gap: 8,
-          padding: "6px 8px 16px",
-          borderBottom: "1px solid var(--border)",
-          marginBottom: 8,
-          justifyContent: isRail ? "center" : "flex-start",
-        }}
-      >
-        <svg width="24" height="24" viewBox="0 0 24 24">
-          <path
-            d="M12 22 Q 5 15 5 9 Q 5 3 12 3 Q 19 3 19 9 Q 19 15 12 22 Z"
-            fill="var(--accent)"
-            opacity={0.2}
-          />
-          <path
-            d="M12 22 V 10 M12 13 Q 8 10 7 7 M12 14 Q 16 11 17 8"
-            stroke="var(--accent)"
-            strokeWidth={1.5}
-            fill="none"
-            strokeLinecap="round"
-          />
-        </svg>
-        {!isRail && (
-          <span className="h-serif" style={{ fontSize: 18, fontWeight: 600 }}>
-            Sapling
-          </span>
-        )}
-      </div>
-
-      {section("Learn")}
-      <NavItem icon="home" label="Dashboard" route="dashboard" current={current === "dashboard"} isRail={isRail} />
-      <NavItem icon="brain" label="Learn" route="learn" current={current === "learn"} isRail={isRail} />
-      <NavItem icon="tree" label="Tree" route="tree" current={current === "tree"} isRail={isRail} />
-      <NavItem icon="bolt" label="Study" route="study" current={current === "study"} isRail={isRail} />
-
-      {section("Organize")}
-      <NavItem icon="book" label="Library" route="library" current={current === "library"} isRail={isRail} />
-      <NavItem icon="cal" label="Calendar" route="calendar" current={current === "calendar"} isRail={isRail} />
-
-      {section("Community")}
-      <NavItem icon="users" label="Social" route="social" current={current === "social"} isRail={isRail} />
-      <NavItem icon="trophy" label="Achievements" route="achievements" current={current === "achievements"} isRail={isRail} />
-
-      <div style={{ flex: 1 }} />
-      <NavItem icon="cog" label="Settings" route="settings" current={current === "settings"} isRail={isRail} />
-      {isAdmin && <NavItem icon="shield" label="Admin" route="admin" current={current === "admin"} isRail={isRail} />}
-
-      {!isRail && isAuthenticated && (
-        <div
-          style={{
-            padding: "10px 10px 0",
-            borderTop: "1px solid var(--border)",
-            marginTop: 8,
-            display: "flex",
-            alignItems: "center",
-            gap: 10,
-          }}
-        >
-          <Avatar name={displayName} size={32} img={avatarUrl || undefined} />
-          <div style={{ minWidth: 0, flex: 1 }}>
-            <div
-              style={{
-                fontSize: 13,
-                fontWeight: 600,
-                overflow: "hidden",
-                textOverflow: "ellipsis",
-                whiteSpace: "nowrap",
-              }}
-            >
-              {displayName}
-            </div>
-            <button
-              onClick={handleSignOut}
-              style={{ fontSize: 11, color: "var(--text-muted)", textAlign: "left", marginTop: 1 }}
-            >
-              Sign out
-            </button>
-          </div>
-        </div>
-      )}
-
-      <button
-        onClick={toggleLayout}
-        title={isRail ? "Expand sidebar" : "Collapse sidebar"}
-        aria-label={isRail ? "Expand sidebar" : "Collapse sidebar"}
-        style={{
-          position: "absolute",
-          right: -12,
-          bottom: 14,
-          width: 24,
-          height: 24,
-          borderRadius: "50%",
-          background: "var(--bg-panel)",
-          border: "1px solid var(--border-strong)",
-          boxShadow: "var(--shadow-sm)",
-          display: "flex",
-          alignItems: "center",
-          justifyContent: "center",
-          color: "var(--text-dim)",
-          transition: "transform var(--dur) var(--ease)",
-          zIndex: 10,
-        }}
-      >
-        <svg
-          width="12"
-          height="12"
-          viewBox="0 0 24 24"
-          fill="none"
-          stroke="currentColor"
-          strokeWidth={2.2}
-          strokeLinecap="round"
-          strokeLinejoin="round"
-          style={{ transform: isRail ? "none" : "rotate(180deg)" }}
-        >
-          <path d="M9 18l6-6-6-6" />
-        </svg>
-      </button>
-    </aside>
-  );
-}
diff --git a/frontend/src/components/TopNav.tsx b/frontend/src/components/TopNav.tsx
new file mode 100644
index 00000000..17b6de4b
--- /dev/null
+++ b/frontend/src/components/TopNav.tsx
@@ -0,0 +1,301 @@
+"use client";
+
+/**
+ * Sapling top navigation.
+ *
+ * Replaces the vertical Sidebar with a minimal 56px sticky top bar —
+ * matches the pre-revamp Navbar pattern. Text-only links (no icon
+ * clutter), solid background (glassmorphism is off the table),
+ * serif "Sapling" wordmark on the left, avatar dropdown on the right
+ * for account actions.
+ *
+ * Design decisions:
+ *  - Active state = `color: var(--text)` + weight 700 (no underline, no
+ *    pill, no border — hierarchy through type, not decoration).
+ *  - Inactive links are dimmed to `var(--text-muted)`; hover lifts to
+ *    `var(--text-dim)`.
+ *  - Mobile (≤768px) collapses the link list into a hamburger that
+ *    drops a panel anchored to the hamburger button.
+ *  - Everything on the right (account menu, report, report-issue link)
+ *    stays inside a single flex group that pushes to the far right.
+ */
+
+import React from "react";
+import Link from "next/link";
+import { usePathname, useRouter } from "next/navigation";
+import { Avatar } from "./Avatar";
+import { useUser } from "@/context/UserContext";
+import { useIsMobile } from "@/lib/useIsMobile";
+
+type Entry = { href: string; label: string };
+
+const LINKS: Entry[] = [
+  { href: "/dashboard",    label: "Dashboard" },
+  { href: "/learn",        label: "Learn" },
+  { href: "/tree",         label: "Tree" },
+  { href: "/study",        label: "Study" },
+  { href: "/library",      label: "Library" },
+  { href: "/calendar",     label: "Calendar" },
+  { href: "/social",       label: "Social" },
+  { href: "/achievements", label: "Achievements" },
+];
+
+export const TOP_NAV_HEIGHT = 56;
+
+function isActive(pathname: string, href: string): boolean {
+  if (href === "/dashboard") return pathname === "/" || pathname.startsWith("/dashboard");
+  return pathname === href || pathname.startsWith(href + "/");
+}
+
+export function TopNav() {
+  const pathname = usePathname() || "/";
+  const router = useRouter();
+  const { userName, avatarUrl, isAdmin, isAuthenticated, signOut } = useUser();
+  const isMobile = useIsMobile();
+  const [menuOpen, setMenuOpen] = React.useState(false);
+  const [mobileOpen, setMobileOpen] = React.useState(false);
+  const menuRef = React.useRef<HTMLDivElement | null>(null);
+  const mobileRef = React.useRef<HTMLDivElement | null>(null);
+
+  // Close menus on route change.
+  React.useEffect(() => {
+    setMenuOpen(false);
+    setMobileOpen(false);
+  }, [pathname]);
+
+  // Click-outside + Escape to close the open menu/panel.
+  React.useEffect(() => {
+    const onClick = (e: MouseEvent) => {
+      if (menuRef.current && !menuRef.current.contains(e.target as Node)) setMenuOpen(false);
+      if (mobileRef.current && !mobileRef.current.contains(e.target as Node)) setMobileOpen(false);
+    };
+    const onKey = (e: KeyboardEvent) => {
+      if (e.key === "Escape") { setMenuOpen(false); setMobileOpen(false); }
+    };
+    document.addEventListener("mousedown", onClick);
+    document.addEventListener("keydown", onKey);
+    return () => {
+      document.removeEventListener("mousedown", onClick);
+      document.removeEventListener("keydown", onKey);
+    };
+  }, []);
+
+  const onSignOut = async () => {
+    setMenuOpen(false);
+    await signOut();
+    router.replace("/auth");
+  };
+
+  return (
+    <nav
+      role="navigation"
+      aria-label="Primary"
+      style={{
+        height: TOP_NAV_HEIGHT,
+        minHeight: TOP_NAV_HEIGHT,
+        background: "var(--bg-subtle)",
+        borderBottom: "1px solid var(--border)",
+        display: "flex",
+        alignItems: "center",
+        gap: isMobile ? 8 : 20,
+        padding: isMobile ? "0 12px" : "0 20px",
+        position: "sticky",
+        top: 0,
+        zIndex: 20,
+      }}
+    >
+      {/* Mobile hamburger */}
+      {isMobile && (
+        <div ref={mobileRef} style={{ position: "relative" }}>
+          <button
+            aria-label="Navigation menu"
+            onClick={() => setMobileOpen(o => !o)}
+            style={{
+              padding: 6, display: "flex", flexDirection: "column", gap: 4,
+              width: 28, alignItems: "center",
+            }}
+          >
+            {[0, 1, 2].map((i) => (
+              <span
+                key={i}
+                style={{
+                  width: 18, height: 2, borderRadius: 1,
+                  background: "var(--text-dim)",
+                  transition: "transform var(--dur-fast) var(--ease), opacity var(--dur-fast) var(--ease)",
+                  transform:
+                    mobileOpen && i === 0 ? "rotate(45deg) translateY(4px)" :
+                    mobileOpen && i === 2 ? "rotate(-45deg) translateY(-4px)" : "none",
+                  opacity: mobileOpen && i === 1 ? 0 : 1,
+                }}
+              />
+            ))}
+          </button>
+          {mobileOpen && <MobilePanel pathname={pathname} />}
+        </div>
+      )}
+
+      {/* Wordmark — Playfair for brand, sans "Alpha" badge below */}
+      <Link
+        href="/dashboard"
+        style={{
+          display: "flex", alignItems: "baseline", gap: 6,
+          textDecoration: "none", color: "var(--accent)",
+          marginRight: isMobile ? 0 : 8,
+        }}
+      >
+        <span
+          className="h-serif"
+          style={{ fontSize: 22, fontWeight: 700, letterSpacing: "-0.02em", lineHeight: 1 }}
+        >
+          Sapling
+        </span>
+        {!isMobile && (
+          <span
+            style={{
+              fontSize: 9, fontFamily: "var(--font-mono)", letterSpacing: "0.12em",
+              color: "var(--accent)", opacity: 0.55, textTransform: "uppercase",
+            }}
+          >
+            Alpha
+          </span>
+        )}
+      </Link>
+
+      {/* Desktop link row */}
+      {!isMobile && (
+        <div style={{ display: "flex", alignItems: "center", gap: 2, flex: 1, minWidth: 0 }}>
+          {LINKS.map(l => {
+            const active = isActive(pathname, l.href);
+            return (
+              <Link
+                key={l.href}
+                href={l.href}
+                style={{
+                  padding: "6px 10px", borderRadius: "var(--r-sm)",
+                  fontSize: 13, fontWeight: active ? 700 : 500,
+                  color: active ? "var(--text)" : "var(--text-muted)",
+                  textDecoration: "none", whiteSpace: "nowrap",
+                  transition: "color var(--dur-fast) var(--ease)",
+                }}
+                onMouseEnter={(e) => {
+                  if (!active) e.currentTarget.style.color = "var(--text-dim)";
+                }}
+                onMouseLeave={(e) => {
+                  if (!active) e.currentTarget.style.color = "var(--text-muted)";
+                }}
+              >
+                {l.label}
+              </Link>
+            );
+          })}
+        </div>
+      )}
+
+      <div style={{ marginLeft: isMobile ? "auto" : 0, display: "flex", alignItems: "center", gap: 8 }}>
+        {isAuthenticated && (
+          <div ref={menuRef} style={{ position: "relative" }}>
+            <button
+              aria-label="Account menu"
+              aria-expanded={menuOpen}
+              onClick={() => setMenuOpen(o => !o)}
+              style={{
+                display: "flex", alignItems: "center", gap: 8,
+                padding: 3, borderRadius: "var(--r-full)",
+                transition: "background var(--dur-fast) var(--ease)",
+              }}
+              onMouseEnter={(e) => { e.currentTarget.style.background = "var(--bg-soft)"; }}
+              onMouseLeave={(e) => { e.currentTarget.style.background = "transparent"; }}
+            >
+              <Avatar name={userName || "?"} size={30} img={avatarUrl || undefined} />
+            </button>
+            {menuOpen && (
+              <div
+                style={{
+                  position: "absolute", top: "calc(100% + 6px)", right: 0,
+                  minWidth: 200, padding: "6px 0",
+                  background: "var(--bg-panel)", border: "1px solid var(--border)",
+                  borderRadius: "var(--r-md)", boxShadow: "var(--shadow-md)",
+                  zIndex: 100,
+                }}
+              >
+                <div style={{ padding: "8px 14px 10px", borderBottom: "1px solid var(--border)" }}>
+                  <div className="h-serif" style={{ fontSize: 14, fontWeight: 600 }}>{userName}</div>
+                </div>
+                <MenuItem href="/settings" label="Settings" current={pathname.startsWith("/settings")} />
+                {isAdmin && (
+                  <MenuItem href="/admin" label="Admin" current={pathname.startsWith("/admin")} />
+                )}
+                <button
+                  onClick={onSignOut}
+                  style={{
+                    width: "100%", padding: "8px 14px", textAlign: "left",
+                    fontSize: 13, color: "var(--text-dim)",
+                    transition: "background var(--dur-fast) var(--ease)",
+                  }}
+                  onMouseEnter={(e) => { e.currentTarget.style.background = "var(--bg-soft)"; }}
+                  onMouseLeave={(e) => { e.currentTarget.style.background = "transparent"; }}
+                >
+                  Sign out
+                </button>
+              </div>
+            )}
+          </div>
+        )}
+      </div>
+    </nav>
+  );
+}
+
+function MenuItem({ href, label, current }: { href: string; label: string; current: boolean }) {
+  return (
+    <Link
+      href={href}
+      style={{
+        display: "block", padding: "8px 14px",
+        fontSize: 13, fontWeight: current ? 600 : 400,
+        color: current ? "var(--text)" : "var(--text-dim)",
+        textDecoration: "none",
+        transition: "background var(--dur-fast) var(--ease)",
+      }}
+      onMouseEnter={(e) => { e.currentTarget.style.background = "var(--bg-soft)"; }}
+      onMouseLeave={(e) => { e.currentTarget.style.background = "transparent"; }}
+    >
+      {label}
+    </Link>
+  );
+}
+
+function MobilePanel({ pathname }: { pathname: string }) {
+  return (
+    <div
+      style={{
+        position: "absolute", top: "calc(100% + 6px)", left: 0,
+        minWidth: 220, padding: "6px 0",
+        background: "var(--bg-panel)", border: "1px solid var(--border)",
+        borderRadius: "var(--r-md)", boxShadow: "var(--shadow-md)",
+        zIndex: 100,
+      }}
+    >
+      {LINKS.map(l => {
+        const active = isActive(pathname, l.href);
+        return (
+          <Link
+            key={l.href}
+            href={l.href}
+            style={{
+              display: "block", padding: "10px 14px",
+              fontSize: 14, fontWeight: active ? 700 : 500,
+              color: active ? "var(--text)" : "var(--text-dim)",
+              textDecoration: "none",
+              transition: "background var(--dur-fast) var(--ease)",
+            }}
+            onMouseEnter={(e) => { e.currentTarget.style.background = "var(--bg-soft)"; }}
+            onMouseLeave={(e) => { e.currentTarget.style.background = "transparent"; }}
+          >
+            {l.label}
+          </Link>
+        );
+      })}
+    </div>
+  );
+}
diff --git a/frontend/src/lib/sidebar.tsx b/frontend/src/lib/sidebar.tsx
deleted file mode 100644
index 3d32a0cd..00000000
--- a/frontend/src/lib/sidebar.tsx
+++ /dev/null
@@ -1,43 +0,0 @@
-"use client";
-import React from "react";
-
-export type SidebarLayout = "full" | "rail";
-
-type Ctx = {
-  layout: SidebarLayout;
-  toggleLayout: () => void;
-};
-
-const SidebarContext = React.createContext<Ctx | null>(null);
-
-export function SidebarProvider({ children }: { children: React.ReactNode }) {
-  const [layout, setLayout] = React.useState<SidebarLayout>("full");
-  const [hydrated, setHydrated] = React.useState(false);
-
-  React.useEffect(() => {
-    try {
-      const v = localStorage.getItem("sapling-sidebar");
-      if (v === "full" || v === "rail") setLayout(v);
-    } catch {}
-    setHydrated(true);
-  }, []);
-
-  React.useEffect(() => {
-    if (!hydrated) return;
-    try {
-      localStorage.setItem("sapling-sidebar", layout);
-    } catch {}
-  }, [layout, hydrated]);
-
-  const toggleLayout = React.useCallback(() => {
-    setLayout((l) => (l === "full" ? "rail" : "full"));
-  }, []);
-
-  return <SidebarContext.Provider value={{ layout, toggleLayout }}>{children}</SidebarContext.Provider>;
-}
-
-export function useSidebar(): Ctx {
-  const ctx = React.useContext(SidebarContext);
-  if (!ctx) throw new Error("useSidebar must be used within SidebarProvider");
-  return ctx;
-}

From 016689395d794e0bb04d56619851f07135b488f5 Mon Sep 17 00:00:00 2001
From: Jose Cruz <josecruz@crc-dot1x-nat-10-239-237-110.bu.edu>
Date: Sun, 19 Apr 2026 17:20:19 -0400
Subject: [PATCH 14/52] palette + logo: restore pre-revamp color system and
 sprout icon
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The revamp leaned on a warm "paper/ink" palette that drifted from the
original brand. The user asked to bring back the pre-revamp color
scheme and sprout logo. Pulled both straight from main@929658f.

globals.css — swapped the semantic tokens to the pre-revamp values:
  --bg           #f0f4f2  (brand mesh, faint green tint)
  --bg-panel     #f8fbf8
  --bg-subtle    #e9efe9
  --bg-soft      #dfe8df
  --bg-topbar    #dce6dc  (new: distinct nav surface)
  --accent       #1a5c2a  (THE Sapling forest green)
  --accent-hover #144a21
  --accent-soft  rgba(26, 92, 42, 0.08)
  --accent-border rgba(26, 92, 42, 0.30)
  --border       rgba(107, 114, 128, 0.18)
  --text         #111827  (cooler, higher-contrast)
  --text-dim     #4b5563
  --text-muted   #6b7280

  Learning-state colors realigned to the pre-revamp brand:
  --warn  amber  #e8a33a  (in-progress)
  --err   coral  #e85d4a  (struggling / destructive)
  --info  teal   #2b8c96  (informational)

The ink-* scale is retained as a gray ladder (for any component still
consuming it), but re-keyed so ink-0 is the new brand mesh.

public/sapling-icon.svg — restored the pre-revamp sprout SVG
(stem + two leaves + tip circle) as a standalone asset, no deps.

TopNav.tsx:
  - background switched from --bg-subtle to --bg-topbar so the nav
    reads as its own surface without needing a shadow.
  - Added <img src="/sapling-icon.svg" /> next to the wordmark.
  - Wordmark layout: icon + Playfair "Sapling" stacked over mono
    "Closed Alpha" (matches pre-revamp Navbar).

tsc clean, next build clean, /sapling-icon.svg serves 200 from dev.
---
 frontend/public/sapling-icon.svg   | 10 ++++
 frontend/src/app/globals.css       | 84 +++++++++++++++++-------------
 frontend/src/components/TopNav.tsx | 53 ++++++++++++++-----
 3 files changed, 98 insertions(+), 49 deletions(-)
 create mode 100644 frontend/public/sapling-icon.svg

diff --git a/frontend/public/sapling-icon.svg b/frontend/public/sapling-icon.svg
new file mode 100644
index 00000000..361b5a78
--- /dev/null
+++ b/frontend/public/sapling-icon.svg
@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" fill="none">
+  <!-- Stem -->
+  <path d="M32 54 L32 28" stroke="#1a5c2a" stroke-width="3.5" stroke-linecap="round"/>
+  <!-- Left leaf -->
+  <path d="M32 38 C32 38 18 34 16 22 C16 22 30 20 32 38Z" fill="#1a5c2a"/>
+  <!-- Right leaf -->
+  <path d="M32 30 C32 30 46 24 50 12 C50 12 36 12 32 30Z" fill="#2d8a47"/>
+  <!-- Small sprout tip -->
+  <circle cx="32" cy="26" r="2.5" fill="#1a5c2a"/>
+</svg>
diff --git a/frontend/src/app/globals.css b/frontend/src/app/globals.css
index 51f79c47..79287649 100644
--- a/frontend/src/app/globals.css
+++ b/frontend/src/app/globals.css
@@ -28,42 +28,56 @@
   --sap-800: #1f3e18;
   --sap-900: #132610;
 
-  /* Warm neutrals (paper) */
-  --ink-0:   #faf8f3;
-  --ink-50:  #f4f1ea;
-  --ink-100: #ebe6dc;
-  --ink-200: #ddd6c6;
-  --ink-300: #b9b1a0;
-  --ink-400: #8a8372;
-  --ink-500: #5d5749;
-  --ink-600: #3f3b31;
-  --ink-700: #2a271f;
-  --ink-800: #1a1814;
-  --ink-900: #12110d;
-
-  /* Semantic (light) */
-  --bg:        var(--ink-0);
-  --bg-panel:  #ffffff;
-  --bg-subtle: var(--ink-50);
-  --bg-soft:   var(--ink-100);
-  --bg-input:  #ffffff;
-  --bg-inset:  #f7f3eb;
-  --border:    rgba(42, 39, 31, 0.10);
-  --border-strong: rgba(42, 39, 31, 0.18);
-  --text:      var(--ink-800);
-  --text-dim:  var(--ink-600);
-  --text-muted:var(--ink-400);
-  --accent:    var(--sap-600);
+  /* Cool neutral "mesh" palette — matches the pre-revamp. A faintly
+   * green-tinted off-white background reads as "thriving plant in a
+   * quiet library" without the warm-paper tone the original revamp
+   * leaned on. */
+  --ink-0:   #f0f4f2;  /* brand mesh (page background) */
+  --ink-50:  #e9efe9;  /* subtle panel tint */
+  --ink-100: #dfe8df;  /* soft */
+  --ink-200: #cdd6cd;
+  --ink-300: #a9b3a9;
+  --ink-400: #6b7280;  /* pre-revamp text-dim */
+  --ink-500: #4b5563;  /* pre-revamp text-muted */
+  --ink-600: #374151;  /* pre-revamp text-secondary */
+  --ink-700: #1f2937;
+  --ink-800: #111827;  /* pre-revamp primary text */
+  --ink-900: #0a0f1a;
+
+  /* Semantic (light) — carries the pre-revamp tokens:
+   *   --bg       = brand-mesh (#f0f4f2)
+   *   --bg-panel = #f8fbf8
+   *   --bg-topbar = #dce6dc (pre-revamp distinguished the nav from pages)
+   *   --accent   = #1a5c2a (deep forest green, THE Sapling green)
+   */
+  --bg:        #f0f4f2;
+  --bg-panel:  #f8fbf8;
+  --bg-subtle: #e9efe9;
+  --bg-soft:   #dfe8df;
+  --bg-input:  #f8fbf8;
+  --bg-inset:  #e9efe9;
+  --bg-topbar: #dce6dc;
+  --border:    rgba(107, 114, 128, 0.18);
+  --border-strong: rgba(107, 114, 128, 0.25);
+  --text:      #111827;
+  --text-dim:  #4b5563;
+  --text-muted:#6b7280;
+  --accent:    #1a5c2a;
   --accent-fg: #ffffff;
-  --accent-soft: var(--sap-50);
-  --accent-border: var(--sap-200);
-
-  --warn: #b4562c;
-  --warn-soft: #f7e6d8;
-  --err:  #a83a3a;
-  --err-soft: #f5d8d3;
-  --info: #3e6f8a;
-  --info-soft: #dfe9ef;
+  --accent-soft: rgba(26, 92, 42, 0.08);
+  --accent-border: rgba(26, 92, 42, 0.30);
+  --accent-hover:  #144a21;
+
+  /* Learning-state semantic colors — pre-revamp brand palette.
+   *   --warn  amber  = in-progress
+   *   --err   coral  = struggling / destructive
+   *   --info  teal   = informational / success-progress */
+  --warn: #e8a33a;
+  --warn-soft: color-mix(in oklab, #e8a33a 14%, transparent);
+  --err:  #e85d4a;
+  --err-soft: color-mix(in oklab, #e85d4a 14%, transparent);
+  --info: #2b8c96;
+  --info-soft: color-mix(in oklab, #2b8c96 14%, transparent);
 
   --rarity-common: #8a8372;
   --rarity-uncommon: #4e873c;
diff --git a/frontend/src/components/TopNav.tsx b/frontend/src/components/TopNav.tsx
index 17b6de4b..8a2d27a2 100644
--- a/frontend/src/components/TopNav.tsx
+++ b/frontend/src/components/TopNav.tsx
@@ -93,7 +93,10 @@ export function TopNav() {
       style={{
         height: TOP_NAV_HEIGHT,
         minHeight: TOP_NAV_HEIGHT,
-        background: "var(--bg-subtle)",
+        // --bg-topbar from the pre-revamp palette is a deliberately
+        // greener tint than --bg-subtle so the nav reads as its own
+        // surface without needing a border or shadow to announce it.
+        background: "var(--bg-topbar)",
         borderBottom: "1px solid var(--border)",
         display: "flex",
         alignItems: "center",
@@ -134,31 +137,53 @@ export function TopNav() {
         </div>
       )}
 
-      {/* Wordmark — Playfair for brand, sans "Alpha" badge below */}
+      {/* Wordmark — pre-revamp logo (sprout SVG) + Playfair "Sapling" +
+          small "Alpha" mono tag. The SVG lives at public/sapling-icon.svg
+          so it ships with the build and <img> loads it without JS. */}
       <Link
         href="/dashboard"
         style={{
-          display: "flex", alignItems: "baseline", gap: 6,
+          display: "flex", alignItems: "center", gap: 8,
           textDecoration: "none", color: "var(--accent)",
           marginRight: isMobile ? 0 : 8,
         }}
       >
-        <span
-          className="h-serif"
-          style={{ fontSize: 22, fontWeight: 700, letterSpacing: "-0.02em", lineHeight: 1 }}
-        >
-          Sapling
-        </span>
-        {!isMobile && (
+        <img
+          src="/sapling-icon.svg"
+          alt=""
+          aria-hidden
+          width={28}
+          height={28}
+          style={{ display: "block", flexShrink: 0 }}
+        />
+        <div style={{ display: "flex", flexDirection: "column", alignItems: "flex-start", lineHeight: 1 }}>
           <span
+            className="h-serif"
             style={{
-              fontSize: 9, fontFamily: "var(--font-mono)", letterSpacing: "0.12em",
-              color: "var(--accent)", opacity: 0.55, textTransform: "uppercase",
+              fontSize: isMobile ? 18 : 20,
+              fontWeight: 700,
+              letterSpacing: "-0.02em",
+              lineHeight: 1,
             }}
           >
-            Alpha
+            Sapling
           </span>
-        )}
+          {!isMobile && (
+            <span
+              style={{
+                fontSize: 9,
+                fontFamily: "var(--font-mono)",
+                letterSpacing: "0.12em",
+                color: "var(--accent)",
+                opacity: 0.6,
+                textTransform: "uppercase",
+                marginTop: 3,
+              }}
+            >
+              Closed Alpha
+            </span>
+          )}
+        </div>
       </Link>
 
       {/* Desktop link row */}

From b495988664ec66f20be2dae8cbe4472736d0781c Mon Sep 17 00:00:00 2001
From: Jose Cruz <josecruz@crc-dot1x-nat-10-239-237-110.bu.edu>
Date: Sun, 19 Apr 2026 17:22:35 -0400
Subject: [PATCH 15/52] palette: revert to the warm paper/ink scheme

User asked to go back to the color scheme that was in place before
commit 0166893. Restoring the warm neutrals:
  --bg       #faf8f3 (warm cream)
  --bg-panel #ffffff
  --accent   #3a6a2c (sap-600, muted forest green)
  --text     #1a1814 (warm dark)
  --warn     #b4562c (rust amber)
  --err      #a83a3a
  --info     #3e6f8a

Kept from the previous commit:
  - The sprout logo at /sapling-icon.svg
  - The TopNav still renders it next to the wordmark

So only the CSS tokens revert; the logo stays.
---
 frontend/src/app/globals.css | 85 +++++++++++++++---------------------
 1 file changed, 36 insertions(+), 49 deletions(-)

diff --git a/frontend/src/app/globals.css b/frontend/src/app/globals.css
index 79287649..bfcf58b8 100644
--- a/frontend/src/app/globals.css
+++ b/frontend/src/app/globals.css
@@ -28,56 +28,43 @@
   --sap-800: #1f3e18;
   --sap-900: #132610;
 
-  /* Cool neutral "mesh" palette — matches the pre-revamp. A faintly
-   * green-tinted off-white background reads as "thriving plant in a
-   * quiet library" without the warm-paper tone the original revamp
-   * leaned on. */
-  --ink-0:   #f0f4f2;  /* brand mesh (page background) */
-  --ink-50:  #e9efe9;  /* subtle panel tint */
-  --ink-100: #dfe8df;  /* soft */
-  --ink-200: #cdd6cd;
-  --ink-300: #a9b3a9;
-  --ink-400: #6b7280;  /* pre-revamp text-dim */
-  --ink-500: #4b5563;  /* pre-revamp text-muted */
-  --ink-600: #374151;  /* pre-revamp text-secondary */
-  --ink-700: #1f2937;
-  --ink-800: #111827;  /* pre-revamp primary text */
-  --ink-900: #0a0f1a;
-
-  /* Semantic (light) — carries the pre-revamp tokens:
-   *   --bg       = brand-mesh (#f0f4f2)
-   *   --bg-panel = #f8fbf8
-   *   --bg-topbar = #dce6dc (pre-revamp distinguished the nav from pages)
-   *   --accent   = #1a5c2a (deep forest green, THE Sapling green)
-   */
-  --bg:        #f0f4f2;
-  --bg-panel:  #f8fbf8;
-  --bg-subtle: #e9efe9;
-  --bg-soft:   #dfe8df;
-  --bg-input:  #f8fbf8;
-  --bg-inset:  #e9efe9;
-  --bg-topbar: #dce6dc;
-  --border:    rgba(107, 114, 128, 0.18);
-  --border-strong: rgba(107, 114, 128, 0.25);
-  --text:      #111827;
-  --text-dim:  #4b5563;
-  --text-muted:#6b7280;
-  --accent:    #1a5c2a;
+  /* Warm neutrals (paper) */
+  --ink-0:   #faf8f3;
+  --ink-50:  #f4f1ea;
+  --ink-100: #ebe6dc;
+  --ink-200: #ddd6c6;
+  --ink-300: #b9b1a0;
+  --ink-400: #8a8372;
+  --ink-500: #5d5749;
+  --ink-600: #3f3b31;
+  --ink-700: #2a271f;
+  --ink-800: #1a1814;
+  --ink-900: #12110d;
+
+  /* Semantic (light) */
+  --bg:        var(--ink-0);
+  --bg-panel:  #ffffff;
+  --bg-subtle: var(--ink-50);
+  --bg-soft:   var(--ink-100);
+  --bg-input:  #ffffff;
+  --bg-inset:  #f7f3eb;
+  --bg-topbar: var(--ink-50);
+  --border:    rgba(42, 39, 31, 0.10);
+  --border-strong: rgba(42, 39, 31, 0.18);
+  --text:      var(--ink-800);
+  --text-dim:  var(--ink-600);
+  --text-muted:var(--ink-400);
+  --accent:    var(--sap-600);
   --accent-fg: #ffffff;
-  --accent-soft: rgba(26, 92, 42, 0.08);
-  --accent-border: rgba(26, 92, 42, 0.30);
-  --accent-hover:  #144a21;
-
-  /* Learning-state semantic colors — pre-revamp brand palette.
-   *   --warn  amber  = in-progress
-   *   --err   coral  = struggling / destructive
-   *   --info  teal   = informational / success-progress */
-  --warn: #e8a33a;
-  --warn-soft: color-mix(in oklab, #e8a33a 14%, transparent);
-  --err:  #e85d4a;
-  --err-soft: color-mix(in oklab, #e85d4a 14%, transparent);
-  --info: #2b8c96;
-  --info-soft: color-mix(in oklab, #2b8c96 14%, transparent);
+  --accent-soft: var(--sap-50);
+  --accent-border: var(--sap-200);
+
+  --warn: #b4562c;
+  --warn-soft: #f7e6d8;
+  --err:  #a83a3a;
+  --err-soft: #f5d8d3;
+  --info: #3e6f8a;
+  --info-soft: #dfe9ef;
 
   --rarity-common: #8a8372;
   --rarity-uncommon: #4e873c;

From ba39c48ee709822501904a64883b54883a35af11 Mon Sep 17 00:00:00 2001
From: Jose Cruz <josecruz@crc-dot1x-nat-10-239-237-110.bu.edu>
Date: Sun, 19 Apr 2026 17:25:37 -0400
Subject: [PATCH 16/52] topnav: use pre-revamp word-lockup PNG for the logo
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The user confirmed the target lockup: the pre-revamp sapling-word-icon.png
(icon + "Sapling" serif baked together) with "CLOSED ALPHA" as a mono
tagline underneath — exactly what shipped before.

- Restored public/sapling-word-icon.png from main@929658f.
- TopNav now renders that PNG in the top-left instead of hand-composing
  icon-SVG + Playfair-text separately. Single asset, guaranteed to match.
- Desktop: PNG at 34px tall (natural 543×147 → 125×34) with the "Closed
  Alpha" mono tag left-aligned under the word.
- Mobile: PNG at 28px tall, tagline hidden to save width.

public/sapling-icon.svg is still there for favicons / any smaller-scale
use; TopNav just doesn't reference it any more.
---
 frontend/public/sapling-word-icon.png | Bin 0 -> 40998 bytes
 frontend/src/components/TopNav.tsx    |  59 +++++++++++---------------
 2 files changed, 25 insertions(+), 34 deletions(-)
 create mode 100644 frontend/public/sapling-word-icon.png

diff --git a/frontend/public/sapling-word-icon.png b/frontend/public/sapling-word-icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..54bfd903f33d5d9fe722b4f972e5398d8bd935df
GIT binary patch
literal 40998
zcmYhi18^o?us<Bz&c@m}*(4j=wr$(CHnwfswz;wGZ1jXr`0d{BzIFfARWnnkYP$P$
z_vz{Ln?4Z=a^i?^-{3$%KoBJ*M3g{4z=-}nC&57dy)x8$YlDEGfJll6s(66@>4DDI
z6?bKLpP6PT+bOh~NTi=~N{WV0BLp}J-+Z8<E$D$kpnZY_#(#chrKJf;z)%YW#D^U9
z@OvtjLq(JH%L@IFZI`lZq}yzytJ-qAuw(gZd+HGHOjWI|r0~4yTFqErJk4UYUa4L`
z)rmQvL81D8h$99DV{*(AqN}`8Apd`94+KnJN58;_$8oIp%rj8nf2sd4NZ{`vLp^p1
z77WJ!&;u&f79}BADBx}w@4j#h66`;Uqy0D7KB%vvN38Id=Ed_J;30B3{s}`jua3(7
zj{^owHtN4YTqXojGB^l0h*ua4yT1baJL3Kd%YHM~d8q$C#iE7s75HY$_o==q|1Zmb
zugvN~z#SiM5o{Kk|0f?3%$)qM299D#(!b03z(TeEM+*gFhieiADx%Y!bS&QgvjayF
zDphhEi<if14DA+J;D6){9Vi6ka35_vll(s$Xa@FcmiT02{=$l(`+v<y`cImON96c_
zZ~wi6f>2_H{AE$$klQ+lF*^2m_EPS?VMRyt|A?0SH+e}gfC^UA{;7WZS*CmMZHao%
zp}7COX5UBT9Pd?|UhBQ)z)3Ny_Qyg+bsJUJe_kSnh#X7$=aOs;9C<$y#`lsm`<H!v
z&k=i`D|WrlU_j`;9^GRfN;To<hgo_rY1P}QYr^^X#$5J$W)vFyU&H<XBuD>GcdI+z
z(uF#|OXpetCvW|`Ya$>~9dLHZ!L3V=@I4TBX*IJ^>6Y2$kgd6{U_XEH=iTNGWn4uN
zspCIq;Rg4QkN@iPv+;Ep{du<bO{tgxg@fduS3>r<sWX<B`<@E1`5xQ!Kj#Jjld(2y
zUrBDPzFI0x>C>gC6>MhQ%JZa!E>IWvxB2<sCc@c$|8zb{S_&#k{9|4rZh&C6yjBVD
zWbAsdtkUoK{7}X&c^+o-ak!GM^?{>RFFs&E@falj>)E(Pg{i4R`PXIap5w_~U!bny
zx*sPFod2{6g4P6r5~i>>mZ0Xn1BI|@eY6`^Q5Hq{>Sg%_%BRVxJz-fX_VT~5d_d*s
ztV-p5E<8T%c>v^fDDa*;uOP}n4W-<aXFlhywPA+^r+{Lo3n38^jFFCTh6xNjlz9q_
zjg39B?0zKb=e2?(w~G#lyQ=Cc;ZiMjGDT5c6{<WYn4wlndrmI|DpQ+jH{F8eO-jJd
zWI%oMHs}ASk(b%>%goYKQU4pK4nHAA3s!qPblYD$@Nzq!Ox62t4pw!XPv-$6UGJ4&
z&nwD|kF<IfQ$YG+;ox*UxRMlZtp-t_ziTG!Uo?!O`fhCIJ})r3^f^aqV|^CXY+&Bf
z8?daAi%qcHV#ZTY`^X~GMJp;u73eUK#Ttu&r6>_hR>ozInqjMA!r&tYQo8YA#%^`q
zy-WMKUDd4mvB3rP3?%M#)t2s9gX?_bZZP3;IB@EugyHA|x8=A|PVZ-*<p@pkZIJzN
zml}qQ^O1AI6!nAzqx_%fgz<u(egm|1cLR>x`M!e9Ot0YG68w)%xZqFC1Elk_L*10(
zOHzVgAx9KSf5vHpNVCT(w=WeKP2Qp*Zp!q2T=4@BR>{Q$|E=vfaIm7Hoy^~?B@~S9
z9wz5g48T2Ln|-^r!SR8vRsUC)0f$Eize+7@<9D6C_{?Ny&2c9`cmj*M$sR1p>)hM$
zL5`nmt?>E{`{ImUZ<cwsdguJimoh({J0jVWb6qzx)9hZhY4und!A4Yx9iaY&RG9}#
z?%ix!3|}+3H-|1(Z;|4OB3!6qe-WmwvV|5e1|40Af=z(Lc#*VJ3bdjSjUhqcy`otV
zMQ4~z=UbPJQ*G@${WS}0U?Ke}514xQZ6&3CNAt(cxq_`dhXznh;dys|b-L4xISOD9
z;M?T=`<EH&3Yd!xr8=LIG3VGDc~&H0&L2si^U?%SY{sk)ab3i|PX}wjF+C<CWr47o
z)7oZ6_u$g|7wF-2=b32Q2l;44d44+_1R?*w^@m~Pf7O-yb#0;H-@=^_-P!Cyo-1sH
z?xJm*JcNdUpA9Ag1FQL(Fa<H9mXIx&32Hg)q8s&O@+Qsy5`|}HVB(m^1>wa#e&<7M
z;^#mtr)w%YVU7(pyFnp!ZceY)-F}gcIQT=PYkN9QqDvCnkU}Kl2;;OGrE4{BlezD0
z3E8<@MQri=V$QhlfOOu^qoAXtj0XF&PMBcni(kM~pK!4)Fd+x$r2MLb*ZzZoKHd8(
z=^Yo+M@&z62ssQ;)LKd{v4k&T2r-Xor>nZ|TlACei@atj6;2ws$S$I^;qo*g2%Xi;
zCRvkIut?9G#&-yI3IPFAG8xux8DVZ@ro5>~K>;97p`w3uZmrO1bkE#qScPI{mAIJL
zyDOs}cJ*%e&XlE1&)5%nnROgI7IWjVNVYs3i0k)@D}75jcKsh+=1&8W>R~ZxD(}qf
z=$Ili3>+1x?qoFN1RkSvv^TW)_qq*MlcT|~*-Z*AabKl{_^FRwRBU=ivSNz+RP3D+
z3oug3qwNTO1}LfEF1FZ<zoYr<ZC;QW{m+xc6m<TEH2S~vn;7W-nw8tNrM9tJF)}d6
zYT@=M6$zjUDh*-cF_YZTRgqHl&<h}@;w^PM{+WV+XzUFkRbHG$l6(FMjJfH%-X%&Z
zfZ-s7SbA-E9Jo-|>2eyGTIqAVx~%&g2cI(QZE|+C7H>On=k6tfWo?Q5&M5g*t=Ijw
z61BX&t8<@8%in#?y88J(!q{^$SyFUqO=gdKM}i&N#{tR9gwlRP+veYbabC7*=hbug
zU2td0ifvP)*+P-8tYxKKt*Tx#6@2h9@17{``zY0{>)}siRiFddbBQ~@YYb9%Uc;!M
zo?Kj^TrEV(2+g96QN5lphG@FwY`#iOf3olNXpN|@v47$+jgliaOtu@ugJs<ve(mi>
z8^6D4=kS-&d64LwWf#LFCJ{~So;!L-hH%8-=%Hd{OEO}GQ0AHrF}22cEmaW?$|?<_
zxRPAKwWE5<8A0X##|bCG_W4Do)?N1_cD2uX82_*C3%BGe;m(tfoAzSAf`SeCmEZwp
ze??rx&9E8{a>K~hRRWdZPfS^Kelq$)TSr{~BCPN>#M(+Ww?9@pov*H|?*ou+y1tO~
z-}iMWIU*_BlX7Uw9cKT=OS|FX5SLXim(-Q_MO50zt<Q9Gr-hSqLNOLl67IB%^qdpW
zUT|9x2b0j^L|ay>v-i7l=;iKSrfRdJFo^=&BQWm#+%m*Q+JMI-2WCix$E@@_>MNfR
z4H*_vf@}g+xKq#Tw6$1WfhOj^#I*6RU`c`iF7DoK9oL4~8&KhAM3?Qag1Z!9@sv12
z3Wo@0mMY{5CX%BFl5iLMJ$_q~ctt)aI{<~Nsm>|jUVbe(Se1DWcAh3A%y~)cd$pX?
zxsRl^hrv#{CemPgxxA|GB4rJ@r(?z*3JJ4|T$ckUbPua3hgXEM<QD&f_KL1S^lM&_
z%#xIuX>6?zAJh+=&o1ubIDEDHTJomrjCED7pX^(PdMKLHG?}ZL>6+Kaip6S~{a1f(
z_|xaF({69DzL0#CuoXhdA&VSqj17`B(8$^ch1@qk&nKN+neH)Bq;;scNzw3?7^xC4
z<9D4=oI{clQjGaQtBym|#JWGwg7JOcrO{k{y3WgomCfTS#126)XXw-Z&41*7y-fLC
zhhGrP`RpQurd0+cikN1<>vELDD@}6j3a4@7V}?lBh(U@t7DO4Uf|&-;O|^$nCu6>#
zfb$fEmN^aV8$A!)`0q{Snaem5L4!GoG`h>W2zM<3)wIU$4~a`BI$#fJJ&ryDh}dFL
zl&D=SgCf-rVwno~_64g|U~AMsL)&5OMjApIROIlhBT$OqFDb@d;AohJVD9vi7v329
zQzPK@yhofpn-7V^lcMPUCR95>CwH%H;hFg4##i7JT{P3LPF))O)TK)VUljvaIoK35
zAe2lgef0_#lbGRs`t+yXf$=+nRA3`R=&7~K#83n{f@w_mXk|0<<xhNsVX#BXq`oqt
z9K2D(aZ#&tCN*_(MidTen6o6MN%W5RJI5>f8vmMJBLmem?z3SxQ1g9gsNT7jF={y<
zS<xc#e*B}!lXB`3Cqs&;EDe$Oeqn*8ip$dS3Wwbh_wXA*M*<cw^`5=Ti;FaUV3y>}
zPI77^k!&|Yg`}bAUN9WE_=w`fWh*z8qC!y?Nj+4-y}~msjOEFXhCzi2Bw6-=a5}j?
zWz+;mD*)X#GB1ZIiRmQcZ><r4Y-x2KANS+kav1ZM-vDi$ZrlM^8!ApXTj@fpB^x*m
zQR>*Y7AHt4>R-JZH$0-Co}mYVfdG*FSP<B$Lw1|wu`TatA{xogCV*@fF~WZK6m=4r
z?iER7q7UOx|2r>+=d-XfumTx@SbA|=MU0Sh^fmIx923mk&iFB7v$?6rH0|o+HM~-I
zUm0&3Do8<j4}{dmMNCsjnerGR8q%GB7tOGEjdf)ESA5D9Y#s{@fv&!B=i;%WY><>y
z<Jta%y4_Ygld+2<5jYrj?_On8Vc-Jxkk#$m21_oCHZlznxJE3zhb2wu7NpuFIDQ@o
z&3#|a&#TR(^P}(|DLUncM}zf;Y~`A7|0;)p&RQFmgdjN#M10UNt09aFe92g{6NV}}
zY)trin_4jynq?M*#;DUm_)~mQgJ`v=W&-Py<OBw<+_9FO0_n?e9-`3Xscga=oMmxI
z_jU{OlpUU*-5i!JT=kNX0W<lA$e_+kLnx+Nddh^r+15-L8dVur?({#+g0_~<#%$?k
zjem=3jw={^#-Y5Yu-phty^q<`uUSBpdN=EVoYvxafu{<Z>t=bf)YctGan3LJtkN%#
z<B#+<g9+zB=XJSE!8e_yFf0-k&>xsRhbMinqyCaUg7D&d2iQ9I)%ALx&t@yY1RTxJ
zG+KO~>jk+7Fi6pTgc6WgVei&^V0(hz)l93HJMZyz+}2meW?#z{yf)!ltK$^7Hh-Jv
zR8L;-u|6R}otHcsf-MeninWTi@5&TdvFt@i^REEz8NW-D)eNQm>Am@;FpvzT;E$I<
zUUt;AUooCzQrXXq<M2eyo5|oQQiOiR$R*?9;!^bi?LUz0uh=?wA5umgd|{LdHTalm
zNR0}Tuw_eRd$9)-*~6)f-}6J3_VwMiJdE8zRkI%@BayN_Va{0UB+bR6YTu7f-;;HZ
zVs31&goBU}Y6!Q>Ly2Mb9K~}ML>NzeMj+)w1g{s6ABeH-<z%d>ng!S+sJ`JB$4&i*
z1#IAQA<w;UyYsy)Bj*rEWOLT&ye(MkRfY{-D%`7AHA3s&CEU^J#H#<ynqaZ>kW<7x
z3RZQfz+1Hhj=6`Z+w8nP)WD8XXWgYw1+J7``SbtYe)qTUJT9D|Fg`0@O?Exr6~-Lo
z0B@+KDk-0?m!To64tk9hmJ*!noHLGyJ~DUA%Yv~9SnPGIQJabYBfW80wqhNh%7H(x
zH_x{E`E6{5Y_qPzbA`3@rVg0W%)|n3f~8uq%N4Q=_ubrFp?1jw0v$9WIEHz+DTmR!
z;T3H2RANN;-`8rstY_3Yf3Rxz{g3oa{1<!Y$z{EqDcQsCi`IBfcvL>8TB~H}A%fOi
z_7+pc#Or6>TK_XMSo}rL3_*gem_OG$92T>06q4%mgQyz!iB-AR%Y*VJy}HeHtPvU%
z7H(NOnD}>BDMbbz4~2%+VNy-{M3V>nTbzv*@SOHU{KW@>!F3T45f8m{HoYa=PK=Tp
zcXgIkXhS`vD|)pd4;ZK?3vf;dhbcTGWe0p|e-loVWa;EF+R-+B3C8dNF<t_ht9LAu
zQ(04MQkS@t|604_+M9UmR{XTfuF`!~hI~o;_8;O0ADWFLSFM)=wGb_h@b@^X#g;Es
z_GNvPlH+<)EL2FaG8|Cf$SHpIsJg6YRVZ4)CA<7(OA=LFq1>9+USy^=8o4JY6w(Wq
zb`V$yEV)Oj#Z*Hf0kH=H$dJ<Iq7$&Qp6#wQmu{lIyE!&Da&<v?;l05$eYb?#J>!Uo
zG)jrR#S6s>b+1V16c8lnyPFBO5op`xRTne<UelpejKg}){k7VhRa>i@+tsg%*jueM
z5@jTehcjKz9JoT0QU=-`;8}swtiPP>qh6kZ)G?NVqDbtDWr>%MXS0iV3{iO3>4r96
z23rz#D$14>l}_|yK&|k0U4hl)t#OK&x3+&_shNJK?NBKJ4&_bJzx@Xh#KWQT)w=fO
zIAdIIMYqeXYRn29&9ai+xdeI?o%7b$x9b{Toa>-X+iRZ5<L;tHm<Rv~x1r-3c|v4D
zZOVZ4dQULH<3*kSne?-?$KUxH%v9Cl!a)V~HTU*ZCbb%Z1^<kgx0>#MMl81u2t%Uz
zg_P=~$LSEgly}wtiW@z&FTy}Lmh9>UF1t>oN}XQ}<^;-7x<?VK(aXdTNL9-M5vaTz
zT_T-!B#t+#fD}Ir);Zrfxj9KW8Wr%akg@p`s@+E@d*!RO@r!|-;Ek*9Q18a<aJ9_4
zYi_EP5}W@en!c~~YPWU92p{WjQFhBgnol&=IoDa~|I+t$tK={FA&iJOfCDKSN+wPJ
zLHJg9B5@iO{{;3+$cXi{z0TseUZN3aV|C9CCqwrB8TlOt$K{yAulzBn?&J7TTSLN;
z5g*iaa$UP~TrU&VT#?NNzu*Y>Wg~!CSg(08H+<Oa*8zs0LT^tpFzck!!TH*eTbs=;
zqDc;r76`b8PC@20Q>LSzVYZOfix0DzO+kh=lX1+ef^p%}1*A>CMLY8s0WKNat0-Om
zIOSuB*KPi*(N5EDI;}U&?LU@$^ZIOy=E3#10jy!qDM*rI#ebLb?F&ghQD5a;Z)O?v
z(C&E%0~NBWp_Jf_PulkUmY%g;T}nD<K?f9U^|!`*)m*`*<)BkMh=RCcyaKgK;w3(h
zr^x+k6K?LZ&&_B4JA3wm_E^|JT0O7jFqIDX($NzQX|pT37Z^v=mbMjAIdlttfetm%
zvh{9H_}(^3|2bjiY>3x_h2`hrnTI$YfIz;F!ki!u#Mx*=a<7xFvo5B2_9OUTPy7QM
zZ`(=o<;`d0y&s*i^*^_&7<&#N)pb1|t@AqfgHCxZuO@#>r`01i%FS~+-%R=6_3>7D
z?I(VfNnVb)GzDg;q5mKh7!ghoC?PA`nlo@4N$6Az(dx;hrO`|z2?)QI!R|c#QEfHx
zXC-HD>!F~|CtNb>4F~m%>aA47ShSS9=om(WYB~WNLsAbUl?W1@Hst*}=oHc&%($Ne
zUv8nr@ldR4bD!UH)@K3$Gdl`fTpOr`xG^u{mUuxO$?1;D0XxQU%D^EyH!BGtR|QBg
z-M$G2Kkibvx3lg%djc%n>iJvx&Q-4RbhzGG=e3$%RpkNN@buoM+v<F;!^+UE7B|>d
z+=sbqyz?xGg%pq!YgT`7aHKQ-*h{3uUCv%0@f-Wm;584I*N2Yg46OqvCBY3V^of{7
zW7TR^)_U_=p#8Z&dLxw^6pIL|#al~<thTc@N1^fjalb8B7VOjkh6}#?oG>iOg`G!B
z<ot>5y47lKPwGwXufT}RHf0F;C`G`+!lEFB>>`!xPs*R?TNpzN$TNaC(QG+NztONF
zL$5TJ)Gww-;ZR4JFKZ%8h+&f*Ynpe>EbhTbNOR1~%-4CGOo*(N=zi&A?>S>!_B_7P
z<8ZU>w6i&Cy42?ftibC#tc#X4<v_1KChPm|TU$#*G2~rMgH4iJwar^JD^wwZ)W?x3
za^ZkzB8=?H8jX9CTxDQg2oe}t8I)Z;oqVv!_W}=hUvrD;&(=^aO1Ft5Q!uM=<1}34
z)RKGo6pP_Md!LB0P=HU0W$S_1USoReLQc^`%Y-z(?3W_`=StxxHsIioBo;NPoR_L%
z&wmV~u#^-MPHaT_OPLSjdX8UBd^eBRsu-LwV0da_vek}<zWKCp>5Qp(Luu|=i2pM9
zK-jK^ud_0s(fiyL;{Gl;7N@!xr^ji%5O*eeY<sEqc0^R|`#a2C_dSSKJ<n`7xz_88
zrIi3-WorBY25>*}s06v~79K_D1eTJh*F~pueM3zFI`=88G{R^ckUUe|)+zS>p7r^J
z*Y>cG2b*WEj;9vG+r;yu`%F|fHne+>dg&&R4m1NQh2QVTJPwUF51iy7Lhqfz(;)51
z&a(nXN808CKz7}x>5c@^Sve*ZnbT|EF^(p0%PVqW_Af@cFV`$dc^<lmZY!41C$QH{
zGM_YGR?&IBJ}OeQSy+e)Rv-oqOIJfQE6=pO6Rsi-LQmREPfUf&kwjwblLg;b>AAWg
zcmr<s!^Z%4zw%)Zv@fBoT9<!~Fh|yZX{6+J-mc1fnx^b|SRcBd(*24h@++$Jx@?&-
zD8x~n3zk}|m4nEeO6xYR*S}M^$BfgXroJbJ)Uja#jvuWq*}T8w@%s#|=-J$P^1yi1
zWC)(F)A|q=Il$!CeDD7js}?6?InGU77&7jRL2=tWp)XW(|3WddfOxv=1iW2aOXth&
zj7vAicM}I*=(0(D3Q%JXaC(f=xl!D7kHWqO9iv{-k<Q^m;D->zRq$SL0PvL|MGwFN
zSug^V7z5(wf9LGBUoyl+31^l{G$M>Hx}f9i62thIXu>(LX<7e1Zzhh4(m++25GO0D
zL<3PgQ_#}#CJX!6WbjxId#>>TN<fZz>H>qx_%0_K%6uF<Sy;~z)q72+F0>svGrJ#D
z$?|&M5#@ccMhiZ?UaqOmPa?xkj1nE04((EHpYmIvJJw7b+h2~6jxJjk>^uSOKh#t~
zmM7V~SXk;_R`mT%+d{Bi-eFXRHUMT_JzEP$ByeHL<db3X_$@GxLxVra8C?PH_TOs0
zCo9TRX8;!2ax0DFWALsPC`uSR+!`A$Queu(gIEn4no>}y&kP{4FPtw2n93eB0~--J
z+)QC9{Ro<Z+zwQ+D6%8|#lA4et@1r6BPfrZJnLzWy$`w0JTJo$Gcv0>ilPD-qe!M!
zzi0h?{RZ(NfUpWDLK3wLX)E8${-Eu<diMihRbqWi$Xd?@IL8Ln`L)Beo#sIio<1p?
zmbEOFUa09_mkoFLrRBC8)(4ROWW}Tr<8qGQjk!IWTZ{eWC2rHdemPW%Bt;!&hC)wK
zGG{rWhPR~h>ui6$?^W-1n%(Agt&}bDG6eNZ#Ma;7F8<sM_UISI@;5nH-cE}vI<zce
zI_R@v-Lw9DW3tBNH~$p|TNNg#*uA3r><~)zzAi#!FK~Y~xoMRV;6@a>>tyfD4>`6=
zbmE{M@sIl6&A3bcs3?{bC7{N*heTJ%=qN%+{4=b0yBEA=ZusE@vzWMe4^Q3E9Be7}
zs0T_N8HSsV;-Ryxit{xX-0#}7@d>DDj%9ByiacJQ6Nj^X=I{ZW8h_(qV6sYA-+b`p
z>R-M%h65h3d_7JlG0t)3Ykskw*J&IDp=nXd4g?mISX=x&sEi+La(Nr^?Y}!}2WJcx
zBo&xR5DC6*zy@A}D%pfNy^r7MvCxB?W^&~?H8kjWD7{1t{-`v|(|Z1g44S#fQp@`#
z$4%)w95*GxeSWXfW-KL5vPu<IpOlpi3pt*OQ!|CKzjE7b9w&ED`ChDXieF6N+n2uL
z437x@t|UP*DkSq!0B@j$bw@U%-*-Oud6>q;XO~gjE)NFAH?_w><sgHP)Jx|Hm;H$4
zMD0x+8lCk%S<QMqk`cMX(`YM#BQ24b`!f?Kr#{LpU0b+n7nk**k2b@r(ei3TFIY~D
zp433p1Ku`F>p92ub7AI^_O#~$0I%Nn-l$&fHG|3Tzn@C`<usF{?r*Y8P)slXdYQuS
z_DEEN<Gm1<=RXzp``*6C>UdI?tR$f=`o#d3jLbzeATPR=z!<j?rNPhMWv(1-%y?#I
z6`{KKIC8aah}XY^t?P8crijv#*cU21<r)WD1{Qq~=izncvZv(F7vx>o)Ji*|@iYDA
zTR8T47r$3R$6FEh20f9^X|3mw?v8L8U0z3Jv!6{*o8QMPh;avL(AXDREyRJD%(>fw
zHkniolqbYmI(Dzw-1EC?4(&>9ujNObj?oQp(RGG<WlzO$pka^$<Ga|SmkrxgA#IvY
z{PxHFW?IXq3-G`fJG$F6M4JQu^Wu0l`EtK9O}7&;n6=vHFmv*F)1zSjav3!p7N>Wl
z|M(ko{pzr)kyfvv+j|{yaIxKP*uZ7!s2g-8X3-^q(iwkj^kH1C)zC<`-tNx^MU|e@
z#3G~Ddf2M&ZP1jS`|l|BZo6&TI<IZhx-K)D?aMm9eITP=o7M4@y4srFfZ*t)LG4^W
z>ZTu!2V~hB*Ll#h1;N^<y}MjHxizvH6pHHskEi|X@y?hJ%w%IQCNok`Xefh+CC6HM
zloPeU$-eFWe1D9**Ljk-L-G_6Rop7nMJb*r3cOfam1Z9zVH%7+0#37;$I7ICR>+@v
zdhE_*3(XbkF04FUgc_2C+V^y-7^dyBqtr~(M^l*0jnKu{F?L^r17Dk2ov3r#>!hFn
zgIZ4hP<{+Lpb!i~2HDt}C&Vphn;fW`X8+>NuCw8Lt*Y@H!f*6mILga!;h2yj$fIA$
z?GtSbnGbz&F?bWIlsbW_t+7h!b+k7>s=}Z2+L^V#Hn#(BM<Z`oCsS_ubP@Ti!EO%!
z>@sr6_dw=)!}~m%T~$0=>3<QSd+Fc%d>Cj*QBsyI)YYVr>a_od1$^83h<aXjrw^z5
zG~N;o5+DgjExWyd)jHq{g#FV&S8K~)?|*d>#g&JAVK(_3?7z_KndNH9m*&p6T~jhw
zq@yC%-u`DlVSRW3wymbKu9vF|;M(NCo*Zr0Ub$`~e3NIBzmxR(0$duJ8yoHEsVV%@
z)#hwAb%^LQW^3)^?~>C6sb(i5Q|WX7yjD_?IYg&91vodBaE(TX%hlp+Q358@Pgqh#
z(p1$%(s=zv-A44yr>u}GGdr}^gPyar&TAqRr<_LQ(Q<VrQ({f|+nvrM2gLna!N0On
z8r!DeXT)O$7_(Gt$E)z>fb`Eo@AnqKHij;TnJf8M;jU)CzS>l`_C}x*)){{>)17Sc
zGk>1t^S$82*HyjJtBY-Y<4oP?BDQYg`(<Xyo1X>rDfHMXxF<r{lTtj}efuNxK{s6|
zFa`Nf=I1mk9z(WWQP(C>tv@$?R?P8z7~94E!f35IyBOamh1&I$S3bbN)56sHc)^!F
z_bZdu-&FK6QZ?QhA45UMVtALbLikq}Wb|Ob_54|8L6n~3G2qdd4Et|shRN7*qAKsb
z{CcYQIMmN019T|e;dIWu9&It}Bmz_izJDWc7ufru?ys0Iq9^e?x)wjdl+ZEM=fEZj
zBNbL>qO0_(WVihYQvTIGoEi<A=S^~mVQJ33RXe_jAouf#Ojb7t9tVJpj(Ayc0BTF1
z74!Xw0Mpb<K~Vu@QplMEeMC4{)CFNBTmjy?d=0IWdo!zn-E+nL^Uu^*^a0m7jECNj
zD`s}%b~_wvlEV_tNKVdx>i8t186g*d_9)F^wiz17cO{BPzARS0UY;H+CdwwmLf{0@
z1MHcDE^a-M9<PlY9Uc7~HhF1^M##lQr7lNHyQ{7DjdFYb7CFevvx>p{5az>rA6Fyu
zmH?>Y!DY&iZe+Ax6kVNVnf0vsiYUBprc=)IUayY$<zunziCnAIcoUX#M<9<qCBV=;
zHlWi}DZfyb$pXwmz4n0Kl>eq7H)8lP!tatJwQW+O_jX#Z<E7ZO83^|?PJ_i{Qb|(4
z4l^Fx4KIyNrAN=*ebpUFH(lorZzo`<RQfef^(;nfx8F11fkhPwR!QXjCnk|zPtbaC
z4Aw#c-NTM?<p6Kh-pAe0<0$dlR1GxlIk_u9BkDXj+f6BU$+1OPa5VCrWD<9Dz6qoI
zDKaX}#m;Mt#`n=bxpE-7@^!VSdRGLuBLtp(0i?dSaWFlIUhe%Oh7q&#`0t<S^#yF*
z2j{fB-FLH=LibP#njya2%64y;<eC+VAA#Ci85c)za8=ijf3bUmfP4E6ACHk4bsqzV
zkv%p%ubYx?y;MlJ1-t#Lbf27fqf|1y2)BiO3vP?K7p_~q-`A~_gQn7boz{}ZzO@=L
zf+uWMoD*$(v!slLL9RQr3~xntCCyDrbv~8M8ouW{=e{IBY+Jm6FsPcJV&PY=59UF^
zbp}#|#mI)N9#YXS@=$6>cKU!|SAE^5$|*lUVxG^dH-pEvDiNyIM<=DMj?eRW4)(V1
zm9DkgEZa(TH(Q6pvW=3qVqT>5d2KBAcAo0(NNX%#aOHE>9KN^Nucp0=`%g>T%DRUy
z*y=zjon8r!6$T+C7z})&#(Hb9hw+nhFF%Q&0BN<4pG9bf90>uf5eccP1X0rHw0iA&
zKl^#s-{U5YoI~HGD)3V@JkOUwk05cl(;_2Bvg2Zfu_))89VEV4W;!D+$Q6Wu>XkqM
zA!k-hz)Nby-uE8#8T_d{U)?_eul7v=2Yiq)RKtkHc6p`MYV}9qe1V^QmKK|24)q)=
z@zSG=B_J3isgwCDOL!lhpVyHi-nm(fBD{hn<X4iUPHV6!$?#^1Tnzd<9@-9{jovan
z5AFomb$RDboTg(({!pTp5CtJd>0?sklG+S=xG%6}fBet_uZ}DfDaL)GG|Y*y=I&^B
z{AEjC_`TJ?SBY5|j;Dkk+IJePQPRU7ZdAy&z%RGdZEPy$)zKqT%JROPR*X(ZF+Y)1
zr;;$b(SjGV2~t{-RVOo~dpd|s4R%LJh101$Gi2dc(SK_P$GrE>I1MvOAxYp1_RY__
z)5JhI@1x_aX^){Q(jmrj>bCMtl^@6peI@V`J=UIyeI5d~2Tz9_cAsF)7|+lHqIIFO
zn&+!~Aob`}2FrNWrxb?@PdYD7267nN=e+@xi<rU4roFvg-R-YsY|V2<d6=-bAOn<Y
z)M#lZ7J}5Pn$i>ohV<i}36hWakGUQ2b^OooqNncmUlH)DB43KyO8zDuBZYk#HuAjN
ziG4~*q{hBjn%8iQP`$J6Kr$67CbqIOyUo(Huf53C@Z}4vKEht(MwS>2N6qi1gH`z2
zQ;s4?*+C261{sBzfPJF5mSY4<ScnC`Z9g1*&*$BV@N?fs9yNCT{eR8yS-Sgeb-c4)
z?&cywYtI;*_sqJtBwu0dJo?B&PK9H?oGEb@CdN%u{n|>H5y&oy2X4%8Sy0j|7!Ig7
ze_I}TJWWsh3|Cw6^0!%NQ#$ve#Y`oV1oxF>xvaHbZ%+<|({=I{V)4}~;2&?l25qg}
zTmHBmAVAJ-mdl+CdZ?g#cQD;`A3D+IQogzrreD1NEn6QqX;MJNg*jxBc*5{;Z(ou=
zsMXIB4~yj}utB3{_9I>6xiNuqPM-FYTux<lWGunh_jt%1iV&N6h(btW!2yQ^OvVMz
zfwCewP$^PT$R%40$}C{?j|;dobgB_bNrlPk^rhWbRbAg9?bk~RmNMouwGgonRklo$
zOVkO+xW;jp=gM(=|H8Welm&H(S7W3aT?tMhCV9>=%t_FiD8}&b(As2Q&$yVczU9|S
z+8@jZG2Nyj>F9Brta2ycgzYFao^o90iWcr>GKxR2-@YwM*VGk&1uNA+7$fj(AIg_t
z0Gm%&H^7zeGzXV-*y%((xEc63p(5vo4NF-e>umZD;gT;>Rx2ujE7K#_oMbu(?LX2x
zrp4V&n2v-*XcN=BSeYJH{x&szBocMKsy@?ixaxB0<hJTP)m=4z6e78YY|{x*`QG|Y
zx8g~(<4-nqlUEB9{kVSDNTW?D!PJJm(cVxvx#<!3@?X4Kr@$>DyCyevNI6L7%C&Ng
z7VTJKW?k1R!3ZK27!0MRV*>X+2qzTLOd5&r*F8XfS-r}N(3^2vz!DfwzY(!3Sz<E9
z?r7~tkiuwB*thlKWy@0aFsnClS{$KmqTTV`$2^aTn$zc*$$7vwCg@Rw)F3}xm)%Ux
z)s&kxMX{k9!*}|vDrM<$UCt=nq=!sK_Bjr7Dq5Q?^xJ;c|N1yeZOdx}Pn}`op6FD+
z-m9+i%-_NEF}n3KKf_Jo8x5Iib((7g59D3iT_R^ya|c2<Tg0O=_}1QY?$7r3pq22-
zsH(4Iuk}VTcdQhz@eZ0++)4K*(z&sQoH$MP2*dXNzYxD6Ysdi?u`8SCxr?QN@cn60
z%n?D*I@2BVrdv9<db?Wh-hrxS&nvYmlmBm-jh10i2_Uv8fyxP6F_hGvXnC-jvz3`~
z+d8nm?t`&w+RbNH6F1H&!g)>k*D+p7_TpfbAB6%zYz`GUbxOwgsKmr&iWcT12sQhR
zQOvUx$tn*GQ8haY5&+;-w7B9n0WdZm9CCS3fxcAM9oU~#SL?~+66#e>`Pn%COl{r*
z#Qz>$My{gtRGzo;EF?#RL<lJp9-SUAt-&<TQ%2VJcI8@h>4eyo27fEPo)ZQqUbbku
z{f%#Vex63be7`%Miw*|@O0Zc)nB**4ye}-eJLz}0nU;WdOsD$L^b@cDVvqf6W7g*d
zULIKg`M}%(pDB#ZMziDzko^IFA+>w|#Q<~Q2HiT%B88R;pPO&0=3G@u@CCXa1}EO3
z?I#Bh2tnrRg~E30#lnlQcH5O^OhdyCyg}lf3)&??LA?I(_MceYroPsfcTxQv-uv;C
z7Ex9jXc9EIqF;kF(u-R(;)K220YJ)5qQ!{U^r$Pu;#67P*~4(FPKQo|?@_n6iThg@
z20jkYtPx8lr=H7uo#C_Ay;de3B8&<a=$-;@jZw3^ikkbnkCizr+m}m9nPI5Dk)88V
zK?;jf)FuXpzl1u$I6q}LkoX`g_DL6FJ3;8tQ?xR;M_&qUBvi|Cd?y=AhQ2aL-|l{K
zj{*c@a7^%p;fpx2IdjFpGns|yN+->JV9X0)re-wAh_CMrkQBi)3>)q#{u=wGqeH0E
zdq!l;=s`hGyi-uGC6QkBt64*0a;$V;PlA`tg~4PN7Y}cdd-g_U!|`@O^YCM;KYyp|
zWst(%6Z6Jbaf=`#sTIwKC96ISHnAN(E}zP1lX75;@-V9UzD6*gV~@irO|vc|ezzQT
z3Z0%DnLZ0wE6MI<Vg>VrUz)bkd%waT=Hip3Y;#e;6j77v{*ciG<udXxy`E+qUp0(H
z?t}(*vev77yV_`ux$E6Kt+qmKVeZZJ{={xcq>CkrW{m%P98L|fNcdq@do~%RY&&bp
zOu(dRDuo4`IjS?F10A=N5du8{R86qMA0yw1J)-I6M)hMXl<a<1q!`EYWp;hf1Y89E
zW!2x(F^WI_7?-Goot|fxbzLC==SWNd9!^j0L9u!*?l*wE^b9><EOcAD`k7l}Cih++
zeFn<57;WBA%8vkP^ufeqWA!46dM54|r8BZy4t*T#dkHjLa|TNf0~FMIGe@YuDRiTd
zb+iArkc2J*EwpLxAlcVP%ku`Y%?G@pXEvTCg$_l?QyGJU->DH_<?eLgo{wAx>svv3
zP;t^I{tHO&DG7{lvqfy{_s|LtKcxlzfFFont2ucc&iZE$j}(0nH9dO7{3%KbF5Yd&
zCXO9wh2S*oDty(4(}B=&Tlfmxu*$(wM$B&#r(<@Xi*<d+rG0O6ygl6`r{@9!njiF6
zOBe!J-)|hGPI!bfAV~HREyHgkoesbe#5JZkl0c+OmItU}8i@?7cFCKWfY+Ol7c(iQ
zL(g>X?tUf{^l5d6NP2F*7{&@ciE{g=IMEvTggpFODixkYca<m4X52iDM3n|kZfMDJ
zHtu0o9X{48vHGjg--OpVon2Yw{N2t4Zl4IWd)m~^iqyYbdJ$$$ICsl@rHu_aDJGL>
z1oEnnHxy#W!n;b5+;GH^(ipY`(uh!7x@mvzEfnx?-b*|uLc(16sP~d=IsP7EdFrG9
zr!`|v`mBPx8yt6QVZjRP>g2d4mE=~auEKw{U^Ux^232B6FNEM^lhBDp_;!VL5!?dr
z8{7x*`HE7wFfvBiER9!eaF`XeW_*qkP@~S*1Yrl<CeKD(f^D!MA|N6-?a=%JBZXIs
z803*9wP=-oL%OQI3J*>}mS<fk`wfP6fK!JKJoj<3*VFEF37zB(2gaw_bk)q>n-|TR
zcUu8d-n14|#L8f;m6NAPNUz&X5vo)U4miv-BH)$aVk0hq|6u{tyC}47m_nK2<D8EB
zSX)TS+n)x&*l8-vI92Jg+^w4BUS;i{?b@LyH(d-~Uffqg;ZRIt%5-=kM5$5yWAKsi
zj@hO04H(kSatfTgoVEr&H%91C%lm<Et7+kr`s8!Go6o*fB`EQfba9KU>ACPVWPw*R
zn=?|)D2vo3@d@s{32)QrN>61+=7u5P=`APKCE^Q{M0ffR_IE91%%uT{BcD42Mdn5-
z`nNrlHICoO?5oNy;vb!_s3A$Tsu?BGT)K1-mcxH_32sFD+a3=I-)w%aXPFb<_{z$d
z?2Vq2)Cw|Wd3j?|5D``*3cY5EFr7l?w}ct?l~fbo5*y>9OgW+K%sJR)JNl0!wSF&C
ze4L~Tme&m($d3(l0EyXVnP7UlaFnhkYRlAYuwLK2O@W>y45$h<2g6}TOD@IAI*Oj$
z+oI?rp=5UFpJvuA#PG4oVQ{>qgO5>u*>JeUWR~M%)#!K~ys7!(Fn-!ScR74UOo<4&
zYg8Di$9ILkqAqQyH!%>eTgG1+iQ4yJ26az>;u{<e&z&)FYy0wf`s|tVyT$%`Vw@(I
zEmGbpg9T;3&ELlF?;2R;!zRv(V--i)OXmcHo`9h%Q%QN7&|&g68faRRFc4)V7es`L
zA5$z5mhk}EqqP;sRJGHVv#f=|-FbiFe%$C{yR15!XZy2as-UFjWdJ>$?0Ns<q4G+1
z^QCW0aBX=Ggql<3*_1;HubB-!aE{!seO1`%{QNDaK`T!s^0KW4(yf-qr3j4*E^4OU
z^(9T06Yd}0&d-0O7sa0Ctua)#A_vVD#8bysqVn$}FdH#IvE9z4MkmhtMK%iX+-KPX
zpJ|(L{`j+qB;u!XS+ZfIzL&9Ovd9>dbSY>?Cp(SXz|Ea@AH7&`P%(T5{fOT0X2}j@
zpe$icRw54<D;n_YQn#uJ|2ZZB(Kt5n6YEEIUoYT(yGxuf{`(M($E5H#N`n*yAEb`}
zcoi@W=%HSz?bwgUb)g|Qmn4S0CQKSloyxS&!r)1zSm*vT<8ElcgYS-#)bX77he02Y
zhqx>o6PF;wW2utHr_rP+uOX34zn(>G$*{nH1A=J-O~afcrI3LSgR%{D_#z5+22xPO
zH12>h?dU$$>S&BxkYuN3YqD?GC>l#abU;?Wz)6w;y{mMW&u(~oES%BV+n$Qi)K4GA
zkZAqUyL+Ek0<6`_$5jLb1V0L?qN%B4r`~xfO~SDWMW92)%v*rW3nYqP%4<k}YZI?$
zp0XBXvXUoo0jUJTfMa37@M_N`(r%%5A$f*Yq+#q%$Jp4+v<J0({=<($p;wHK2MeoL
zO+gZBUr@H&kcVcLU}^Hv9%O&)B0Daw(heWkFcTZY%~e_A#~r)ipL8d&u3mzGFg3oW
zKL@|2AII}2AAj%Q;gI`#*D8XxPUh%a<^GNx=VlU}+FNH;cWq~RPnT#^q_6Ho=$Ex(
zH<g!4j`>-zAJ1mXBVL<LtT}g|{tBoMgazwHdXBA-CzP1?Jif#M(q#O{3`SoFYy`jZ
zH>}Jggdb`{97mr%{TR^nKX1dU_}vGjSH7J3;=TL4R{cp_iJ}T&sBxDQ6gM@4rWeo5
znD9e;nhoy`C~Tm$N9lEV%gM52_gnr1dola|j`4qLaku*%j!F7phJSt_?Jr6z=3M@S
zH>t!_s)zK0<qOrKl**?HG4F7$y^U7E;*S?Dc8w%T7DZA271zz$4+-MTQ;bt6VzdBx
z@0x_=BH6c76}HuT#>fEcuG3Q6F?$GhoHx%v!}#@^sHmvuHL!)?qV35aYWWs(1tfWy
zJc}~970;_AW>j-C;T}*TO~7V1U5|=8y1o|?;Sv;r=&;69TAJHavmZLtht66QXKl5S
zQV$j<<=3@sYLo)cMx8`8e<QIc+E6JuS;(g0@B6doxiQ0(B{9S?yn9=z)!2i$D^%%|
zlc8ak{>{{mW`U<+T6yXuLRA<Gfu!DzJ~C`7iRZ%DFaBiBL<OZqsT@ibVq^D``>RQ@
z=*@9c@>8tjl{=S(s!5-87@Yy4#VIC=bbhE-{lTX%L;^2l@~6GK1*-)m!S!B}b=BjZ
zZNvM?D9*3mVjUdnI@Z2*_^DwPqmjFgj)Ld%=i^0T?o7?gF|L^tdq(ZXpOT$Dtfi~$
zlLMS1T)|}0RoTS~5!lZh6BCLXI};S_GIH16G=U$n@*UYuGQ~Xmk|h}CbND)Hf(#i#
zLQ>S@9KmVEG$jZ|G;;W5kuBGAF-%h}02EjB5W$Q_ZRY}0BfIa=ldb`^QS?6O{Z8QH
zI1tBZJcP={N}%Ac(G?tELI_5jsj;FW#|w<WqgI5Lz>TS_Q+DZSj#BUFNa&|Oilfc`
zV(Q)O)6M1yiFrN!;=_k;#4!2ELNXLo)heiJ*6G=nJ`Q)mr73fwjR!iRNQX9)9MCZR
z;QHORky2yO=rp6?;LWKH+gX-u`4h;5m~C!lLn`^q=9Wy;e#RYf*mmpn6x)FWcTW*l
zzhm*(<gZ@_x4GSYpJuPP>-z3Hx%s^p%j~+Yy}$U>&2yh+KF{Jd4_8Ltw53N0%zGyS
z_BT+lkQu^cXmCLc7lznnPRXd~z9&g*=!Km5IR%&+WSKQ!xjP?^1pE69+%xEIGBU<;
zeW_Nc7+8MPtFRf(7P2i?1TqH|a9u=&d-}CPVAh2Qs^n7|Lo80zeW*KJW!`)~_H73o
zcx|D!f8n<ImL0wCx-+4)p^+;_TeW1ugEHR!E`?R`0M`+jK(wiIfG6naC=WcMLa9l#
z%rAJ6VH?NP09LYMdw4kfAeZw$Q{b)ZE^fB0v|*nGxx6Q``)2%8KyD~P_i(<;{bt2*
zwYQ#4#a}sXvOYb2yE`!jJd}o*=bEzy04I7k&I|1uJ#-=k8|-eNYQz1+NMi^j!85g~
z54z<m0%&7-91D;G#y*G;29F+8diYel6$z<?IG%Z)jLF=`AG<EE`MR#%&`TI4%{GV#
z^9SvU*%&y~@Jxm|O;=>V7Z^)0@&vXVe?>*$WHQc<Zf@t=e01j6=wgV*>7cl5^1J=^
z6z=<Ju+8YXI76h!fFpD8fN1%rHC5Vmnym|C1?vYPGg6Fc4=H>|_QkU8KF%pIe}_I^
zxv=7`I#kuI)J_+gvR@-rdbOWm+dI-k5E>zA!cx|n$iBs{0*-lb##baXw&>eajfcLq
z{iWw|{S!#G8UGr!-O8)4E50NN%(drkMp*5he?UO=dbSZL-Se;K?*bU{uBV8*3lfK?
zzb~Hf9;N7+nOmo835KDC)f<SZm0%!rbY?UzME^F>B`ZcqcqAKTw8}zO_AR<2tlmDS
z3|*+xe)f-Pv;3xP9QLtYPrTRO@ce}yu2d3Majq%DZocmrXoeXty#ey1-M|}p75}54
z9)tMgx6FwW+n8QfbCMwqFn5?f`DpyIvE*v`JHpOv?YJYckd~EJjT(dfun=_7zB2U&
zJ4=jRA|DFGqc&5}knRT-jTP1|(jXuv#td(pL$qer7$;V>XfsTodcX=io;^otIdFeq
zR~ryKHLD%>2)H7c8N|da+A8^~?kd@jv;W%`y)qIPo)I@IgQv+ZdX_f+!*aG<4)i)7
zi}@@+ey1oXbodcRaq#62b^82JZw7U8*u@vPbJ|_<Vm4~x&cb652r912IdF=p-3Atm
zUJop;M70To<@xGW{O{qKg`2NsME~eJM{aeIeV!ed=%HD;R{jg|i`Rkru*3tL*3S5}
zJ|X^qV~-%7-`EOqwzXlyoN)B)*wjJRe4I383Rtm;Ex0WxOHx#bYWlgUOR`n8tM3!Q
zq%>qh8<`|3iW4|aLUa6I4EJGF20NUbEES^lUVnlyOeexUxnBfoL+67iuQ{A3jt*7|
zxr1f=8A@9i3zf{G18;dvf*Q7lwpF#D_7=)odIX)5-SP0<bux-Q&n~#j!lFG_r+d#=
zaW7}69KKr$BS>lyG)f&KH4B^+^H7%+)O-eeF!vT3B_T8HDEnHB<+@I!@=n?0M9O(;
zuOnU)Hfs~nw6*OX`gUs3@E7qez8bWsP#~-Pz8bFolZSC-60KPu-4?IpV?a@&1gm>M
z5~Z9JC0VpdlXj7k_eakCaeTbuYgE}^r@@L<+j)3XHd;<Yk|eUfk;K<{K{6Mz>T|h4
zIPCDeIF4LWI5t$F?gqqgToQwy#B3suSJDS#<8NzE#vXlYD|~B85p*~G&5cYOyGhQ2
zb1WonY!b>@<R46v(Bif1v9km}8a6TN*gj_ksR3oElKc=Wjoyk5^QSWIq^7Cc+XtGu
zZLjtD?TfTjMur|+kacOoUh5mrn)4^;aO<JnIL=aGVPRk)<5&@0=PKuu_C>0>WmNpj
zF^*L7i&RgLQb{+t^Q#XH{Ktu8BH1EGGd{O#=S&*Vu-?zi4U0gF9AI4XLnN`}7K~`2
z&yL-UfEB{<_T#5=9E_Pb1HQ)@i@TiI_DfeHJHnKLiculCAub7Xt#s*8L6QgpbmGq*
zt8zWxmRo){8yC7w+dsB^!*gRzmn-H%&TYF6o2OddW}jY~wx})UY!NJEKL~jkIp%px
zK^Od>4wul7jI3akgRxIR`8`>3reNo_gk#mMf?2h06Z16h$g1vlzhHcZoShlIC-U&y
zE0-@>mm?zw%7i5&#Lv34&R%ak4`%T_Ea!dBiuZXTCt*Dw#`PCz)gOk<B;mK@#guL8
ztLa9e=<Fq8T$!N{3ik{j5dfs;=H%fdouGIFZlm#M;*W`0G;%}Z%i4~J6i}}R=ee*#
z2s3$R6Pk_OY(=l!p=hPrYJb^%+_}zVb^D03%2B7M`N$AOdb+mZ=}w&RSII=_Fia=n
z@O(l7ps2YrLv$R1#iP%3D^Kx(&PGP0)@_9mUKNAAC}a#EANW{wS;<{=vX#!!$$qU}
z1WVA+s|=N%kC1<EML{LSDa9VKY$nv|a6WxfH_Xi{UgM@4<O0QTpTe8eMgwf)JF?I(
zFS`uzQ;;k=b23hlr82dM4%sK<mzs#u&j{#kH=3zQO7;rr7)5u00;Z+-qJ45%FLmCN
z;dR23P)4IjcVWgKzKOkm_nV`zJhmPtV~`<{sI;OA0KWw~T_2!gZ01@adS9?YavsK7
zLK;Q=X|Awe^w1>7Wa0P7et@BUn=KT-@ONNIKg1u}@w#tPsMbcbrbi!Y0`i0#;vM6j
zJc8!7;nd`hh8DFu^lS0U_wG2Ow|lH@yQf!{-GQ!O?f@(Ci-fI*DDV=DpOSD`g;+51
zmW^#eKHTKD2<=ApIom8Bg=agu{LPG7kMdns+LYcmjJD$@)$Fo0ElQ_QbeDWeofo@V
zi^`0VncM#Hhn|X7#S9hdqi9YE`XT1So0RJ+-;6B~tqrW)CXuI>?_V9^ojhGSuHWS-
zs+09HHz16d9)7t>(S|zppjmVTRkH-1lHKx5=FZMcEnGTm{D%dEAG!qjtV=tt$x{z>
z4Es6*3n@^d{L7ZbP#`4QKQ-)f6X|CCks-u{_4Zt)diH}Zdb!qWhf=*#Mb21Ca-e>9
zWhOPXne)7%-)AWja?Pmm6*!&btSTr9nC!(s9@77${QW*Lvd5WJc+6>t5C<PFt$a2w
zeAPX216fxwnq0Lgb26Z~-vDxmjf_N$b-%hq_npWGXF}!eqs`~#Qr{48z!!|#{`Va8
z25&YLKLOWGQ~|)S{RgsAf(u(HsXe|0*O=#5@X7e)hx|c9=DUy?x~Yg;I44sI0D+VS
z?AQr6_5TCBKtsQ~5#h^95TaJAAX4$lpyvN$RQ3PAZHxC^uzvG;594G>9K$sZ)wr~w
zXo`C>7keG035@SSDGF#7Wz}3;DO|y4$7go2R{`_(JV*U><<LC5XlOVVA?LU_r8a|<
zC6w2p0LNl-q94jajy-H<m+hOGEir0A_XL##Y=qr3waMOZuee()yo#pvFE}TKYRIQy
zB{F}-mH8|r;Zi}*WjgjZ2+Bx1tJK!owJ8q0%X1jd7v*$p=~B0<vntawGaqa>I=>Yt
z4~Bn=I4YJUG6TG%e5DkWQu)r?Ie<{)3WzLLQ_Y!y%*OvM?WBsy7j##;CB2}8^AcH>
z&hbXIT2pw`4+6|f^jL4M;4P!|r!&=2I~(;lwdw{cP!G#HJ@P`X^iv4dA$K2DhRgw>
zM+GkAA%C~1H?|w?$aNz|6b0ksb7aYHE2SX)k%E*`P)dn6ca>5y3eemL%KTAEA@Kav
zMd{C-R}a3iW7Uor6BF{@Qf{To$63aDjwZN>k8InfAM);;9t^7QDH(r4Q7c!fSBGN*
zED8HBO`j0ZrB%xd3^%eKgqNc<Qb$#`n0xM4V##aonOf<G!PQBYL1cl%8STT<oTIEp
zn&EpINz_5o>Y(fe`@o|rjKg99myWWX?MACrFIV!f-O8FoG~sgtE@Md8P^p!v=cOQq
zSLu?vG(YlPK-p(<5<+)oG;jOF_O5TeH_PM+=RmJ=Fy^;TCX$eZ^@Np$oXaa`A&f6)
zm@?Xqk=firB7^5MQkX-&e$`aT%a*@x?Q<#HwWh?8uW@N8$TwwlCqZN9ZgltTgPm#v
zvr#H_osm>D>QM;Xbp1_x{7(E+ey095i((|5E;3p`0LOHsKI6!f>V?wV6V6;@K@tVl
z(j~j({FIW9I$45JwURGRZ8_2jDi{cB2&_SSs!1h5qis7d74J2fOa8spanBRMjPXZF
zLmcti3{~ebLZuq|TqhBVIX6il?;|<M$b}Ou&MJ+ZzZoVjonyMWm|}8rQV$OgQYg3c
zdSuQBNuM(*e~$VE`#yJbVSoYS>wee*T`pG0<V8IlG&<Uu8D%{RR|P}ON#>gnA?EDE
zfh+GTAj74c;-Y2Xm3OeLjTw$|ZRBDl3zaA;zSSSr)_fr#pgytFtVK!L)HL!s*<o>|
z$mz)`h+-MV9dsh%QVuY*Xz-PBJ*bV2j(U>jR8d$dW4hTm=He$NCQ><el8j*l_)05H
zWkbl2X@orKGdV_6J_^Z#b`UAae;nl2iWQ0qflaK+K#8jrI9wpCG-x;yLtV!4b5NAC
z3Km*1oErjhL*JN;T5VqU1~|HXqW7SCoQf=uen$6<s;#(bGHXVETcOs2tTzj!UddsV
zrXxgW?v`<lvlLx!9z61Ly*31Fo{K!1GtNyxqoD?e2G(Y<=Q;9@SkY6?O`|oUb_Y}j
zV5og`+ig@?{t&H}@l@jx9R7We$J81cuQ^nzwk(fr0%&k7A>*hCi(}h|>I0bEw-54z
zWKpL*kl6HEU<^1G8G|$Ldh|#=&h5M7`X787v3_mZ%^+_$lXp3N4m8TmO%+i#$j1=j
zAwfbQbLWiD2Rkp9PmR>3F}2<V<!T9jC4lq2_Y5u?@VW^XC{9d80Tp;2W+{Z))3eB0
zG2{neGBU$~+6&*Aj=*hSylu+3?%P5YzNHq{Bic&IBPu75d3Zy31ac`0N<{|Kg`IP8
z(4|l<mC<f@VQ9KFn$v{>Pu`nID1gePfQxvSX8M38(FCPhX_cu2Uz}VKz4MqXAQZlG
z4o&Mo!_z*RGqV(G9(O(glq{Het62A=-28!pbc`H7=Rb<$8KVYx{5Uf+gMonoh#-|L
zkHUok+JW^VzqqWR*=aAhjy%)+5AIrlHSm>IhC*7YBNx?=l{T>%01W9E?r{z#m5}ZJ
zB@Ne!{@7EdYm|mkYJVY=E^~e^AW?+#R<3}&JSbxv&>G6!F*<2{t#bbP@(;@95+9SZ
zpU;kxORQ*1hK7M1M@e{y=uJF!0<Ap+mRzE^HahTw{BHB{Q%cc~oWM(Drtp)vAWR%*
z<vC9=>X>g)^yH{ZG8(7%m$6@AW`wkb4#e8Q83q|s@hhd^d7kp(r1$HpGG>zSNW?Uv
zaDj8BYJzVWsE2$m)cq`Ot_8LqFy~rYw6i#aC?VQ2*gd@uEMqSA$j;c@(MBWgl-qF|
znotEi5)lgu+YeF9#V-m-=mp&DSafFFs8uRXHWNoK{XlG0VXD<^H8OUhRIg&T)nw1u
zA$BG-0a~*STF0u0Vp{P7pPL4M5WROk4is`0`t+IB=51fR<<oxby)}RjF(dk3NCnp-
zg@fYYr#8t2iEoSy5Svf7=0d`8qn}fXV+O`}bGs{M&ht5@NqL55;|S%ze^IQkUU7%x
zjE3Zm(+o+*I+WqFM$FPIrzV}^K8q08vT;j%@8v)E#O$7Ey^6d~nXJU+t3&~)*$bTu
zjMPTp_M6-C1UWx(Q}3vRTJF$%O|d3BNCyP)fY`$0;$`@(lp;GN(4j%f{hl1lh?0r~
zxzLwI%LPn0VE(wBsoz^Ou_nOSn85-s-NojCay=>gC8*pSVX1(aoKo^FxC`=)Vr5)D
zZI+iSX5j@E&txf27gL0^tcW>U1Sw0~zc?XZkSw1q#G+^@{2X)9<gC~)6*oC+_<T(F
zI2^WbM_@e8TL)2QS`_3a3=p{tvPe4?DBY!#*R2^K;Tb&{M=3pq;}0n#Cn_K&Zhtpz
zcK_bfI`6j*=yIId5Wr|89B*xWblMRV>jG?Vd?{PHHXTYeE<BdH#fqww%B#0Lo|8U^
zY{>)WJ{0>VB#%;M;Q6@%>xB<9MnaE~<`$tewN42~kjT|=9*CTvr|2r;s$ux2DHoOP
zJ!{QG0Lt6S$5%J=%I!hHQGSYFDf($4(8OHNmCEWMayBCWDw>?Bzso}HAiwY?nU00V
zVLOd<TEW~4UdDobqldT1c&8aae?MFvee#|hF-A#7B_vRcUhv&n+fif(SY>;2o-2d#
zHIgKP=v)>CnbU|82S2Dl5z|f-9a|k8z_HA(2Q<NYs9?YZFdVC-9itXjbN&?^6XgJH
zF3&qK&bgI)&dv{gCN}%t&;8(|x~qOerwZLh2cGufd0xJ|^eD81k$6PLVRD#1xqJRz
zm$c&;ksztaIGOG#Dfu%e2cMps!a)`g8B_-irxf_XTQisDr0tb;CSp{y=?Dmn!#?uG
z+qT{J@W31VOuxuQb~7j(ghWVs#=!DOMkxiq6hbM5ZWJR3Ldcu!$SfDj04c*j!J;Vy
zq&DFx;T7?N93rkGFDVKjBV|%C5TztF<gAi<FP7EcA!pSXgTaw5wpU){%UZ1)_dc}e
zT_vwP={W<B%xS6o*iMYW$^d-jA*D4g)B!w-CQ$~&VsfOS_s5Ns!I=wMp+iMRdj|4N
z0O^yY(XuGhqev2_96fV4y%Ie4bj*(P%AO<MDvrBU_A-Q}61qIjGF*sQHu{)~U+NW-
zg+vq*!mlL%G1tlrgS!VUpuQ+d0eHz+(c%0Cq%ID;Ji@Ve8vNjsq{-l5scjPGs~EIk
z^R`mGGV(n0KKlKe7j!DTd6%RwQlGd&`zs=l5R!ntEB?fj&l4g|UR8PRQjC_5$B?vz
z><p*&$LBeO?;n$R0Rgl=Dj6$4%Cotp=Rh`_dxeiRE6&?Cug@}X@&pV0;M~^6Kq&=j
zw95<ZWmcTpLedUVIHgTuWx+9AVPKW=y?jozsMM6I6^KP8rPXGjQiZ&uMLiiosf=!%
z$~t%_dR7@}&N0+<Dv}<5nKE+6pZgT%-1fPf{>Zem@uig^&;|+@Whez@L<C<<Q)0Eq
zjG`3LWV{2UIUGU<nx^U1+?gs0Ih|7mh1B61aWRi6ned>y$HWH(7LR8O0z4Pr`Y%7Y
zLGPJ;O2zrFL&x2ewaG`SgupAqr&22>*=D1~V~8O*tGF;$5R@y(cg4Pk{3TQ>u8bn@
z%<s6)cU&TDpe)&lyh!0B3zra#h9CHUv~N}WHNF3ja%2mL{7Bd0OBZL=vio>9_E$xF
zvRbkSHQku3s@6=kz4xJNmQ*XzjHylUiEFO5=mY8URjd>Xx<)5PHOc^YWx3@;lzCB@
z7L@rUB=S8^m8f)R%{fS`fD|bLR@_rby6bMH!Si+l1sN-)dXR}<>g~JYSL#5VQVPcR
z^M8JpV}~>MQaWFUDfy14jp^}ZIvIJ6v%Nr_M~2b>Lxn)xQ%U9FvNK9WvSCqbj)!uE
z2RT2<S`!!#E={1=BT+mW&9+(areLn|voo`*PDLa11H|13mgNPWK{xI|DaDOZkSipm
zAb_?in#*=pJNis+{kAXM{=2P5rhacYsH0>Fek<j$8%#G_(A=epCVjN_E2Z*9LlzH7
zE5arx2FPL~VTU8iNV3!6VvF#z1p#@P`JPYR`e|>r`>Zm;A4P<TRCp=TD0vlB%L7Px
zE-deMWITFHvkY;Pz|j0D4A7_f{S~3pe|EGcP(tLwD0P;G6N`jytWua#>HQBqICIH*
zY&J~aTixh6_}<84f=wUWly1R>Y~7wPc_dyGEgnphosCQ5OXp|@Zj7&BxX|LDk$I2o
zaF7?<dPh5lDqBI~<}5GWsOz{9w4P53504rSZo?6tmCc+AYI3G@gj7d}@;rlPvq_i~
zWYI{us}mQe@RD71+L_&(IeVK@gvYvkfsjRlPY{yo^Jj_YgUALt&{UE<<6RKfgW3YV
zVk}wCM(RUwmbHBrqCCqO9c#m#hU!jt^+NJ-PTKn2b;s%bkb#;Ju$0p|-zX(d8c7=E
z^Int=v6@CvgeAiR>*Tlw<6N$A^vn9;`OD5*x-5!10F@5;B82f294vg_qXj-glyvi>
zm$DaT+NnFnj$Z5;pF*GMExhlByZ%Qu9sN#VJyf|{H83cJ6*Sr{XfMc{uN}}Q>J-R{
z<8Db#84jY(33Glc5|}JRC(l3sLn)O%_JmND`-_ir0s$vV$ku<o`QOV~{6a6*SD93Q
zGHWF$>oQ`xgLPWjtOAuz@)j4%P8&|F8uJLS<TZO>5hK3{uQ-Z`JS`bfO!k?|5Ytv_
zJ+-<%H24-laAaiUXg2QrTOIj}bxW7JJWr#Me+^f5Qt~|6mS+F}5CBO;K~%QCgb9gI
z99%t^3&)Y+ZF>FKdcXe<@K}#OD&Nu=8`Ho>jPY+`>296)P8(mRaUACYQ;svGtW!)%
z-ka#gu?oYGXXQz+ZqLizh14zi7n1JaG!vr}wz9NhU6S5pl$VdIQU~U@Qayh^ABQgY
z%6KZJU_2Apw0hKcT@E(mE7dDksh*4CIwS&0iQ0F_s3Qj2)GEhGDhvG)6CNT`rm`1$
z`P@20^ua;BbeZ1aGTf?o4k#n4sDJ>RT1+iUP-c^yuY=G-Sn|<qw=NZn$$I(PJ<}ZJ
zR*6f88m-xy?`ha9;>whvQVytW#7Jqj3+R_JN<oOm^z1`bZSLK;aif*6vzdAbp5Z;X
z<4d>vug0F)H>(&3L4|{7Ce@&lpWDxGI@gW-vBxohC>KH!C;~-XMFphKIO1{wNbsWs
zVLy!POdeN!oKpxmc`0?r=We@g`{g(NoS&LC?aAhc&l_Bpc&Vmhq2*;bcvNgFVF|)h
zLPtYD_)GXkc4NwDIBu7$rUe8k{Br4yov76R(JFPcvhsLZLZqGYjRsmol1(q)l*wY6
z6BQFVrjc}wOB<>))yWsgnFnWdzT=`bWP(b|nmyn1m$ud{{d#-TD=+l)C#!=)*X^C2
zsz}>HDgtswEoB^uq))y0u;(26r}D}@VK2unQl3~na-mHN)3FzK3^~SO<@Yc+Huo80
za)nVV1;rxziiT41#DGKG#;H}Im(>mt^_U>-87F~C9lkt?Kk2l2;oo*TMBOLUSW$={
zUFK<d%G+G7RiRYwJ*AaSaIT@*n02Z8jB*;rnY=#oRPK6VfL50l3qJWlkiRol8ypyk
z8s4Jzo@GZ~U&pDzj6=mPy~t84%CZE3@o0@T=rkMPMgh=@%1j$_Y1Y4JaM8CMx)1O<
z=Qp}%?R{i$&Y*7Xn7I3IlG)C4OoA!MxxMp1l@W?<l*K_vMk6N%=DSc1=mD1rIgmYN
z+x7%eo}1yt{lr9I9QM9X-*o@ZVEr#Q9@=x^%<joQuKVR?sDu2)&MZlx9dbH6K$cNL
zbmnfwJb5N6A;OnaGgC{PpZ;jTV+&d&deUny?Sh?gI7vIQbHs?HV;ij<^4y`~v1MD?
zi4~+<>+0RJt;LV*>%L;mrODrzRl^SsELrq$b*TO+_~s2$Gm``If^EVhB{_eIPsh*L
zj00(Bl?pvyeq$s*yY_t_@@*S&r4L6WY3LCX963@J50|+|JgxH;LMfGJki|pBw)e!1
zip$~6<K#nGJ}Zg|>y$hnD=Bqc*^afE6HcF=a0$m>0LS3iK^hmKUB~W6c5`v|j=%B+
z<{X<#r!#kh2la6N?guR(juTtK^puTy9rEuN8l47wT0X*ZaAhNEuE!dH^W6ia&3N=B
ziU$?Pb>CU%M=tqM<9R62!jUGlcJN3tpduqmdg?5~aw*>oB~hF<XJ-Ck%Z4qF=dj^q
zU1yE*AsxQ=hRxsT>}x!!l<4pKu|g<2RjVaxKlMdL-&Ly5-<Fc3mrRLV;YUvq>4hEY
z)50DqxClGf5TKRe{u}Oic=z@9{JNV;FH%wZ7gb%($|j@^p~*Kr>UW!R2f|-M5@sk{
zm_k-CxHQXO40D;yt!b%EP#vfuEQK%J)r?EW{Qkf=^8Ycip2sTd`(|AE^+Z<u$kZd=
zzBC%T=<?*1yQZ3-C{>njt1lhgX?^>z*0`UJU9u#SpJ(QIv3$d2V0b7u4~Jn$lWq!e
zS<I=uDPX07ZWLp1a4^S4o((M#mZo#@AC3B!lcS|OWc-GWjtfUiK}ESjF_(zbKldr6
z@^P9Umq*O|INGs~D3$Y)<8=GoaVkisyPXHsrw)2v*yDIF+0f9?eqQQ@Ed29W_-P|$
zLq5LE#=RcQUwX8BNW=U5qO`~3JPVMI{2)L=#o>`XyAW0?uLHJ2ekX<shymxZ(Ae0R
z;j;(M3;CLSM|l?xFB^WE{EkSo*@RdJEiHmd85rZ|?;gcnn*6P!s$)Kt`Lzj_<8TgK
z`fTgNj<4VS(6-Or`t-1^{-B(C;K4e4k7vno#;#~6rE+HA62MdV3^9eTwJF0yS+rm*
zG?fa)Lp)hD`T|fX1#03sv7r3cOqqL%k0%NO?(XY0?R`LB@hiz>d>Pv5r%E<};ZDbw
zuc=b&NK;EJG`ui?QX+;lc}78mkt}G2)-{i$l!9EI=b<ZKZS}otmgw@5xJj*9B92BB
zR_n*s2P4;wn9kbX|K8ZLXPJHYVfcI3bgrCiW`7Wr7T;5<RUe65yixi3r@Be^Jjc5I
zAV3sTV6hFd$O}n3W@l$}h2vPhWg>Gzsa{_e-1d2W>+Kx3!wbAz;gRxW&MDO^b6(O@
z;~nSlgx)l@#fDP7I;9Ot9q>!Vf|0aK>z)jWi61R9D$=o&_=S>`J)ahmPvu{aT1d(x
zr8&?{sb5m|U8PjctNrJGAM<CeoV=JT=}&}|>eZo?I+0?Io_D;LM0i-Kh1DhfRH`T6
zL8Z4>!ookx!#&Gl9C!XM@Vsv*$^qrLI*?a{XDnDYn<D;<gXxt*z{k&d>5^xp%Tu+Z
zyu-*m7OUlEY&N|O$VN;oop5Q{zNQsN7l7@P{~IHG=XqYfNl;2bTLbx4o)7QABuai)
zUPcGEIi$1x)@NxC?3U|(@LOKXzA{w7!-z77Mj9vsB@2b|dIP2nz#VA0QbH*Vp{R5?
z?o7q(Tn<ZUwq_xw*RvFZCtkC;AVUZoN}R%ryPXHGzkS=HZQ+k+jr6r;UEYV(A>?sP
ztyIe^o}Qkja_e%xC>`PvUQ#rNC<cpPemg@1Qcw6{Q8SKLq&$L<v_~Peo>q?jVlTq4
zVX`F`EZ_AWuhzXME8_=|PT$i-a(-lEntDS76nKtxCvv1hJ-iZ>;S!6e)!iPL@O`dp
z|69o~y~IGZ3<YqnP3kDkIFaZxCvQob;(9!zX(?4oflx{4VM!^)4U0_|`HQVL_s+^;
z6F<%oiVB3|f+S;lxTegH>-#0o;nJV6;j|c>?zV0E*rrtKtN@c~H~Yn*fx)eo77kHD
zjPG$(kyt<(4XrhooCHxCl`@rn0@30%;3XS~O|)2U;Ss59BCr8&Wp>#!>O%v+#$^i`
zk5@$TFnq9_x0O;A8TDSx^{nDot?OjJx^ii_bz)*7Zwre&>+iEw`N)Ca{N-Ce?<c{N
zRD{1SIUj-bp<)Y=G<T?3oX{#lEiy{bYBdpa2U@9=V2t7}EQXlw@`8$wvjc%~*wO8y
z@~fezgKyoYO`DSYpM3jgZ7UviUH1dUW4=zi4cT>-D;4;mm*XZ2nc_~UuXGshj70g6
zrClkN3#8O$p;z%%;Aq!4@^7w4vaOv}*}gT6i+9g7|50o65VfB_w1Ha5BNbR}bLGb|
zVYk&r)S(ihIR_NUnL9g^?Y9TEbYW><bj9L|{+);SF1s=Av>Ksb@}&Ji5Wu>H%Q5Fm
zFIm|+dOPQ!l*%nw`Pk8Kt$Sd0X0i!fa@1bil&i#1Q=K^pq`!}MYm|~1b9!6Bu~o-W
zWBzmLvKgq?ac_Ha=4Wb^`VLJ+LvWP&WcME-TJBRUGI>^dt@72EyY<?0XEAHAc9Rua
zM@z_x&6i*6mxI5bX*Px=zkHKLE01P6#f@?mvy%-_>42|7+nw(Gl-F#1R{qQHakTx6
z&2l<~_$lrDouB#czU`m7^=*}`^qh32`|T2sVupeNaIruwtV2=0I$A#lY6Da{Xabl2
za!9jQn~R8iFPrPcDQ#a-_{l@ysjq(aiyqlG(|D5iz`w2;T~lJo$0JCX?HKNH*n2;7
z>+OExy}@((*1!b$8}AgH5FYCDPj6|~5OFF*A(#6_C`p<|vkAimKV2FrjKLhT1)_M+
z;vsPlwVTzo=TH5<3%%Q&Z+<NG98wmXQDLxLDCO;V5q_mGgwJEgkmM5g%}%59w01*{
zEUJ1R-?pc|bNkY#CYz=<*-;i+4{IuoV;y=vvNWbL&Z8NIpUJmaX-;PQWGwpS_5E5Y
z3VqiP&RxMaOOuXYFJ)VI@3wj1Df^(1I%Q=axnPyy(H%c>^2fx|lAO;$S%e=Gc@71L
z#X;WvkgvFh%6{J^cv0L<z7H~yA^)hk&4=Kitbm#!wF#((T&P3+MIA1`Z%z2*e_HKd
z^YLh?^n<|nzORg4SL0?_0JIs?(`u=$hR-A3Qc&fmKj|X(>VW|NdTs666tu|V9J=(m
z(wEJj{?0e<yYBX9dTqQ3tu!9+s_4$NQKy;Q(Gn7KXGpU%vdqEvL(~QaAp+)H>Hia<
zAA8$VlU^<CG@{n4^va>vvd<3Vr{~3-ZC|)~YdqWj&9YzS&Lr$DRunoSxii(9Mm+@t
zkGd>(Kp_<b?R(_CERUQ2dmVXze6SyKCM@1qmsbxB4t>5Ecix+N$~f&P#7Hbl%46j`
zF4VbllXg>7f^sxFHTxDWl`mXW@^0DLsK*<yA;ZK(mJ6(n$iJrBo$k77SVa=|ln#H+
zawByfjg(eSgzwSPotg2XrvgeT9JoZE5IPV-L<y~oC?K*SPO^u*sM#5<*L#5nlAc_j
zqE>m5N|eQKp+zYm@7KgaGn@(OHf+q>{CG5F*`8%qzS=GpkiojW+cS89aq2e%&yPvm
zlmN=QoOhH`kR#A2O^}EZqTF())fg3y{|=?s=jut8K)z9z#R)wARVZ7^ehD*EO$?L<
zK1B=5Q_*bPAU`~~@f=e;z)O?Psr#-k-}(u+rCsmNME|3rOEh0KQLogYoaRwW3eWS<
zXfz;JkJQ<7s_$oRXHHJb28RY+*T$Lk0WO5^UjFKfm&se>;KGele>vYK|K>scbGy-m
z?3U%|!YK_=IxPBAsqadIH015|>FH@IyguX`ClX5jqudwY0g@Ne<ZH7Xco)saGoMMc
zeYRf-kcp)OE>EbTSc@Vr1G$i+rQbJUBaO4yEh~qg+*w*1ZIQ3xO-!V7!m5`MyvE^%
zYBiNcF+$IWC^5&fP_cyLzSE^E)NyA%(Tw8)l^s%A)%!&`dhEOwDW!6yL#bY%;3CS0
zwaFc6Csp!wU1m9@w^ycV>v(F|xY0UG4x}|~A=#yG{dDvF{jlS49UCC|+ydJmX-P5+
zbk3f;|JyqK7C(?&K3kq_f52pTy>YH9Dx~4ji7)RQl8mRo8%n8szR8y#GAbOF2d1KL
zDy8yo$A#L1whn2OB8#&Bs+FtHv+e1hSle3pz}Ba4P4W#yztVHa)#p%O_IG8=mM!sp
z*WdPgX`G%{4a$Goob8}mq9ugZ4^Rm)w0sDKL3w|k!gJ;$&`eux6`0g{z@FK?*H(sx
z{vXIr=rp~ACW2sU_tdABE?$OqV-})-Si&Ym@ef(h#04}%g^(+}K`BI(#0Y{AUNwA-
z(3P*>VFYL=?TQY(KlVzcCmG*^rP9$)tb}i2@)xT;XAqQN*>3;<5CBO;K~xe1Uug<0
z`w{C8{F}U#3fUcvGaC+hxz21y1)i_u_XC1}ARaQ=Ap;fH7bQEsL&l!sz_hdQ|6%i(
zrjR#u=Bf-Yk&b%z7f_`X$Ifl`L@5wlkCIc*{m9r+l07Dx^|{9c9$SD@S{+jvtTR`(
zSdD|q9NklLE2U0;x#Mtig`R@K=Sn`bqxS6ClmDRK;M^|@4<+BLck1Q$rb+fGm)eqM
z%M92oYpF$87^QjCZ*m2MD)9bNl~TE1HW0q2;Ti9KWcGbpyDQ6C{G8zd{U2iO;89P8
z@x#t%ob6XnLZ0otI86KR`~2;XZ2gy;-ZPN+YvZZp&j+~qsi_J|E<i?8S4@-G{;bO4
z*rxFQoD2382~P}xN~tshqg(RAr5t4>HhRn2dqy_QmD-!pa}TG)8HcNuynC9>#=haf
zAw*FGQ8p<3a~D()l<U<jt_UONGI*YcdcB@dnb?i(+j|M-K1J~mp(ejhieTWy@bxQT
zfQ%LoQ4+MKlE88$dEZ*0l!ENcjWM%Yng3g9?Y8|l@^OT#RIBHUjwMn_YWJs<cFIHF
zmH1x20HxR%9RIa(URK3^2rl!2z^0&IuY~vO6~C5`-bt1Cj*H~C6jGfHIv~soka?ba
zFjueOz>(pu-Ko6ByiJ}n5Al@iPFmQQbuPov9EbgB9qW<gR$;Cl<nm>H|0Pc0#4nv0
z=>+TUwIAra*xw+lCCOvza%sjEjZPdg@-eB862Ovj{^}=_{`LLh&L3xaK7MLI_~bzO
zJ?mqyyt%II$Df13`O=F!?oYLTY`rgEk<FES7IW9&&S$PzwDLQiG5?cj)9|5)x&f#A
z?`4@;HsiX3S%Pb9<bFKM@LMJ`f9qNAZ?*FNR$2Y0Hg-RqMDdf;spg`vn_jv-+x%M(
zq#N!O%Vj>7dkQbd6zA+k+|Jp)?eExK*WG&G_Rrq@&f4B!b#==8alPxuRi3Yjf~rj~
znM@p|RQ@14gWU6kKqv3%S@Xf=9^E8`F`VcwTV{=Yr~Kk4#^nE)obqnCG;vd&XJ+O1
zK0Fg}LD3}SB*HZ(hyd)7$97s#a-G^oVYvfXBZ|m=p(2V0c-h)uNeAX9(=3LgS=Oc*
zeB)7=u^eX9R)d0zaT*zeVx7S%b#puw-zR6$EW(kFcz4qV5~Rux0ytS{m0=mZEYj{C
z_k(d%ei&~V5NCq5hd7CkT7IvjM}NxVpNFu`v^`U=QqcVD&oQajuw)@9i&P^gnU98f
z0s~%;R@fM@&|Aq7S7KbP6L*NJV-qZtQn>{Q*0D-Q3r7m=Q^_-|Jhv!?(5d>qYU^Ed
z*e;;HS&mhTya*~XK^P*T0twhWuk=qy`YU9K0;r4`qg|GzE>Cm<AE6hh&@Vy3XSY<&
zBTxpS`ScVa3sFGimpFwK$3W_bk!2jmeJQc{5H{ZMSi2_m3$q~J3XmEUdno;uF*Wq}
z(;S~$hv$=biL>x1h-1GTC1tA~<`O4$OHl5zE&X)I;)>!SRzLZQ?4D*^+uP3mpj5B?
zM>CqeG*t<duK}$Qr`d02*}xwLQ=RtYor9f0>+Y!A^wWb$`X}`?dfS6{>$fhe>bE}l
z@S<OTXwUM0+PQDlZ4W&4ff-RauxC`|Z5q!R#^wHV{DY{S?jAmV_1!x0ogLr*!nb~{
z)16wH#qmFipg4SMgcmq@51*ijIn4;{olU#G=k2MMD~P*MzGxu8f4^_v%yaTZZd@e#
zscls1Ov7mNp!_^|nx-P#bLtB{J16*%2OzhOcuFJccJA_ZZF=#gjqKoe2;?QU%%p1_
z+_R+hN(t|Y5A0Bn2W7F&Nh>&#SV6dG?O1w#(CnpLz^CUybFq;3oebNQWjz@uLRxaG
z-lKT)1;erSN?1bFjxZPw<l)Et!Lp@%<$5BAkLcG6*!{&yn2-c0eso$LCS60{vEQSk
zqh@B=jAmCalf?&GN<=<hz0x$4XW#{1zF>FQPs7BPRw2)-&nzBH6Pmsk^i>p_R+Z$H
zavjy2+1c6reV@GEdHqw8V2&g%j;YiwsD`;rhjFN6K}g0_tb$=!Mq;x(H37`s`8dx7
zoODMN4C$lvO$zV35|+muXpBT37u9RP^vpC26?@F_)Bb|`^KTAwso!bEC%r$(v3N$_
zGUAKkA$e9W+w)ut`&}w?@5xw?bVVtZzgU{N?2E=Tf9>sgSc0*B?uP*-Us-<J16wkz
zU28W@ZL$zcll;#ZAs!1#8cfW+9G*WsF+PrOM9y+-wqCz=)+OoJmFfxhv%EV`nC35A
zTu+m3r<EoVXlO;q-D(<Vs#dN3>h_`SHS{O)sY67mFfB!KGF&cKQ7)D8g-nF1kW}j^
zWwV?p@aWcRHN<fW8>e4cJ{&jdch~d(Tq|jX_A4R|7x8(>ayLg8pl}mXQZW6Zcz~Ay
z3#BX1jv7d3s-wgl%%G#)dB)HWpeZoLvLgNinKT>@hyz6tDn!#TJnk~Ppt9FF_IEEP
zM9{Jl(EyZE5PbM}$eUF@COim2h8>^fgNw1MWEGEfU!#ee^hc>229~KwT#k9RLInV_
zkjcMA*V;p^Qh8`<YU<kywR%W8zZ6)Hii{k^c~tT$l}i5qYw}8t_@P|6QaM!DkC^M=
zNa3?;wF;@b)oOvPLH0R(v3&*a;Bt=XdE}T<pRB~L(QIJ((q+BP$5BdEWH^~ZI!~ve
zlsP;od7612<Ipm{B*YC>-)?;UWo57~QyJAuZWTCJxfw!e0;o9sN1IG_w>K7NTd&_5
zZ`rsd*|KqqxUu|R5H>Q49HodmPF*PXZ|r>=O`ZWK^_&(uLn_f{NIOn{GiZBsG;N>$
zii;YL7lG;NX;j0|Ixgn&qdX#D9p`k^jh|Z@SoUL(mruuW>Ueq_${6Ld{dL0yrrqjN
z`LHm~f|4F0&@<L9B!0)HG#hO!8W?Q&nfb~lDjpNE!@;~u+MGYCD@36XFLzc@iVHP`
zn>-6C)n7EhI+4fo19HX93zfJ>B(|N>ns<sI2;ggjG*0p?j-Ntw9&;OGdSOw|Ii62%
zkGy2dRbVc2-zRknPJNn-ev}jQz+8^19u;^D5A9lcSZjT$WKpUIlhh~A(he{1c|_rI
zTr%R3Td5k+{|>q<?w^=boFwhhXoi-Kl=4Irm@G*li<0C~?4;C3CtqE}&7av6amh!n
z(P>E1<EC!6i!8?ph&o-=t5kSt8I*CBLRpnKk0Gfa@E#Ms(11Gmd7)`fW;*R@*J^c;
zPq@Pttn+!&i`G4dpQ1L<S<o%tK$C=eXt1t~el?6dA%Cw$WKYHs?M4ZdF|k7MP##O`
z23;9uA$p7Za0uwbMV#y5CEw@HIhe<w=X#IN{{C(EFKO5~dD!EmN0#Pi><N!POu%z)
z;9VDPy6nO^>&M~b?TLV(r0l>{S1F^HiSUtyS@uy{ln<6HN`qKE<h=z;^Sxs$0z=`R
z;(EJp>UM~km9mRTAA2jOGb&QDtLjIJ^vW$Eii(Ktk<=?nic$*3=p}JbFQuJ3SQCVB
zxND47Ar<(p6Lo2ci6P38V|`Kw4sl6gvSZ{H8roV{3PYq(B*BMBef&XEzu+Wpzm&Y*
zxrbW0Oy6->KE|OtG<|E8UFDQppVz_G_v^9JcVgP^bWjmHK5Nn1gNB;4&i-p<>28a0
zSS;X@uV4=HR7$?lB+84WHAQ}a&ZmqyeD+?^Ns=&$hoBZXdXDRsuX9t$nfn$~kpGN;
zQVI;4#}t}n3(+}ntK3W8$lc@k&}|v5<7s-Y|Hn}!FbilHl!G#)cF;1ozZ^Hek2+76
z;~-76@&TlsQ~}tZ<!~P1ABp2|UI68;vT(vRWC|W<u}-BFoTpJ69#jaV7GOO#8;p*6
z7#r*TGdau~0vz^QP<sxW`z(#nXKA}nxY><XJD;Q{Tu@QK=|g~40xp25n3lBx6sc4W
zklF+@?dE0G!NIqS^<$K0{Wt}eyjQYscJe9Ey3*z%E^Pos5h#en711V(oTbQ<>J<gy
zK&jSg?%DU3i)oI<#*L4axZ`kQ+SLx1NuEA&!GzmiHlWl2`6S8*cqwgu*u}{uUfFXa
zBO~6J2t0-#bSsP_pXZ{el}dr~C@{gR?@F8b_}H8MvXs1D7+|*9aLbo)gZJ1}#}uNJ
zLQhN|l#O*A6vF-kGc>WM(Xszd$mqnVZtrPp<*AoRxtS~*j*A8#EG<gCT|eN3CDE@C
zcN6$ZLq+(wD2n-yv@z{M?%qqo0|<j4KWg#307}j8r`}(T)O!GL%Mn&6*X!uNSFk_f
zF?dR)a$cVtrD;|r@98L(+*528P|%(|Y5}PZpM<%Ev7Mwi#5hW@kn|ml&(kuGgdG<R
z4A4@QaonV&10@KqLg2iUP{jsuUO}o-b78O&DzOWr-ne8JC$RODn+!`nQc8i=G>H5W
z?dOp_yZvSqJ;$qhPSUSmx?779vVQY=Z{#f_-e|6jz{vbO6fxfHS60UJxhhS@xqgvV
z&-E@Ix_|Xj1%tK0Lq`^&XC?yUknbYo6W?;z+RYN=JJ(tj<!XSI?Y{ZK+pl~^{vJhd
zAwF4?SQc=#eQ9e+ZK(G8l**1rYm4F0OQtQv+R;C1fzu+7NE#jkyEC2Nua&*;u03Fm
z#le?+eNQ>HRZ%*tx!swh$wjN`bz#54!DpouWw?XQvTAD5Uub)S`G3CMwr!iHAj_4I
zG4@~lBs0o|cq0#;RoQo`%50oQu#VzXUPx3H%AqHq0s3`Ln7dLcAIA3-cjoG0Jj_iU
zcXe}d$Liz@!(1jsSI81ScAHO!zRR@`Sj9N@ho1|&M=9*(Js2~zXhWv5u@o7c5c}##
z5MoK}HZmTyWO3G$1u1S%n(0SGQQRnJ@=UYPTaI1)(B!-+)(@jJ6bboS0<L*II=DPz
z3>vd7JGgt$9vrvO=kD|r7vmISX;D<H#OfmDijuC#k3yQAolkRRE6_92Xec_zeCPA5
zpKA`&{v%lLqiBBwJ-xI_Y(DZ{4nvOZ<`EamcJ?^GBy_CGEZcc$uCNkYX(*vY&PRL@
zCB*m|gTwXz>D01!$HV2ymf^A_fy`?r!3211fZNE;)1!#N@>TTxIEn>oGjdsjaWak&
z@@JhZCo%_mVK^5qeJ*t3c=})|ROOBI<H=j(dE5|i#?xDpB*QE%SCwiNLAiuRV+K*i
z1y#Gc4oiQsEV*NiSSdJRg};wWu<q}nO!jf8Q7+(Cb$^D+#t$W2xKo=TU&L9uY^HK)
zLwO<j3<a+!9-h@-@nip^vWwn$_{A*GsvKG*^hwI;ljXuGBnpU93QDQ`+&PsaC!^nN
z!tSp(+op;U5Q~P|$epb0#zm-!;1hQho*8tqRyE1eO#24PQ?Q%^d3`waWfh>AuH9|9
z2oV#lz>e|`Gs?wXlp6*t{5Jihw(r^R3IIa;1Lk@9zY4CUR{Q_}5CBO;K~%f0d6UOr
zMLOawZIcCUx=VAAPTrj9Y>6xsef%V|)Fq^pg71e2bO0M=nX&pk#x-_rdikcFi9`|~
zjmRJJZKc5hh$Yqa-@Q;uVIh`>j0$wQ>>aI^BgdCOo`CW>u2Iy1yzJU<2abFZfFmbZ
zNbG#DglCSFM{u8upXZ$mS)e0t$b@0wlu}Sf$s_!&=hc*Hr*dWXDEa!)gR2KEtMO#+
zNm#!qdA2U4MoF7mlA_ygA&Q#+%L~H?S2m)*>sG2izq@Ilxwn(7T65m?s`Ku={DSlD
zyyk)xcVD}D#jRKLD7$^tdC6_7FUq#ATG99W*REP|tE9Ph_0rAjm#rFmW(l;QfO8sD
zUO+h{JWknWq&;UdiEuuf+kgCR&oTs_p9}GRA#P5yRjS9**3O?+{Zxhfcp|{vj#Ju$
zAC%DMt~KKEM;Q7rzJ@gp9oK&5z;OB7cMR@)EoceAcrKrM1Bzq1R6fDE8yV$<e_+|<
zm>25*mnID)S<IcR1&oIFJ*ozPY{KLPKVPwJ)<DO&om;!NuWZz(kDz$u4U+#>={tP~
z7e6=_B=3pH%b<pQC_Jf@f>J8qZE+_Lu@)$$kheu;P$m64YEXTD&s68#yDw;8wsh(4
zCEJIlYa-B=4(@#B#igyk(RKU2R~x8*dA2oMvT#sZ1B!hB`(QP_45QUWk<h=Cg7mMO
zrsc9<sbTJt#a*l{BO@dJ=mAAU%|$=P@ya_KoN{>t=NLyynx0c0Ht$0-)m+LPV^azi
z%hwm>oPPb-dSB|qI2(<FF767YEn@MIvwGuoU*XlmH`7!`#k2#T<79Z;6ekhHO*w{n
z30yyrIM{CXJ7~;Ktm>>freBpDC2vSM(`lxpi#`<qQ7B~GeB*)L$w|@(ap@ChKWVL0
znsgwFBM#Ls9P!$ZIjvLZ##9i=lcH2g{YsH%h_{p=&xTf(zTe|~(ORBT2wwE<FN^-8
z-nsI*XOGgpamu)yKj&vsO66fvuVzKkCUJA6h;deU&m=0ZdkkiN-lO<coyRVgrU+7=
zRCtD30R6(xba*SrkGWgwv{bZx-=7P45Lh7Aov99sviS?k(taWEQcA(o2AXR`z-Jk0
zUja$nts0FtCQ0;RAp3VlZ%d86&ocqZ-luf7T~++;sQS6<RfGGIaxYBRg8RBAV_c8C
zlJ~F+yX{p$@X)FiQ(suU`Kn*IaOvb~QFcK~CKlKSoS~OKL)&%go24El6AoRUBHtZ4
zrU-qU5Qw5Ap#lQmE5Rrar652;q1$Y6=aF>bmwn818%s)q)qlS5vh35VesI~97~^6k
z6O{`T#1+C}F2;>=K_wZP;ES3!RUcS6_3l>M{@ZRAl~e9^{2)N76y}zLW~U7kgfLKO
z&$QsW8BC&YtLV~eFW5J9-^9d3dYGCH1an7Yo!L?gE88nUg^e{-i~}6)vLftgg-MVi
zG3nYYaDQk^?zX_g!$~=wGNHG<K2-mYRvi6a7=#;I%?>=z%iG;)x7lKow_7O%%>_b8
zDHe*}B?4Q11-P4aYi%8W!<D0-Zq_jH$lAaYdUz%LyX%eMM(hYgF(77MFXy~ZDsS_i
z_Ir;wvt(fsV(Ln{{3pp^^=0z^Vd7?-FIMZmv(9IIfhZz<T93^}lp-;8&nEU+^+oj$
zrz+E_jo<|yWC4P8`Ag=$@lg&-$hs+13XT^(mL~q6%hAVz#*6KeTNYrcQ~b&^TxT7Z
zL<i}cC~<<H#66aJi=-@?T)&)0p2a4nIt*5fIn=FKzh;C|M!5{B>W`oBg=56w>SseC
zlsSteNg%&NK}B22Vy*?;<IrMRL+=IZJcG+W4}3`Z2c8c2lv4RaKYq(L9#QmvU@MO~
z!p9idb!<#Gc<ds5&F20=;^A@#zEY1doSht$)F#}p$j{=e#(J?PjEx!QJ#@d>NBI_+
ze2p4VcYv3a<*39EJnA~^ac1+e<^yBxqe&Qx<b;puTDn$~*}!ysmOK)dX$v9oOT4(`
zT85=LS(Cd<tjS(z{p`b;=eF&h?SAb-Z^Ms_>>SChkgWKuyblfhS=p7M(N6>fs=Bhx
z<X<N-v=RVGCq|`I!SK*fZf+K{v+*@Wae|KRz6{mimJ9V&pI!0owa;3!=X*ZJsdNef
zA_avo@5-MiMklN+sw<*PUO6yS`Onm)e`HEtX<&E=vU8RH3Y&CefWoI<slz4~E>Wll
zbqojfZ@Q`WE6;nRvTb5w0g8uIJ`P*oZXaw<H@+ltsX5hvuMN^TJ!B&#i!3mGSNu6~
z>6d@H=R68HZo?Es>r7)7wOS4G8xT=D{w<ZMH`XcxDETGgR)U=qrj*T44p1tGfb!Ml
zWRZcrlYS4wGaoU2b+_k7_lH5erCi6IgNw@BSjrdE&frq9I&eW`t$55O?R#{fofF)>
zP^oo4u^qB-fC4+UX)UalHtMYX!G_l7ivl7!#FbsMtl8jklPqHUR%g{cQ}MeIn(Jpe
zjp26EfxH+jJKiXYVAD)wKDvz#I<s92RtMn4`fv1<dGDo-y8IqPDrGN(q@S_?Z>raw
z{BTr&4!J=&rPQM^?3d*f1VbpINiSW-uz%fd+e)QUPHt9b@KNvaan1VmMk=jL>y**X
zI%{R&q6WesKq-}vALd=Mc=jK~pQbVEPLbCw5#!L}9Fdr2l-8c5qIhiFXlJWUa!>|G
zJ`p-nUa3>YR48+)&C?RU+yw*{9QLB3Fe*w4`)o?S73*WAUIBX!MJ1}AuaC31mL-Z6
zO5&t#nsOnimX){X;rzwW5n4t^M@M__Q{d6{%fddmdUxJNt@Mm2JK&Y~fv()*cVyI@
zSeMi(V=$k<F$Tw63$dMj*U&Gd82%_?xb&${j%uakm*4xLNPv(r`iGU)Uz=>E|M=kQ
z$wlC1iS1zv_<0uHM`yOPs58gbR0ClaxF;|K#|GFLk=lpOYJSb7vk?LppzhZY&9u3g
zv=OyCb1&W*9*v~j@fwtC0gpuDmjy%R|HSh8L#tkS+5f)ibsK(a@e9^mwrcF^mFr%-
zZeZ>6)()Qk;&rRmy!_J3&inqQKe_JiYyJVH_JcIre+s_4DzY);+P7~Xk|;&BT%&T}
zqa2hGwIcXDW~mwOq-Q#R)1K|V{QhU%b^n4D4=I==?-^A5@DuFco;nxBj0%nH&Xr^2
zVQz`ag`&}L6oQh>DVOuL<&q#&uhw#GCU;N0zibx&8DjP2td)GjvmTnn4V2I#L?x}b
zLUTnyDFwq_qm=C^M4e%cR4tt6mS!4jGT7DKG+I75Jg`0tO$c6d3nG1wy)A=S0zdmV
zL-P5jf!qbuyaZBblt%0i`{d&-m4Vv5YH)C(Ys@d`!OGM2b+hv?TbrzU;DM>9UvN?P
zf9V?T?qty)(&|-`BRE4VPgpMHWmY*>o-**^q2gCDR2|0jp6T~5Nz6MgNb4<*7c~>i
zs~v~C6c;Q{6c2fq22@nfPcI*eQF;ei^GBRkIc}PkBu{Cm!<7Qd7|SI)3$2ZQcIDuM
zD;O~UK2%nPacJ-($9WuX&Di?$QfJ@Eu~@~SL{996QisZp{g;e4twDZep!&wTxn~e!
z#_z>S#y&}i_<JrDfH7KUq~B8inpdqEEXUrPSl!cwZzR#7NaB?06{A$oP1DrpVEn`d
z)qQm|8qzNz_U#amNuT%ZQ4>oioV@?gG3}>kNG^|$V)+0pgnvCxLwgF%b_3j)ysbG9
zUfIYRp8Wc)Sgz#XGmMUo?*D4+82eejyYA%3Mfzj3zRNQPnr+vh%O)C<Qi?SwWOO+n
zFrV^qU{`aC$DAu=L2@{dCwt@HpKJTWB_3euZjLNnOGPr<PZ@fCi|oe~yf0s{c;5wi
z`z0IBo=cxSO+C3S6-je)ODsw|9SHp3GdF%An~k1j67TDEuMU+sRJ;<ZUKxS%Q3)$Z
zxv4Tn(J+x<-}FBCB|le0c!s)2mCa9NK0aAmT)D#wup=EP&t!`#)3xQp4`Lv^qcU9n
z<V@6jW2shNl&TEvBtlpzqf{y(^n48024JHMX)~g^UZac<rt2PZjr5hvS5$s+`)6;S
z!8j!dj`3n1|9;$-bdnDQ?1#=2Tx?m0rl8Vv556T1P)c$42Po?(oE&8F7V@ZB8>bO)
zu|?#5$8^Hq-LWlBcVP2O+)VzU9t@@f;Q(ZjWFaiTz%ma%dgZWOr4*wS2qcd!5=N!4
zb{@Hu%2*eZ(|fPWw70t~CiL-x`p%sy=3RZEEL92hqgV^uuJgWV2lRz@SPsyN+wdzs
z68=RdeTF|2{(0uR|0vhZwprWSHn?=)KfSW|UgxQ$ekH(cvjI6S;sTeqzcD=v*+7c2
z8c}Jj`PFXRihq6}bHB5xv?*G!;xP`{C2LuHC#ZB><lV94f;+DIBZR?2@XYU8rHm}J
z{XX?w>0965ccqWw??midHF(S5(#3bLx@E&3Z5VszA_<=($vU4z?{FB0Tf2E=)rCKH
z)rXuh_dBhAg$f9)BM&fj=Exh`Kq&*clwzQG=13`(k8xr%=E;6(>8h1mS0-1yn`PE9
zj(%dPN9WJdZwcpE=1K=PFTLcRYyK!0So8oD(mw@IB0cJsLgtf13N}hfD9BG4lvclJ
zhRu!3&YOA8$aNzIRBR+2q&~16;tGKm@m`T#v1&EkKa~e6*DFsg2Nhz*@IKW1U@&jt
z?{=pJ%f1RP>Cil9$%@6_t1dqO%iU7>8IP=e#1kb$-lGs}2gb&<D3;8+|Jy1q(|0JV
z?#kyBn`NkgfUMxiz*cEw^T<g!Ny3Ht&*I9nkYjowDMRWJUeHdXM}W-V10*>~4s(~K
zYmrgo%lO$!I@e~#{`K~u>DrtE!uYe})@MgEPfaT=ndH=zT$Fk$5xC>}AAEbq7jAuC
zd+*G8+sQsr3#;AsYzt+t1V?2gOK8Zp3ZCa-aBz?dQG{+1V^)4i(pN}52g}`1Oyxp_
zJ`}?y8&f>0$<WOr1l16+OStA*cs>_Bo{Mvb1g?nawz>f87_1H=X>@04ZU6037GHhe
zlW+aPrjKn(*l$NVu6xs_P08Y*^5>mK^RL4ofH8&w=_p09pVBTx;iZ^VlcznWC>{-r
zGyB>zo!6F==>3nxiz3L^eK*4HoLN56o@)G7)=gow4}L%?wVyOpUatZkB?vVfM3^h3
zU??4p(g;HT)6RLn6F19A{eTG_`>%0k;)4@X0GkH!&o!H&N4hPV-6l-Q%g4qAit0xS
z`KNl*%^76M!l!Z~mZ_Om6YZ$W=MdU6@HuYfa+&S)c)V0ar~~qb#iD^l-`w}m?q~Sz
z*8kc1^sNatB4Z1rNpy~IkB#MDS(c-bHOXzO*KFSKS4w+3;Hh6#2CUTO3%aFpCW|b1
z^<8=&b!*l}`0_Bn6rf4IByW~<RsZS?T6e5@{k6Zm?v0gQLHPgx5CBO;K~zt#%R<Oq
zcz(pf#LNX;@?%fFe9ezv`S+$`wmVO~%^F8W(K)XQra8XOK`DjY&y4-M-yWq@9^}|{
z&7+8B)Ee>!O7Cl>t-CJ2=V?E+?#1f@Cdd<w^%VjJTzKzQ7hbmgX&?4V!2_8}f3@9h
z)|JYW<$Y(8yk2qV*Cl?Xdg+wvxwN_fT9I|r%Z8T^eR=nV-T%7*_g<9uS?U~z>es#Q
zJL~*q-@D)^%2n?s7pm7JNRiqkS74;B98dA=C%fOLxe4(&mqZ!$LLaS86TA2AM(VO>
z>p)G^2QT<$3;OvFKMa57!5J-95K%1USV^oOQqa(V-DOkzDMf%~Zb*L|57{J6#!)+V
zh4W8b`Xu;}#AJCmi($W!lLW}KxIN+wW<t%u(+p4?OR10E{AO@IuF7yWdK#i^XP$e0
zdARhR+%hx{$%eDxI%^twHh_6fweigFjJyAfx8Jetv$wwqySht47rd%F8-1-+eFaoo
zO}941t+*9;mm)3hP>Pg>;sh;F+$FfRI20-FTHK3kkpiK3p~anG2@VaG8{Y4KzkC0+
z*Gksf>ty!K&N+MLIkV^4rnT+%0C{G1!-<2o+3|24z?oJ>3TF!~Mnd>ojN(-9Gn3{s
z=@ffi1L6n;F!ShpSFO-_>IgMCu4=~TPiDl>Qgd%@uEu*JpHQwaEI+7#f_5iV<F-Nu
z2TsjIox2*oL@4%>fRYg#@2)e#SXnt<P!7q2m2lok*_c;HBtw4Po2_W(X{mLXEgLOm
zy?>98t#!XBQydGERhQfs0Jg8U;j317SWk$nadF<fFkv#Y^U<hs!W>pk>wB=HRdKn>
z($=n$$aO^KLk=<3BHyx8Z2#fC2rp~9FTp|=V|-Y}I#W-PU1)&iE~N8BOaSyxXt@>1
z%K_i}nLH?(H{?V5ef+#BVz!2~IldXuS!rRK-4?j}HL0C8W@a9RL!dP-3r3wUhs2sJ
z<<t96e9LyifVB_M0@L1vn8_v2@~)JpX+f%7X--Mu?`2f~T15MXPaX_-SuO73*5Qsf
z)*Ib;KxU3jtB*V1FP*&P>%|Ba%y=q$zAal+*-+{*o9}FGLeBIgC5-lMY5xNFOlv2%
z5v7DqZRZU{`&j(?WT0>7l#9}BT4ZQOsnp+B*cox(cW~a@{K4`5Y&v@SuA9W|_p;Yz
zcDwM}yyjwWy^HsZKIU^BW3pS6`HY4x83Nvi#MW;rGuuiJNnI4rJ^-7rt2U}g&4O=d
zJP%W6Y$~*QiFBmwo$D_MKdMvSTNW?T&KHh4ICw8|>Z@ZNFd=wmLPPT2R-5mrVQX3<
z^G)*I<<5Mq8E6#&(Shzf@jdn1T?e9`H65&z$~!h&KjQUxjp4$wGrae}(z#q_LJ=}W
z5q)2@g!6HTZ!Cz&E&@+AdzZ8%-ecP!jO}uTmQq<nwHjp|$q_~=L8MZuNYi4X*uQ8<
z8Igg^$^q(68oMc*SqvDu?l%?0mwk=qhZJaQdutuoDX-7hEiWzxt)xv#pJa|t=KIxa
zyFl%`Y#T%`625+1F{LoCSK?8YEZyvrhYTV&HaqExjVlKT)os04Mt}&R>=*dvPiezd
zZNY$wh=b(!_w|Q=2={BdTN=C|<el80VAtUv<6jK+Cg4;=3-TD-4?LoXo|u&{_rEm$
zW@5Q~j=OZn82BlT<>>G_*f#L5T_QXajzza$H8%fn(Y>*IOVHX$$uo}jcIAv|&h4$T
z6=DqFG?ntf*gPsEbk~Mo%J;7Lbws~T6rPx4oXbK>U`!_TVIIZ!+=zcWQd{Z@w4`+;
zvF#ULglC#kbC(nB0oM!2i*<DjFRo=ep5v_~D5TdZ6jBTi+y9f75rdKOgX*JZReT?w
z)|EP3%NUzMy;70C{=qAE|0<!M;BM;Vena2ew6%hVf}QpOr2i*mc$q-TJ#k7d+siPg
zh<2Xnh2{HNq7qD@S5GF-6=)PVM-;YG{IF+Gm{xL<QDp9)z-QhDe)8PP%&?O><Otfe
z0ejgjO;s4~i@Q8u3xs$jFd^AEoH!J5n9hAU7f@t|^R_1Lo~Ttfv069Yxo@&WJyod4
z_VNoz^JKbzGJDxCo#MnLprT@Kh-q!o{}Z;aOrG*F;FK<sH2rJRP_08@XJ6$IPf{}-
z{w-f1G@Zv952Jz5jZnE%<mXn2^b7$dTA}_c4Ibn5aEr8d>X%R6l>vT7&<iz-!3H@q
zg*=Oh0cbS%ScxK}6S0hCA!6u9pbQ^z3YmL)2-qB;q7V?cx#?E>nwmzuB=-}ov++8-
ze9qpsB@1%u$c|noNa7+2nZYx@8%e&6pLM}YSrhqLL06Cx)}|1FTaW7gfa&|L|2Zhy
z-G?)IPh1blxd}Jm9o*3&b3-rF)l6=An>J6R4mEnMc$y&|an?PwGt~S$YUbBl(AUlz
z4VU!_$9zvyE&_fmZ7z&ydu2&1B%NGhXwT!>c-I5~@xuL1jp*`aa1WwMy){*@)IXVR
zwC8BwaG-n6YfeSyAh1bruIJ70ZclYKn<0mK+dBK}H})*pP(_;7!x7{3@si+m>Vwj0
zQ-9NOHV0VeS(;f8vJUBT<JJ$lT=CMaU-H5P{)n=c<$#Uap~>r|hmLnDy{!je1jUDk
zt9N>f+UJ-ceVv`qtjcAoSF8CcM!ThdiYW<KpuPJtfw#NJ+A4#-G=>uvG^1^|bsd+x
zV8;vN-#_MT7i4R(F0<otsWq$lQ$o_5_foI?Cd$Iz2gy2>>6fm|oICXNIPs)@=A&sT
zA@k88CIG6_%deo-f0k61n<ej6ikcz^$ut;6p?pyL%l(&4V6IMx?=Cve%dD#NAP~*Z
zJV8@Eu1ev1WO0~*z*9M|#@mku!7q*~*T$~A@|{3$pZYb`G>m0e^|X6fY3`fz?EY>x
zM~E#`IF4YpR^{tA#V4;w>I!uNt(zUb=B)OXB`^1;ix@`3@~f>nKa4ql?%MYr&31-y
z2+#7W8t3h9d{{sh4Vg0p;(jewTd__h`F^=nlYE?|Uh7`fo6F<1RbSBP`LL?&!d<~y
z{fCveY^6TyM`7LvAblQqX~SDHRsM`VkBcV)L%1e6(>?`km;*@)D2yL?M;&he)#U7h
zq;FTrd8Xdm$+YDoPrE(&;~74hm(WCs=mgU1<O$#7fmLPeW*1d)ho2Fq!rTigM%Mc(
zH&Z%>$95^RSXa7@xnHcC{abkNr82}Q*j~H<&Nw!$&T<1=X8lXFuh@ZX-8L=DE9WE0
z{sZbg-Kw9llsA~6R0gu7%>L1SB_;$mn<VrZT%As{scpbYtK16v3%PdY6lVc_p=3Xw
z4qmH2ve&Lnj-VE>pMGm~lb*6mZjF_&{G63Ac{a3a&jd;My$FmhL$Y7@j~&K-#8O^Z
z8u43j@%Fbw(%M=KtszN{!Z;uFT2p%}kJ8Jepo*VA=S-joD5iL?PoI4-0iU3MC1Why
z&G99uXh>jgaK{l(bvGw%^u<)<c^CAnDpW^2qc2i7WGBD)Jz6F)0a59z2KlTUmz+ZP
zijCRSYY_8fe67D=!lA3T@y(I#ZiRiRv@Qnaj?4qL!NP{jMYH7f%5^xf=k_EWcDJXP
z-*cZ%zxd*!xF&aiMZNLwnY3{3O)aKf3$X5mM6*#75QyG+wgKJv0@`0PyPvXgMnLKE
zJK^e`z23JhKr2CpGFBok*PEMNcAu1n%cg8tH$+&p7ts|tCP2_MVT~kLuUXQrdL!kp
zx?j7eVo&&It&62?FTx4YV)yDMhldW&X-n*A{;>6jWM056)WIhGA<b!AO8Wd@>}TzV
z1-38bPFw}YYn@rKe>~<K&#%)2>Q=e%d_QARDm|B_@Z(w{&4W!pv(o1b(^I(RZ^P5k
zEPgS&Y|^@LsorwiTLFwu{~^h9xMbpCA<<ctHNICFd!_3rT>h#iw=u(*Uc^X1plUl9
zT5WO(?UV`D{}>pHt{4Zgj3jM4Q#LqB6$)>8>v)VCEhLf8TKzT|W_~anEh(${oILrt
zn<#G2IW_Nn;t8D9t~5t6X%J`p?b@~a-;LKdQ6Eo|TO9K<%!4^P-bHLnw`qPaU|>I0
zDGHKsV>4OXiOJt#y~HC%tEgiTsQtw<|2_9N)bY6O^v6U%vQJ@9<|gH0gB#W?bPvYs
z6yv>~dHPxUFd1s_rM9^9Jw`H}0lAA&dj-go^YT56M3ztR>|N!jUphDW;|mpKRu#9B
zzBnd5IP<U;K!v_Lo)T3=y|LcnI6=VHlgx0I=u`z`z^NYV8;7Ek*1D%8^u%KcxPIWR
zyD5O$X;jp0p@?;A47x46<Q=nSg2=4U@{?aq>tsrH?O%1(CTyhg|N2I(`R0FK{J|_A
z+SeW$f=21#xR??pH*g6omWi$>0S`QrZ4L3T&ljgV7Ld93Rs&iW5`i(UPDOQl7R({w
zw=IZ!B@vGLPO`-nXz`NeeCF&U@_Qbnf!97j%uk$kzlRp1B8yH{Jx45R*}T7#Ez}YU
z&5F9go18d&*}Tw0utKn6Dw*H&g4kG-C;{y$X8?o*Rflm}+gXV~LnEp&X-Db}8`f6j
zuEU1(35iU}$I{qC!qwm*J{S9MHow^nuSV6nBb+(HIO*I{ifHu!(@X*M;So~IRRy0a
zc?vanOfprh71$^X1}!DXpP-q>S18b1a*ar;k!u%jk`(m2E3HkPvya}1GY6@Mn~qF_
z`&*vU)Cd&$>n-0@+geYLpoXG`&W49rDl2$0I@e~L6hg`%RL8}z{@u}e74jNG%j7}+
zL`uEkYXN+iR<s`>$-D#P?}KM|#%7b;`U$q!E1YTZJLwkRBQ2?}eb^fUNfmrT$GS>A
zhdP+2r4bK49|J{dfz+1aWr88c!xC<Pb`>@QFW$m>s2YW1UCG1M^Gg^HTgk6wpyJMI
z4ELG?aI{<9KDGnRlsvbBUFT@Z$=jlOf(A2_Rl(zkZ(bofk#SLPP~E+Nq%k9}X*2I|
z!EkzhcI|aTLhgf6EHxf_UOjfybMgZ;^At#nIUeEsEmJs<(bb3;a0aERaMQKXeN|=D
z=(r9Za-d$|sM<LztMI|MrOypf`E==ik9Mlj_2E#lIUgw6eMFfY=%1H#v;tCX0UeN#
zwh9QUdS*^^q(7rEsWpMP?{pmM&YQYOHXR=30oPU=JVsvr^ksu|SCsU3Rt06M@K7Hx
zUX~*`aigqD62B#wa+ZG#uGTD?cs*ldRTcA!9GeU~M;JThJXjERBXq8H560O2E=ab0
zuVl#XH*A1taLu2>&Uu(fh>y4PT~mA*jt!W*>C!j3DKeUyx(H<eS?!Cc0&v04HC>Lp
z>ETc)VHU+Jj%{pVS@x7-1txC3)9KeUE7$O2DR+d83*yrXG;jC)t?HYx$lZWMU*=(6
zaa1Y$Cyp>LT<K!$B_S6<kni@h2f?~-8z1$z-sfZ!F;65GR`|g@L}E4Aaf;C=GVgLz
z@)M#d3UO_%1fO@<B=~8BF&D_Ki!d_wzF>|SmLBNDq|prSdRG&m3O@)?$6##2L8a?^
zWr(F2=qb8_N{xa-=%T75uY-b?*@euhHx_mkdr%)8+gj0s=vVmMr5Bw&nFxmujouNB
zMYeUj()R$Kocc+q3hdz{0yeoBZ2tC<jU#)*K|~dKXedLlLbEV!r!p;}a<=@I%UuLJ
zK6?*~%=xq2soNqE;0(wj3C>k3)q$7HU6lztO-D-ttc>6o);4_hJBxu(Z%-8@|7mVX
z+Rn~VN6;ZX^jGgsf%A|?H%6U)GKQxdaiQJWt4*8yDGBWsB&3TuqM+@Cm?6<%ZW&y3
zT=dVRp~i{qcBpIDOv9XNTvV2A>Dp4WuY$hvsYMbIbZp-J*(vDTY(V;kc}l41@XqM(
z05{4T>SuRTimglRvNXti-`M2QEdJK>H4gDn=sWPr-mQi9uKI(QiIHd@oW(<Ve6F-S
z(3XBuN8MVJveSY8Zyf02*;;>5C<ZD9s*Nyedz_AruzPr(<PanF)V?QUKN-CAS++lt
z<Z4ExohAO2=_~p+MDYpo7JHBGV}<SbiQw{!ger(p_u2bAG;k;7oF7Jw9$KE(i3p)e
zz!ocX)LHB6jLCd^x0H^&j6k{1QJvyv%fUr?49+PTodeiA@M^2<1O7D`c=(x&obov?
z`UE+;61-f8yM2>Mc8WEPXqsDO$h$59E1E@IU&SKm$U-|nMg}{Mi8nJfUK1^obE1?e
zb8ISJf{0#oR;Oom(Q^6epUF{<sv3Sg8^iD3T0R8)Qu&h46S<0n!fjj5n{Q=;Z&^61
zVA>{{gx|DH)U|>_<wE<o<kxvQMba~u>rZ`hAUofDqHqiy;+;ihtj@{fmq-dTv}c@?
zBg1gfHAPXkiZmRRlC9G9t8|e^C^%uK)toa(+HhIS3-t{n>kE{ZiWi|@7S&`Mb-AT^
zZZDD5s!~Tz@f^UL=t#cv%mSKb2?V&HX%~45G<_(KiJ-vF$;BQ)jJbN?4t<w)#ZNTJ
z1vu;No)<e)%gon7%T>b32{BO1@SYe68}GtKitzIU;aV1HhB{!~K^-LxDn_+p>k6kj
zniXNc8Mp{RQ^$*!!C!QDqdb9R#0?a<x??YFskG!|T0I-DOrm9hdpK1ACtVA4UWqBT
zJt}W>S$&p?IjLR0vh;a4aLj*pZ_nxV1jAK4ym6QT*31$yQ}95*#O`sZmD|y7B;^A#
zrbmU`+1H+@wrU4W7B59>?Yz%tPvc<11^WQ<zU!3Pm5U|pu7RnG*<DF!$_rEsX6<P=
zNlJ?amlXEW**k@62$7|WxWttjg<n2)C8vSqok+FZI<2DIr$+ZXZCt1~jWsvpigWtz
z5jxr82xqtw4skLh=$f4O&B}dQKOd2gF_G&_k8Av={PrI*6|;=cO|jt&{H|Gg3FsDV
ztc0BnRRU3Ikoknuk0Se9j#s(@ZIzWGrfZY6DF^-)cWukPR@2NPHa3Vo*jcH~%06pZ
z;A$kt-tZmlFrbW0j#G%7@uS1eX?0;yA@YG>M77_Zi729<&Njo``$4RhDwMK6+1uj}
zI20$0hm0zrYbML7xRGPivY>J$cP`D=WFN@CKp3^1N_&2xny{4L-aw`&*j$izQr`x}
zFj3`F%~8oRVX*!d>iBqIt=Xxsu#?aYN2}GS6=lQ6U-YM8;PU#?D@KDzD*9lSSKs<B
zhPosyY|<j<TzlQ_bB%>9dmXW?#Wa_MDWfY1GF&BtWXK37=qADB;a*=+#5IW3Ba_?b
zf1iq9%SFT1zq^fbP$YS0?Zg}O`gTW>lJ0TVqK0nCuNPJw=Wv(qx-@?H1i+GdsZpSY
zS%J*<7f>)#h${nBranMgthMVh4J0-g5pm9rKWQxkbDkOdl$%xi!pSE`;%;MqmF%(7
zy@prEfeF(ctJWi}{|p9NM4R0_g&SU3Rzu=mPvqqgL&c)w#pa8484K1)<;%J76PiCU
z2R=S+^4M_@N!f6>Z3Lu06l*8P*vJ7{X+~jbv1fkT1H#ZAk}fs;(i`~FQML8R@B`Bt
z`(EnUpG|%uu{YR>kxrt29r-we1)Wu1Z{hy{ysalFP;jbX97}+RTL+?F)#+Odocs5}
z8yajHfK-!>a`kd;sRBKJBOMK$G`buO!OC3NU0s@50Yt#Rzrd2(@ssUe@Au!(h>oxG
zc3&7S!bn|OLJy;*;H+H9e<Jp|JNj|Hw(d)ucEph2qUVWWkNg@<CGcM03;up~aQ3^}
zS2}#}{0tGvG_RB{4<wnKqRYP~9axe7X1m|F6yaicTdk|!dh=&waH~BeO~N3+jS@SD
z9=*jBk-PAXxVM;I$Aw}0RDBc^5UnUjm+dXVd4{YE_XcgGo?)}8YHsJ)h{QziyBOt{
z(;OSOlrcWP(~i*8y0&e7b#;5QSm|nT`MTH#HSxD(<KZi>K3O-j@kd?c69Uh*2?I`%
zxFX;88Wngks4GK{mdMGFfWwRW&n)xwNm9D=C=Y*?fd5X1*+m-f>SpQ~q8hb3i{|Cj
zUwOA0BJPh<wj-0;4n~Tf;^wC?3($&12AxEJ0@T!0f8R!i^2M5d+cn`a3)+7_#ruXE
zhKvd^ee;Jdy`T@jS4Fe`K!4FiCSR^6S){^Vuxxq1lvjJY5HX>BETH=nG#R{dV`gyH
zk2gv4?Aa-DOI|vzf6N4~_j9kj6<LYf?owT##~teMvdiVv)d^@<e>M!|P1+Al!HuWF
zil3w6d}{u@T(;}BCs#J84s_djd~;{=G-v1BoZzMRR<zG7n5k2+vZi}=c5v=|gd>%h
z#aaGwYQs|w>G#~55tV|AVqqN;B9mbW#V3u;rQ<)*^zn}Qm}+{wPnItoQC&q#+M;yO
z#vW}d9`p*Jpe`T3XSNqN5bm=2i)K0+Y<pStJ9x8;vUUjt*M&?!w9igyy)by`23j)h
zt7Vcdx*tVu!)U`JRwH+4Isp-UarDdMbpXg$&pp_QLf0F%V$RTh-X#q(_WZ65YjfH8
zNmu1IM|Y?v+LE2Bm@D$DHPh&1_0^)`vTEl^fMME;)N`WHbHEF7$tI6uteI|Y{iC}L
ze^CYAkm?)9-qLg%e+JF!dmT9+J*+C)?Kt=#E{{7Uwv-!j+nw_7ID%T!OV{nAV~~lS
zi;79fdSQ$PuXRCl`j@i3emU`{L#}K=ZjjgK3qOf7Fx8j}_uIb=0(x-TB=5vc2wi%u
zMlVDKkj4JeQ2~!pV-{KVMPS7jc=Ouw+h)I6v!GFy6t|Sqr#jV`0DRlVTGRkE6Wl4?
zeb<9_uOzkKLwP1D;akZqYLmxjj<V(HQ*oW;bBCPim9HgnFz;|@GBszvHOj_%i|R|?
z{jBNjfUdQSo6}N2MoK4>f@ndav>v-kGD%wFsYEzi!cb%Y1wF<M1)>pD?c6M<R4Lr4
zip*C=6;F*0@o91RQ5;dii8ev=A9rdA6bgj;#iSF+w%9a-!n%!Xk!Llg@{T*^t!qAE
z+D$S}`#I(KqT$&AlXl${)@f_J#|G1Oq4^6JWfG_Q6@zy<F+a!I*%>%=a<$RMi%D|1
z+Ws)Z28ni*Mzo02*KkAi&T6?Ow0>@p%lUMPuY@>pIEl<mg1j|)m>t3)PKf2*>*e49
zIzr34Wi5&4pndUcoWn#)^9tK29>yr1NgZI)GaRmRxdJ(JChX;N_#3kTMgz#o(t|*q
zbmNQVh8s!bE=1(L^a|_pT>Jpos)-EdkWy(!tLH>J-zZki;nudLNqSTk8F5Eff^~fM
zY!|DuCGF#F%kTS05Z@JOQ1mvzsx@3vfcRR^<rWs2y2S3B&Va<ec4kRm<<?nQ)?0$F
zcK5Lm$4<eZ-tG&o)zu$~b_)<6lWPQK65Nw2yR)+P&UFrcVi}&O7ENjR%L}{1{~jGQ
z-*xa?Qg}MQg@eY@yRv&C8_K(=>wo4z{}()eNDl|s@U`e)4SG&=1M~e&jLZ|nN<JIC
zqKZf~1A2Zwi(M?Yx$8nHEl)a;5(wt}XQ4|G(f1?%*|vrsErkLpDc4Kq=<w}p>`yHx
zzA_fGU#(<S{R$PsRofNb)wU%QxQd<E6@^12P`CZXDcTX|*}V<-+O7AK(6)<9b=YOT
zj+%r+*aGs!ToxaEHvZk~v4T}mlghQUoZhXZ4G!tVyLF5&`MtN&oid=`y|9OykJsQk
zF`D4#M?MkP$R$Y1y^wKQq4-kKXcfMe1hZghDVI>50K}XkErB*-vl#hjJ<2*2QGrln
zH10Rfg(3j02CxOdM7d*_vS-P8Wvq7dNmoXqhCogJSt#W$#4T47YtB7fN0GYp^%fah
zuP1-J*K|5+=rCny(bXd?Mhz85!bz|SU%8Sr28&$T+>p5w5%d*}mSn$N4Z+*ny_ZEW
zTFr26M!<i?HJQk#pPOO)!&WDM%j-o!?x2j|?u!26j1(1tANJU~fybR3IFO<Y)KD2z
zBrbjY;mIeJb>#4tuP-HG4At{8w%;OLP_0(TQtLm-!Ry@=Vq{#0)15mQhIIdH1;FU~
zj`-0|*rpQ#@&mNsd?TOwM3<YsW}m&Xlsmz+gQ4yCytNxRL*^Mn#2Ld!#QBf-^fRA)
z(vz|J#c+4D3u>>J$b!}WFkr(mU0Yl*@IX+)c*zK#lokAE?2n(?A$_E#a3YQ4+ZnoR
z*^}lPgx_yUmnF_&K@#t*^760$&*@0F<3!3821sp0bnUq!L%@HeZ!5Mh6RGW?B5S5Z
z!rgx*=M_5c&X!1+iO&BH$@MGKiO;t(fDAq1uUH8@B*^-Y<n>`AK?kYNNo?)EO<WLj
zF3(0I&E;r*i|zRL!pCm_Cj$oQzgCV^3Lfzf!J{qD0^?s=|Hpmx4513}KZME~T>toG
zj|I^7IQx{5Ak|{2dlc6H+InnE3KOaI!Dm(eXH*QK$i?lWJH?O)9z0wj*UZ`UUpF8f
zQU9p5DCA<sMZdu&bN<&Aqe=w;8BO*qWy429|B8w-Qu`TKE2$tsZiC`~9fbebX{!Q*
zl>e{O=18sOcfchn#lOuy_NXtK5jk#-Fw>;g|J#oY;=hO|C@2U-cv>7D3JMD5BlJc?
Yk+LXsHptOPM`}=1l{J-W70ko_2T06#!vFvP

literal 0
HcmV?d00001

diff --git a/frontend/src/components/TopNav.tsx b/frontend/src/components/TopNav.tsx
index 8a2d27a2..c41af4cf 100644
--- a/frontend/src/components/TopNav.tsx
+++ b/frontend/src/components/TopNav.tsx
@@ -137,53 +137,44 @@ export function TopNav() {
         </div>
       )}
 
-      {/* Wordmark — pre-revamp logo (sprout SVG) + Playfair "Sapling" +
-          small "Alpha" mono tag. The SVG lives at public/sapling-icon.svg
-          so it ships with the build and <img> loads it without JS. */}
+      {/* Pre-revamp word-lockup (sapling-word-icon.png) — the sprout icon
+          + "Sapling" baked into one asset, with the mono "CLOSED ALPHA"
+          tagline rendered below. Natural size is 543×147 so we scale to
+          ~36px tall here and ~28px on mobile. */}
       <Link
         href="/dashboard"
+        aria-label="Sapling home"
         style={{
-          display: "flex", alignItems: "center", gap: 8,
-          textDecoration: "none", color: "var(--accent)",
+          display: "flex", flexDirection: "column",
+          alignItems: "flex-start", gap: 2,
+          textDecoration: "none",
           marginRight: isMobile ? 0 : 8,
+          flexShrink: 0,
         }}
       >
         <img
-          src="/sapling-icon.svg"
-          alt=""
-          aria-hidden
-          width={28}
-          height={28}
-          style={{ display: "block", flexShrink: 0 }}
+          src="/sapling-word-icon.png"
+          alt="Sapling"
+          height={isMobile ? 28 : 34}
+          // Natural ratio 543:147 ≈ 3.69:1
+          width={isMobile ? Math.round(28 * 3.69) : Math.round(34 * 3.69)}
+          style={{ display: "block" }}
         />
-        <div style={{ display: "flex", flexDirection: "column", alignItems: "flex-start", lineHeight: 1 }}>
+        {!isMobile && (
           <span
-            className="h-serif"
             style={{
-              fontSize: isMobile ? 18 : 20,
-              fontWeight: 700,
-              letterSpacing: "-0.02em",
-              lineHeight: 1,
+              fontSize: 9,
+              fontFamily: "var(--font-mono)",
+              letterSpacing: "0.14em",
+              color: "var(--accent)",
+              opacity: 0.6,
+              textTransform: "uppercase",
+              marginLeft: 52, // align under the word, past the icon
             }}
           >
-            Sapling
+            Closed Alpha
           </span>
-          {!isMobile && (
-            <span
-              style={{
-                fontSize: 9,
-                fontFamily: "var(--font-mono)",
-                letterSpacing: "0.12em",
-                color: "var(--accent)",
-                opacity: 0.6,
-                textTransform: "uppercase",
-                marginTop: 3,
-              }}
-            >
-              Closed Alpha
-            </span>
-          )}
-        </div>
+        )}
       </Link>
 
       {/* Desktop link row */}

From c3ece9b70a57264c696ed079b33bfee52f7a9663 Mon Sep 17 00:00:00 2001
From: Jose Cruz <josecruz@crc-dot1x-nat-10-239-237-110.bu.edu>
Date: Sun, 19 Apr 2026 17:30:08 -0400
Subject: [PATCH 17/52] topnav: port exact pre-revamp logo code verbatim
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The user explicitly asked for the pre-revamp Navbar logo code to be
dropped into the new TopNav as-is. Lifted lines 213–231 of
main@929658f:frontend/src/components/Navbar.tsx:

  - <img src="/sapling-icon.svg"> at 32x32 with the pre-revamp's
    negative margins for a tight fit against the wordmark.
  - Wordmark in Spectral (inline fontFamily fallback chain), 700
    weight, 20px desktop / 17px mobile, color #1a5c2a with a
    subtle 12px green text-shadow glow.
  - "Closed Alpha" tag at 9px, weight 600, letter-spacing 0.08em,
    uppercase, opacity 0.7.

Dropped the sapling-word-icon.png approach; the icon.svg + inline
styled text is what the pre-revamp shipped and it's what the user
asked for.
---
 frontend/src/components/TopNav.tsx | 65 +++++++++++++++++-------------
 1 file changed, 37 insertions(+), 28 deletions(-)

diff --git a/frontend/src/components/TopNav.tsx b/frontend/src/components/TopNav.tsx
index c41af4cf..c7645669 100644
--- a/frontend/src/components/TopNav.tsx
+++ b/frontend/src/components/TopNav.tsx
@@ -137,44 +137,53 @@ export function TopNav() {
         </div>
       )}
 
-      {/* Pre-revamp word-lockup (sapling-word-icon.png) — the sprout icon
-          + "Sapling" baked into one asset, with the mono "CLOSED ALPHA"
-          tagline rendered below. Natural size is 543×147 so we scale to
-          ~36px tall here and ~28px on mobile. */}
-      <Link
-        href="/dashboard"
-        aria-label="Sapling home"
-        style={{
-          display: "flex", flexDirection: "column",
-          alignItems: "flex-start", gap: 2,
-          textDecoration: "none",
-          marginRight: isMobile ? 0 : 8,
-          flexShrink: 0,
-        }}
-      >
+      {/* Logo — ported verbatim from the pre-revamp Navbar
+          (main@929658f:frontend/src/components/Navbar.tsx:213-231):
+          /sapling-icon.svg + Spectral "Sapling" with a soft green
+          text-shadow, "Closed Alpha" underneath. */}
+      <Link href="/dashboard" style={{ display: "flex", alignItems: "center", gap: "2px", textDecoration: "none" }}>
         <img
-          src="/sapling-word-icon.png"
+          src="/sapling-icon.svg"
           alt="Sapling"
-          height={isMobile ? 28 : 34}
-          // Natural ratio 543:147 ≈ 3.69:1
-          width={isMobile ? Math.round(28 * 3.69) : Math.round(34 * 3.69)}
-          style={{ display: "block" }}
+          style={{
+            width: "32px",
+            height: "32px",
+            marginTop: "-7px",
+            marginBottom: "-3px",
+            marginLeft: "-2px",
+            marginRight: "-4px",
+            alignSelf: "center",
+            flexShrink: 0,
+          }}
         />
-        {!isMobile && (
+        <div style={{ display: "flex", flexDirection: "column", gap: "1px", alignItems: "center", textAlign: "center" }}>
           <span
             style={{
-              fontSize: 9,
-              fontFamily: "var(--font-mono)",
-              letterSpacing: "0.14em",
-              color: "var(--accent)",
-              opacity: 0.6,
+              fontFamily: "'Spectral', Georgia, serif",
+              fontWeight: 700,
+              fontSize: isMobile ? "17px" : "20px",
+              color: "#1a5c2a",
+              letterSpacing: "-0.02em",
+              textShadow: "0 0 12px rgba(26, 92, 42, 0.2)",
+              lineHeight: 1.1,
+            }}
+          >
+            Sapling
+          </span>
+          <span
+            style={{
+              fontSize: "9px",
+              fontWeight: 600,
+              color: "#1a5c2a",
+              letterSpacing: "0.08em",
               textTransform: "uppercase",
-              marginLeft: 52, // align under the word, past the icon
+              opacity: 0.7,
+              lineHeight: 1,
             }}
           >
             Closed Alpha
           </span>
-        )}
+        </div>
       </Link>
 
       {/* Desktop link row */}

From 76fb401dec2945a1c2f66aa7ac2851577f1e4252 Mon Sep 17 00:00:00 2001
From: Jose Cruz <josecruz@crc-dot1x-nat-10-239-237-110.bu.edu>
Date: Sun, 19 Apr 2026 17:33:28 -0400
Subject: [PATCH 18/52] topnav: restore icons next to each nav link

Ported the icon set from the pre-revamp Sidebar (components/Icon.tsx
names):
  Dashboard    -> home
  Learn        -> brain
  Tree         -> tree
  Study        -> bolt
  Library      -> book
  Calendar     -> cal
  Social       -> users
  Achievements -> trophy

Also added icons to the account-dropdown items:
  Settings -> cog
  Admin    -> shield

Desktop links: icon at 14px + label, small gap. Mobile panel: icon at
15px + label with more breathing room. Dropdown MenuItem takes an icon
prop now.
---
 frontend/src/components/TopNav.tsx | 38 ++++++++++++++++++------------
 1 file changed, 23 insertions(+), 15 deletions(-)

diff --git a/frontend/src/components/TopNav.tsx b/frontend/src/components/TopNav.tsx
index c7645669..7337020e 100644
--- a/frontend/src/components/TopNav.tsx
+++ b/frontend/src/components/TopNav.tsx
@@ -24,20 +24,22 @@ import React from "react";
 import Link from "next/link";
 import { usePathname, useRouter } from "next/navigation";
 import { Avatar } from "./Avatar";
+import { Icon } from "./Icon";
 import { useUser } from "@/context/UserContext";
 import { useIsMobile } from "@/lib/useIsMobile";
 
-type Entry = { href: string; label: string };
+type Entry = { href: string; label: string; icon: string };
 
+// Icon names match the ones the pre-revamp Sidebar used in components/Icon.tsx.
 const LINKS: Entry[] = [
-  { href: "/dashboard",    label: "Dashboard" },
-  { href: "/learn",        label: "Learn" },
-  { href: "/tree",         label: "Tree" },
-  { href: "/study",        label: "Study" },
-  { href: "/library",      label: "Library" },
-  { href: "/calendar",     label: "Calendar" },
-  { href: "/social",       label: "Social" },
-  { href: "/achievements", label: "Achievements" },
+  { href: "/dashboard",    label: "Dashboard",    icon: "home" },
+  { href: "/learn",        label: "Learn",        icon: "brain" },
+  { href: "/tree",         label: "Tree",         icon: "tree" },
+  { href: "/study",        label: "Study",        icon: "bolt" },
+  { href: "/library",      label: "Library",      icon: "book" },
+  { href: "/calendar",     label: "Calendar",     icon: "cal" },
+  { href: "/social",       label: "Social",       icon: "users" },
+  { href: "/achievements", label: "Achievements", icon: "trophy" },
 ];
 
 export const TOP_NAV_HEIGHT = 56;
@@ -186,7 +188,7 @@ export function TopNav() {
         </div>
       </Link>
 
-      {/* Desktop link row */}
+      {/* Desktop link row — icon + label from the pre-revamp Sidebar */}
       {!isMobile && (
         <div style={{ display: "flex", alignItems: "center", gap: 2, flex: 1, minWidth: 0 }}>
           {LINKS.map(l => {
@@ -196,6 +198,7 @@ export function TopNav() {
                 key={l.href}
                 href={l.href}
                 style={{
+                  display: "inline-flex", alignItems: "center", gap: 6,
                   padding: "6px 10px", borderRadius: "var(--r-sm)",
                   fontSize: 13, fontWeight: active ? 700 : 500,
                   color: active ? "var(--text)" : "var(--text-muted)",
@@ -209,6 +212,7 @@ export function TopNav() {
                   if (!active) e.currentTarget.style.color = "var(--text-muted)";
                 }}
               >
+                <Icon name={l.icon} size={14} />
                 {l.label}
               </Link>
             );
@@ -246,9 +250,9 @@ export function TopNav() {
                 <div style={{ padding: "8px 14px 10px", borderBottom: "1px solid var(--border)" }}>
                   <div className="h-serif" style={{ fontSize: 14, fontWeight: 600 }}>{userName}</div>
                 </div>
-                <MenuItem href="/settings" label="Settings" current={pathname.startsWith("/settings")} />
+                <MenuItem href="/settings" label="Settings" icon="cog" current={pathname.startsWith("/settings")} />
                 {isAdmin && (
-                  <MenuItem href="/admin" label="Admin" current={pathname.startsWith("/admin")} />
+                  <MenuItem href="/admin" label="Admin" icon="shield" current={pathname.startsWith("/admin")} />
                 )}
                 <button
                   onClick={onSignOut}
@@ -271,12 +275,13 @@ export function TopNav() {
   );
 }
 
-function MenuItem({ href, label, current }: { href: string; label: string; current: boolean }) {
+function MenuItem({ href, label, icon, current }: { href: string; label: string; icon: string; current: boolean }) {
   return (
     <Link
       href={href}
       style={{
-        display: "block", padding: "8px 14px",
+        display: "flex", alignItems: "center", gap: 10,
+        padding: "8px 14px",
         fontSize: 13, fontWeight: current ? 600 : 400,
         color: current ? "var(--text)" : "var(--text-dim)",
         textDecoration: "none",
@@ -285,6 +290,7 @@ function MenuItem({ href, label, current }: { href: string; label: string; curre
       onMouseEnter={(e) => { e.currentTarget.style.background = "var(--bg-soft)"; }}
       onMouseLeave={(e) => { e.currentTarget.style.background = "transparent"; }}
     >
+      <Icon name={icon} size={14} />
       {label}
     </Link>
   );
@@ -308,7 +314,8 @@ function MobilePanel({ pathname }: { pathname: string }) {
             key={l.href}
             href={l.href}
             style={{
-              display: "block", padding: "10px 14px",
+              display: "flex", alignItems: "center", gap: 10,
+              padding: "10px 14px",
               fontSize: 14, fontWeight: active ? 700 : 500,
               color: active ? "var(--text)" : "var(--text-dim)",
               textDecoration: "none",
@@ -317,6 +324,7 @@ function MobilePanel({ pathname }: { pathname: string }) {
             onMouseEnter={(e) => { e.currentTarget.style.background = "var(--bg-soft)"; }}
             onMouseLeave={(e) => { e.currentTarget.style.background = "transparent"; }}
           >
+            <Icon name={l.icon} size={15} />
             {l.label}
           </Link>
         );

From c78228a64ee9e0e309bef7687f37782a0a239b75 Mon Sep 17 00:00:00 2001
From: Jose Cruz <josecruz@crc-dot1x-nat-10-239-237-110.bu.edu>
Date: Sun, 19 Apr 2026 17:35:15 -0400
Subject: [PATCH 19/52] dashboard: quote at top, drop "Inspired learning" card
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Per user request, restore the pre-revamp placement: the daily quote
sits right under the greeting at the top of the page (as the TopBar
subtitle, italic), not in a labeled card lower down.

- subtitle now renders `"{quote}"` in italic instead of the previous
  "Your knowledge is growing…" line.
- The dedicated card in leftPanel with the "Inspired learning" label
  is removed.

While the greeting is animating in via Typewriter, the quote stays
as the stable subtitle text — same visual rhythm the pre-revamp had.
---
 frontend/src/components/screens/Dashboard.tsx | 21 +++++++------------
 1 file changed, 8 insertions(+), 13 deletions(-)

diff --git a/frontend/src/components/screens/Dashboard.tsx b/frontend/src/components/screens/Dashboard.tsx
index 15cd576e..3680bed2 100644
--- a/frontend/src/components/screens/Dashboard.tsx
+++ b/frontend/src/components/screens/Dashboard.tsx
@@ -209,9 +209,12 @@ export function Dashboard() {
     setGreetingPrefix(getGreetingPrefix(new Date()));
   }, []);
   const greetingText = firstName ? `${greetingPrefix}, ${firstName}` : "Welcome back";
-  const subtitle = assignments.length
-    ? `Your knowledge is growing. ${assignments.length} item${assignments.length === 1 ? "" : "s"} due soon.`
-    : "Your knowledge is growing.";
+  // Pre-revamp Dashboard rendered the daily quote right under the greeting
+  // (italic, muted). Restoring that placement — the "Inspired learning"
+  // label + card are gone; the quote now IS the subtitle.
+  const subtitle = quote ? (
+    <span style={{ fontStyle: "italic" }}>"{quote}"</span>
+  ) : null;
 
   const courseProgress = React.useMemo(() => {
     return courses.map(c => {
@@ -330,16 +333,8 @@ export function Dashboard() {
     <div style={{ display: "flex", flexDirection: "column", gap: 16 }}>
       {graphBlock}
 
-      <div className="card" style={{ padding: "var(--pad-lg)" }}>
-        <div style={{ display: "flex", justifyContent: "space-between", alignItems: "baseline", marginBottom: 12 }}>
-          <div>
-            <div className="label-micro">Inspired learning</div>
-            <div style={{ fontStyle: "italic", color: "var(--text-dim)", fontSize: 13, marginTop: 4, maxWidth: 520 }}>
-              "{quote}"
-            </div>
-          </div>
-        </div>
-      </div>
+      {/* "Inspired learning" quote card removed — the quote now lives at
+          the top as the TopBar subtitle (the pre-revamp placement). */}
 
       <div className="card" style={{ padding: "var(--pad-lg)" }}>
         <div style={{ display: "flex", justifyContent: "space-between", alignItems: "center", marginBottom: 12 }}>

From a4f1d136396d137c3bb0ba573f8efb31a4136203 Mon Sep 17 00:00:00 2001
From: Jose Cruz <josecruz@crc-dot1x-nat-10-239-237-110.bu.edu>
Date: Sun, 19 Apr 2026 17:38:05 -0400
Subject: [PATCH 20/52] dashboard: remove Recent activity panel

Per user request, the bottom-of-sidebar "Recent activity" card is gone.
Also removed the recentByNode useMemo that only fed that panel. The
Tree and Learn screens still surface recent/ongoing work contextually
(session list, last-studied in node detail), so nothing else breaks.
---
 frontend/src/components/screens/Dashboard.tsx | 35 -------------------
 1 file changed, 35 deletions(-)

diff --git a/frontend/src/components/screens/Dashboard.tsx b/frontend/src/components/screens/Dashboard.tsx
index 3680bed2..ea6b591f 100644
--- a/frontend/src/components/screens/Dashboard.tsx
+++ b/frontend/src/components/screens/Dashboard.tsx
@@ -230,14 +230,6 @@ export function Dashboard() {
     });
   }, [courses, nodes]);
 
-  const recentByNode = React.useMemo(() => {
-    const items = nodes
-      .filter(n => !n.is_subject_root && n.last_studied_at)
-      .sort((a, b) => new Date(b.last_studied_at!).getTime() - new Date(a.last_studied_at!).getTime())
-      .slice(0, 5);
-    return items;
-  }, [nodes]);
-
   const suggestNode = React.useMemo(() => {
     if (!suggest) return null;
     return nodes.find(n => n.name.toLowerCase() === suggest.toLowerCase()) || null;
@@ -494,33 +486,6 @@ export function Dashboard() {
         })}
       </div>
 
-      <div className="card" style={{ padding: "var(--pad-lg)" }}>
-        <div className="label-micro" style={{ marginBottom: 12 }}>Recent activity</div>
-        {recentByNode.length === 0 && sessions.length === 0 && (
-          <div style={{ fontSize: 12, color: "var(--text-muted)" }}>No recent activity.</div>
-        )}
-        {recentByNode.map(n => (
-          <button
-            key={n.id}
-            onClick={() => router.push(`/learn?topic=${encodeURIComponent(n.name)}&mode=socratic${n.course_id ? `&course_id=${encodeURIComponent(n.course_id)}` : ""}`)}
-            style={{
-              display: "flex", alignItems: "center", gap: 10, width: "100%",
-              padding: "8px 0", borderBottom: "1px solid var(--border)", textAlign: "left",
-            }}
-          >
-            <span style={{ width: 8, height: 8, borderRadius: "50%", background: n.color, flexShrink: 0 }} />
-            <div style={{ flex: 1, minWidth: 0 }}>
-              <div style={{ fontSize: 13, fontWeight: 500, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }}>
-                {n.name}
-              </div>
-              <div style={{ fontSize: 11, color: "var(--text-muted)" }}>
-                {n.subject} · {new Date(n.last_studied_at!).toLocaleDateString()}
-              </div>
-            </div>
-            <Icon name="chev" size={12} />
-          </button>
-        ))}
-      </div>
     </div>
   );
 

From 3cb39bc1b1c4fcfd4e06eee86234c7b564b3680c Mon Sep 17 00:00:00 2001
From: Jose Cruz <josecruz@crc-dot1x-nat-10-239-237-110.bu.edu>
Date: Sun, 19 Apr 2026 17:40:00 -0400
Subject: [PATCH 21/52] dashboard: shrink knowledge graph panel to pre-revamp
 proportions
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Graph card was minHeight 520 / inner 460. Reduced to minHeight 420 /
inner 340 — closer to what the pre-revamp Dashboard rendered before
it was over-sized during the M4 rebuild. The fullscreen button still
works for users who want the full-window view.
---
 frontend/src/components/screens/Dashboard.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/screens/Dashboard.tsx b/frontend/src/components/screens/Dashboard.tsx
index ea6b591f..fa8c209b 100644
--- a/frontend/src/components/screens/Dashboard.tsx
+++ b/frontend/src/components/screens/Dashboard.tsx
@@ -265,7 +265,7 @@ export function Dashboard() {
   }
 
   const graphBlock = (
-    <div className="card" style={{ padding: 0, overflow: "hidden", position: "relative", minHeight: 520 }}>
+    <div className="card" style={{ padding: 0, overflow: "hidden", position: "relative", minHeight: 420 }}>
       <div style={{ display: "flex", alignItems: "center", justifyContent: "space-between", padding: "16px 22px", borderBottom: "1px solid var(--border)" }}>
         <div>
           <div className="label-micro">Your knowledge graph</div>
@@ -289,7 +289,7 @@ export function Dashboard() {
           </button>
         </div>
       </div>
-      <div ref={gRef} style={{ position: "relative", height: 460 }}>
+      <div ref={gRef} style={{ position: "relative", height: 340 }}>
         <KnowledgeGraph
           nodes={nodes}
           edges={edges}

From 0a0f5effc59beda768adb41d50f269294938cb7b Mon Sep 17 00:00:00 2001
From: Jose Cruz <josecruz@crc-dot1x-nat-10-239-237-110.bu.edu>
Date: Sun, 19 Apr 2026 17:42:12 -0400
Subject: [PATCH 22/52] dashboard: initial graph height matches container to
 avoid flash

Following the knowledge-graph shrink, the useState initial size was
still { w: 720, h: 440 } while the container's CSS height dropped to
340. That paints the graph at 440 on first render, ResizeObserver
fires a tick later, but in some HMR / slow-hydration cases the taller
version was still visible.

Synced initial h to 340 so there's no one-frame flash at the old
height. ResizeObserver still drives the actual runtime size.
---
 frontend/src/components/screens/Dashboard.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/screens/Dashboard.tsx b/frontend/src/components/screens/Dashboard.tsx
index fa8c209b..b7e4a054 100644
--- a/frontend/src/components/screens/Dashboard.tsx
+++ b/frontend/src/components/screens/Dashboard.tsx
@@ -117,7 +117,10 @@ export function Dashboard() {
   const [fullscreen, setFullscreen] = React.useState(false);
   const [mobileTab, setMobileTab] = React.useState<"courses" | "stats">("courses");
 
-  const [size, setSize] = React.useState({ w: 720, h: 440 });
+  // Initial guess matches the container's CSS height (340). Actual
+  // dimensions are measured via ResizeObserver below; this default just
+  // avoids a one-frame flash at the old taller size.
+  const [size, setSize] = React.useState({ w: 720, h: 340 });
   const gRef = React.useRef<HTMLDivElement>(null);
 
   const suggest = search.get("suggest");

From 8b36c875c52e2c1980b7d6691257ef5a5f274fb6 Mon Sep 17 00:00:00 2001
From: Jose Cruz <josecruz@crc-dot1x-nat-10-239-237-110.bu.edu>
Date: Sun, 19 Apr 2026 17:48:44 -0400
Subject: [PATCH 23/52] dashboard: right panels pinned to ~1/5 of the page
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Grid template was minmax(0, 2.3fr) : minmax(300px, 1fr) which put the
right column at roughly 30% of the row. User wants the stats/upcoming/
learn-next rail narrower.

Switched to minmax(0, 4fr) : minmax(260px, 1fr) — right column renders
at ~20% on wide desktops and degrades gracefully to 260px on smaller
screens so the copy remains readable.
---
 frontend/src/components/screens/Dashboard.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/screens/Dashboard.tsx b/frontend/src/components/screens/Dashboard.tsx
index b7e4a054..7c4433d0 100644
--- a/frontend/src/components/screens/Dashboard.tsx
+++ b/frontend/src/components/screens/Dashboard.tsx
@@ -550,7 +550,9 @@ export function Dashboard() {
         style={{
           padding: isMobile ? "14px 20px" : "20px 32px",
           display: "grid", gap: 20,
-          gridTemplateColumns: isMobile ? "1fr" : "minmax(0, 2.3fr) minmax(300px, 1fr)",
+          // Right column pinned to ~1/5 of the available width (4fr : 1fr).
+          // minmax(260px, 1fr) keeps it readable when the viewport is narrow.
+          gridTemplateColumns: isMobile ? "1fr" : "minmax(0, 4fr) minmax(260px, 1fr)",
         }}
       >
         {isMobile ? (mobileTab === "courses" ? leftPanel : rightPanel) : (

From 3a4380632bf92e4fa08ebb95c139cc6bcc9f82ad Mon Sep 17 00:00:00 2001
From: Jose Cruz <josecruz@crc-dot1x-nat-10-239-237-110.bu.edu>
Date: Sun, 19 Apr 2026 17:51:56 -0400
Subject: [PATCH 24/52] dashboard: courses above graph, graph shrunk further

Reordered the left column so "My courses" is the first card (the
primary jump-off action on the dashboard) and the knowledge graph
sits under it as atmospheric context.

Graph dimensions reduced again:
  minHeight   420 -> 340  (-80)
  inner height 340 -> 260  (-80)
  initial size state h synced to 260

Cumulative since before the shrink work: 520 -> 340 / 460 -> 260.
The graph is now ~56% of its original footprint; fullscreen button
is still there for users who want the big canvas.
---
 frontend/src/components/screens/Dashboard.tsx | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/frontend/src/components/screens/Dashboard.tsx b/frontend/src/components/screens/Dashboard.tsx
index 7c4433d0..42c34c57 100644
--- a/frontend/src/components/screens/Dashboard.tsx
+++ b/frontend/src/components/screens/Dashboard.tsx
@@ -117,10 +117,10 @@ export function Dashboard() {
   const [fullscreen, setFullscreen] = React.useState(false);
   const [mobileTab, setMobileTab] = React.useState<"courses" | "stats">("courses");
 
-  // Initial guess matches the container's CSS height (340). Actual
+  // Initial guess matches the container's CSS height (260). Actual
   // dimensions are measured via ResizeObserver below; this default just
   // avoids a one-frame flash at the old taller size.
-  const [size, setSize] = React.useState({ w: 720, h: 340 });
+  const [size, setSize] = React.useState({ w: 720, h: 260 });
   const gRef = React.useRef<HTMLDivElement>(null);
 
   const suggest = search.get("suggest");
@@ -268,7 +268,7 @@ export function Dashboard() {
   }
 
   const graphBlock = (
-    <div className="card" style={{ padding: 0, overflow: "hidden", position: "relative", minHeight: 420 }}>
+    <div className="card" style={{ padding: 0, overflow: "hidden", position: "relative", minHeight: 340 }}>
       <div style={{ display: "flex", alignItems: "center", justifyContent: "space-between", padding: "16px 22px", borderBottom: "1px solid var(--border)" }}>
         <div>
           <div className="label-micro">Your knowledge graph</div>
@@ -292,7 +292,7 @@ export function Dashboard() {
           </button>
         </div>
       </div>
-      <div ref={gRef} style={{ position: "relative", height: 340 }}>
+      <div ref={gRef} style={{ position: "relative", height: 260 }}>
         <KnowledgeGraph
           nodes={nodes}
           edges={edges}
@@ -326,11 +326,9 @@ export function Dashboard() {
 
   const leftPanel = (
     <div style={{ display: "flex", flexDirection: "column", gap: 16 }}>
-      {graphBlock}
-
-      {/* "Inspired learning" quote card removed — the quote now lives at
-          the top as the TopBar subtitle (the pre-revamp placement). */}
-
+      {/* My courses sits above the graph now — it's the quickest hop users
+          want from the dashboard, so it shouldn't be buried below a 500px
+          canvas. */}
       <div className="card" style={{ padding: "var(--pad-lg)" }}>
         <div style={{ display: "flex", justifyContent: "space-between", alignItems: "center", marginBottom: 12 }}>
           <div className="label-micro">My courses</div>
@@ -365,6 +363,8 @@ export function Dashboard() {
           </div>
         ))}
       </div>
+
+      {graphBlock}
     </div>
   );
 

From 9b1906b3838c64816a28285dbe9ab1f672abb75f Mon Sep 17 00:00:00 2001
From: Jose Cruz <josecruz@crc-dot1x-nat-10-239-237-110.bu.edu>
Date: Sun, 19 Apr 2026 17:53:39 -0400
Subject: [PATCH 25/52] dashboard: restore pre-revamp 3-column layout
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

User asked for the pre-revamp arrangement: courses on the left,
knowledge graph in the middle, stats/upcoming/learn-next on the right.
Matches main@929658f's 300px / flex-1 / 320px split.

Refactored leftPanel (courses + graph stacked) into two separate
panels:
  coursesPanel — just the courses list
  graphPanel   — just the knowledge graph card

Grid now:
  minmax(240px, 280px)  minmax(0, 1fr)  minmax(240px, 300px)
  ^ courses             ^ graph         ^ stats/upcoming

On mobile: "courses" tab shows courses above graph (stacked);
"stats" tab shows the right-column content. Nothing else changed.
---
 frontend/src/components/screens/Dashboard.tsx | 45 ++++++++++++-------
 1 file changed, 30 insertions(+), 15 deletions(-)

diff --git a/frontend/src/components/screens/Dashboard.tsx b/frontend/src/components/screens/Dashboard.tsx
index 42c34c57..3cdb50ad 100644
--- a/frontend/src/components/screens/Dashboard.tsx
+++ b/frontend/src/components/screens/Dashboard.tsx
@@ -324,11 +324,10 @@ export function Dashboard() {
     </div>
   );
 
-  const leftPanel = (
-    <div style={{ display: "flex", flexDirection: "column", gap: 16 }}>
-      {/* My courses sits above the graph now — it's the quickest hop users
-          want from the dashboard, so it shouldn't be buried below a 500px
-          canvas. */}
+  // Pre-revamp layout: 3 columns — courses on the left, graph in the
+  // middle (primary focus), stats on the right.
+  const coursesPanel = (
+    <div style={{ display: "flex", flexDirection: "column", gap: 16, minWidth: 0 }}>
       <div className="card" style={{ padding: "var(--pad-lg)" }}>
         <div style={{ display: "flex", justifyContent: "space-between", alignItems: "center", marginBottom: 12 }}>
           <div className="label-micro">My courses</div>
@@ -342,12 +341,13 @@ export function Dashboard() {
         {courseProgress.map(({ course, mastered, total, progress }) => (
           <div key={course.course_id} style={{ marginBottom: 12 }}>
             <div style={{ display: "flex", justifyContent: "space-between", alignItems: "center", fontSize: 12, marginBottom: 4 }}>
-              <span style={{ display: "inline-flex", alignItems: "center", gap: 8 }}>
-                <span style={{ width: 10, height: 10, borderRadius: "50%", background: course.color || "var(--accent)" }} />
-                <strong>{course.course_code || course.course_name}</strong>
-                {course.course_code && <span style={{ color: "var(--text-muted)" }}>· {course.course_name}</span>}
+              <span style={{ display: "inline-flex", alignItems: "center", gap: 8, minWidth: 0 }}>
+                <span style={{ width: 10, height: 10, borderRadius: "50%", background: course.color || "var(--accent)", flexShrink: 0 }} />
+                <strong style={{ overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }}>
+                  {course.course_code || course.course_name}
+                </strong>
               </span>
-              <span className="mono" style={{ color: "var(--text-dim)", fontSize: 11 }}>
+              <span className="mono" style={{ color: "var(--text-dim)", fontSize: 11, flexShrink: 0, marginLeft: 8 }}>
                 {mastered}/{total}
               </span>
             </div>
@@ -363,7 +363,11 @@ export function Dashboard() {
           </div>
         ))}
       </div>
+    </div>
+  );
 
+  const graphPanel = (
+    <div style={{ display: "flex", flexDirection: "column", gap: 16, minWidth: 0 }}>
       {graphBlock}
     </div>
   );
@@ -550,14 +554,25 @@ export function Dashboard() {
         style={{
           padding: isMobile ? "14px 20px" : "20px 32px",
           display: "grid", gap: 20,
-          // Right column pinned to ~1/5 of the available width (4fr : 1fr).
-          // minmax(260px, 1fr) keeps it readable when the viewport is narrow.
-          gridTemplateColumns: isMobile ? "1fr" : "minmax(0, 4fr) minmax(260px, 1fr)",
+          // Pre-revamp layout: narrow left (courses), wide middle (graph),
+          // narrow right (stats/upcoming/learn-next). Matches the 300px /
+          // flex 1 / 320px split from main@929658f.
+          gridTemplateColumns: isMobile ? "1fr" : "minmax(240px, 280px) minmax(0, 1fr) minmax(240px, 300px)",
         }}
       >
-        {isMobile ? (mobileTab === "courses" ? leftPanel : rightPanel) : (
+        {isMobile ? (
+          mobileTab === "courses" ? (
+            <>
+              {coursesPanel}
+              {graphPanel}
+            </>
+          ) : (
+            rightPanel
+          )
+        ) : (
           <>
-            {leftPanel}
+            {coursesPanel}
+            {graphPanel}
             {rightPanel}
           </>
         )}

From d5f815205dc5bbe78f07b174655fc2f4f69ce86f Mon Sep 17 00:00:00 2001
From: Jose Cruz <josecruz@crc-dot1x-nat-10-239-237-110.bu.edu>
Date: Sun, 19 Apr 2026 17:57:04 -0400
Subject: [PATCH 26/52] dashboard: move Upcoming card to the left column

User asked for the upcoming list on the left. The card used to sit in
rightPanel (alongside This week / Learn next / Study rooms). Moved it
into coursesPanel directly under My Courses so course progress and
what's due live together in one reading column.

Dropped the orphan upcomingCard variable since it's inlined now.
Right column now shows only This week / Learn next / Study rooms.
---
 frontend/src/components/screens/Dashboard.tsx | 68 ++++++++++---------
 1 file changed, 35 insertions(+), 33 deletions(-)

diff --git a/frontend/src/components/screens/Dashboard.tsx b/frontend/src/components/screens/Dashboard.tsx
index 3cdb50ad..e9711d1c 100644
--- a/frontend/src/components/screens/Dashboard.tsx
+++ b/frontend/src/components/screens/Dashboard.tsx
@@ -324,8 +324,8 @@ export function Dashboard() {
     </div>
   );
 
-  // Pre-revamp layout: 3 columns — courses on the left, graph in the
-  // middle (primary focus), stats on the right.
+  // Pre-revamp layout: 3 columns — courses + upcoming on the left,
+  // graph in the middle (primary focus), stats on the right.
   const coursesPanel = (
     <div style={{ display: "flex", flexDirection: "column", gap: 16, minWidth: 0 }}>
       <div className="card" style={{ padding: "var(--pad-lg)" }}>
@@ -363,6 +363,39 @@ export function Dashboard() {
           </div>
         ))}
       </div>
+
+      {/* Upcoming assignments live in the left column now, directly under
+          the courses they belong to — feels more like a study planner. */}
+      <div className="card" style={{ padding: "var(--pad-lg)" }}>
+        <div style={{ display: "flex", justifyContent: "space-between", alignItems: "center", marginBottom: 12 }}>
+          <div className="label-micro">Upcoming</div>
+          <button className="btn btn--ghost btn--sm" onClick={() => router.push("/calendar")}>Calendar →</button>
+        </div>
+        {assignments.length === 0 && (
+          <div style={{ fontSize: 12, color: "var(--text-muted)" }}>No upcoming assignments.</div>
+        )}
+        {assignments.slice(0, 4).map((a) => {
+          const diffMs = new Date(a.due_date).getTime() - Date.now();
+          const hours = diffMs / (1000 * 60 * 60);
+          const days = Math.ceil(diffMs / 86400000);
+          let chipClass = "chip--info";
+          let label = `${days}d`;
+          if (hours <= 0) { chipClass = "chip--err"; label = "overdue"; }
+          else if (hours <= 24) { chipClass = "chip--err"; label = hours < 1 ? "now" : `${Math.max(1, Math.round(hours))}h`; }
+          else if (days <= 2) chipClass = "chip--warn";
+          return (
+            <div key={a.id} style={{ display: "flex", alignItems: "center", gap: 12, padding: "8px 0", borderBottom: "1px solid var(--border)" }}>
+              <div style={{ flex: 1, minWidth: 0 }}>
+                <div style={{ fontSize: 13, fontWeight: 500 }}>{a.title}</div>
+                <div style={{ fontSize: 11, color: "var(--text-muted)" }}>
+                  {a.course_name || "—"} · {a.assignment_type || "task"}
+                </div>
+              </div>
+              <span className={`chip ${chipClass}`}>{label}</span>
+            </div>
+          );
+        })}
+      </div>
     </div>
   );
 
@@ -462,37 +495,6 @@ export function Dashboard() {
         </div>
       </div>
 
-      <div className="card" style={{ padding: "var(--pad-lg)" }}>
-        <div style={{ display: "flex", justifyContent: "space-between", alignItems: "center", marginBottom: 12 }}>
-          <div className="label-micro">Upcoming</div>
-          <button className="btn btn--ghost btn--sm" onClick={() => router.push("/calendar")}>Calendar →</button>
-        </div>
-        {assignments.length === 0 && (
-          <div style={{ fontSize: 12, color: "var(--text-muted)" }}>No upcoming assignments.</div>
-        )}
-        {assignments.slice(0, 4).map((a) => {
-          const diffMs = new Date(a.due_date).getTime() - Date.now();
-          const hours = diffMs / (1000 * 60 * 60);
-          const days = Math.ceil(diffMs / 86400000);
-          let chipClass = "chip--info";
-          let label = `${days}d`;
-          if (hours <= 0) { chipClass = "chip--err"; label = "overdue"; }
-          else if (hours <= 24) { chipClass = "chip--err"; label = hours < 1 ? "now" : `${Math.max(1, Math.round(hours))}h`; }
-          else if (days <= 2) chipClass = "chip--warn";
-          return (
-            <div key={a.id} style={{ display: "flex", alignItems: "center", gap: 12, padding: "8px 0", borderBottom: "1px solid var(--border)" }}>
-              <div style={{ flex: 1, minWidth: 0 }}>
-                <div style={{ fontSize: 13, fontWeight: 500 }}>{a.title}</div>
-                <div style={{ fontSize: 11, color: "var(--text-muted)" }}>
-                  {a.course_name || "—"} · {a.assignment_type || "task"}
-                </div>
-              </div>
-              <span className={`chip ${chipClass}`}>{label}</span>
-            </div>
-          );
-        })}
-      </div>
-
     </div>
   );
 

From 0329fa7909b4f93f44b5ffc4c7795f1b14212456 Mon Sep 17 00:00:00 2001
From: Jose Cruz <josecruz@crc-dot1x-nat-10-239-237-110.bu.edu>
Date: Sun, 19 Apr 2026 17:58:53 -0400
Subject: [PATCH 27/52] dashboard: graph panel stretches to match left column
 height

Since Upcoming moved to the left column, the left stack is now taller
than the middle graph card (which was fixed at minHeight 340 / 260
inner). The graph looked floaty in a short card with empty space
below.

Switched the graph to flex-fill:
  - graphPanel:  height: 100%  (fill the grid cell)
  - graphBlock:  display: flex; flexDirection: column; flex: 1
                 (card grows to full cell height)
  - inner gRef:  flex: 1; minHeight: 260
                 (canvas grows to full card body height)
  - initial size state h synced to 420 to avoid a first-paint flash

The grid row already uses the default align-items: stretch, so all
three columns match heights; the graph now fills whatever space the
courses + upcoming stack claims on the left.
---
 frontend/src/components/screens/Dashboard.tsx | 28 ++++++++++++++-----
 1 file changed, 21 insertions(+), 7 deletions(-)

diff --git a/frontend/src/components/screens/Dashboard.tsx b/frontend/src/components/screens/Dashboard.tsx
index e9711d1c..ecb1d073 100644
--- a/frontend/src/components/screens/Dashboard.tsx
+++ b/frontend/src/components/screens/Dashboard.tsx
@@ -117,10 +117,10 @@ export function Dashboard() {
   const [fullscreen, setFullscreen] = React.useState(false);
   const [mobileTab, setMobileTab] = React.useState<"courses" | "stats">("courses");
 
-  // Initial guess matches the container's CSS height (260). Actual
-  // dimensions are measured via ResizeObserver below; this default just
-  // avoids a one-frame flash at the old taller size.
-  const [size, setSize] = React.useState({ w: 720, h: 260 });
+  // Graph container is now flex-filled, so there's no "correct" initial
+  // height — 420 is a reasonable pre-measurement guess that lines up
+  // with the new minHeight. ResizeObserver corrects it on mount.
+  const [size, setSize] = React.useState({ w: 720, h: 420 });
   const gRef = React.useRef<HTMLDivElement>(null);
 
   const suggest = search.get("suggest");
@@ -268,7 +268,18 @@ export function Dashboard() {
   }
 
   const graphBlock = (
-    <div className="card" style={{ padding: 0, overflow: "hidden", position: "relative", minHeight: 340 }}>
+    // Flex-column so the inner gRef can flex: 1 and fill whatever
+    // height the grid row decides (courses + upcoming stacked on the
+    // left determines the row height via align-items: stretch).
+    <div
+      className="card"
+      style={{
+        padding: 0, overflow: "hidden", position: "relative",
+        minHeight: 420,
+        display: "flex", flexDirection: "column",
+        flex: 1,
+      }}
+    >
       <div style={{ display: "flex", alignItems: "center", justifyContent: "space-between", padding: "16px 22px", borderBottom: "1px solid var(--border)" }}>
         <div>
           <div className="label-micro">Your knowledge graph</div>
@@ -292,7 +303,7 @@ export function Dashboard() {
           </button>
         </div>
       </div>
-      <div ref={gRef} style={{ position: "relative", height: 260 }}>
+      <div ref={gRef} style={{ position: "relative", flex: 1, minHeight: 260 }}>
         <KnowledgeGraph
           nodes={nodes}
           edges={edges}
@@ -400,7 +411,10 @@ export function Dashboard() {
   );
 
   const graphPanel = (
-    <div style={{ display: "flex", flexDirection: "column", gap: 16, minWidth: 0 }}>
+    // height: 100% lets this grid cell fill the row. Combined with the
+    // graphBlock's flex: 1, the canvas stretches to match the left
+    // column's stacked cards instead of floating at a fixed 260px.
+    <div style={{ display: "flex", flexDirection: "column", gap: 16, minWidth: 0, height: "100%" }}>
       {graphBlock}
     </div>
   );

From 9e65da7713e664ad4450a8ef7c8677156105f603 Mon Sep 17 00:00:00 2001
From: Jose Cruz <josecruz@crc-dot1x-nat-10-239-237-110.bu.edu>
Date: Sun, 19 Apr 2026 18:01:18 -0400
Subject: [PATCH 28/52] dashboard: center greeting + quote as dedicated hero
 block
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The greeting ("Good morning, Jose") and the italic quote used to live
in the TopBar as title/subtitle, which is the same pattern every other
screen uses. But the Dashboard is an arrival page — it deserves
ceremony.

Promoted them into a centered hero block right under the TopBar:
  - Playfair serif greeting at 30px desktop / 26px mobile
  - Italic Spectral quote at 14px, max-width 640px, muted tone
  - Centered text-align, generous vertical padding
  - The Typewriter animation stays — still types the greeting in

TopBar on the Dashboard now carries only breadcrumb + actions. Other
pages (Learn, Library, Calendar, etc.) keep their existing TopBar
treatment — the special-casing is intentional.

TopBar component itself now treats title as optional: if empty/falsy,
the h1 isn't rendered and the vertical padding tightens accordingly.
Backwards-compatible for every other caller (they still pass a title).

subtitle variable in Dashboard is gone since it isn't used any more.
---
 frontend/src/components/TopBar.tsx            | 14 +++--
 frontend/src/components/screens/Dashboard.tsx | 54 ++++++++++++++++---
 2 files changed, 56 insertions(+), 12 deletions(-)

diff --git a/frontend/src/components/TopBar.tsx b/frontend/src/components/TopBar.tsx
index 13360420..5306e31a 100644
--- a/frontend/src/components/TopBar.tsx
+++ b/frontend/src/components/TopBar.tsx
@@ -6,18 +6,22 @@ export function TopBar({
   actions,
   breadcrumb,
 }: {
-  title: React.ReactNode;
+  // Title is optional now — the Dashboard uses a centered hero block
+  // below the TopBar for its greeting, so the bar itself just shows
+  // the breadcrumb + actions.
+  title?: React.ReactNode;
   subtitle?: React.ReactNode;
   actions?: React.ReactNode;
   breadcrumb?: React.ReactNode;
 }) {
+  const hasTitle = title !== undefined && title !== null && title !== "";
   return (
     <header
       style={{
         display: "flex",
         alignItems: "flex-end",
         justifyContent: "space-between",
-        padding: "22px 32px 16px",
+        padding: hasTitle ? "22px 32px 16px" : "16px 32px",
         borderBottom: "1px solid var(--border)",
         background: "var(--bg)",
         position: "sticky",
@@ -26,8 +30,10 @@ export function TopBar({
       }}
     >
       <div>
-        {breadcrumb && <div className="label-micro" style={{ marginBottom: 4 }}>{breadcrumb}</div>}
-        <h1 className="h-serif" style={{ margin: 0, fontSize: 30, fontWeight: 500 }}>{title}</h1>
+        {breadcrumb && <div className="label-micro" style={{ marginBottom: hasTitle ? 4 : 0 }}>{breadcrumb}</div>}
+        {hasTitle && (
+          <h1 className="h-serif" style={{ margin: 0, fontSize: 30, fontWeight: 500 }}>{title}</h1>
+        )}
         {subtitle && <div style={{ color: "var(--text-dim)", marginTop: 4, fontSize: 13 }}>{subtitle}</div>}
       </div>
       <div style={{ display: "flex", gap: 8, alignItems: "center" }}>{actions}</div>
diff --git a/frontend/src/components/screens/Dashboard.tsx b/frontend/src/components/screens/Dashboard.tsx
index ecb1d073..3bfc2882 100644
--- a/frontend/src/components/screens/Dashboard.tsx
+++ b/frontend/src/components/screens/Dashboard.tsx
@@ -212,12 +212,9 @@ export function Dashboard() {
     setGreetingPrefix(getGreetingPrefix(new Date()));
   }, []);
   const greetingText = firstName ? `${greetingPrefix}, ${firstName}` : "Welcome back";
-  // Pre-revamp Dashboard rendered the daily quote right under the greeting
-  // (italic, muted). Restoring that placement — the "Inspired learning"
-  // label + card are gone; the quote now IS the subtitle.
-  const subtitle = quote ? (
-    <span style={{ fontStyle: "italic" }}>"{quote}"</span>
-  ) : null;
+  // Greeting + quote render as a centered hero below the TopBar (see
+  // return JSX), not as TopBar title/subtitle. Leaving the TopBar lean
+  // makes the Dashboard feel like an arrival page, not a tool page.
 
   const courseProgress = React.useMemo(() => {
     return courses.map(c => {
@@ -514,10 +511,12 @@ export function Dashboard() {
 
   return (
     <div>
+      {/* Dashboard gets a slim TopBar — just breadcrumb + actions.
+          The ceremonial greeting + quote live in a dedicated centered
+          hero block below. Other pages keep their normal TopBar title. */}
       <TopBar
         breadcrumb="Home / Dashboard"
-        title={<Typewriter text={greetingText} />}
-        subtitle={subtitle}
+        title=""
         actions={
           <>
             <button className="btn btn--sm" onClick={() => router.push("/library")}>
@@ -530,6 +529,45 @@ export function Dashboard() {
         }
       />
 
+      {/* Centered "arrival" hero — the greeting sets the tone, the
+          italic quote sets the mood. Typography carries the hierarchy;
+          no card, no decoration. */}
+      <div
+        style={{
+          textAlign: "center",
+          padding: isMobile ? "24px 20px 6px" : "32px 32px 10px",
+        }}
+      >
+        <h1
+          className="h-serif"
+          style={{
+            margin: 0,
+            fontSize: isMobile ? 26 : 30,
+            fontWeight: 600,
+            color: "var(--text)",
+            letterSpacing: "-0.02em",
+            lineHeight: 1.2,
+          }}
+        >
+          <Typewriter text={greetingText} />
+        </h1>
+        {quote && (
+          <p
+            className="body-serif"
+            style={{
+              margin: "10px auto 0",
+              maxWidth: 640,
+              fontSize: 14,
+              fontStyle: "italic",
+              color: "var(--text-dim)",
+              lineHeight: 1.55,
+            }}
+          >
+            "{quote}"
+          </p>
+        )}
+      </div>
+
       {suggestNode && !suggestDismissed && (
         <div style={{ padding: "14px 32px 0" }}>
           <div className="card fade-in" style={{ padding: "14px 18px", display: "flex", gap: 14, alignItems: "center", borderColor: "var(--accent-border)", background: "var(--accent-soft)" }}>

From 2f60aa077e81e4d93cfd255ac9afcfa3cdf24cad Mon Sep 17 00:00:00 2001
From: Jose Cruz <josecruz@crc-dot1x-nat-10-239-237-110.bu.edu>
Date: Sun, 19 Apr 2026 18:07:36 -0400
Subject: [PATCH 29/52] dashboard: drop TopBar, fold breadcrumb + actions into
 a meta row
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

User wanted the empty white bar at the top gone, with the "Home /
Dashboard" label and action buttons dropped below the hero instead
of floating in their own sticky container.

- Removed the <TopBar> usage on the Dashboard.
- The centered greeting + quote hero now sits at the very top of the
  page (no sticky bar above it).
- Below the hero, a compact meta row: breadcrumb on the left, Library
  + Start learning on the right. No background, no border — flows
  with the page atmosphere instead of cutting it off.
- Trimmed padding on the hero (22px top), the grid (14px top), and
  the suggest-banner so panels sit closer together.

Other pages still use TopBar unchanged — only the Dashboard gets
this "no chrome" treatment because it's the arrival page.
---
 frontend/src/components/screens/Dashboard.tsx | 57 +++++++++++--------
 1 file changed, 32 insertions(+), 25 deletions(-)

diff --git a/frontend/src/components/screens/Dashboard.tsx b/frontend/src/components/screens/Dashboard.tsx
index 3bfc2882..41ed8551 100644
--- a/frontend/src/components/screens/Dashboard.tsx
+++ b/frontend/src/components/screens/Dashboard.tsx
@@ -511,31 +511,14 @@ export function Dashboard() {
 
   return (
     <div>
-      {/* Dashboard gets a slim TopBar — just breadcrumb + actions.
-          The ceremonial greeting + quote live in a dedicated centered
-          hero block below. Other pages keep their normal TopBar title. */}
-      <TopBar
-        breadcrumb="Home / Dashboard"
-        title=""
-        actions={
-          <>
-            <button className="btn btn--sm" onClick={() => router.push("/library")}>
-              <Icon name="search" size={13} /> Library
-            </button>
-            <button className="btn btn--sm btn--primary" onClick={() => router.push("/learn")}>
-              <Icon name="sparkle" size={13} /> Start learning
-            </button>
-          </>
-        }
-      />
-
-      {/* Centered "arrival" hero — the greeting sets the tone, the
-          italic quote sets the mood. Typography carries the hierarchy;
-          no card, no decoration. */}
+      {/* No TopBar on the Dashboard — the white sticky bar was empty
+          chrome. The greeting + quote carry the page identity; the
+          breadcrumb + action buttons drop into a compact meta row
+          between the hero and the grid. */}
       <div
         style={{
           textAlign: "center",
-          padding: isMobile ? "24px 20px 6px" : "32px 32px 10px",
+          padding: isMobile ? "18px 20px 4px" : "22px 32px 6px",
         }}
       >
         <h1
@@ -555,7 +538,7 @@ export function Dashboard() {
           <p
             className="body-serif"
             style={{
-              margin: "10px auto 0",
+              margin: "8px auto 0",
               maxWidth: 640,
               fontSize: 14,
               fontStyle: "italic",
@@ -568,6 +551,29 @@ export function Dashboard() {
         )}
       </div>
 
+      {/* Compact meta row: breadcrumb left, primary actions right.
+          No background, no border — flows with the hero above it. */}
+      <div
+        style={{
+          padding: isMobile ? "10px 20px 0" : "12px 32px 0",
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "space-between",
+          gap: 12,
+          flexWrap: "wrap",
+        }}
+      >
+        <span className="label-micro">Home / Dashboard</span>
+        <div style={{ display: "flex", gap: 8 }}>
+          <button className="btn btn--sm" onClick={() => router.push("/library")}>
+            <Icon name="search" size={13} /> Library
+          </button>
+          <button className="btn btn--sm btn--primary" onClick={() => router.push("/learn")}>
+            <Icon name="sparkle" size={13} /> Start learning
+          </button>
+        </div>
+      </div>
+
       {suggestNode && !suggestDismissed && (
         <div style={{ padding: "14px 32px 0" }}>
           <div className="card fade-in" style={{ padding: "14px 18px", display: "flex", gap: 14, alignItems: "center", borderColor: "var(--accent-border)", background: "var(--accent-soft)" }}>
@@ -606,8 +612,9 @@ export function Dashboard() {
 
       <div
         style={{
-          padding: isMobile ? "14px 20px" : "20px 32px",
-          display: "grid", gap: 20,
+          // Tight top padding so panels start immediately below the meta row.
+          padding: isMobile ? "12px 20px 16px" : "14px 32px 24px",
+          display: "grid", gap: 16,
           // Pre-revamp layout: narrow left (courses), wide middle (graph),
           // narrow right (stats/upcoming/learn-next). Matches the 300px /
           // flex 1 / 320px split from main@929658f.

From a555178a347e7264355827360a10d274a3949d51 Mon Sep 17 00:00:00 2001
From: Jose Cruz <josecruz@crc-dot1x-nat-10-239-237-110.bu.edu>
Date: Sun, 19 Apr 2026 18:15:36 -0400
Subject: [PATCH 30/52] dashboard: move hero below meta row; pre-revamp typing
 animation
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Two changes per user request:

1) Greeting + quote moved DOWN.
   Meta row (breadcrumb + action buttons) is at the very top now;
   the centered greeting + quote hero drops below it. Matches how a
   landing page should read: page label first, then the ceremonial
   welcome.

2) Typewriter rebuilt to match main@929658f:app/dashboard/page.tsx:
   - Thin forest-green '|' bar at fontWeight 200, not the block '▍'.
   - Cursor blinks at 530ms while typing.
   - When typing finishes, wait 300ms then hide the cursor entirely
     (no perpetual blink).
   - New onDone callback fires 300ms after typing completes; the
     quote opacity is 0 until then, then transitions 0.7s to 1.
     Same timing the pre-revamp used.
   - onDone is stored in a ref so it doesn't retrigger the typing
     effect on every parent re-render.
   - Greeting text carries a period for weight ("Good morning, Jose.").

Hero padding also bumped a touch (28px top on desktop) so the
greeting has breathing room between meta row and graph panel.
---
 frontend/src/components/screens/Dashboard.tsx | 130 ++++++++++++------
 1 file changed, 91 insertions(+), 39 deletions(-)

diff --git a/frontend/src/components/screens/Dashboard.tsx b/frontend/src/components/screens/Dashboard.tsx
index 41ed8551..ae122cc8 100644
--- a/frontend/src/components/screens/Dashboard.tsx
+++ b/frontend/src/components/screens/Dashboard.tsx
@@ -56,27 +56,75 @@ function getGreetingPrefix(d: Date) {
   return "Good evening";
 }
 
-function Typewriter({ text, speed = 55 }: { text: string; speed?: number }) {
+// Pre-revamp typing animation (main@929658f:app/dashboard/page.tsx:257-284):
+//  - Types one char every 55ms.
+//  - Thin forest-green vertical bar '|' cursor, weight 200, blinks 530ms.
+//  - When the text finishes typing, wait 300ms then hide the cursor
+//    entirely (no perpetual blinking).
+//  - Exposes an onDone callback so the parent can fade the quote in once
+//    the greeting settles.
+function Typewriter({
+  text,
+  speed = 55,
+  onDone,
+}: {
+  text: string;
+  speed?: number;
+  onDone?: () => void;
+}) {
   const [shown, setShown] = React.useState("");
-  const [cursor, setCursor] = React.useState(true);
+  const [done, setDone] = React.useState(false);
+  const [cursorOn, setCursorOn] = React.useState(true);
+
+  // Keep onDone in a ref so the typing effect only restarts when text
+  // or speed changes — not on every parent re-render.
+  const onDoneRef = React.useRef(onDone);
+  React.useEffect(() => { onDoneRef.current = onDone; }, [onDone]);
+
   React.useEffect(() => {
     setShown("");
+    setDone(false);
+    setCursorOn(true);
     let i = 0;
+    let settleTimer: ReturnType<typeof setTimeout> | null = null;
     const iv = setInterval(() => {
       i += 1;
       setShown(text.slice(0, i));
-      if (i >= text.length) clearInterval(iv);
+      if (i >= text.length) {
+        clearInterval(iv);
+        settleTimer = setTimeout(() => {
+          setDone(true);
+          onDoneRef.current?.();
+        }, 300);
+      }
     }, speed);
-    return () => clearInterval(iv);
+    return () => {
+      clearInterval(iv);
+      if (settleTimer) clearTimeout(settleTimer);
+    };
   }, [text, speed]);
+
   React.useEffect(() => {
-    const iv = setInterval(() => setCursor((c) => !c), 530);
-    return () => clearInterval(iv);
-  }, []);
+    if (done) { setCursorOn(false); return; }
+    const blink = setInterval(() => setCursorOn((v) => !v), 530);
+    return () => clearInterval(blink);
+  }, [done]);
+
   return (
     <span>
       {shown}
-      <span style={{ opacity: cursor ? 1 : 0, marginLeft: 2, color: "var(--accent)" }}>▍</span>
+      <span
+        aria-hidden
+        style={{
+          opacity: done ? 0 : cursorOn ? 1 : 0,
+          marginLeft: 1,
+          color: "var(--accent)",
+          fontWeight: 200,
+          transition: "opacity 0.1s",
+        }}
+      >
+        |
+      </span>
     </span>
   );
 }
@@ -211,7 +259,9 @@ export function Dashboard() {
   React.useEffect(() => {
     setGreetingPrefix(getGreetingPrefix(new Date()));
   }, []);
-  const greetingText = firstName ? `${greetingPrefix}, ${firstName}` : "Welcome back";
+  // Pre-revamp greeting ended with a period for typographic weight.
+  const greetingText = firstName ? `${greetingPrefix}, ${firstName}.` : "Welcome back.";
+  const [greetingDone, setGreetingDone] = React.useState(false);
   // Greeting + quote render as a centered hero below the TopBar (see
   // return JSX), not as TopBar title/subtitle. Leaving the TopBar lean
   // makes the Dashboard feel like an arrival page, not a tool page.
@@ -511,14 +561,37 @@ export function Dashboard() {
 
   return (
     <div>
-      {/* No TopBar on the Dashboard — the white sticky bar was empty
-          chrome. The greeting + quote carry the page identity; the
-          breadcrumb + action buttons drop into a compact meta row
-          between the hero and the grid. */}
+      {/* Meta row sits at the very top: breadcrumb left, primary actions
+          right. No chrome bar, no border — flows on top of the atmospheric
+          backdrop. */}
+      <div
+        style={{
+          padding: isMobile ? "14px 20px 0" : "18px 32px 0",
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "space-between",
+          gap: 12,
+          flexWrap: "wrap",
+        }}
+      >
+        <span className="label-micro">Home / Dashboard</span>
+        <div style={{ display: "flex", gap: 8 }}>
+          <button className="btn btn--sm" onClick={() => router.push("/library")}>
+            <Icon name="search" size={13} /> Library
+          </button>
+          <button className="btn btn--sm btn--primary" onClick={() => router.push("/learn")}>
+            <Icon name="sparkle" size={13} /> Start learning
+          </button>
+        </div>
+      </div>
+
+      {/* Hero drops below the meta row now. Greeting types in, then
+          the quote fades in (0.7s) once typing completes — same
+          sequence as the pre-revamp dashboard. */}
       <div
         style={{
           textAlign: "center",
-          padding: isMobile ? "18px 20px 4px" : "22px 32px 6px",
+          padding: isMobile ? "20px 20px 4px" : "28px 32px 8px",
         }}
       >
         <h1
@@ -532,18 +605,20 @@ export function Dashboard() {
             lineHeight: 1.2,
           }}
         >
-          <Typewriter text={greetingText} />
+          <Typewriter text={greetingText} onDone={() => setGreetingDone(true)} />
         </h1>
         {quote && (
           <p
             className="body-serif"
             style={{
-              margin: "8px auto 0",
+              margin: "10px auto 0",
               maxWidth: 640,
               fontSize: 14,
               fontStyle: "italic",
               color: "var(--text-dim)",
               lineHeight: 1.55,
+              opacity: greetingDone ? 1 : 0,
+              transition: "opacity 0.7s var(--ease)",
             }}
           >
             "{quote}"
@@ -551,29 +626,6 @@ export function Dashboard() {
         )}
       </div>
 
-      {/* Compact meta row: breadcrumb left, primary actions right.
-          No background, no border — flows with the hero above it. */}
-      <div
-        style={{
-          padding: isMobile ? "10px 20px 0" : "12px 32px 0",
-          display: "flex",
-          alignItems: "center",
-          justifyContent: "space-between",
-          gap: 12,
-          flexWrap: "wrap",
-        }}
-      >
-        <span className="label-micro">Home / Dashboard</span>
-        <div style={{ display: "flex", gap: 8 }}>
-          <button className="btn btn--sm" onClick={() => router.push("/library")}>
-            <Icon name="search" size={13} /> Library
-          </button>
-          <button className="btn btn--sm btn--primary" onClick={() => router.push("/learn")}>
-            <Icon name="sparkle" size={13} /> Start learning
-          </button>
-        </div>
-      </div>
-
       {suggestNode && !suggestDismissed && (
         <div style={{ padding: "14px 32px 0" }}>
           <div className="card fade-in" style={{ padding: "14px 18px", display: "flex", gap: 14, alignItems: "center", borderColor: "var(--accent-border)", background: "var(--accent-soft)" }}>

From 6663de85bec187956d3675b2a219b85d45eccc7c Mon Sep 17 00:00:00 2001
From: Jose Cruz <josecruz@crc-dot1x-nat-10-239-237-110.bu.edu>
Date: Sun, 19 Apr 2026 18:16:51 -0400
Subject: [PATCH 31/52] dashboard: push breadcrumb + actions below the hero,
 max space for panels
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

User wanted the Home/Dashboard label and the top-right buttons moved
downward so the content panels reclaim as much vertical space as
possible.

New order:
  1. Hero (greeting + quote)   — very top, 18px top padding
  2. Meta row (breadcrumb + action buttons) — 12px below hero
  3. 3-column grid              — 10px below meta row

All vertical padding trimmed compared to the previous iteration. The
hero is the first thing on the page (no chrome bar above it), the
breadcrumb and buttons are now chrome-adjacent rather than chrome-first,
and the panels sit right below without a wide empty band.
---
 frontend/src/components/screens/Dashboard.tsx | 61 +++++++++----------
 1 file changed, 30 insertions(+), 31 deletions(-)

diff --git a/frontend/src/components/screens/Dashboard.tsx b/frontend/src/components/screens/Dashboard.tsx
index ae122cc8..848c9e50 100644
--- a/frontend/src/components/screens/Dashboard.tsx
+++ b/frontend/src/components/screens/Dashboard.tsx
@@ -561,37 +561,12 @@ export function Dashboard() {
 
   return (
     <div>
-      {/* Meta row sits at the very top: breadcrumb left, primary actions
-          right. No chrome bar, no border — flows on top of the atmospheric
-          backdrop. */}
-      <div
-        style={{
-          padding: isMobile ? "14px 20px 0" : "18px 32px 0",
-          display: "flex",
-          alignItems: "center",
-          justifyContent: "space-between",
-          gap: 12,
-          flexWrap: "wrap",
-        }}
-      >
-        <span className="label-micro">Home / Dashboard</span>
-        <div style={{ display: "flex", gap: 8 }}>
-          <button className="btn btn--sm" onClick={() => router.push("/library")}>
-            <Icon name="search" size={13} /> Library
-          </button>
-          <button className="btn btn--sm btn--primary" onClick={() => router.push("/learn")}>
-            <Icon name="sparkle" size={13} /> Start learning
-          </button>
-        </div>
-      </div>
-
-      {/* Hero drops below the meta row now. Greeting types in, then
-          the quote fades in (0.7s) once typing completes — same
-          sequence as the pre-revamp dashboard. */}
+      {/* Hero at the very top — zero TopBar above it, tight top padding
+          so the greeting is literally the first thing on the page. */}
       <div
         style={{
           textAlign: "center",
-          padding: isMobile ? "20px 20px 4px" : "28px 32px 8px",
+          padding: isMobile ? "14px 20px 0" : "18px 32px 0",
         }}
       >
         <h1
@@ -611,7 +586,7 @@ export function Dashboard() {
           <p
             className="body-serif"
             style={{
-              margin: "10px auto 0",
+              margin: "8px auto 0",
               maxWidth: 640,
               fontSize: 14,
               fontStyle: "italic",
@@ -626,6 +601,29 @@ export function Dashboard() {
         )}
       </div>
 
+      {/* Meta row pushed DOWN below the hero, tight padding. Breadcrumb
+          left, actions right — one line of chrome, no bar. */}
+      <div
+        style={{
+          padding: isMobile ? "10px 20px 0" : "12px 32px 0",
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "space-between",
+          gap: 12,
+          flexWrap: "wrap",
+        }}
+      >
+        <span className="label-micro">Home / Dashboard</span>
+        <div style={{ display: "flex", gap: 8 }}>
+          <button className="btn btn--sm" onClick={() => router.push("/library")}>
+            <Icon name="search" size={13} /> Library
+          </button>
+          <button className="btn btn--sm btn--primary" onClick={() => router.push("/learn")}>
+            <Icon name="sparkle" size={13} /> Start learning
+          </button>
+        </div>
+      </div>
+
       {suggestNode && !suggestDismissed && (
         <div style={{ padding: "14px 32px 0" }}>
           <div className="card fade-in" style={{ padding: "14px 18px", display: "flex", gap: 14, alignItems: "center", borderColor: "var(--accent-border)", background: "var(--accent-soft)" }}>
@@ -664,8 +662,9 @@ export function Dashboard() {
 
       <div
         style={{
-          // Tight top padding so panels start immediately below the meta row.
-          padding: isMobile ? "12px 20px 16px" : "14px 32px 24px",
+          // Very tight top padding so panels start immediately below the
+          // meta row — maximises the space the content panels can claim.
+          padding: isMobile ? "8px 20px 16px" : "10px 32px 24px",
           display: "grid", gap: 16,
           // Pre-revamp layout: narrow left (courses), wide middle (graph),
           // narrow right (stats/upcoming/learn-next). Matches the 300px /

From 80d4e95eff4e8b6186663265bbe1203248ea0f74 Mon Sep 17 00:00:00 2001
From: Jose Cruz <josecruz@crc-dot1x-nat-10-239-237-110.bu.edu>
Date: Sun, 19 Apr 2026 18:18:02 -0400
Subject: [PATCH 32/52] dashboard: quote slides down into place, no reserved
 empty band
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

User pointed out empty space sitting above the quote while the
greeting was typing. That was the reserved space for the quote
paragraph (opacity 0 but still occupying height).

Wrapped the quote in an aria-hidden container whose max-height is
0 while the greeting is still typing and expands to 120px once
greetingDone. Combined with a delayed opacity transition (0.55s
ease, 0.15s delay), the quote now drops down visibly after the
greeting finishes — no empty band above it during typing.

Also bumped the quote's top margin from 8px to 22px so there's a
clear gap below the greeting once both are visible.
---
 frontend/src/components/screens/Dashboard.tsx | 38 +++++++++++++------
 1 file changed, 26 insertions(+), 12 deletions(-)

diff --git a/frontend/src/components/screens/Dashboard.tsx b/frontend/src/components/screens/Dashboard.tsx
index 848c9e50..0a0cc742 100644
--- a/frontend/src/components/screens/Dashboard.tsx
+++ b/frontend/src/components/screens/Dashboard.tsx
@@ -582,22 +582,36 @@ export function Dashboard() {
         >
           <Typewriter text={greetingText} onDone={() => setGreetingDone(true)} />
         </h1>
+        {/* Quote row stays collapsed (max-height: 0) while the greeting
+            is still typing — no reserved empty band above where the
+            quote will land. When the greeting finishes, the row expands
+            and the text fades in, so the quote drops down into place
+            below the greeting. */}
         {quote && (
-          <p
-            className="body-serif"
+          <div
+            aria-hidden={!greetingDone}
             style={{
-              margin: "8px auto 0",
-              maxWidth: 640,
-              fontSize: 14,
-              fontStyle: "italic",
-              color: "var(--text-dim)",
-              lineHeight: 1.55,
-              opacity: greetingDone ? 1 : 0,
-              transition: "opacity 0.7s var(--ease)",
+              maxHeight: greetingDone ? 120 : 0,
+              overflow: "hidden",
+              transition: "max-height 0.7s var(--ease)",
             }}
           >
-            "{quote}"
-          </p>
+            <p
+              className="body-serif"
+              style={{
+                margin: "22px auto 0",
+                maxWidth: 640,
+                fontSize: 14,
+                fontStyle: "italic",
+                color: "var(--text-dim)",
+                lineHeight: 1.55,
+                opacity: greetingDone ? 1 : 0,
+                transition: "opacity 0.55s var(--ease) 0.15s",
+              }}
+            >
+              "{quote}"
+            </p>
+          </div>
         )}
       </div>
 

From a1e9eced02f01bca94f8659c1a8081cb7ba6882a Mon Sep 17 00:00:00 2001
From: Jose Cruz <josecruz@crc-dot1x-nat-10-239-237-110.bu.edu>
Date: Sun, 19 Apr 2026 18:19:24 -0400
Subject: [PATCH 33/52] dashboard: snap quote container to content height, kill
 the empty band

max-height: 120 was leaving ~60px of dead space below single-line
quotes because max-height only caps (not equals). Switched the
collapse/expand to the canonical CSS grid-rows trick:

  grid-template-rows: 0fr  ->  1fr

That animates the parent exactly to its child's natural height, so
there's no empty container below the quote. Same 0.7s easing, same
0.15s-delayed fade-in on the paragraph itself.
---
 frontend/src/components/screens/Dashboard.tsx | 47 ++++++++++---------
 1 file changed, 24 insertions(+), 23 deletions(-)

diff --git a/frontend/src/components/screens/Dashboard.tsx b/frontend/src/components/screens/Dashboard.tsx
index 0a0cc742..1198039a 100644
--- a/frontend/src/components/screens/Dashboard.tsx
+++ b/frontend/src/components/screens/Dashboard.tsx
@@ -582,35 +582,36 @@ export function Dashboard() {
         >
           <Typewriter text={greetingText} onDone={() => setGreetingDone(true)} />
         </h1>
-        {/* Quote row stays collapsed (max-height: 0) while the greeting
-            is still typing — no reserved empty band above where the
-            quote will land. When the greeting finishes, the row expands
-            and the text fades in, so the quote drops down into place
-            below the greeting. */}
+        {/* Quote animates from collapsed -> its natural height using the
+            canonical CSS grid trick (grid-template-rows: 0fr -> 1fr).
+            Unlike max-height: 120px, this snaps to exactly the quote's
+            content height, so there's no empty band below it. */}
         {quote && (
           <div
             aria-hidden={!greetingDone}
             style={{
-              maxHeight: greetingDone ? 120 : 0,
-              overflow: "hidden",
-              transition: "max-height 0.7s var(--ease)",
+              display: "grid",
+              gridTemplateRows: greetingDone ? "1fr" : "0fr",
+              transition: "grid-template-rows 0.7s var(--ease)",
             }}
           >
-            <p
-              className="body-serif"
-              style={{
-                margin: "22px auto 0",
-                maxWidth: 640,
-                fontSize: 14,
-                fontStyle: "italic",
-                color: "var(--text-dim)",
-                lineHeight: 1.55,
-                opacity: greetingDone ? 1 : 0,
-                transition: "opacity 0.55s var(--ease) 0.15s",
-              }}
-            >
-              "{quote}"
-            </p>
+            <div style={{ overflow: "hidden" }}>
+              <p
+                className="body-serif"
+                style={{
+                  margin: "22px auto 0",
+                  maxWidth: 640,
+                  fontSize: 14,
+                  fontStyle: "italic",
+                  color: "var(--text-dim)",
+                  lineHeight: 1.55,
+                  opacity: greetingDone ? 1 : 0,
+                  transition: "opacity 0.55s var(--ease) 0.15s",
+                }}
+              >
+                "{quote}"
+              </p>
+            </div>
           </div>
         )}
       </div>

From a00ad89e9672e3876574d99020ec46ff8926af90 Mon Sep 17 00:00:00 2001
From: Jose Cruz <josecruz@crc-dot1x-nat-10-239-237-110.bu.edu>
Date: Sun, 19 Apr 2026 18:24:36 -0400
Subject: [PATCH 34/52] dashboard: quote entry no longer shifts the panels
 below
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Earlier iteration animated the quote container's height from 0 to
its natural height. That made the hero grow, which pushed the meta
row and the 3-column grid downward when the greeting finished
typing — the exact thing the user just pointed out.

Reverted to a pure presentation-only entry:
  - The quote paragraph always reserves its layout space from first
    render (no grid-row or max-height trick).
  - While typing is in progress, the quote is invisible (opacity: 0)
    and slightly offset upward (translateY(-6px)).
  - On greeting-done, opacity fades to 1 and translateY eases back to
    0 over 0.55s with a 0.15s delay.

Net effect: quote still *feels* like it drops in, but nothing around
it moves. Meta row and panels stay put.
---
 frontend/src/components/screens/Dashboard.tsx | 44 ++++++++-----------
 1 file changed, 18 insertions(+), 26 deletions(-)

diff --git a/frontend/src/components/screens/Dashboard.tsx b/frontend/src/components/screens/Dashboard.tsx
index 1198039a..5f7aa98d 100644
--- a/frontend/src/components/screens/Dashboard.tsx
+++ b/frontend/src/components/screens/Dashboard.tsx
@@ -582,37 +582,29 @@ export function Dashboard() {
         >
           <Typewriter text={greetingText} onDone={() => setGreetingDone(true)} />
         </h1>
-        {/* Quote animates from collapsed -> its natural height using the
-            canonical CSS grid trick (grid-template-rows: 0fr -> 1fr).
-            Unlike max-height: 120px, this snaps to exactly the quote's
-            content height, so there's no empty band below it. */}
+        {/* Quote always reserves its layout space so panels below never
+            shift when the greeting finishes typing. Entry is opacity +
+            subtle translateY so the quote *feels* like it drops in
+            without actually moving anything else on the page. */}
         {quote && (
-          <div
+          <p
             aria-hidden={!greetingDone}
+            className="body-serif"
             style={{
-              display: "grid",
-              gridTemplateRows: greetingDone ? "1fr" : "0fr",
-              transition: "grid-template-rows 0.7s var(--ease)",
+              margin: "22px auto 0",
+              maxWidth: 640,
+              fontSize: 14,
+              fontStyle: "italic",
+              color: "var(--text-dim)",
+              lineHeight: 1.55,
+              opacity: greetingDone ? 1 : 0,
+              transform: greetingDone ? "translateY(0)" : "translateY(-6px)",
+              transition:
+                "opacity 0.55s var(--ease) 0.15s, transform 0.55s var(--ease) 0.15s",
             }}
           >
-            <div style={{ overflow: "hidden" }}>
-              <p
-                className="body-serif"
-                style={{
-                  margin: "22px auto 0",
-                  maxWidth: 640,
-                  fontSize: 14,
-                  fontStyle: "italic",
-                  color: "var(--text-dim)",
-                  lineHeight: 1.55,
-                  opacity: greetingDone ? 1 : 0,
-                  transition: "opacity 0.55s var(--ease) 0.15s",
-                }}
-              >
-                "{quote}"
-              </p>
-            </div>
-          </div>
+            "{quote}"
+          </p>
         )}
       </div>
 

From 88d87f0e1981a0dd441658c222645d33bbe8a8f2 Mon Sep 17 00:00:00 2001
From: Jose Cruz <josecruz@crc-dot1x-nat-10-239-241-157.bu.edu>
Date: Tue, 21 Apr 2026 20:23:25 -0400
Subject: [PATCH 35/52] Complete revamp parity and add missing AI affordances

Adds AIDisclaimerChip (opens DisclaimerModal from TopBar actions, wired
into Learn and Study) and AchievementUnlockToast with a polling
watcher mounted in ShellFrame. DisclaimerModal now supports an
optional controlled mode so the chip can re-open it while first-visit
auto-show still works.

Also commits the in-progress revamp work that closed the remaining gap
against main: landing page port with onboarding animations, dashboard
typewriter + quote + fullscreen graph, static pages (about, careers,
flashcards, privacy, terms), and ShellFrame/SideNav/HowItWorks
components.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 frontend/package-lock.json                    | 668 +++++++++++-
 frontend/package.json                         |   6 +-
 frontend/postcss.config.mjs                   |   7 +
 frontend/src/app/(shell)/layout.tsx           |  31 +-
 frontend/src/app/(shell)/study/page.tsx       |   7 +-
 frontend/src/app/about/page.tsx               | 241 +++++
 frontend/src/app/auth/callback/page.tsx       |   7 +-
 frontend/src/app/auth/page.tsx                |   4 +-
 frontend/src/app/careers/[slug]/ApplyForm.tsx | 572 ++++++++++
 frontend/src/app/careers/[slug]/page.tsx      |  12 +
 frontend/src/app/careers/jobs.ts              |  28 +
 frontend/src/app/careers/page.tsx             | 397 +++++++
 frontend/src/app/flashcards/page.tsx          |   5 +
 frontend/src/app/globals.css                  | 707 ++++++++++++-
 frontend/src/app/layout.tsx                   |  92 +-
 frontend/src/app/page.tsx                     | 974 +++++++++++++++++-
 frontend/src/app/privacy/page.tsx             | 332 ++++++
 frontend/src/app/terms/page.tsx               | 222 ++++
 frontend/src/components/AIDisclaimerChip.tsx  |  82 ++
 .../src/components/AchievementUnlockToast.tsx |  97 ++
 .../components/AchievementUnlockWatcher.tsx   |  10 +
 frontend/src/components/DisclaimerModal.tsx   |  20 +-
 frontend/src/components/HowItWorks.tsx        | 669 ++++++++++++
 frontend/src/components/Icon.tsx              | 104 +-
 frontend/src/components/OnboardingFlow.tsx    | 742 +++++++++++++
 frontend/src/components/ShellFrame.tsx        |  89 ++
 frontend/src/components/SideNav.tsx           | 313 ++++++
 frontend/src/components/screens/Admin.tsx     | 103 +-
 frontend/src/components/screens/Calendar.tsx  |  72 +-
 frontend/src/components/screens/Dashboard.tsx | 835 +++++++++++----
 frontend/src/components/screens/Learn.tsx     |  12 +-
 frontend/src/components/screens/Settings.tsx  | 117 ++-
 frontend/src/components/screens/Study.tsx     |  40 +-
 frontend/src/lib/api.ts                       |  45 +
 frontend/src/lib/localData.ts                 | 104 +-
 .../src/lib/useAchievementUnlockWatcher.ts    |  57 +
 frontend/src/lib/useLayoutPref.ts             |  40 +
 37 files changed, 7523 insertions(+), 340 deletions(-)
 create mode 100644 frontend/postcss.config.mjs
 create mode 100644 frontend/src/app/about/page.tsx
 create mode 100644 frontend/src/app/careers/[slug]/ApplyForm.tsx
 create mode 100644 frontend/src/app/careers/[slug]/page.tsx
 create mode 100644 frontend/src/app/careers/jobs.ts
 create mode 100644 frontend/src/app/careers/page.tsx
 create mode 100644 frontend/src/app/flashcards/page.tsx
 create mode 100644 frontend/src/app/privacy/page.tsx
 create mode 100644 frontend/src/app/terms/page.tsx
 create mode 100644 frontend/src/components/AIDisclaimerChip.tsx
 create mode 100644 frontend/src/components/AchievementUnlockToast.tsx
 create mode 100644 frontend/src/components/AchievementUnlockWatcher.tsx
 create mode 100644 frontend/src/components/HowItWorks.tsx
 create mode 100644 frontend/src/components/OnboardingFlow.tsx
 create mode 100644 frontend/src/components/ShellFrame.tsx
 create mode 100644 frontend/src/components/SideNav.tsx
 create mode 100644 frontend/src/lib/useAchievementUnlockWatcher.ts
 create mode 100644 frontend/src/lib/useLayoutPref.ts

diff --git a/frontend/package-lock.json b/frontend/package-lock.json
index 3d774d32..450779cf 100644
--- a/frontend/package-lock.json
+++ b/frontend/package-lock.json
@@ -9,14 +9,18 @@
       "version": "0.1.0",
       "dependencies": {
         "@supabase/supabase-js": "^2.99.3",
+        "@tailwindcss/postcss": "^4.2.2",
         "d3": "^7.9.0",
+        "framer-motion": "^12.38.0",
         "katex": "^0.16.45",
+        "lucide-react": "^1.8.0",
         "next": "16.1.6",
         "react": "19.2.3",
         "react-dom": "19.2.3",
         "react-markdown": "^10.1.0",
         "rehype-katex": "^7.0.1",
-        "remark-math": "^6.0.0"
+        "remark-math": "^6.0.0",
+        "tailwindcss": "^4.2.2"
       },
       "devDependencies": {
         "@opennextjs/cloudflare": "^1.19.1",
@@ -30,6 +34,18 @@
         "wrangler": "^4.83.0"
       }
     },
+    "node_modules/@alloc/quick-lru": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/@alloc/quick-lru/-/quick-lru-5.2.0.tgz",
+      "integrity": "sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/@ast-grep/napi": {
       "version": "0.40.5",
       "resolved": "https://registry.npmjs.org/@ast-grep/napi/-/napi-0.40.5.tgz",
@@ -1907,7 +1923,6 @@
       "version": "1.10.0",
       "resolved": "https://registry.npmjs.org/@emnapi/core/-/core-1.10.0.tgz",
       "integrity": "sha512-yq6OkJ4p82CAfPl0u9mQebQHKPJkY7WrIuk205cTYnYe+k2Z8YBh11FrbRG/H6ihirqcacOgl2BIO8oyMQLeXw==",
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "dependencies": {
@@ -1929,7 +1944,6 @@
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/@emnapi/wasi-threads/-/wasi-threads-1.2.1.tgz",
       "integrity": "sha512-uTII7OYF+/Mes/MrcIOYp5yOtSMLBWSIoLPpcgwipoiKbli6k322tcoFsxoIIxPDqW01SQGAgko4EzZi2BNv2w==",
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "dependencies": {
@@ -3068,7 +3082,6 @@
       "version": "0.3.13",
       "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.13.tgz",
       "integrity": "sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@jridgewell/sourcemap-codec": "^1.5.0",
@@ -3079,7 +3092,6 @@
       "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",
@@ -3090,7 +3102,6 @@
       "version": "3.1.2",
       "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz",
       "integrity": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==",
-      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=6.0.0"
@@ -3111,14 +3122,12 @@
       "version": "1.5.5",
       "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.5.tgz",
       "integrity": "sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==",
-      "dev": true,
       "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==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@jridgewell/resolve-uri": "^3.1.0",
@@ -3129,7 +3138,6 @@
       "version": "0.2.12",
       "resolved": "https://registry.npmjs.org/@napi-rs/wasm-runtime/-/wasm-runtime-0.2.12.tgz",
       "integrity": "sha512-ZVWUcfwY4E/yPitQJl481FjFo3K22D6qF0DuFH6Y/nbnE11GY5uguDxZMGXPQ8WQ0128MXQD7TnfHyK4oWoIJQ==",
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "dependencies": {
@@ -4507,6 +4515,290 @@
         "tslib": "^2.8.0"
       }
     },
+    "node_modules/@tailwindcss/node": {
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/node/-/node-4.2.2.tgz",
+      "integrity": "sha512-pXS+wJ2gZpVXqFaUEjojq7jzMpTGf8rU6ipJz5ovJV6PUGmlJ+jvIwGrzdHdQ80Sg+wmQxUFuoW1UAAwHNEdFA==",
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/remapping": "^2.3.5",
+        "enhanced-resolve": "^5.19.0",
+        "jiti": "^2.6.1",
+        "lightningcss": "1.32.0",
+        "magic-string": "^0.30.21",
+        "source-map-js": "^1.2.1",
+        "tailwindcss": "4.2.2"
+      }
+    },
+    "node_modules/@tailwindcss/oxide": {
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide/-/oxide-4.2.2.tgz",
+      "integrity": "sha512-qEUA07+E5kehxYp9BVMpq9E8vnJuBHfJEC0vPC5e7iL/hw7HR61aDKoVoKzrG+QKp56vhNZe4qwkRmMC0zDLvg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 20"
+      },
+      "optionalDependencies": {
+        "@tailwindcss/oxide-android-arm64": "4.2.2",
+        "@tailwindcss/oxide-darwin-arm64": "4.2.2",
+        "@tailwindcss/oxide-darwin-x64": "4.2.2",
+        "@tailwindcss/oxide-freebsd-x64": "4.2.2",
+        "@tailwindcss/oxide-linux-arm-gnueabihf": "4.2.2",
+        "@tailwindcss/oxide-linux-arm64-gnu": "4.2.2",
+        "@tailwindcss/oxide-linux-arm64-musl": "4.2.2",
+        "@tailwindcss/oxide-linux-x64-gnu": "4.2.2",
+        "@tailwindcss/oxide-linux-x64-musl": "4.2.2",
+        "@tailwindcss/oxide-wasm32-wasi": "4.2.2",
+        "@tailwindcss/oxide-win32-arm64-msvc": "4.2.2",
+        "@tailwindcss/oxide-win32-x64-msvc": "4.2.2"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-android-arm64": {
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-android-arm64/-/oxide-android-arm64-4.2.2.tgz",
+      "integrity": "sha512-dXGR1n+P3B6748jZO/SvHZq7qBOqqzQ+yFrXpoOWWALWndF9MoSKAT3Q0fYgAzYzGhxNYOoysRvYlpixRBBoDg==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">= 20"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-darwin-arm64": {
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-darwin-arm64/-/oxide-darwin-arm64-4.2.2.tgz",
+      "integrity": "sha512-iq9Qjr6knfMpZHj55/37ouZeykwbDqF21gPFtfnhCCKGDcPI/21FKC9XdMO/XyBM7qKORx6UIhGgg6jLl7BZlg==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 20"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-darwin-x64": {
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-darwin-x64/-/oxide-darwin-x64-4.2.2.tgz",
+      "integrity": "sha512-BlR+2c3nzc8f2G639LpL89YY4bdcIdUmiOOkv2GQv4/4M0vJlpXEa0JXNHhCHU7VWOKWT/CjqHdTP8aUuDJkuw==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 20"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-freebsd-x64": {
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-freebsd-x64/-/oxide-freebsd-x64-4.2.2.tgz",
+      "integrity": "sha512-YUqUgrGMSu2CDO82hzlQ5qSb5xmx3RUrke/QgnoEx7KvmRJHQuZHZmZTLSuuHwFf0DJPybFMXMYf+WJdxHy/nQ==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">= 20"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-linux-arm-gnueabihf": {
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm-gnueabihf/-/oxide-linux-arm-gnueabihf-4.2.2.tgz",
+      "integrity": "sha512-FPdhvsW6g06T9BWT0qTwiVZYE2WIFo2dY5aCSpjG/S/u1tby+wXoslXS0kl3/KXnULlLr1E3NPRRw0g7t2kgaQ==",
+      "cpu": [
+        "arm"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 20"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-linux-arm64-gnu": {
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm64-gnu/-/oxide-linux-arm64-gnu-4.2.2.tgz",
+      "integrity": "sha512-4og1V+ftEPXGttOO7eCmW7VICmzzJWgMx+QXAJRAhjrSjumCwWqMfkDrNu1LXEQzNAwz28NCUpucgQPrR4S2yw==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 20"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-linux-arm64-musl": {
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm64-musl/-/oxide-linux-arm64-musl-4.2.2.tgz",
+      "integrity": "sha512-oCfG/mS+/+XRlwNjnsNLVwnMWYH7tn/kYPsNPh+JSOMlnt93mYNCKHYzylRhI51X+TbR+ufNhhKKzm6QkqX8ag==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 20"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-linux-x64-gnu": {
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-x64-gnu/-/oxide-linux-x64-gnu-4.2.2.tgz",
+      "integrity": "sha512-rTAGAkDgqbXHNp/xW0iugLVmX62wOp2PoE39BTCGKjv3Iocf6AFbRP/wZT/kuCxC9QBh9Pu8XPkv/zCZB2mcMg==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 20"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-linux-x64-musl": {
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-x64-musl/-/oxide-linux-x64-musl-4.2.2.tgz",
+      "integrity": "sha512-XW3t3qwbIwiSyRCggeO2zxe3KWaEbM0/kW9e8+0XpBgyKU4ATYzcVSMKteZJ1iukJ3HgHBjbg9P5YPRCVUxlnQ==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 20"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-wasm32-wasi": {
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-wasm32-wasi/-/oxide-wasm32-wasi-4.2.2.tgz",
+      "integrity": "sha512-eKSztKsmEsn1O5lJ4ZAfyn41NfG7vzCg496YiGtMDV86jz1q/irhms5O0VrY6ZwTUkFy/EKG3RfWgxSI3VbZ8Q==",
+      "bundleDependencies": [
+        "@napi-rs/wasm-runtime",
+        "@emnapi/core",
+        "@emnapi/runtime",
+        "@tybys/wasm-util",
+        "@emnapi/wasi-threads",
+        "tslib"
+      ],
+      "cpu": [
+        "wasm32"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "@emnapi/core": "^1.8.1",
+        "@emnapi/runtime": "^1.8.1",
+        "@emnapi/wasi-threads": "^1.1.0",
+        "@napi-rs/wasm-runtime": "^1.1.1",
+        "@tybys/wasm-util": "^0.10.1",
+        "tslib": "^2.8.1"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-win32-arm64-msvc": {
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-win32-arm64-msvc/-/oxide-win32-arm64-msvc-4.2.2.tgz",
+      "integrity": "sha512-qPmaQM4iKu5mxpsrWZMOZRgZv1tOZpUm+zdhhQP0VhJfyGGO3aUKdbh3gDZc/dPLQwW4eSqWGrrcWNBZWUWaXQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 20"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-win32-x64-msvc": {
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-win32-x64-msvc/-/oxide-win32-x64-msvc-4.2.2.tgz",
+      "integrity": "sha512-1T/37VvI7WyH66b+vqHj/cLwnCxt7Qt3WFu5Q8hk65aOvlwAhs7rAp1VkulBJw/N4tMirXjVnylTR72uI0HGcA==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 20"
+      }
+    },
+    "node_modules/@tailwindcss/postcss": {
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/postcss/-/postcss-4.2.2.tgz",
+      "integrity": "sha512-n4goKQbW8RVXIbNKRB/45LzyUqN451deQK0nzIeauVEqjlI49slUlgKYJM2QyUzap/PcpnS7kzSUmPb1sCRvYQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@alloc/quick-lru": "^5.2.0",
+        "@tailwindcss/node": "4.2.2",
+        "@tailwindcss/oxide": "4.2.2",
+        "postcss": "^8.5.6",
+        "tailwindcss": "4.2.2"
+      }
+    },
+    "node_modules/@tailwindcss/postcss/node_modules/postcss": {
+      "version": "8.5.10",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.10.tgz",
+      "integrity": "sha512-pMMHxBOZKFU6HgAZ4eyGnwXF/EvPGGqUr0MnZ5+99485wwW41kW91A4LOGxSHhgugZmSChL5AlElNdwlNgcnLQ==",
+      "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/@tsconfig/node18": {
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/@tsconfig/node18/-/node18-1.0.3.tgz",
@@ -4518,7 +4810,6 @@
       "version": "0.10.1",
       "resolved": "https://registry.npmjs.org/@tybys/wasm-util/-/wasm-util-0.10.1.tgz",
       "integrity": "sha512-9tTaPJLSiejZKx+Bmog4uSubteqTvFrVrURwkmHixBo0G4seD0zUxp98E1DzUBJxLQ3NPwXrGKDiVjwx/DpPsg==",
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "dependencies": {
@@ -6991,7 +7282,6 @@
       "version": "2.1.2",
       "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.1.2.tgz",
       "integrity": "sha512-Btj2BOOO83o3WyH59e8MgXsxEQVcarkUOpEYrubB0urwnN10yQ364rsiByU11nZlqWYZm05i/of7io4mzihBtQ==",
-      "devOptional": true,
       "license": "Apache-2.0",
       "engines": {
         "node": ">=8"
@@ -7107,6 +7397,19 @@
         "node": ">= 0.8"
       }
     },
+    "node_modules/enhanced-resolve": {
+      "version": "5.20.1",
+      "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.20.1.tgz",
+      "integrity": "sha512-Qohcme7V1inbAfvjItgw0EaxVX5q2rdVEZHRBrEQdRZTssLDGsL8Lwrznl8oQ/6kuTJONLaDcGjkNP247XEhcA==",
+      "license": "MIT",
+      "dependencies": {
+        "graceful-fs": "^4.2.4",
+        "tapable": "^2.3.0"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
     "node_modules/enquirer": {
       "version": "2.4.1",
       "resolved": "https://registry.npmjs.org/enquirer/-/enquirer-2.4.1.tgz",
@@ -8226,6 +8529,33 @@
         "node": ">= 0.6"
       }
     },
+    "node_modules/framer-motion": {
+      "version": "12.38.0",
+      "resolved": "https://registry.npmjs.org/framer-motion/-/framer-motion-12.38.0.tgz",
+      "integrity": "sha512-rFYkY/pigbcswl1XQSb7q424kSTQ8q6eAC+YUsSKooHQYuLdzdHjrt6uxUC+PRAO++q5IS7+TamgIw1AphxR+g==",
+      "license": "MIT",
+      "dependencies": {
+        "motion-dom": "^12.38.0",
+        "motion-utils": "^12.36.0",
+        "tslib": "^2.4.0"
+      },
+      "peerDependencies": {
+        "@emotion/is-prop-valid": "*",
+        "react": "^18.0.0 || ^19.0.0",
+        "react-dom": "^18.0.0 || ^19.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@emotion/is-prop-valid": {
+          "optional": true
+        },
+        "react": {
+          "optional": true
+        },
+        "react-dom": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/fresh": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/fresh/-/fresh-2.0.0.tgz",
@@ -8544,6 +8874,12 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/graceful-fs": {
+      "version": "4.2.11",
+      "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz",
+      "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==",
+      "license": "ISC"
+    },
     "node_modules/gzip-size": {
       "version": "6.0.0",
       "resolved": "https://registry.npmjs.org/gzip-size/-/gzip-size-6.0.0.tgz",
@@ -9534,6 +9870,15 @@
         "url": "https://github.com/sponsors/isaacs"
       }
     },
+    "node_modules/jiti": {
+      "version": "2.6.1",
+      "resolved": "https://registry.npmjs.org/jiti/-/jiti-2.6.1.tgz",
+      "integrity": "sha512-ekilCSN1jwRvIbgeg/57YFh8qQDNbwDb9xT/qu2DAHbFFZUicIl4ygVaAvzveMhMVr3LnpSKTNnwt8PoOfmKhQ==",
+      "license": "MIT",
+      "bin": {
+        "jiti": "lib/jiti-cli.mjs"
+      }
+    },
     "node_modules/js-tokens": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
@@ -9696,6 +10041,255 @@
         "node": ">= 0.8.0"
       }
     },
+    "node_modules/lightningcss": {
+      "version": "1.32.0",
+      "resolved": "https://registry.npmjs.org/lightningcss/-/lightningcss-1.32.0.tgz",
+      "integrity": "sha512-NXYBzinNrblfraPGyrbPoD19C1h9lfI/1mzgWYvXUTe414Gz/X1FD2XBZSZM7rRTrMA8JL3OtAaGifrIKhQ5yQ==",
+      "license": "MPL-2.0",
+      "dependencies": {
+        "detect-libc": "^2.0.3"
+      },
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      },
+      "optionalDependencies": {
+        "lightningcss-android-arm64": "1.32.0",
+        "lightningcss-darwin-arm64": "1.32.0",
+        "lightningcss-darwin-x64": "1.32.0",
+        "lightningcss-freebsd-x64": "1.32.0",
+        "lightningcss-linux-arm-gnueabihf": "1.32.0",
+        "lightningcss-linux-arm64-gnu": "1.32.0",
+        "lightningcss-linux-arm64-musl": "1.32.0",
+        "lightningcss-linux-x64-gnu": "1.32.0",
+        "lightningcss-linux-x64-musl": "1.32.0",
+        "lightningcss-win32-arm64-msvc": "1.32.0",
+        "lightningcss-win32-x64-msvc": "1.32.0"
+      }
+    },
+    "node_modules/lightningcss-android-arm64": {
+      "version": "1.32.0",
+      "resolved": "https://registry.npmjs.org/lightningcss-android-arm64/-/lightningcss-android-arm64-1.32.0.tgz",
+      "integrity": "sha512-YK7/ClTt4kAK0vo6w3X+Pnm0D2cf2vPHbhOXdoNti1Ga0al1P4TBZhwjATvjNwLEBCnKvjJc2jQgHXH0NEwlAg==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-darwin-arm64": {
+      "version": "1.32.0",
+      "resolved": "https://registry.npmjs.org/lightningcss-darwin-arm64/-/lightningcss-darwin-arm64-1.32.0.tgz",
+      "integrity": "sha512-RzeG9Ju5bag2Bv1/lwlVJvBE3q6TtXskdZLLCyfg5pt+HLz9BqlICO7LZM7VHNTTn/5PRhHFBSjk5lc4cmscPQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-darwin-x64": {
+      "version": "1.32.0",
+      "resolved": "https://registry.npmjs.org/lightningcss-darwin-x64/-/lightningcss-darwin-x64-1.32.0.tgz",
+      "integrity": "sha512-U+QsBp2m/s2wqpUYT/6wnlagdZbtZdndSmut/NJqlCcMLTWp5muCrID+K5UJ6jqD2BFshejCYXniPDbNh73V8w==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-freebsd-x64": {
+      "version": "1.32.0",
+      "resolved": "https://registry.npmjs.org/lightningcss-freebsd-x64/-/lightningcss-freebsd-x64-1.32.0.tgz",
+      "integrity": "sha512-JCTigedEksZk3tHTTthnMdVfGf61Fky8Ji2E4YjUTEQX14xiy/lTzXnu1vwiZe3bYe0q+SpsSH/CTeDXK6WHig==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-linux-arm-gnueabihf": {
+      "version": "1.32.0",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-arm-gnueabihf/-/lightningcss-linux-arm-gnueabihf-1.32.0.tgz",
+      "integrity": "sha512-x6rnnpRa2GL0zQOkt6rts3YDPzduLpWvwAF6EMhXFVZXD4tPrBkEFqzGowzCsIWsPjqSK+tyNEODUBXeeVHSkw==",
+      "cpu": [
+        "arm"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-linux-arm64-gnu": {
+      "version": "1.32.0",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-arm64-gnu/-/lightningcss-linux-arm64-gnu-1.32.0.tgz",
+      "integrity": "sha512-0nnMyoyOLRJXfbMOilaSRcLH3Jw5z9HDNGfT/gwCPgaDjnx0i8w7vBzFLFR1f6CMLKF8gVbebmkUN3fa/kQJpQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-linux-arm64-musl": {
+      "version": "1.32.0",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-arm64-musl/-/lightningcss-linux-arm64-musl-1.32.0.tgz",
+      "integrity": "sha512-UpQkoenr4UJEzgVIYpI80lDFvRmPVg6oqboNHfoH4CQIfNA+HOrZ7Mo7KZP02dC6LjghPQJeBsvXhJod/wnIBg==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-linux-x64-gnu": {
+      "version": "1.32.0",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-x64-gnu/-/lightningcss-linux-x64-gnu-1.32.0.tgz",
+      "integrity": "sha512-V7Qr52IhZmdKPVr+Vtw8o+WLsQJYCTd8loIfpDaMRWGUZfBOYEJeyJIkqGIDMZPwPx24pUMfwSxxI8phr/MbOA==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-linux-x64-musl": {
+      "version": "1.32.0",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-x64-musl/-/lightningcss-linux-x64-musl-1.32.0.tgz",
+      "integrity": "sha512-bYcLp+Vb0awsiXg/80uCRezCYHNg1/l3mt0gzHnWV9XP1W5sKa5/TCdGWaR/zBM2PeF/HbsQv/j2URNOiVuxWg==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-win32-arm64-msvc": {
+      "version": "1.32.0",
+      "resolved": "https://registry.npmjs.org/lightningcss-win32-arm64-msvc/-/lightningcss-win32-arm64-msvc-1.32.0.tgz",
+      "integrity": "sha512-8SbC8BR40pS6baCM8sbtYDSwEVQd4JlFTOlaD3gWGHfThTcABnNDBda6eTZeqbofalIJhFx0qKzgHJmcPTnGdw==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-win32-x64-msvc": {
+      "version": "1.32.0",
+      "resolved": "https://registry.npmjs.org/lightningcss-win32-x64-msvc/-/lightningcss-win32-x64-msvc-1.32.0.tgz",
+      "integrity": "sha512-Amq9B/SoZYdDi1kFrojnoqPLxYhQ4Wo5XiL8EVJrVsB8ARoC1PWW6VGtT0WKCemjy8aC+louJnjS7U18x3b06Q==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
     "node_modules/locate-path": {
       "version": "6.0.0",
       "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz",
@@ -9752,6 +10346,24 @@
         "yallist": "^3.0.2"
       }
     },
+    "node_modules/lucide-react": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmjs.org/lucide-react/-/lucide-react-1.8.0.tgz",
+      "integrity": "sha512-WuvlsjngSk7TnTBJ1hsCy3ql9V9VOdcPkd3PKcSmM34vJD8KG6molxz7m7zbYFgICwsanQWmJ13JlYs4Zp7Arw==",
+      "license": "ISC",
+      "peerDependencies": {
+        "react": "^16.5.1 || ^17.0.0 || ^18.0.0 || ^19.0.0"
+      }
+    },
+    "node_modules/magic-string": {
+      "version": "0.30.21",
+      "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.21.tgz",
+      "integrity": "sha512-vd2F4YUyEXKGcLHoq+TEyCjxueSeHnFxyyjNp80yg0XV4vUhnDer/lvvlqM/arB5bXQN5K2/3oinyCRyx8T2CQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/sourcemap-codec": "^1.5.5"
+      }
+    },
     "node_modules/math-intrinsics": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/math-intrinsics/-/math-intrinsics-1.1.0.tgz",
@@ -10585,6 +11197,21 @@
         "obliterator": "^1.6.1"
       }
     },
+    "node_modules/motion-dom": {
+      "version": "12.38.0",
+      "resolved": "https://registry.npmjs.org/motion-dom/-/motion-dom-12.38.0.tgz",
+      "integrity": "sha512-pdkHLD8QYRp8VfiNLb8xIBJis1byQ9gPT3Jnh2jqfFtAsWUA3dEepDlsWe/xMpO8McV+VdpKVcp+E+TGJEtOoA==",
+      "license": "MIT",
+      "dependencies": {
+        "motion-utils": "^12.36.0"
+      }
+    },
+    "node_modules/motion-utils": {
+      "version": "12.36.0",
+      "resolved": "https://registry.npmjs.org/motion-utils/-/motion-utils-12.36.0.tgz",
+      "integrity": "sha512-eHWisygbiwVvf6PZ1vhaHCLamvkSbPIeAYxWUuL3a2PD/TROgE7FvfHWTIH4vMl798QLfMw15nRqIaRDXTlYRg==",
+      "license": "MIT"
+    },
     "node_modules/ms": {
       "version": "2.1.3",
       "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
@@ -12375,6 +13002,25 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/tailwindcss": {
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-4.2.2.tgz",
+      "integrity": "sha512-KWBIxs1Xb6NoLdMVqhbhgwZf2PGBpPEiwOqgI4pFIYbNTfBXiKYyWoTsXgBQ9WFg/OlhnvHaY+AEpW7wSmFo2Q==",
+      "license": "MIT"
+    },
+    "node_modules/tapable": {
+      "version": "2.3.2",
+      "resolved": "https://registry.npmjs.org/tapable/-/tapable-2.3.2.tgz",
+      "integrity": "sha512-1MOpMXuhGzGL5TTCZFItxCc0AARf1EZFQkGqMm7ERKj8+Hgr5oLvJOVFcC+lRmR8hCe2S3jC4T5D7Vg/d7/fhA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      }
+    },
     "node_modules/terser": {
       "version": "5.16.9",
       "resolved": "https://registry.npmjs.org/terser/-/terser-5.16.9.tgz",
diff --git a/frontend/package.json b/frontend/package.json
index c0cd173d..119732d4 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -14,14 +14,18 @@
   },
   "dependencies": {
     "@supabase/supabase-js": "^2.99.3",
+    "@tailwindcss/postcss": "^4.2.2",
     "d3": "^7.9.0",
+    "framer-motion": "^12.38.0",
     "katex": "^0.16.45",
+    "lucide-react": "^1.8.0",
     "next": "16.1.6",
     "react": "19.2.3",
     "react-dom": "19.2.3",
     "react-markdown": "^10.1.0",
     "rehype-katex": "^7.0.1",
-    "remark-math": "^6.0.0"
+    "remark-math": "^6.0.0",
+    "tailwindcss": "^4.2.2"
   },
   "devDependencies": {
     "@opennextjs/cloudflare": "^1.19.1",
diff --git a/frontend/postcss.config.mjs b/frontend/postcss.config.mjs
new file mode 100644
index 00000000..61e36849
--- /dev/null
+++ b/frontend/postcss.config.mjs
@@ -0,0 +1,7 @@
+const config = {
+  plugins: {
+    "@tailwindcss/postcss": {},
+  },
+};
+
+export default config;
diff --git a/frontend/src/app/(shell)/layout.tsx b/frontend/src/app/(shell)/layout.tsx
index 549e74bc..9857941c 100644
--- a/frontend/src/app/(shell)/layout.tsx
+++ b/frontend/src/app/(shell)/layout.tsx
@@ -1,31 +1,6 @@
-import React, { Suspense } from "react";
-import { TopNav } from "@/components/TopNav";
-import { FloatingActions } from "@/components/FloatingActions";
-import { FeedbackFlow } from "@/components/FeedbackFlow";
-import { SessionFeedbackGlobal } from "@/components/SessionFeedbackGlobal";
-import { AtmosphericBackdrop } from "@/components/AtmosphericBackdrop";
+import React from "react";
+import { ShellFrame } from "@/components/ShellFrame";
 
 export default function ShellLayout({ children }: { children: React.ReactNode }) {
-  return (
-    <div style={{ display: "flex", flexDirection: "column", height: "100vh", overflow: "hidden", position: "relative" }}>
-      {/* Atmospheric orb layer — position: fixed behind everything. Only
-          runs on signed-in app views; auth/onboarding have their own
-          composition. */}
-      <AtmosphericBackdrop />
-      <a href="#main-content" className="skip-link">Skip to content</a>
-      <TopNav />
-      <main
-        id="main-content"
-        tabIndex={-1}
-        style={{ flex: 1, overflowY: "auto", minWidth: 0, position: "relative", zIndex: 1 }}
-      >
-        {children}
-      </main>
-      <FloatingActions />
-      <Suspense fallback={null}>
-        <FeedbackFlow />
-        <SessionFeedbackGlobal />
-      </Suspense>
-    </div>
-  );
+  return <ShellFrame>{children}</ShellFrame>;
 }
diff --git a/frontend/src/app/(shell)/study/page.tsx b/frontend/src/app/(shell)/study/page.tsx
index c0d0a35d..37af94ca 100644
--- a/frontend/src/app/(shell)/study/page.tsx
+++ b/frontend/src/app/(shell)/study/page.tsx
@@ -1,5 +1,10 @@
+import { Suspense } from "react";
 import { Study } from "@/components/screens/Study";
 
 export default function StudyPage() {
-  return <Study />;
+  return (
+    <Suspense fallback={null}>
+      <Study />
+    </Suspense>
+  );
 }
diff --git a/frontend/src/app/about/page.tsx b/frontend/src/app/about/page.tsx
new file mode 100644
index 00000000..d95e2e24
--- /dev/null
+++ b/frontend/src/app/about/page.tsx
@@ -0,0 +1,241 @@
+import Link from "next/link";
+
+const differentiators = [
+  "Your knowledge graph is yours. It updates in real time based on your actual performance, not just what you've clicked through.",
+  "Three distinct teaching modes mean you're never locked into one way of learning.",
+  "Study rooms let you learn alongside classmates and see how your mastery compares, anonymously and collaboratively.",
+  "Everything from syllabus tracking to exam study guides is powered by Gemini, so the busywork of getting organized is handled for you.",
+];
+
+const awards = [
+  {
+    title: "Best AI Tutor in Education",
+    org: "Boston University Civic Hacks 2026 · BU Spark! & Wheelock College of Education",
+    body: "Recognized among competing teams at BU's annual civic hackathon for building the most impactful AI-driven learning experience. Sapling was awarded for its approach to personalized, student-centered tutoring, bridging the gap between artificial intelligence and meaningful education.",
+  },
+  {
+    title: "Code & Tell Winner",
+    org: "BU Spark!",
+    body: "Selected by BU Spark! as a standout project at their Code & Tell showcase, where student builders present real-world applications to faculty, mentors, and industry judges. Sapling was chosen for its technical depth and its vision for the future of how students learn.",
+  },
+];
+
+export default function AboutPage() {
+  return (
+    <div
+      style={{
+        minHeight: "100vh",
+        display: "flex",
+        flexDirection: "column",
+        background: "var(--bg)",
+        color: "var(--text)",
+      }}
+    >
+      <div
+        style={{
+          flex: 1,
+          width: "100%",
+          maxWidth: 720,
+          margin: "0 auto",
+          padding: "64px 32px",
+        }}
+      >
+        <div className="fade-in" style={{ marginBottom: 48 }}>
+          <Link
+            href="/"
+            style={{
+              fontSize: 13,
+              color: "var(--text-muted)",
+              textDecoration: "none",
+              transition: "color var(--dur-fast) var(--ease)",
+            }}
+          >
+            ← Back to Sapling
+          </Link>
+        </div>
+
+        <h1
+          className="h-serif slide-up"
+          style={{ fontSize: 48, marginBottom: 32, color: "var(--text)" }}
+        >
+          About Sapling
+        </h1>
+
+        <div
+          className="fade-in"
+          style={{
+            display: "flex",
+            flexDirection: "column",
+            gap: 24,
+          }}
+        >
+          <p
+            className="body-serif"
+            style={{ fontSize: 16, color: "var(--text-dim)" }}
+          >
+            <strong style={{ color: "var(--text)", fontWeight: 600 }}>Sapling</strong>{" "}
+            is an AI-powered study companion built by students, for students. We believe that
+            learning shouldn&apos;t be passive. It should adapt to you, challenge you, and show you
+            exactly where you stand.
+          </p>
+
+          <p
+            className="body-serif"
+            style={{ fontSize: 16, color: "var(--text-dim)" }}
+          >
+            At its core, Sapling maps your understanding as a live knowledge graph that grows with
+            every session, quiz, and document you interact with. Paired with an AI tutor that can
+            reason with you Socratically, explain concepts directly, or flip the table and have
+            you teach back, Sapling meets you wherever you are in your learning journey.
+          </p>
+
+          <p
+            className="body-serif"
+            style={{ fontSize: 16, color: "var(--text-dim)" }}
+          >
+            Sapling was born out of a hackathon and built by a team of four students who were
+            frustrated with static study tools that don&apos;t actually know what you know. We wanted
+            something that feels less like a flashcard app and more like a study partner who&apos;s
+            always prepared.
+          </p>
+
+          <div>
+            <p
+              style={{
+                fontFamily: "var(--font-sans)",
+                fontSize: 15,
+                fontWeight: 600,
+                color: "var(--text)",
+                marginBottom: 12,
+              }}
+            >
+              What makes Sapling different:
+            </p>
+            <ul
+              style={{
+                listStyle: "none",
+                padding: 0,
+                display: "flex",
+                flexDirection: "column",
+                gap: 8,
+              }}
+            >
+              {differentiators.map((item, i) => (
+                <li
+                  key={i}
+                  className="body-serif"
+                  style={{
+                    display: "flex",
+                    gap: 12,
+                    fontSize: 15,
+                    color: "var(--text-dim)",
+                  }}
+                >
+                  <span style={{ color: "var(--accent)", marginTop: 2 }}>•</span>
+                  <span>{item}</span>
+                </li>
+              ))}
+            </ul>
+          </div>
+
+          <p
+            className="body-serif"
+            style={{ fontSize: 16, color: "var(--text-dim)" }}
+          >
+            Sapling is actively developed and we&apos;re always building. If something&apos;s broken or
+            you have an idea, there&apos;s a feedback button in the navbar and we actually read those.
+          </p>
+        </div>
+
+        <div style={{ marginTop: 56 }}>
+          <p
+            className="label-micro"
+            style={{ color: "var(--accent)", marginBottom: 24 }}
+          >
+            Recognition
+          </p>
+          <div style={{ display: "flex", flexDirection: "column", gap: 32 }}>
+            {awards.map((award) => (
+              <div key={award.title}>
+                <p
+                  style={{
+                    fontFamily: "var(--font-sans)",
+                    fontSize: 16,
+                    fontWeight: 600,
+                    color: "var(--text)",
+                  }}
+                >
+                  {award.title}
+                </p>
+                <p
+                  style={{
+                    fontFamily: "var(--font-sans)",
+                    fontSize: 12,
+                    fontWeight: 500,
+                    color: "var(--accent)",
+                    marginTop: 2,
+                  }}
+                >
+                  {award.org}
+                </p>
+                <p
+                  className="body-serif"
+                  style={{
+                    fontSize: 14,
+                    color: "var(--text-dim)",
+                    marginTop: 8,
+                  }}
+                >
+                  {award.body}
+                </p>
+              </div>
+            ))}
+          </div>
+        </div>
+
+        <div
+          style={{
+            marginTop: 48,
+            paddingTop: 32,
+            borderTop: "1px solid var(--border)",
+            fontSize: 13,
+            color: "var(--text-muted)",
+          }}
+        >
+          Built by Andres Lopez, Jack He, Luke Cooper, and Jose Gael Cruz-Lopez © 2026
+        </div>
+      </div>
+
+      <footer
+        style={{
+          borderTop: "1px solid var(--border)",
+          background: "var(--bg-subtle)",
+          padding: "32px",
+        }}
+      >
+        <div
+          style={{
+            maxWidth: 720,
+            margin: "0 auto",
+            display: "flex",
+            flexWrap: "wrap",
+            justifyContent: "center",
+            gap: 24,
+            fontSize: 13,
+            color: "var(--text-muted)",
+          }}
+        >
+          <Link href="/about" style={{ color: "inherit", textDecoration: "none" }}>
+            About
+          </Link>
+          <Link href="/terms" style={{ color: "inherit", textDecoration: "none" }}>
+            Terms of Service
+          </Link>
+          <Link href="/privacy" style={{ color: "inherit", textDecoration: "none" }}>
+            Privacy Policy
+          </Link>
+        </div>
+      </footer>
+    </div>
+  );
+}
diff --git a/frontend/src/app/auth/callback/page.tsx b/frontend/src/app/auth/callback/page.tsx
index a9d101a7..f71e42c4 100644
--- a/frontend/src/app/auth/callback/page.tsx
+++ b/frontend/src/app/auth/callback/page.tsx
@@ -39,7 +39,12 @@ function CallbackInner() {
     fetch(`${API_URL}/api/auth/me?user_id=${encodeURIComponent(userId)}`)
       .then(r => r.json())
       .then(data => {
-        router.replace(data.onboarding_completed ? '/dashboard' : '/onboarding');
+        if (data.onboarding_completed) {
+          router.replace('/dashboard');
+        } else {
+          sessionStorage.setItem('sapling_onboarding_pending', '1');
+          router.replace('/');
+        }
       })
       .catch(() => router.replace('/dashboard'));
   // eslint-disable-next-line react-hooks/exhaustive-deps
diff --git a/frontend/src/app/auth/page.tsx b/frontend/src/app/auth/page.tsx
index f2bf14f5..dc9e4dea 100644
--- a/frontend/src/app/auth/page.tsx
+++ b/frontend/src/app/auth/page.tsx
@@ -1,5 +1,5 @@
-import { Auth } from "@/components/screens/Auth";
+import { redirect } from "next/navigation";
 
 export default function AuthPage() {
-  return <Auth />;
+  redirect("/");
 }
diff --git a/frontend/src/app/careers/[slug]/ApplyForm.tsx b/frontend/src/app/careers/[slug]/ApplyForm.tsx
new file mode 100644
index 00000000..784fadc6
--- /dev/null
+++ b/frontend/src/app/careers/[slug]/ApplyForm.tsx
@@ -0,0 +1,572 @@
+'use client';
+
+import { useState, useRef } from 'react';
+import Link from 'next/link';
+import { type Job, DEPT_COLORS } from '../jobs';
+import { submitJobApplication } from '@/lib/api';
+
+const FOOTER_LINKS = [
+  { label: 'Home', href: '/' },
+  { label: 'About', href: '/about' },
+  { label: 'Careers', href: '/careers' },
+  { label: 'Terms of Service', href: '/terms' },
+  { label: 'Privacy Policy', href: '/privacy' },
+];
+
+const INPUT_STYLE: React.CSSProperties = {
+  width: '100%',
+  background: 'var(--bg-input)',
+  border: '1px solid var(--border)',
+  borderRadius: 'var(--r-sm)',
+  padding: '10px 14px',
+  fontSize: 14,
+  color: 'var(--text)',
+  fontFamily: 'var(--font-sans)',
+  outline: 'none',
+  boxSizing: 'border-box',
+  transition: 'border-color var(--dur-fast) var(--ease)',
+};
+
+const LABEL_STYLE: React.CSSProperties = {
+  display: 'block',
+  fontSize: 13,
+  fontWeight: 500,
+  color: 'var(--text)',
+  marginBottom: 6,
+};
+
+export default function ApplyForm({ job }: { job: Job | null }) {
+  const [form, setForm] = useState({ name: '', email: '', phone: '', linkedin: '', portfolio: '' });
+  const [resumeFile, setResumeFile] = useState<File | null>(null);
+  const [dragging, setDragging] = useState(false);
+  const [submitted, setSubmitted] = useState(false);
+  const [submitting, setSubmitting] = useState(false);
+  const [submitError, setSubmitError] = useState<string | null>(null);
+  const [agreedToPrivacy, setAgreedToPrivacy] = useState(false);
+  const fileInputRef = useRef<HTMLInputElement>(null);
+
+  if (!job) {
+    return (
+      <div
+        style={{
+          minHeight: '100vh',
+          background: 'var(--bg)',
+          display: 'flex',
+          alignItems: 'center',
+          justifyContent: 'center',
+          fontFamily: 'var(--font-sans)',
+        }}
+      >
+        <div style={{ textAlign: 'center' }}>
+          <p style={{ color: 'var(--text-dim)', fontSize: 14 }}>Role not found.</p>
+          <Link
+            href="/careers"
+            style={{ color: 'var(--accent)', fontSize: 13, marginTop: 12, display: 'block' }}
+          >
+            ← Back to opportunities
+          </Link>
+        </div>
+      </div>
+    );
+  }
+
+  const dept = DEPT_COLORS[job.department];
+
+  const handleDrop = (e: React.DragEvent) => {
+    e.preventDefault();
+    setDragging(false);
+    const file = e.dataTransfer.files[0];
+    if (file) setResumeFile(file);
+  };
+
+  const handleFileChange = (e: React.ChangeEvent<HTMLInputElement>) => {
+    const file = e.target.files?.[0];
+    if (file) setResumeFile(file);
+  };
+
+  const handleSubmit = async (e: React.SyntheticEvent<HTMLFormElement>) => {
+    e.preventDefault();
+    if (!resumeFile) {
+      setSubmitError('Please attach your resume (PDF) before submitting.');
+      return;
+    }
+    setSubmitting(true);
+    setSubmitError(null);
+    try {
+      await submitJobApplication({
+        position: job.slug,
+        full_name: form.name,
+        email: form.email,
+        phone: form.phone,
+        linkedin_url: form.linkedin,
+        portfolio_link: form.portfolio || undefined,
+        resume: resumeFile,
+      });
+      setSubmitted(true);
+    } catch (err) {
+      setSubmitError(err instanceof Error ? err.message : 'Something went wrong. Please try again.');
+    } finally {
+      setSubmitting(false);
+    }
+  };
+
+  return (
+    <div
+      style={{
+        minHeight: '100vh',
+        background: 'var(--bg)',
+        color: 'var(--text)',
+        fontFamily: 'var(--font-sans)',
+      }}
+    >
+      <header
+        style={{
+          borderBottom: '1px solid var(--border)',
+          background: 'var(--bg-topbar)',
+          position: 'sticky',
+          top: 0,
+          zIndex: 50,
+        }}
+      >
+        <div
+          style={{
+            maxWidth: 1280,
+            margin: '0 auto',
+            padding: '0 24px',
+            height: 52,
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'space-between',
+          }}
+        >
+          <Link
+            href="/"
+            style={{ display: 'flex', alignItems: 'center', gap: 6, textDecoration: 'none' }}
+          >
+            <img
+              src="/sapling-icon.svg"
+              alt="Sapling"
+              style={{ width: 24, height: 24, position: 'relative', top: -1 }}
+            />
+            <span className="h-serif" style={{ fontSize: 20, color: 'var(--text)' }}>
+              Sapling
+            </span>
+          </Link>
+          <Link
+            href="/careers"
+            style={{ fontSize: 13, color: 'var(--text-muted)', textDecoration: 'none' }}
+          >
+            ← Back to opportunities
+          </Link>
+        </div>
+      </header>
+
+      <section style={{ maxWidth: 760, margin: '0 auto', padding: '56px 24px 96px' }}>
+        <div className="fade-in" style={{ marginBottom: 32 }}>
+          <div
+            style={{
+              display: 'flex',
+              alignItems: 'center',
+              gap: 8,
+              marginBottom: 8,
+              flexWrap: 'wrap',
+            }}
+          >
+            <h1
+              className="h-serif"
+              style={{ fontSize: 32, color: 'var(--text)', margin: 0 }}
+            >
+              {job.title}
+            </h1>
+            {dept && (
+              <span
+                style={{
+                  fontSize: 11,
+                  fontWeight: 500,
+                  padding: '2px 9px',
+                  borderRadius: 'var(--r-full)',
+                  background: dept.bg,
+                  color: dept.text,
+                  border: `1px solid ${dept.border}`,
+                }}
+              >
+                {job.department}
+              </span>
+            )}
+          </div>
+          <p style={{ fontSize: 13, color: 'var(--text-muted)', margin: 0 }}>
+            {job.location} · {job.type}
+          </p>
+        </div>
+
+        <div className="card fade-in">
+          {submitted ? (
+            <div style={{ padding: '56px 32px', textAlign: 'center' }}>
+              <div
+                style={{
+                  width: 48,
+                  height: 48,
+                  borderRadius: '50%',
+                  background: 'var(--accent-soft)',
+                  border: '1px solid var(--accent-border)',
+                  display: 'flex',
+                  alignItems: 'center',
+                  justifyContent: 'center',
+                  margin: '0 auto 16px',
+                }}
+              >
+                <svg
+                  width="20"
+                  height="20"
+                  fill="none"
+                  viewBox="0 0 24 24"
+                  stroke="var(--accent)"
+                  strokeWidth={2.5}
+                  strokeLinecap="round"
+                  strokeLinejoin="round"
+                >
+                  <path d="M5 13l4 4L19 7" />
+                </svg>
+              </div>
+              <h2 className="h-serif" style={{ fontSize: 22, color: 'var(--text)', marginBottom: 8 }}>
+                Application submitted
+              </h2>
+              <p
+                className="body-serif"
+                style={{
+                  fontSize: 14,
+                  color: 'var(--text-dim)',
+                  maxWidth: 320,
+                  margin: '0 auto 24px',
+                }}
+              >
+                Thanks for applying to Sapling. We&apos;ll review your application and reach out soon.
+              </p>
+              <Link
+                href="/careers"
+                style={{
+                  display: 'inline-flex',
+                  alignItems: 'center',
+                  gap: 6,
+                  fontSize: 13,
+                  color: 'var(--accent)',
+                  textDecoration: 'none',
+                  fontWeight: 500,
+                }}
+              >
+                ← Back to opportunities
+              </Link>
+            </div>
+          ) : (
+            <form onSubmit={handleSubmit} style={{ padding: 32 }}>
+              <div style={{ display: 'flex', flexDirection: 'column', gap: 20 }}>
+                <div>
+                  <label style={LABEL_STYLE}>
+                    Full Name <span style={{ color: 'var(--err)' }}>*</span>
+                  </label>
+                  <input
+                    type="text"
+                    required
+                    placeholder="Jane Smith"
+                    value={form.name}
+                    onChange={(e) => setForm((f) => ({ ...f, name: e.target.value }))}
+                    style={INPUT_STYLE}
+                  />
+                </div>
+
+                <div>
+                  <label style={LABEL_STYLE}>
+                    Email <span style={{ color: 'var(--err)' }}>*</span>
+                  </label>
+                  <input
+                    type="email"
+                    required
+                    placeholder="jane@university.edu"
+                    value={form.email}
+                    onChange={(e) => setForm((f) => ({ ...f, email: e.target.value }))}
+                    style={INPUT_STYLE}
+                  />
+                </div>
+
+                <div>
+                  <label style={LABEL_STYLE}>Phone Number</label>
+                  <input
+                    type="tel"
+                    placeholder="+1 (555) 000-0000"
+                    value={form.phone}
+                    onChange={(e) => setForm((f) => ({ ...f, phone: e.target.value }))}
+                    style={INPUT_STYLE}
+                  />
+                </div>
+
+                <div>
+                  <label style={LABEL_STYLE}>
+                    LinkedIn Profile <span style={{ color: 'var(--err)' }}>*</span>
+                  </label>
+                  <input
+                    type="url"
+                    required
+                    placeholder="https://linkedin.com/in/yourprofile"
+                    value={form.linkedin}
+                    onChange={(e) => setForm((f) => ({ ...f, linkedin: e.target.value }))}
+                    style={INPUT_STYLE}
+                  />
+                </div>
+
+                <div>
+                  <label style={LABEL_STYLE}>Portfolio Link</label>
+                  <input
+                    type="url"
+                    placeholder="https://yourportfolio.com"
+                    value={form.portfolio}
+                    onChange={(e) => setForm((f) => ({ ...f, portfolio: e.target.value }))}
+                    style={INPUT_STYLE}
+                  />
+                </div>
+
+                <div>
+                  <label style={LABEL_STYLE}>
+                    Resume <span style={{ color: 'var(--err)' }}>*</span>
+                  </label>
+                  <div
+                    onClick={() => fileInputRef.current?.click()}
+                    onDragOver={(e) => {
+                      e.preventDefault();
+                      setDragging(true);
+                    }}
+                    onDragLeave={() => setDragging(false)}
+                    onDrop={handleDrop}
+                    style={{
+                      border: `1.5px dashed ${
+                        dragging ? 'var(--accent)' : 'var(--border-strong)'
+                      }`,
+                      borderRadius: 'var(--r-sm)',
+                      padding: '28px 20px',
+                      textAlign: 'center',
+                      cursor: 'pointer',
+                      background: dragging ? 'var(--accent-soft)' : 'var(--bg-input)',
+                      transition: 'all var(--dur-fast) var(--ease)',
+                    }}
+                  >
+                    {resumeFile ? (
+                      <div
+                        style={{
+                          display: 'flex',
+                          alignItems: 'center',
+                          justifyContent: 'center',
+                          gap: 8,
+                        }}
+                      >
+                        <svg
+                          width="16"
+                          height="16"
+                          fill="none"
+                          viewBox="0 0 24 24"
+                          stroke="var(--accent)"
+                          strokeWidth={2}
+                          strokeLinecap="round"
+                          strokeLinejoin="round"
+                        >
+                          <path d="M9 12l2 2 4-4M7.835 4.697a3.42 3.42 0 001.946-.806 3.42 3.42 0 014.438 0 3.42 3.42 0 001.946.806 3.42 3.42 0 013.138 3.138 3.42 3.42 0 00.806 1.946 3.42 3.42 0 010 4.438 3.42 3.42 0 00-.806 1.946 3.42 3.42 0 01-3.138 3.138 3.42 3.42 0 00-1.946.806 3.42 3.42 0 01-4.438 0 3.42 3.42 0 00-1.946-.806 3.42 3.42 0 01-3.138-3.138 3.42 3.42 0 00-.806-1.946 3.42 3.42 0 010-4.438 3.42 3.42 0 00.806-1.946 3.42 3.42 0 013.138-3.138z" />
+                        </svg>
+                        <span style={{ fontSize: 13, color: 'var(--accent)', fontWeight: 500 }}>
+                          {resumeFile.name}
+                        </span>
+                        <button
+                          type="button"
+                          onClick={(e) => {
+                            e.stopPropagation();
+                            setResumeFile(null);
+                          }}
+                          style={{
+                            color: 'var(--text-muted)',
+                            padding: '0 2px',
+                            fontSize: 14,
+                            lineHeight: 1,
+                          }}
+                        >
+                          ×
+                        </button>
+                      </div>
+                    ) : (
+                      <>
+                        <svg
+                          width="20"
+                          height="20"
+                          fill="none"
+                          viewBox="0 0 24 24"
+                          stroke="var(--text-muted)"
+                          strokeWidth={1.5}
+                          strokeLinecap="round"
+                          strokeLinejoin="round"
+                          style={{ margin: '0 auto 8px', display: 'block' }}
+                        >
+                          <path d="M3 16.5v2.25A2.25 2.25 0 005.25 21h13.5A2.25 2.25 0 0021 18.75V16.5m-13.5-9L12 3m0 0l4.5 4.5M12 3v13.5" />
+                        </svg>
+                        <p style={{ fontSize: 13, color: 'var(--text-dim)', margin: '0 0 2px' }}>
+                          <span style={{ fontWeight: 500, color: 'var(--accent)' }}>
+                            Click to upload
+                          </span>{' '}
+                          or drag and drop
+                        </p>
+                        <p style={{ fontSize: 11, color: 'var(--text-muted)', margin: 0 }}>PDF only</p>
+                      </>
+                    )}
+                    <input
+                      ref={fileInputRef}
+                      type="file"
+                      accept=".pdf"
+                      onChange={handleFileChange}
+                      style={{ display: 'none' }}
+                    />
+                  </div>
+                </div>
+              </div>
+
+              <div
+                style={{
+                  marginTop: 20,
+                  display: 'flex',
+                  alignItems: 'flex-start',
+                  gap: 10,
+                }}
+              >
+                <input
+                  type="checkbox"
+                  id="privacy-consent"
+                  required
+                  checked={agreedToPrivacy}
+                  onChange={(e) => setAgreedToPrivacy(e.target.checked)}
+                  style={{
+                    marginTop: 2,
+                    accentColor: 'var(--accent)',
+                    cursor: 'pointer',
+                    flexShrink: 0,
+                  }}
+                />
+                <label
+                  htmlFor="privacy-consent"
+                  style={{
+                    fontSize: 13,
+                    color: 'var(--text-dim)',
+                    lineHeight: 1.5,
+                    cursor: 'pointer',
+                  }}
+                >
+                  I have read and agree to Sapling&apos;s{' '}
+                  <Link
+                    href="/privacy"
+                    target="_blank"
+                    style={{ color: 'var(--accent)', textDecoration: 'underline' }}
+                  >
+                    Privacy Policy
+                  </Link>
+                  , including how my application data is collected and used.
+                </label>
+              </div>
+
+              <div
+                style={{
+                  marginTop: 28,
+                  paddingTop: 24,
+                  borderTop: '1px solid var(--border)',
+                }}
+              >
+                {submitError && (
+                  <p
+                    style={{
+                      fontSize: 13,
+                      color: 'var(--err)',
+                      marginBottom: 12,
+                      textAlign: 'center',
+                    }}
+                  >
+                    {submitError}
+                  </p>
+                )}
+                <button
+                  type="submit"
+                  disabled={submitting}
+                  className="btn btn--primary"
+                  style={{
+                    width: '100%',
+                    justifyContent: 'center',
+                    padding: '12px 20px',
+                    fontSize: 14,
+                    opacity: submitting ? 0.8 : 1,
+                    cursor: submitting ? 'default' : 'pointer',
+                  }}
+                >
+                  {submitting ? 'Submitting…' : 'Submit Application'}
+                </button>
+                <p
+                  style={{
+                    fontSize: 11,
+                    color: 'var(--text-muted)',
+                    textAlign: 'center',
+                    marginTop: 10,
+                  }}
+                >
+                  Fields marked <span style={{ color: 'var(--err)' }}>*</span> are required
+                </p>
+              </div>
+            </form>
+          )}
+        </div>
+      </section>
+
+      <footer
+        style={{
+          borderTop: '1px solid var(--border)',
+          background: 'var(--bg-subtle)',
+          padding: '48px 32px',
+        }}
+      >
+        <div
+          style={{
+            maxWidth: 1280,
+            margin: '0 auto',
+            display: 'flex',
+            flexWrap: 'wrap',
+            alignItems: 'center',
+            justifyContent: 'space-between',
+            gap: 24,
+          }}
+        >
+          <div style={{ display: 'flex', alignItems: 'center', gap: 8 }}>
+            <img src="/sapling-icon.svg" alt="Sapling" style={{ width: 20, height: 20 }} />
+            <span style={{ fontSize: 14, color: 'var(--text-muted)' }}>Sapling · © 2026</span>
+          </div>
+          <div style={{ display: 'flex', flexWrap: 'wrap', gap: 24 }}>
+            {FOOTER_LINKS.map(({ label, href }) => (
+              <Link
+                key={label}
+                href={href}
+                style={{
+                  fontSize: 14,
+                  color: 'var(--text-muted)',
+                  textDecoration: 'none',
+                }}
+              >
+                {label}
+              </Link>
+            ))}
+          </div>
+        </div>
+        <div
+          style={{
+            maxWidth: 1280,
+            margin: '32px auto 0',
+            paddingTop: 24,
+            borderTop: '1px solid var(--border)',
+            textAlign: 'center',
+          }}
+        >
+          <p style={{ fontSize: 12, color: 'var(--text-muted)' }}>
+            © 2026 Andres Lopez, Jack He, Luke Cooper, and Jose Gael Cruz-Lopez. All Rights Reserved.
+          </p>
+        </div>
+      </footer>
+    </div>
+  );
+}
diff --git a/frontend/src/app/careers/[slug]/page.tsx b/frontend/src/app/careers/[slug]/page.tsx
new file mode 100644
index 00000000..086a35a1
--- /dev/null
+++ b/frontend/src/app/careers/[slug]/page.tsx
@@ -0,0 +1,12 @@
+import { JOBS } from '../jobs';
+import ApplyForm from './ApplyForm';
+
+export function generateStaticParams() {
+  return JOBS.map(job => ({ slug: job.slug }));
+}
+
+export default async function ApplyPage({ params }: { params: Promise<{ slug: string }> }) {
+  const { slug } = await params;
+  const job = JOBS.find(j => j.slug === slug) ?? null;
+  return <ApplyForm job={job} />;
+}
diff --git a/frontend/src/app/careers/jobs.ts b/frontend/src/app/careers/jobs.ts
new file mode 100644
index 00000000..96f3155a
--- /dev/null
+++ b/frontend/src/app/careers/jobs.ts
@@ -0,0 +1,28 @@
+export interface Job {
+  id: number;
+  slug: string;
+  title: string;
+  department: string;
+  location: string;
+  type: string;
+  description: string;
+  tags: string[];
+}
+
+export const JOBS: Job[] = [
+  {
+    id: 1,
+    slug: 'marketing-intern',
+    title: 'Marketing Intern',
+    department: 'Growth',
+    location: 'Hybrid',
+    type: 'Internship',
+    description:
+      "Help Sapling reach more students. You'll run social campaigns, create content, build relationships with student organizations, and help shape our brand voice from the ground up. On the video side, you'll produce and render short-form clips, professional product trailers, and feature update videos with consistent branding. Experience in marketing or advertising is preferred. Having some knowledge in software or tech is also a plus. Great fit for someone who loves learning and wants real ownership from day one.",
+    tags: ['Branding', 'Video Production', 'Content Creation', 'Social Media', 'Community', 'Business', 'Analytics', 'AI Fluency'],
+  },
+];
+
+export const DEPT_COLORS: Record<string, { bg: string; text: string; border: string }> = {
+  Growth: { bg: 'rgba(217,119,6,0.07)', text: '#b45309', border: 'rgba(217,119,6,0.18)' },
+};
diff --git a/frontend/src/app/careers/page.tsx b/frontend/src/app/careers/page.tsx
new file mode 100644
index 00000000..5b3875e9
--- /dev/null
+++ b/frontend/src/app/careers/page.tsx
@@ -0,0 +1,397 @@
+'use client';
+
+import { useState } from 'react';
+import Link from 'next/link';
+import { JOBS, DEPT_COLORS } from './jobs';
+
+const FOOTER_LINKS = [
+  { label: 'Home', href: '/' },
+  { label: 'About', href: '/about' },
+  { label: 'Careers', href: '/careers' },
+  { label: 'Terms of Service', href: '/terms' },
+  { label: 'Privacy Policy', href: '/privacy' },
+];
+
+export default function CareersPage() {
+  const [expandedId, setExpandedId] = useState<number | null>(null);
+
+  return (
+    <div
+      style={{
+        minHeight: '100vh',
+        background: 'var(--bg)',
+        color: 'var(--text)',
+        fontFamily: 'var(--font-sans)',
+      }}
+    >
+      <header
+        style={{
+          borderBottom: '1px solid var(--border)',
+          background: 'var(--bg-topbar)',
+          position: 'sticky',
+          top: 0,
+          zIndex: 50,
+        }}
+      >
+        <div
+          style={{
+            maxWidth: 1280,
+            margin: '0 auto',
+            padding: '0 24px',
+            height: 52,
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'space-between',
+          }}
+        >
+          <Link
+            href="/"
+            style={{ display: 'flex', alignItems: 'center', gap: 6, textDecoration: 'none' }}
+          >
+            <img
+              src="/sapling-icon.svg"
+              alt="Sapling"
+              style={{ width: 24, height: 24, position: 'relative', top: -1 }}
+            />
+            <span
+              className="h-serif"
+              style={{ fontSize: 20, color: 'var(--text)' }}
+            >
+              Sapling
+            </span>
+          </Link>
+          <Link
+            href="/"
+            style={{ fontSize: 13, color: 'var(--text-muted)', textDecoration: 'none' }}
+          >
+            ← Back to home
+          </Link>
+        </div>
+      </header>
+
+      <section style={{ padding: '80px 24px 60px', textAlign: 'center' }}>
+        <div
+          className="fade-in"
+          style={{
+            display: 'inline-flex',
+            alignItems: 'center',
+            gap: 6,
+            background: 'var(--accent-soft)',
+            border: '1px solid var(--accent-border)',
+            borderRadius: 'var(--r-full)',
+            padding: '4px 14px',
+            marginBottom: 28,
+          }}
+        >
+          <span
+            style={{
+              width: 6,
+              height: 6,
+              borderRadius: '50%',
+              background: 'var(--accent)',
+              display: 'inline-block',
+            }}
+          />
+          <span
+            style={{
+              fontSize: 12,
+              color: 'var(--accent)',
+              fontWeight: 500,
+              letterSpacing: '0.03em',
+            }}
+          >
+            We&apos;re hiring
+          </span>
+        </div>
+
+        <h1
+          className="h-serif slide-up"
+          style={{
+            fontSize: 'clamp(2.5rem, 5vw, 3.75rem)',
+            color: 'var(--text)',
+            marginBottom: 20,
+          }}
+        >
+          Opportunities
+        </h1>
+
+        <p
+          className="body-serif fade-in"
+          style={{
+            fontSize: 17,
+            color: 'var(--text-dim)',
+            maxWidth: 500,
+            margin: '0 auto',
+          }}
+        >
+          We&apos;re a small team building tools that help students learn better.
+          If that sounds like work worth doing, we&apos;d love to meet you.
+        </p>
+      </section>
+
+      <section style={{ maxWidth: 760, margin: '0 auto', padding: '0 24px 96px' }}>
+        <div style={{ display: 'flex', flexDirection: 'column', gap: 10 }}>
+          {JOBS.map((job) => {
+            const dept = DEPT_COLORS[job.department] ?? DEPT_COLORS.Engineering;
+            const isOpen = expandedId === job.id;
+
+            return (
+              <div
+                key={job.id}
+                className="card"
+                style={{ overflow: 'hidden', transition: 'box-shadow var(--dur) var(--ease)' }}
+              >
+                <button
+                  onClick={() => setExpandedId(isOpen ? null : job.id)}
+                  aria-expanded={isOpen}
+                  style={{
+                    display: 'flex',
+                    alignItems: 'center',
+                    justifyContent: 'space-between',
+                    gap: 16,
+                    width: '100%',
+                    padding: '20px 24px',
+                    background: 'none',
+                    textAlign: 'left',
+                  }}
+                >
+                  <div style={{ flex: 1, minWidth: 0 }}>
+                    <div
+                      style={{
+                        display: 'flex',
+                        alignItems: 'center',
+                        flexWrap: 'wrap',
+                        gap: 8,
+                        marginBottom: 5,
+                      }}
+                    >
+                      <span style={{ fontSize: 15, fontWeight: 600, color: 'var(--text)' }}>
+                        {job.title}
+                      </span>
+                      <span
+                        style={{
+                          fontSize: 11,
+                          fontWeight: 500,
+                          padding: '2px 9px',
+                          borderRadius: 'var(--r-full)',
+                          background: dept.bg,
+                          color: dept.text,
+                          border: `1px solid ${dept.border}`,
+                        }}
+                      >
+                        {job.department}
+                      </span>
+                    </div>
+                    <div
+                      style={{
+                        display: 'flex',
+                        gap: 10,
+                        fontSize: 12,
+                        color: 'var(--text-muted)',
+                      }}
+                    >
+                      <span>{job.location}</span>
+                      <span>·</span>
+                      <span>{job.type}</span>
+                    </div>
+                  </div>
+                  <svg
+                    style={{
+                      flexShrink: 0,
+                      width: 15,
+                      height: 15,
+                      color: 'var(--text-muted)',
+                      transform: isOpen ? 'rotate(180deg)' : 'none',
+                      transition: 'transform var(--dur-slow) var(--ease)',
+                    }}
+                    fill="none"
+                    viewBox="0 0 24 24"
+                    stroke="currentColor"
+                    strokeWidth={2.2}
+                  >
+                    <path strokeLinecap="round" strokeLinejoin="round" d="M19 9l-7 7-7-7" />
+                  </svg>
+                </button>
+
+                <div
+                  style={{
+                    borderTop: isOpen ? '1px solid var(--border)' : 'none',
+                    padding: isOpen ? '20px 24px 24px' : '0 24px 0',
+                    maxHeight: isOpen ? 520 : 0,
+                    opacity: isOpen ? 1 : 0,
+                    overflow: 'hidden',
+                    pointerEvents: isOpen ? 'auto' : 'none',
+                    transition:
+                      'max-height 700ms var(--ease), opacity 600ms ease, padding 700ms var(--ease)',
+                  }}
+                >
+                  <p
+                    className="body-serif"
+                    style={{
+                      fontSize: 14,
+                      color: 'var(--text-dim)',
+                      marginBottom: 16,
+                    }}
+                  >
+                    {job.description}
+                  </p>
+                  <div
+                    style={{
+                      display: 'flex',
+                      flexWrap: 'wrap',
+                      gap: 6,
+                      marginBottom: 22,
+                    }}
+                  >
+                    {job.tags.map((tag) => (
+                      <span
+                        key={tag}
+                        style={{
+                          fontSize: 11,
+                          padding: '3px 10px',
+                          borderRadius: 'var(--r-sm)',
+                          background: 'var(--bg-soft)',
+                          border: '1px solid var(--border)',
+                          color: 'var(--text-dim)',
+                        }}
+                      >
+                        {tag}
+                      </span>
+                    ))}
+                  </div>
+                  <Link
+                    href={`/careers/${job.slug}`}
+                    className="btn btn--primary"
+                    style={{ textDecoration: 'none' }}
+                  >
+                    Apply for this role
+                    <svg
+                      width="13"
+                      height="13"
+                      viewBox="0 0 24 24"
+                      fill="none"
+                      stroke="currentColor"
+                      strokeWidth={2.5}
+                      strokeLinecap="round"
+                      strokeLinejoin="round"
+                    >
+                      <path d="M5 12h14M12 5l7 7-7 7" />
+                    </svg>
+                  </Link>
+                </div>
+              </div>
+            );
+          })}
+        </div>
+
+        <div
+          className="card fade-in"
+          style={{
+            marginTop: 40,
+            padding: '36px 32px',
+            textAlign: 'center',
+            background: 'var(--bg-subtle)',
+          }}
+        >
+          <svg
+            style={{
+              width: 28,
+              height: 28,
+              color: 'var(--accent)',
+              margin: '0 auto 12px',
+              display: 'block',
+            }}
+            fill="none"
+            viewBox="0 0 24 24"
+            stroke="currentColor"
+            strokeWidth={1.5}
+          >
+            <path
+              strokeLinecap="round"
+              strokeLinejoin="round"
+              d="M12 3v1m0 16v1m9-9h-1M4 12H3m15.364-6.364l-.707.707M6.343 17.657l-.707.707m12.728 0l-.707-.707M6.343 6.343l-.707-.707M12 6a6 6 0 100 12A6 6 0 0012 6z"
+            />
+          </svg>
+          <h3
+            className="h-serif"
+            style={{ fontSize: 20, color: 'var(--text)', marginBottom: 8 }}
+          >
+            Don&apos;t see your role?
+          </h3>
+          <p
+            className="body-serif"
+            style={{
+              fontSize: 14,
+              color: 'var(--text-dim)',
+              maxWidth: 360,
+              margin: '0 auto 22px',
+            }}
+          >
+            We&apos;re always interested in meeting talented people. Send us a note and tell us what
+            you&apos;d build.
+          </p>
+          <a
+            href="mailto:careers@saplinglearn.com"
+            className="btn"
+            style={{ textDecoration: 'none' }}
+          >
+            Get in touch
+          </a>
+        </div>
+      </section>
+
+      <footer
+        style={{
+          borderTop: '1px solid var(--border)',
+          background: 'var(--bg-subtle)',
+          padding: '48px 32px',
+        }}
+      >
+        <div
+          style={{
+            maxWidth: 1280,
+            margin: '0 auto',
+            display: 'flex',
+            flexWrap: 'wrap',
+            alignItems: 'center',
+            justifyContent: 'space-between',
+            gap: 24,
+          }}
+        >
+          <div style={{ display: 'flex', alignItems: 'center', gap: 8 }}>
+            <img src="/sapling-icon.svg" alt="Sapling" style={{ width: 20, height: 20 }} />
+            <span style={{ fontSize: 14, color: 'var(--text-muted)' }}>Sapling · © 2026</span>
+          </div>
+          <div style={{ display: 'flex', flexWrap: 'wrap', gap: 24 }}>
+            {FOOTER_LINKS.map(({ label, href }) => (
+              <Link
+                key={label}
+                href={href}
+                style={{
+                  fontSize: 14,
+                  color: 'var(--text-muted)',
+                  textDecoration: 'none',
+                }}
+              >
+                {label}
+              </Link>
+            ))}
+          </div>
+        </div>
+        <div
+          style={{
+            maxWidth: 1280,
+            margin: '32px auto 0',
+            paddingTop: 24,
+            borderTop: '1px solid var(--border)',
+            textAlign: 'center',
+          }}
+        >
+          <p style={{ fontSize: 12, color: 'var(--text-muted)' }}>
+            © 2026 Andres Lopez, Jack He, Luke Cooper, and Jose Gael Cruz-Lopez. All Rights Reserved.
+          </p>
+        </div>
+      </footer>
+    </div>
+  );
+}
diff --git a/frontend/src/app/flashcards/page.tsx b/frontend/src/app/flashcards/page.tsx
new file mode 100644
index 00000000..5c9a8982
--- /dev/null
+++ b/frontend/src/app/flashcards/page.tsx
@@ -0,0 +1,5 @@
+import { redirect } from "next/navigation";
+
+export default function FlashcardsPage() {
+  redirect("/study?mode=cards");
+}
diff --git a/frontend/src/app/globals.css b/frontend/src/app/globals.css
index bfcf58b8..0f37b50b 100644
--- a/frontend/src/app/globals.css
+++ b/frontend/src/app/globals.css
@@ -1,3 +1,5 @@
+@import "tailwindcss";
+
 /* Sapling — design tokens
  *
  * Typography per .impeccable.md:
@@ -54,7 +56,7 @@
   --text:      var(--ink-800);
   --text-dim:  var(--ink-600);
   --text-muted:var(--ink-400);
-  --accent:    var(--sap-600);
+  --accent:    #8a9a5b;
   --accent-fg: #ffffff;
   --accent-soft: var(--sap-50);
   --accent-border: var(--sap-200);
@@ -66,6 +68,18 @@
   --info: #3e6f8a;
   --info-soft: #dfe9ef;
 
+  /* Landing-page brand tokens (mirrors main-branch palette so the
+     pre-revamp landing + onboarding animations render on-brand). */
+  --brand-primary:   #2e7d52;
+  --brand-success:   #22c55e;
+  --brand-progress:  #e8a33a;
+  --brand-teal:      #2b8c96;
+  --brand-struggle:  #e85d4a;
+  --brand-text1:     #1a1a1a;
+  --brand-text2:     #4b5563;
+  --bg-mesh:         #f0f4f2;
+  --font-inter: 'Inter', var(--font-sans);
+
   --rarity-common: #8a8372;
   --rarity-uncommon: #4e873c;
   --rarity-rare: #3e6f8a;
@@ -132,8 +146,10 @@ body { font-size: 14px; line-height: 1.5; }
 *::-webkit-scrollbar-thumb { background: var(--border-strong); border-radius: 999px; border: 2px solid var(--bg); }
 *::-webkit-scrollbar-thumb:hover { background: var(--text-muted); }
 
-button { font-family: inherit; color: inherit; background: none; border: 0; cursor: pointer; padding: 0; }
-input, textarea, select { font-family: inherit; color: inherit; }
+@layer base {
+  button { font-family: inherit; color: inherit; background: none; border: 0; cursor: pointer; padding: 0; }
+  input, textarea, select { font-family: inherit; color: inherit; }
+}
 
 .h-serif { font-family: var(--font-display); letter-spacing: -0.015em; font-weight: 500; line-height: 1.15; }
 .h-sans  { font-family: var(--font-sans); letter-spacing: -0.005em; font-weight: 600; line-height: 1.2; }
@@ -229,3 +245,688 @@ input, textarea, select { font-family: inherit; color: inherit; }
     scroll-behavior: auto !important;
   }
 }
+/* ══════════════════════════════════════════════════════════════════
+   LANDING PAGE STYLES (ported from main branch)
+   ══════════════════════════════════════════════════════════════════ */
+
+.font-playfair { font-family: var(--font-playfair), 'Playfair Display', serif; }
+.font-inter    { font-family: var(--font-inter), 'Inter', sans-serif; }
+.font-jetbrains { font-family: var(--font-jetbrains), 'JetBrains Mono', monospace; }
+
+/* Prevent horizontal overflow without breaking position: sticky */
+.landing-page {
+  /* Same airy base as hero: mesh + soft radial so scroll feels one canvas */
+  background-color: var(--bg-mesh);
+  background-image:
+    radial-gradient(ellipse 100% 60% at 50% -10%, rgba(255, 255, 255, 0.55) 0%, transparent 50%),
+    radial-gradient(ellipse 80% 50% at 100% 40%, rgba(255, 255, 255, 0.2) 0%, transparent 45%),
+    radial-gradient(ellipse 70% 45% at 0% 70%, rgba(255, 255, 255, 0.18) 0%, transparent 40%);
+}
+
+/* Sections sit on mesh; no solid gray blocks */
+.landing-section {
+  background: transparent;
+  position: relative;
+}
+
+.landing-divider {
+  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.55), transparent);
+}
+
+.landing-divider-v {
+  background: linear-gradient(180deg, transparent, rgba(255, 255, 255, 0.45), transparent);
+}
+
+/* ── Ambient glow ──────────────────────────────────────────────── */
+.landing-ambient-glow {
+  position: fixed;
+  inset: 0;
+  z-index: 0;
+  pointer-events: none;
+  background: radial-gradient(ellipse at 50% 18%, rgba(255, 255, 255, 0.45) 0%, transparent 55%);
+  opacity: 0;
+  transition: opacity 0.5s ease, background 0.8s ease;
+}
+
+/* ── Gradient shift ────────────────────────────────────────────── */
+@keyframes landing-gradient-shift {
+  0%   { background-position: 0% center; }
+  100% { background-position: 100% center; }
+}
+.landing-animate-gradient {
+  background-size: 200% auto;
+  animation: landing-gradient-shift 5s ease-in-out infinite alternate;
+}
+
+/* ── Slow pulse ────────────────────────────────────────────────── */
+@keyframes landing-pulse-slow {
+  0%, 100% { transform: scale(0.98); }
+  50%      { transform: scale(1.02); }
+}
+.landing-animate-pulse-slow { animation: landing-pulse-slow 4s ease-in-out infinite; }
+
+/* ── Float indicator ───────────────────────────────────────────── */
+@keyframes landing-float-indicator {
+  0%, 100% { transform: translateY(0) translateX(-50%); }
+  50%      { transform: translateY(6px) translateX(-50%); }
+}
+.landing-animate-float-indicator { animation: landing-float-indicator 2.5s ease-in-out infinite; }
+
+/* ── Initial load / intro overlay ───────────────────────────────── */
+.landing-intro-overlay {
+  position: fixed;
+  inset: 0;
+  z-index: 60;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  /* Keep background mostly transparent so graph dots stay visible */
+  background: radial-gradient(circle at 50% 50%, rgba(233,239,237,0.2) 0%, rgba(233,239,237,0) 70%);
+  transition: opacity 700ms cubic-bezier(0.22,1,0.36,1);
+}
+
+@keyframes landing-intro-orbit {
+  0%   { transform: rotate(0deg); }
+  100% { transform: rotate(360deg); }
+}
+
+.landing-intro-orbit {
+  width: 220px;
+  height: 220px;
+  border-radius: 999px;
+  border: 1px solid rgba(148,163,184,0.25);
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  box-shadow: 0 32px 80px rgba(15,23,42,0.10);
+  background: radial-gradient(circle at 50% 30%, rgba(255,255,255,0.9) 0%, rgba(241,245,249,0.85) 50%, rgba(226,232,240,0.95) 100%);
+}
+
+.landing-intro-orbit-ring {
+  position: absolute;
+  inset: 18px;
+  border-radius: inherit;
+  border: 1px dashed rgba(148,163,184,0.35);
+  animation: landing-intro-orbit 14s linear infinite;
+}
+
+.landing-intro-orbit-node {
+  position: absolute;
+  width: 10px;
+  height: 10px;
+  border-radius: 999px;
+}
+
+.landing-intro-orbit-node--green  { background: #1B6C42;  top: -3px;  left: 50%; transform: translateX(-50%); }
+.landing-intro-orbit-node--amber  { background: #D97706;  right: -3px; top: 45%; transform: translateY(-50%); }
+.landing-intro-orbit-node--blue   { background: #3B82F6;  bottom: -3px; left: 35%; transform: translateX(-50%); }
+.landing-intro-orbit-node--purple { background: #8A63D2;  left: -3px; top: 30%; transform: translateY(-50%); }
+
+/* ── Button shimmer ────────────────────────────────────────────── */
+.landing-btn-shimmer { position: relative; overflow: hidden; }
+.landing-btn-shimmer::before {
+  content: '';
+  position: absolute;
+  inset: 0;
+  background: linear-gradient(to right, transparent, rgba(255,255,255,0.3), transparent);
+  transform: translateX(-200%);
+  transition: transform 0.7s ease;
+  border-radius: 9999px;
+  pointer-events: none;
+}
+.landing-btn-shimmer:hover::before { transform: translateX(200%); }
+
+/* ── Spotlight card (mouse-follow glow) ────────────────────────── */
+.landing-spotlight-card {
+  position: relative;
+  overflow: hidden;
+}
+.landing-spotlight-card::before {
+  content: "";
+  position: absolute;
+  inset: 0;
+  border-radius: 1rem;
+  background: radial-gradient(250px circle at var(--mouse-x, 0) var(--mouse-y, 0), rgba(27,108,66,0.04) 0%, transparent 70%);
+  opacity: 0;
+  transition: opacity 0.5s ease;
+  pointer-events: none;
+  z-index: 0;
+}
+.landing-spotlight-card:hover::before { opacity: 1; }
+
+/* ── Feature card icon hover ───────────────────────────────────── */
+.landing-icon-container {
+  transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
+}
+.landing-spotlight-card:hover .landing-icon-container {
+  transform: scale(1.1) rotate(5deg);
+}
+
+/* ── Feature card float ────────────────────────────────────────── */
+@keyframes landing-card-float {
+  0%, 100% { transform: translateY(0); }
+  50%      { transform: translateY(-8px); }
+}
+.landing-card-float-1 { animation: landing-card-float 5.0s ease-in-out infinite; }
+.landing-card-float-2 { animation: landing-card-float 5.5s ease-in-out infinite 0.4s; }
+.landing-card-float-3 { animation: landing-card-float 4.8s ease-in-out infinite 0.8s; }
+.landing-card-float-4 { animation: landing-card-float 5.3s ease-in-out infinite 1.2s; }
+.landing-card-float-5 { animation: landing-card-float 5.1s ease-in-out infinite 0.6s; }
+.landing-card-float-6 { animation: landing-card-float 4.6s ease-in-out infinite 1.0s; }
+
+.landing-card-float-1:hover,
+.landing-card-float-2:hover,
+.landing-card-float-3:hover,
+.landing-card-float-4:hover,
+.landing-card-float-5:hover,
+.landing-card-float-6:hover {
+  animation-play-state: paused;
+}
+
+/* ── Landing scrollbar ─────────────────────────────────────────── */
+.landing-page ::-webkit-scrollbar       { width: 6px; }
+.landing-page ::-webkit-scrollbar-track { background: var(--bg-mesh); }
+.landing-page ::-webkit-scrollbar-thumb { background: rgba(0,0,0,0.15); border-radius: 3px; }
+.landing-page ::-webkit-scrollbar-thumb:hover { background: rgba(0,0,0,0.25); }
+
+/* ════════════════════════════════════════════════════════════════════
+   LIQUID GLASS SYSTEM
+   ════════════════════════════════════════════════════════════════════ */
+
+/* Base glass panel (reference glass-panel: frosted + inset rim) */
+.liquid-glass {
+  background: rgba(255, 255, 255, 0.35);
+  backdrop-filter: blur(24px) saturate(1.5);
+  -webkit-backdrop-filter: blur(24px) saturate(1.5);
+  border: 1px solid rgba(255, 255, 255, 0.6);
+  box-shadow:
+    0 8px 32px 0 rgba(31, 38, 135, 0.05),
+    inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+  position: relative;
+  overflow: hidden;
+  isolation: isolate;
+}
+
+/* Specular shimmer on hover */
+.liquid-glass::after {
+  content: '';
+  position: absolute;
+  inset: 0;
+  border-radius: inherit;
+  background: linear-gradient(
+    105deg,
+    transparent 25%,
+    rgba(255, 255, 255, 0.6) 42%,
+    rgba(255, 255, 255, 0.2) 52%,
+    transparent 68%
+  );
+  opacity: 0;
+  transform: translateX(-100%);
+  transition: opacity 0.25s ease, transform 0.55s ease;
+  pointer-events: none;
+  z-index: 2;
+}
+.liquid-glass:hover::after {
+  opacity: 1;
+  transform: translateX(100%);
+}
+
+/* Stronger glass for modals / overlays */
+.liquid-glass-strong {
+  background: rgba(255, 255, 255, 0.55);
+  backdrop-filter: blur(40px) saturate(1.65);
+  -webkit-backdrop-filter: blur(40px) saturate(1.65);
+  border: 1px solid rgba(255, 255, 255, 0.65);
+  box-shadow:
+    0 8px 32px 0 rgba(31, 38, 135, 0.08),
+    inset 0 0 0 1px rgba(255, 255, 255, 0.5),
+    0 12px 48px -4px rgba(0, 0, 0, 0.1);
+}
+
+/* Subtle glass for pills / small buttons */
+.liquid-glass-subtle {
+  background: rgba(255, 255, 255, 0.4);
+  backdrop-filter: blur(12px) saturate(1.45);
+  -webkit-backdrop-filter: blur(12px) saturate(1.45);
+  border: 1px solid rgba(255, 255, 255, 0.6);
+  box-shadow:
+    0 4px 24px -2px rgba(31, 38, 135, 0.04),
+    inset 0 0 0 1px rgba(255, 255, 255, 0.35);
+}
+
+/* Alias + inputs (reference glass-input) */
+.glass-panel {
+  background: rgba(255, 255, 255, 0.35);
+  backdrop-filter: blur(24px) saturate(1.5);
+  -webkit-backdrop-filter: blur(24px) saturate(1.5);
+  border: 1px solid rgba(255, 255, 255, 0.6);
+  box-shadow:
+    0 8px 32px 0 rgba(31, 38, 135, 0.05),
+    inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+}
+
+.glass-input {
+  background: rgba(255, 255, 255, 0.4);
+  border: 1px solid rgba(255, 255, 255, 0.6);
+  backdrop-filter: blur(12px);
+  -webkit-backdrop-filter: blur(12px);
+}
+.glass-input:focus {
+  outline: none;
+  background: rgba(255, 255, 255, 0.6);
+  border-color: var(--brand-primary);
+  box-shadow: 0 0 0 2px rgba(46, 125, 82, 0.2);
+}
+
+/* Global pointer states for interactive controls */
+button,
+[role="button"],
+a[role="button"],
+input[type="button"],
+input[type="submit"],
+input[type="reset"] {
+  cursor: pointer;
+}
+
+button:disabled,
+[role="button"][aria-disabled="true"],
+a[role="button"][aria-disabled="true"],
+input[type="button"]:disabled,
+input[type="submit"]:disabled,
+input[type="reset"]:disabled {
+  cursor: not-allowed;
+}
+
+.landing-modal-panel {
+  opacity: 0;
+  transform: translateY(24px) scale(0.94);
+  transition: opacity 420ms var(--ease-out), transform 420ms var(--ease-out);
+}
+
+.landing-modal-panel--visible {
+  opacity: 1;
+  transform: translateY(0) scale(1);
+}
+
+/* ════════════════════════════════════════════════════════════════════
+   ONBOARDING FLOW ANIMATIONS
+   ════════════════════════════════════════════════════════════════════ */
+
+@keyframes ob-pulse-outer {
+  0%, 100% { opacity: 0.1;  transform: scale(1);    }
+  50%       { opacity: 0.22; transform: scale(1.06); }
+}
+
+@keyframes ob-pulse-inner {
+  0%, 100% { opacity: 0.3;  transform: scale(1);    }
+  50%       { opacity: 0.55; transform: scale(1.04); }
+}
+
+@keyframes ob-card-in {
+  from { transform: translateX(10px); }
+  to   { transform: translateX(0);    }
+}
+
+/* ══════════════════════════════════════════════════════════════════
+   RARITY TIER TOKENS
+   ══════════════════════════════════════════════════════════════════ */
+
+:root {
+  /* Derived from existing brand palette */
+  --rarity-common:       var(--text-dim);
+  --rarity-common-bg:    rgba(107, 114, 128, 0.08);
+  --rarity-uncommon:     var(--brand-primary);
+  --rarity-uncommon-bg:  rgba(46, 125, 82, 0.08);
+  --rarity-rare:         var(--brand-teal);
+  --rarity-rare-bg:      rgba(43, 140, 150, 0.08);
+  --rarity-epic:         #8b5cf6;
+  --rarity-epic-bg:      rgba(139, 92, 246, 0.08);
+  --rarity-legendary:    var(--brand-progress);
+  --rarity-legendary-bg: rgba(232, 163, 58, 0.08);
+}
+
+/* ══════════════════════════════════════════════════════════════════
+   DARK MODE
+   ══════════════════════════════════════════════════════════════════ */
+
+html.dark {
+  --bg:             #0f1110;
+  --bg-mesh:        #0f1110;
+  --bg-panel:       #1a1d1b;
+  --bg-sidebar:     #151816;
+  --bg-topbar:      #151816;
+  --bg-input:       #1a1d1b;
+  --bg-subtle:      #1f2421;
+  --bg-space:       #0f1110;
+  --bg-glass:       rgba(0, 0, 0, 0.35);
+
+  --accent:         #8a9a5b;
+  --accent-hover:   #9aab6c;
+  --accent-dim:     rgba(138, 154, 91, 0.12);
+  --accent-border:  rgba(138, 154, 91, 0.35);
+  --accent-active:  rgba(138, 154, 91, 0.7);
+  --accent-glow:    rgba(138, 154, 91, 0.15);
+
+  --text:             #e5e7eb;
+  --text-primary:     #e5e7eb;
+  --text-secondary:   #d1d5db;
+  --text-muted:       #9ca3af;
+  --text-dim:         #6b7280;
+  --text-placeholder: #4b5563;
+
+  --border:         rgba(148, 163, 184, 0.15);
+  --border-light:   rgba(148, 163, 184, 0.08);
+  --border-mid:     rgba(148, 163, 184, 0.22);
+  --border-glass:   rgba(148, 163, 184, 0.12);
+
+  --shadow-sm:  0 1px 3px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2);
+  --shadow-md:  0 4px 12px rgba(0, 0, 0, 0.35), 0 2px 4px rgba(0, 0, 0, 0.2);
+  --shadow-lg:  0 12px 32px rgba(0, 0, 0, 0.4), 0 4px 8px rgba(0, 0, 0, 0.25);
+
+  --rarity-common-bg:    rgba(107, 114, 128, 0.15);
+  --rarity-uncommon-bg:  rgba(46, 125, 82, 0.15);
+  --rarity-rare-bg:      rgba(43, 140, 150, 0.15);
+  --rarity-epic-bg:      rgba(139, 92, 246, 0.15);
+  --rarity-legendary-bg: rgba(232, 163, 58, 0.15);
+
+  color-scheme: dark;
+}
+
+html.dark input,
+html.dark select,
+html.dark textarea {
+  color-scheme: dark;
+}
+
+/* ══════════════════════════════════════════════════════════════════
+   ACHIEVEMENT / TOAST ANIMATIONS
+   ══════════════════════════════════════════════════════════════════ */
+
+@keyframes toast-slide-in {
+  from { transform: translateX(100%); opacity: 0; }
+  to   { transform: translateX(0);    opacity: 1; }
+}
+
+.toast-enter {
+  animation: toast-slide-in 200ms ease-out forwards;
+}
+
+/* Cosmetic equip transition */
+.cosmetic-equipped {
+  transition: box-shadow 150ms ease, border-color 150ms ease;
+}
+
+
+/* ══════════════════════════════════════════════════════════════════
+   LANDING + ONBOARDING THEME (scoped to .landing-page only)
+   Restores the main-branch color system, button look, mesh bg, and
+   glass/floating-card effects for the public marketing surface
+   WITHOUT touching the signed-in app shell tokens.
+   ══════════════════════════════════════════════════════════════════ */
+.landing-page {
+  /* Brand mesh (main palette). */
+  --brand-primary:   #2e7d52;
+  --brand-success:   #22c55e;
+  --brand-progress:  #e8a33a;
+  --brand-teal:      #2b8c96;
+  --brand-struggle:  #e85d4a;
+  --brand-text1:     #1a1a1a;
+  --brand-text2:     #4b5563;
+  --bg-mesh:         #f0f4f2;
+
+  /* Backgrounds (main). */
+  --bg-panel:     #f8fbf8;
+  --bg-sidebar:   #dfe8df;
+  --bg-topbar:    #dce6dc;
+  --bg-input:     #f8fbf8;
+  --bg-subtle:    #e9efe9;
+  --bg-space:     var(--bg-mesh);
+  --bg-glass:     rgba(255, 255, 255, 0.35);
+
+  /* Forest accent (main). */
+  --accent:           #8a9a5b;
+  --accent-hover:     #9aab6c;
+  --accent-dim:       rgba(138, 154, 91, 0.08);
+  --accent-border:    rgba(138, 154, 91, 0.3);
+  --accent-active:    rgba(138, 154, 91, 0.7);
+  --accent-glow:      rgba(138, 154, 91, 0.12);
+
+  /* Text (main). */
+  --text:               #111827;
+  --text-primary:       #111827;
+  --text-secondary:     #374151;
+  --text-muted:         #4b5563;
+  --text-dim:           #6b7280;
+  --text-placeholder:   #9ca3af;
+
+  /* Borders (main). */
+  --border:             rgba(107, 114, 128, 0.18);
+  --border-light:       rgba(107, 114, 128, 0.10);
+  --border-mid:         rgba(107, 114, 128, 0.25);
+  --border-glass:       rgba(107, 114, 128, 0.15);
+
+  /* Shadows + radius (main). */
+  --shadow-sm:   0 1px 3px rgba(15, 23, 42, 0.06), 0 1px 2px rgba(15, 23, 42, 0.04);
+  --shadow-md:   0 4px 12px rgba(15, 23, 42, 0.08), 0 2px 4px rgba(15, 23, 42, 0.04);
+  --shadow-lg:   0 12px 32px rgba(15, 23, 42, 0.10), 0 4px 8px rgba(15, 23, 42, 0.06);
+  --radius-sm:   6px;
+  --radius-md:   10px;
+  --radius-lg:   16px;
+  --radius-full: 9999px;
+
+  --ease-out:    cubic-bezier(0.16, 1, 0.3, 1);
+  --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
+  --dur-fast:    120ms;
+  --dur-base:    200ms;
+  --dur-slow:    350ms;
+
+  color: var(--text);
+  font-family: var(--font-dm-sans), 'DM Sans', system-ui, sans-serif;
+  font-size: 14px;
+  line-height: 1.6;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  min-height: 100vh;
+  overflow-x: clip;
+  overscroll-behavior-y: none;
+}
+
+/* Typography helpers main uses on the landing. */
+.landing-page .font-spectral   { font-family: var(--font-spectral), 'Spectral', Georgia, serif; }
+.landing-page .font-playfair   { font-family: var(--font-playfair), 'Playfair Display', serif; }
+.landing-page .font-inter      { font-family: var(--font-inter), 'Inter', sans-serif; }
+.landing-page .font-jetbrains  { font-family: var(--font-jetbrains), 'JetBrains Mono', monospace; }
+.landing-page .font-dm-sans    { font-family: var(--font-dm-sans), 'DM Sans', sans-serif; }
+
+/* Landing-only spinner utility (also used by the onboarding step). */
+@keyframes sapling-spin { to { transform: rotate(360deg); } }
+.landing-page .sapling-upload-spinner {
+  width: 40px; height: 40px; border-radius: 50%;
+  border: 3px solid rgba(26, 92, 42, 0.15);
+  border-top-color: #1a5c2a;
+  margin: 0 auto 20px;
+  animation: sapling-spin 0.8s linear infinite;
+}
+
+/* Global mesh (animated blobs behind the hero). */
+.landing-page .sapling-mesh-bg {
+  position: fixed; inset: 0; z-index: 0; overflow: hidden; pointer-events: none;
+  background: var(--bg-mesh);
+}
+.landing-page .sapling-mesh-blob {
+  position: absolute; border-radius: 50%; filter: blur(100px); opacity: 0.7;
+  animation: sapling-blob 10s ease-in-out infinite;
+  will-change: transform; transform: translateZ(0);
+}
+.landing-page .sapling-mesh-blob--1 { top: -10%; left: -10%; width: 50vw; height: 50vw; max-width: 900px; max-height: 900px; background: rgba(46, 125, 82, 0.22); }
+.landing-page .sapling-mesh-blob--2 { top: 20%; right: -10%; width: 40vw; height: 40vw; max-width: 720px; max-height: 720px; background: rgba(43, 140, 150, 0.2); animation-delay: -2.5s; }
+.landing-page .sapling-mesh-blob--3 { bottom: -20%; left: 20%; width: 60vw; height: 60vw; max-width: 1000px; max-height: 1000px; background: rgba(232, 163, 58, 0.18); opacity: 0.6; animation-delay: -5s; }
+@keyframes sapling-blob {
+  0%   { transform: translate(0, 0) scale(1); }
+  33%  { transform: translate(30px, -50px) scale(1.1); }
+  66%  { transform: translate(-20px, 20px) scale(0.9); }
+  100% { transform: translate(0, 0) scale(1); }
+}
+
+/* Liquid glass / floating card surface effects. */
+.landing-page .liquid-glass {
+  position: relative;
+  background: rgba(255, 255, 255, 0.42);
+  backdrop-filter: blur(24px) saturate(1.1);
+  -webkit-backdrop-filter: blur(24px) saturate(1.1);
+  border: 1px solid rgba(255, 255, 255, 0.55);
+  box-shadow:
+    0 12px 32px rgba(15, 23, 42, 0.08),
+    inset 0 1px 0 rgba(255, 255, 255, 0.6);
+  transition: transform 500ms var(--ease-out, cubic-bezier(0.16, 1, 0.3, 1)),
+              box-shadow 500ms var(--ease-out, cubic-bezier(0.16, 1, 0.3, 1));
+}
+.landing-page .liquid-glass::after {
+  content: "";
+  position: absolute; inset: 0;
+  border-radius: inherit;
+  background: radial-gradient(circle at 30% 20%, rgba(255, 255, 255, 0.75) 0%, transparent 55%);
+  opacity: 0.55;
+  pointer-events: none;
+  transition: opacity 500ms ease;
+}
+.landing-page .liquid-glass:hover::after { opacity: 0.8; }
+.landing-page .liquid-glass-strong {
+  background: rgba(255, 255, 255, 0.62);
+  border-color: rgba(255, 255, 255, 0.7);
+}
+.landing-page .liquid-glass-subtle {
+  background: rgba(255, 255, 255, 0.28);
+  border-color: rgba(255, 255, 255, 0.4);
+}
+
+/* Landing sections / dividers / ambient glow. */
+.landing-page .landing-section { background: transparent; position: relative; }
+.landing-page .landing-divider   { background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.55), transparent); }
+.landing-page .landing-divider-v { background: linear-gradient(180deg, transparent, rgba(255, 255, 255, 0.45), transparent); }
+.landing-page .landing-ambient-glow {
+  position: fixed; inset: 0; z-index: 0; pointer-events: none;
+  background: radial-gradient(ellipse at 50% 18%, rgba(255, 255, 255, 0.45) 0%, transparent 55%);
+  opacity: 0;
+  transition: opacity 0.5s ease, background 0.8s ease;
+}
+
+/* Gradient shift + slow pulse + float indicator. */
+@keyframes landing-gradient-shift {
+  0%   { background-position: 0% center; }
+  100% { background-position: 100% center; }
+}
+.landing-page .landing-animate-gradient {
+  background-size: 200% auto;
+  animation: landing-gradient-shift 5s ease-in-out infinite alternate;
+}
+@keyframes landing-pulse-slow {
+  0%, 100% { transform: scale(0.98); }
+  50%      { transform: scale(1.02); }
+}
+.landing-page .landing-animate-pulse-slow { animation: landing-pulse-slow 4s ease-in-out infinite; }
+@keyframes landing-float-indicator {
+  0%, 100% { transform: translateY(0) translateX(-50%); }
+  50%      { transform: translateY(6px) translateX(-50%); }
+}
+.landing-page .landing-animate-float-indicator { animation: landing-float-indicator 2.5s ease-in-out infinite; }
+
+/* Intro overlay + orbit animation. */
+.landing-page .landing-intro-overlay {
+  position: fixed; inset: 0; z-index: 60;
+  display: flex; align-items: center; justify-content: center;
+  background: radial-gradient(circle at 50% 50%, rgba(233,239,237,0.2) 0%, rgba(233,239,237,0) 70%);
+  transition: opacity 700ms cubic-bezier(0.22,1,0.36,1);
+}
+@keyframes landing-intro-orbit {
+  0%   { transform: rotate(0deg); }
+  100% { transform: rotate(360deg); }
+}
+.landing-page .landing-intro-orbit {
+  width: 220px; height: 220px; border-radius: 999px;
+  border: 1px solid rgba(148,163,184,0.25);
+  position: relative; display: flex; align-items: center; justify-content: center;
+  box-shadow: 0 32px 80px rgba(15,23,42,0.10);
+  background: radial-gradient(circle at 50% 30%, rgba(255,255,255,0.9) 0%, rgba(241,245,249,0.85) 50%, rgba(226,232,240,0.95) 100%);
+}
+.landing-page .landing-intro-orbit-ring {
+  position: absolute; inset: 18px; border-radius: inherit;
+  border: 1px dashed rgba(148,163,184,0.35);
+  animation: landing-intro-orbit 14s linear infinite;
+}
+.landing-page .landing-intro-orbit-node { position: absolute; width: 10px; height: 10px; border-radius: 999px; }
+.landing-page .landing-intro-orbit-node--green  { background: #1B6C42;  top: -3px;  left: 50%; transform: translateX(-50%); }
+.landing-page .landing-intro-orbit-node--amber  { background: #D97706;  right: -3px; top: 45%; transform: translateY(-50%); }
+.landing-page .landing-intro-orbit-node--blue   { background: #3B82F6;  bottom: -3px; left: 35%; transform: translateX(-50%); }
+.landing-page .landing-intro-orbit-node--purple { background: #8A63D2;  left: -3px; top: 30%; transform: translateY(-50%); }
+
+/* Button shimmer. */
+.landing-page .landing-btn-shimmer { position: relative; overflow: hidden; }
+.landing-page .landing-btn-shimmer::before {
+  content: ''; position: absolute; inset: 0;
+  background: linear-gradient(to right, transparent, rgba(255,255,255,0.3), transparent);
+  transform: translateX(-200%); transition: transform 0.7s ease;
+  border-radius: 9999px; pointer-events: none;
+}
+.landing-page .landing-btn-shimmer:hover::before { transform: translateX(200%); }
+
+/* Spotlight card hover glow. */
+.landing-page .landing-spotlight-card { position: relative; overflow: hidden; }
+.landing-page .landing-spotlight-card::before {
+  content: ""; position: absolute; inset: 0; border-radius: 1rem;
+  background: radial-gradient(250px circle at var(--mouse-x, 0) var(--mouse-y, 0), rgba(27,108,66,0.04) 0%, transparent 70%);
+  opacity: 0; transition: opacity 0.5s ease; pointer-events: none; z-index: 0;
+}
+.landing-page .landing-spotlight-card:hover::before { opacity: 1; }
+.landing-page .landing-icon-container { transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); }
+.landing-page .landing-spotlight-card:hover .landing-icon-container { transform: scale(1.1) rotate(5deg); }
+
+/* Feature card float. */
+@keyframes landing-card-float {
+  0%, 100% { transform: translateY(0); }
+  50%      { transform: translateY(-8px); }
+}
+.landing-page .landing-card-float-1 { animation: landing-card-float 5.0s ease-in-out infinite; }
+.landing-page .landing-card-float-2 { animation: landing-card-float 5.5s ease-in-out infinite 0.4s; }
+.landing-page .landing-card-float-3 { animation: landing-card-float 4.8s ease-in-out infinite 0.8s; }
+.landing-page .landing-card-float-4 { animation: landing-card-float 5.3s ease-in-out infinite 1.2s; }
+.landing-page .landing-card-float-5 { animation: landing-card-float 5.1s ease-in-out infinite 0.6s; }
+.landing-page .landing-card-float-6 { animation: landing-card-float 4.6s ease-in-out infinite 1.0s; }
+.landing-page .landing-card-float-1:hover,
+.landing-page .landing-card-float-2:hover,
+.landing-page .landing-card-float-3:hover,
+.landing-page .landing-card-float-4:hover,
+.landing-page .landing-card-float-5:hover,
+.landing-page .landing-card-float-6:hover {
+  animation-play-state: paused;
+}
+
+/* Landing scrollbar. */
+.landing-page ::-webkit-scrollbar       { width: 6px; }
+.landing-page ::-webkit-scrollbar-track { background: var(--bg-mesh); }
+.landing-page ::-webkit-scrollbar-thumb { background: rgba(0,0,0,0.15); border-radius: 3px; }
+.landing-page ::-webkit-scrollbar-thumb:hover { background: rgba(0,0,0,0.25); }
+
+/* Onboarding modal panel in + pulses + card entry. */
+.landing-page .landing-modal-panel {
+  opacity: 0; transform: translateY(12px) scale(0.98);
+  transition: opacity 450ms cubic-bezier(0.22,1,0.36,1), transform 450ms cubic-bezier(0.22,1,0.36,1);
+}
+.landing-page .landing-modal-panel--visible { opacity: 1; transform: translateY(0) scale(1); }
+
+@keyframes ob-pulse-outer {
+  0%, 100% { transform: scale(1); opacity: 0.6; }
+  50%      { transform: scale(1.15); opacity: 0.3; }
+}
+@keyframes ob-pulse-inner {
+  0%, 100% { transform: scale(1); }
+  50%      { transform: scale(1.07); }
+}
+@keyframes ob-card-in {
+  from { opacity: 0; transform: translateY(16px); }
+  to   { opacity: 1; transform: translateY(0); }
+}
+.landing-page .ob-pulse-outer { animation: ob-pulse-outer 2.2s ease-in-out infinite; }
+.landing-page .ob-pulse-inner { animation: ob-pulse-inner 2.2s ease-in-out infinite; }
+.landing-page .ob-card-in     { animation: ob-card-in 500ms cubic-bezier(0.22,1,0.36,1) both; }
diff --git a/frontend/src/app/layout.tsx b/frontend/src/app/layout.tsx
index c4286981..1abddf57 100644
--- a/frontend/src/app/layout.tsx
+++ b/frontend/src/app/layout.tsx
@@ -1,50 +1,60 @@
-import type { Metadata } from "next";
-import React from "react";
-import { UserProvider } from "@/context/UserContext";
-import { ToastProvider } from "@/components/ToastProvider";
-import { ErrorBoundary } from "@/components/ErrorBoundary";
-import "./globals.css";
+import type { Metadata } from 'next';
+import React from 'react';
+import { Spectral, DM_Sans, Inter, Playfair_Display, JetBrains_Mono } from 'next/font/google';
+import { UserProvider } from '@/context/UserContext';
+import { ToastProvider } from '@/components/ToastProvider';
+import { ErrorBoundary } from '@/components/ErrorBoundary';
+import './globals.css';
+
+const spectral = Spectral({
+  subsets: ['latin'],
+  weight: ['200', '300', '400', '500', '600', '700', '800'],
+  style: ['normal', 'italic'],
+  variable: '--font-spectral',
+  display: 'swap',
+});
+
+const dmSans = DM_Sans({
+  subsets: ['latin'],
+  variable: '--font-dm-sans',
+  display: 'swap',
+});
+
+const inter = Inter({
+  subsets: ['latin'],
+  variable: '--font-inter',
+  display: 'swap',
+});
+
+const playfairDisplay = Playfair_Display({
+  subsets: ['latin'],
+  variable: '--font-playfair',
+  display: 'swap',
+});
+
+const jetbrainsMono = JetBrains_Mono({
+  subsets: ['latin'],
+  variable: '--font-jetbrains',
+  display: 'swap',
+});
 
 export const metadata: Metadata = {
-  title: "Sapling",
-  description: "Your mind, quietly mapped.",
+  title: 'Sapling',
+  description: 'Learn through conversation. Watch your knowledge grow.',
+  icons: {
+    icon: '/sapling-icon.svg',
+    shortcut: '/sapling-icon.svg',
+  },
 };
 
 export default function RootLayout({ children }: { children: React.ReactNode }) {
   return (
-    <html lang="en" data-accent="sage" data-density="compact">
-      <head>
-        <link rel="preconnect" href="https://fonts.googleapis.com" />
-        <link rel="preconnect" href="https://fonts.gstatic.com" crossOrigin="anonymous" />
-        {/*
-          Type system per .impeccable.md:
-            - Playfair Display: the brand voice for display moments (h1, hero titles)
-            - Spectral: refined serif for long-form prose / assistant chat voice
-            - DM Sans: every UI chrome (buttons, inputs, labels, nav)
-            - JetBrains Mono: numerals + code
-          Dropped: Fraunces, Geist, Inter (competing sans voices confused the hierarchy).
-
-          Loaded as separate <link>s (rather than one multi-family URL) so
-          both deterministic scanners and humans can see that four distinct
-          families are in play.
-        */}
-        <link
-          href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700&display=swap"
-          rel="stylesheet"
-        />
-        <link
-          href="https://fonts.googleapis.com/css2?family=Spectral:ital,wght@0,400;0,500;0,600;1,400&display=swap"
-          rel="stylesheet"
-        />
-        <link
-          href="https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap"
-          rel="stylesheet"
-        />
-        <link
-          href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500&display=swap"
-          rel="stylesheet"
-        />
-      </head>
+    <html
+      lang="en"
+      data-accent="sage"
+      data-density="compact"
+      className={`${spectral.variable} ${dmSans.variable} ${inter.variable} ${playfairDisplay.variable} ${jetbrainsMono.variable}`}
+    >
       <body>
         <ErrorBoundary>
           <ToastProvider>
diff --git a/frontend/src/app/page.tsx b/frontend/src/app/page.tsx
index c3a1c903..54614c31 100644
--- a/frontend/src/app/page.tsx
+++ b/frontend/src/app/page.tsx
@@ -1,5 +1,973 @@
-import { redirect } from "next/navigation";
+'use client';
 
-export default function RootPage() {
-  redirect("/dashboard");
+import { useEffect, useState, useRef, useCallback } from 'react';
+import { useRouter } from 'next/navigation';
+import { useUser } from '@/context/UserContext';
+import { Network, Sparkles, FilePlus2, Brain, CalendarClock, Users, PenSquare } from 'lucide-react';
+import OnboardingFlow from '@/components/OnboardingFlow';
+import HowItWorks from '@/components/HowItWorks';
+
+const API_URL = process.env.NEXT_PUBLIC_API_URL ?? 'http://localhost:5000';
+
+const SCRAMBLE_CHARS = "ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789!<>-_\\/[]{}=+*^?#_";
+
+const CLUSTER_COLORS = ['#9CA3AF', '#D97706', '#3B82F6', '#8A63D2', '#14B8A6', '#EF4444'];
+const CLUSTER_SEEDS_BG = [10.0, 11.3, 12.6, 13.9, 15.2, 16.5];
+const CLUSTER_INIT_POS = [
+  { ox: -222, oy: -29, oz:  15 },
+  { ox: -161, oy: -59, oz: -20 },
+  { ox:  -81, oy: -42, oz:  30 },
+  { ox:  -67, oy:  17, oz:   0 },
+  { ox: -168, oy:  59, oz:  20 },
+  { ox: -229, oy:   8, oz: -30 },
+];
+
+export default function LandingPage() {
+  const router = useRouter();
+  const { userReady, isAuthenticated, userId } = useUser();
+
+  const [heroMounted, setHeroMounted] = useState(false);
+  const [heroText1, setHeroText1] = useState('');
+  const [heroText2, setHeroText2] = useState('');
+  const [onboardingPhase, setOnboardingPhase] = useState<'idle' | 'out' | 'active' | 'complete'>('idle');
+  const [introText, setIntroText] = useState<'hidden' | 'in' | 'out'>('hidden');
+  const [outroText, setOutroText] = useState<'hidden' | 'in' | 'out'>('hidden');
+  const [outroOverlay, setOutroOverlay] = useState(false);
+  const [activeStep, setActiveStep] = useState(0);
+  const [completed, setCompleted] = useState<Set<number>>(new Set());
+
+  const canvasRef = useRef<HTMLCanvasElement>(null);
+  const heroContentRef = useRef<HTMLDivElement>(null);
+  const floatingCardsRef = useRef<HTMLDivElement>(null);
+  const navRef = useRef<HTMLElement>(null);
+  const ambientGlowRef = useRef<HTMLDivElement>(null);
+  const parallaxYRef = useRef(0);
+  const mouseRef = useRef({ x: 0, y: 0 });
+  const onboardingTimeoutRef = useRef<NodeJS.Timeout | null>(null);
+  const introTimeoutsRef = useRef<NodeJS.Timeout[]>([]);
+  const canvasZoomRef = useRef(1.0);
+  const zoomActiveRef = useRef(false);
+  const zoomOutroRef = useRef(false);
+  const onboardingPhaseRef = useRef<'idle' | 'out' | 'active' | 'complete'>('idle');
+  const clusterProgressRef = useRef(0);
+  const clusterActiveStepRef = useRef(0);
+  const clusterCompletedRef = useRef<Set<number>>(new Set());
+  const obNodesRef = useRef<Array<{
+    ox: number; oy: number; oz: number;
+    startOx: number; startOy: number; startOz: number;
+    migDelay: number; migDur: number;
+    color: string; radius: number; seed: number;
+    birthTime: number; stepIndex: number; isPreview: boolean;
+    dyingAt?: number;
+  }>>([]);
+  const obInitStepsRef = useRef<Set<number>>(new Set());
+  const obDoneStepsRef = useRef<Set<number>>(new Set());
+
+  // Auth redirect / onboarding resume
+  useEffect(() => {
+    if (userReady && isAuthenticated) {
+      const pending = sessionStorage.getItem('sapling_onboarding_pending');
+      if (pending) {
+        sessionStorage.removeItem('sapling_onboarding_pending');
+        window.scrollTo({ top: 0, behavior: 'instant' });
+        setActiveStep(1);
+        setCompleted(new Set([0]));
+        setHeroMounted(true);
+        setIntroText('hidden');
+        zoomActiveRef.current = true;
+        zoomOutroRef.current = false;
+        canvasZoomRef.current = 2.5;
+        clusterProgressRef.current = 1;
+        setOnboardingPhase('active');
+      } else {
+        router.replace('/dashboard');
+      }
+    }
+  }, [userReady, isAuthenticated, router]);
+
+  // Cleanup timeouts on unmount
+  useEffect(() => {
+    return () => {
+      if (onboardingTimeoutRef.current) clearTimeout(onboardingTimeoutRef.current);
+      introTimeoutsRef.current.forEach(clearTimeout);
+    };
+  }, []);
+
+  // Always start at the top of the landing page so Hero → Features → HowItWorks
+  // Step 1 → 2 → 3 plays in order. Without this, browser scroll restoration on
+  // reload / hot reload can drop the user mid-section where Step 2 is showing.
+  useEffect(() => {
+    if (typeof window !== 'undefined' && 'scrollRestoration' in window.history) {
+      window.history.scrollRestoration = 'manual';
+    }
+    window.scrollTo({ top: 0, behavior: 'instant' });
+  }, []);
+
+  // Sync refs from state
+  useEffect(() => {
+    onboardingPhaseRef.current = onboardingPhase;
+    document.body.style.overflow = onboardingPhase !== 'idle' ? 'hidden' : '';
+    return () => { document.body.style.overflow = ''; };
+  }, [onboardingPhase]);
+  useEffect(() => { clusterActiveStepRef.current = activeStep; }, [activeStep]);
+  useEffect(() => { clusterCompletedRef.current = completed; }, [completed]);
+
+  const scrambleText = useCallback((setter: (v: string) => void, final: string, duration: number) => {
+    const start = Date.now();
+    const interval = setInterval(() => {
+      const progress = (Date.now() - start) / duration;
+      if (progress >= 1) { setter(final); clearInterval(interval); return; }
+      setter(final.split('').map((ch, idx) => {
+        if (ch === ' ' || ch === '\n') return ch;
+        if (progress > idx / final.length) return ch;
+        return SCRAMBLE_CHARS[Math.floor(Math.random() * SCRAMBLE_CHARS.length)];
+      }).join(''));
+    }, 30);
+    return () => clearInterval(interval);
+  }, []);
+
+  useEffect(() => {
+    const timeout = setTimeout(() => {
+      setHeroMounted(true);
+      scrambleText(setHeroText1, 'Sapling', 1000);
+      setTimeout(() => scrambleText(setHeroText2, 'Grow Your Knowledge', 1200), 200);
+    }, 300);
+    return () => clearTimeout(timeout);
+  }, [scrambleText]);
+
+  // 3D Canvas graph with zoom + OB cluster nodes
+  useEffect(() => {
+    const canvas = canvasRef.current;
+    if (!canvas) return;
+    const ctx = canvas.getContext('2d', { alpha: true });
+    if (!ctx) return;
+
+    let width = 0, height = 0;
+    let rotAngle = 0;
+    let animId: number;
+
+    const palette = [
+      { c: '#8A63D2', w: 0.24 }, { c: '#3B82F6', w: 0.24 },
+      { c: '#D97706', w: 0.20 }, { c: '#14B8A6', w: 0.15 },
+      { c: '#9CA3AF', w: 0.10 }, { c: '#D1D5DB', w: 0.07 },
+    ];
+    function randColor() {
+      let r = Math.random(), s = 0;
+      for (const p of palette) { s += p.w; if (r <= s) return p.c; }
+      return palette[0].c;
+    }
+
+    const clusters = [
+      { x: -600, y: -250, z: 80 },  { x: -350, y: -100, z: -120 },
+      { x: -100, y: -300, z: 200 }, { x: 150, y: -150, z: -80 },
+      { x: 400, y: -250, z: 150 },  { x: 600, y: -100, z: -50 },
+      { x: -500, y: 100, z: -150 }, { x: -200, y: 200, z: 100 },
+      { x: 50, y: 150, z: -200 },   { x: 300, y: 250, z: 120 },
+      { x: 550, y: 150, z: -100 },  { x: -400, y: 350, z: 60 },
+      { x: 0, y: 0, z: 0 },         { x: 200, y: -50, z: -150 },
+    ];
+    const spread = 280;
+    const bgNodes = Array.from({ length: 220 }, () => {
+      const cl = clusters[Math.floor(Math.random() * clusters.length)];
+      return {
+        ox: cl.x + (Math.random() - 0.5) * spread,
+        oy: cl.y + (Math.random() - 0.5) * spread,
+        oz: cl.z + (Math.random() - 0.5) * spread,
+        color: randColor(),
+        radius: 1 + Math.random() * 4,
+        seed: Math.random() * 100,
+        clusterIndex: undefined as number | undefined,
+      };
+    });
+    const clusterNodes = CLUSTER_INIT_POS.map((pos, i) => ({
+      ox: pos.ox, oy: pos.oy, oz: pos.oz,
+      color: CLUSTER_COLORS[i],
+      radius: 2.5 + Math.random() * 1.5,
+      seed: CLUSTER_SEEDS_BG[i],
+      clusterIndex: i as number | undefined,
+    }));
+    const nodes = [...bgNodes, ...clusterNodes];
+
+    // OB graph — cluster centres per onboarding step
+    const OB_STEP_CENTERS = [
+      { ox: -155, oy:   0, oz:   0 },
+      { ox: -230, oy: -80, oz:  25 },
+      { ox: -115, oy:-105, oz: -35 },
+      { ox: -270, oy:  65, oz: -15 },
+      { ox: -155, oy:  95, oz:  35 },
+      { ox: -215, oy: -25, oz: -55 },
+    ];
+    const OB_SPREAD = 58;
+    const OB_COUNT  = 15;
+    const easeInOutCubic = (x: number) =>
+      x < 0.5 ? 4 * x * x * x : 1 - Math.pow(-2 * x + 2, 3) / 2;
+    const stepRand = (si: number, idx: number) => {
+      const s = Math.sin(si * 9301 + idx * 49297 + 233) * 10000003;
+      return s - Math.floor(s);
+    };
+
+    function resize() {
+      width = window.innerWidth;
+      height = window.innerHeight;
+      canvas!.width = width * devicePixelRatio;
+      canvas!.height = height * devicePixelRatio;
+      ctx!.scale(devicePixelRatio, devicePixelRatio);
+    }
+    window.addEventListener('resize', resize);
+    resize();
+
+    function draw() {
+      if (!ctx) return;
+      ctx.clearRect(0, 0, width, height);
+      rotAngle += 0.0008;
+      const fl = 1000, cx = width / 2, cy = height / 2, t = Date.now() * 0.001;
+      const mx = mouseRef.current.x, my = mouseRef.current.y;
+      const now = Date.now();
+
+      // ── OB knowledge graph: spawn nodes per step ─────────────────────
+      if (onboardingPhaseRef.current === 'active') {
+        const asi = clusterActiveStepRef.current;
+        if (!obInitStepsRef.current.has(asi)) {
+          obInitStepsRef.current.add(asi);
+          const ctr = OB_STEP_CENTERS[asi];
+          for (let k = 0; k < 8; k++) {
+            const ox = ctr.ox + (stepRand(asi, k * 4    ) - 0.5) * OB_SPREAD * 0.9;
+            const oy = ctr.oy + (stepRand(asi, k * 4 + 1) - 0.5) * OB_SPREAD * 0.6;
+            const oz = ctr.oz + (stepRand(asi, k * 4 + 2) - 0.5) * OB_SPREAD * 0.9;
+            obNodesRef.current.push({
+              ox, oy, oz, startOx: ox, startOy: oy, startOz: oz,
+              migDelay: k * 60, migDur: 450,
+              color: CLUSTER_COLORS[asi],
+              radius: 1 + stepRand(asi, k * 4 + 3) * 1.5,
+              seed: stepRand(asi, k * 4 + 2) * 100,
+              birthTime: now, stepIndex: asi, isPreview: true,
+            });
+          }
+        }
+      }
+      if (onboardingPhaseRef.current === 'active' || onboardingPhaseRef.current === 'complete') {
+        const comp = clusterCompletedRef.current;
+        comp.forEach(si => {
+          if (!obDoneStepsRef.current.has(si)) {
+            obDoneStepsRef.current.add(si);
+            obNodesRef.current.forEach(n => {
+              if (n.stepIndex === si && n.isPreview) n.dyingAt = now;
+            });
+            const ctr = OB_STEP_CENTERS[si];
+            for (let k = 0; k < OB_COUNT; k++) {
+              obNodesRef.current.push({
+                ox: ctr.ox + (stepRand(si, k * 4    ) - 0.5) * OB_SPREAD * 2,
+                oy: ctr.oy + (stepRand(si, k * 4 + 1) - 0.5) * OB_SPREAD * 1.5,
+                oz: ctr.oz + (stepRand(si, k * 4 + 2) - 0.5) * OB_SPREAD * 2,
+                startOx: 80 + stepRand(si, k * 4 + 10) * 260,
+                startOy: (stepRand(si, k * 4 + 11) - 0.5) * 220,
+                startOz: (stepRand(si, k * 4 + 12) - 0.5) * 220,
+                migDelay: k * 50, migDur: 580 + stepRand(si, k * 4 + 13) * 160,
+                color: CLUSTER_COLORS[si],
+                radius: 1.8 + stepRand(si, k * 4 + 3) * 3,
+                seed: stepRand(si, k * 4 + 2) * 100,
+                birthTime: now, stepIndex: si, isPreview: false,
+              });
+            }
+          }
+        });
+      }
+      obNodesRef.current = obNodesRef.current.filter(n =>
+        !(n.dyingAt !== undefined && now - n.dyingAt > 500)
+      );
+      if (onboardingPhaseRef.current === 'idle' && obNodesRef.current.length > 0) {
+        obNodesRef.current = [];
+        obInitStepsRef.current = new Set();
+        obDoneStepsRef.current = new Set();
+      }
+
+      const zoomTarget = zoomOutroRef.current ? 5.5 : (zoomActiveRef.current ? 2.5 : 1.0);
+      canvasZoomRef.current += (zoomTarget - canvasZoomRef.current) * 0.025;
+      const zoom = canvasZoomRef.current;
+
+      if (zoomActiveRef.current) {
+        clusterProgressRef.current = Math.min(1, clusterProgressRef.current + 0.01);
+      } else {
+        clusterProgressRef.current = Math.max(0, clusterProgressRef.current - 0.015);
+      }
+      const clusterProgress = clusterProgressRef.current;
+
+      const proj = nodes.map(n => {
+        const ny = n.oy + Math.sin(t * 0.4 + n.seed) * 15;
+        let x = n.ox * Math.cos(rotAngle) - n.oz * Math.sin(rotAngle);
+        let z = n.oz * Math.cos(rotAngle) + n.ox * Math.sin(rotAngle);
+        x -= mx * (z + fl) * 0.02;
+        const y2 = ny - my * (z + fl) * 0.02;
+        const sc = fl / (fl + z);
+        return { x: x * sc * zoom + cx, y: y2 * sc * zoom + cy - parallaxYRef.current, z, sc: sc * zoom, n };
+      }).sort((a, b) => b.z - a.z);
+
+      ctx.globalCompositeOperation = 'source-over';
+      ctx.lineWidth = 0.5;
+      for (let i = 0; i < proj.length; i++) {
+        for (let j = i + 1; j < proj.length; j++) {
+          const p1 = proj[i], p2 = proj[j];
+          const d = Math.hypot(p1.x - p2.x, p1.y - p2.y);
+          if (d < 70 * p1.sc) {
+            const a = (1 - d / (70 * p1.sc)) * 0.15 * Math.min(1, p1.sc) * Math.max(0, 1 - clusterProgress);
+            if (a > 0.002) {
+              ctx.strokeStyle = `rgba(156,163,175,${a})`;
+              ctx.beginPath(); ctx.moveTo(p1.x, p1.y); ctx.lineTo(p2.x, p2.y); ctx.stroke();
+            }
+          }
+        }
+      }
+
+      proj.forEach(p => {
+        if (p.z > -fl) {
+          const breathe = 0.92 + 0.08 * Math.sin(t * 0.6 + p.n.seed);
+          let fogA = p.z > 500 ? Math.max(0, 1 - (p.z - 500) / 500) : 1;
+          if (clusterProgress > 0) fogA *= Math.max(0.12, 1 - clusterProgress * 0.82);
+          const r = p.n.radius * p.sc * breathe;
+          if (r > 0.1) {
+            ctx.globalAlpha = fogA;
+            ctx.beginPath(); ctx.arc(p.x, p.y, r, 0, Math.PI * 2); ctx.fillStyle = p.n.color; ctx.fill();
+          }
+        }
+      });
+      ctx.globalAlpha = 1;
+
+      // ── OB knowledge graph: draw with migration ───────────────────────
+      if (obNodesRef.current.length > 0) {
+        const obProj = obNodesRef.current.flatMap(n => {
+          const elapsed = now - n.birthTime;
+          const rawMigP = (elapsed - n.migDelay) / n.migDur;
+          if (rawMigP < 0) return [];
+          const migP = Math.min(1, rawMigP);
+          const easedM = easeInOutCubic(migP);
+          const curOx = n.startOx + (n.ox - n.startOx) * easedM;
+          const curOy = n.startOy + (n.oy - n.startOy) * easedM;
+          const curOz = n.startOz + (n.oz - n.startOz) * easedM;
+          const arrP = Math.min(1, Math.max(0, (elapsed - n.migDelay - n.migDur) / 400));
+          const popScale = migP < 1 ? 0.4 + 0.6 * migP : 1.0 + Math.sin(arrP * Math.PI) * 0.12;
+          const baseAlpha = migP < 1 ? easeInOutCubic(migP) : 1.0;
+          const dyingFade = n.dyingAt !== undefined
+            ? 1.0 - easeInOutCubic(Math.min(1, (now - n.dyingAt) / 350))
+            : 1.0;
+          const alpha = baseAlpha * dyingFade;
+          if (alpha < 0.005) return [];
+          const ny = curOy + Math.sin(t * 0.4 + n.seed) * 8 * migP;
+          const rx = curOx * Math.cos(rotAngle) - curOz * Math.sin(rotAngle);
+          const rz = curOz * Math.cos(rotAngle) + curOx * Math.sin(rotAngle);
+          const sc = fl / (fl + rz);
+          return [{ x: rx*sc*zoom+cx, y: ny*sc*zoom+cy-parallaxYRef.current, z: rz, sc, n, alpha, popScale, migP, arrP }];
+        }).sort((a, b) => b.z - a.z);
+
+        ctx.lineWidth = 0.7;
+        for (let i = 0; i < obProj.length; i++) {
+          for (let j = i + 1; j < obProj.length; j++) {
+            const p1 = obProj[i], p2 = obProj[j];
+            if (p1.migP < 1 || p2.migP < 1) continue;
+            if (p1.alpha < 0.1 || p2.alpha < 0.1) continue;
+            const d = Math.hypot(p1.x - p2.x, p1.y - p2.y);
+            const maxD = 90 * p1.sc * zoom;
+            if (d < maxD) {
+              const a = (1 - d / maxD) * 0.35 * Math.min(p1.arrP, p2.arrP) * Math.min(p1.alpha, p2.alpha);
+              if (a > 0.003) {
+                const col = p1.n.color;
+                const r = parseInt(col.slice(1, 3), 16);
+                const g = parseInt(col.slice(3, 5), 16);
+                const b = parseInt(col.slice(5, 7), 16);
+                ctx.strokeStyle = (p1.n.isPreview && p2.n.isPreview)
+                  ? `rgba(200,210,200,${(a * 0.35).toFixed(4)})`
+                  : `rgba(${r},${g},${b},${a.toFixed(4)})`;
+                ctx.beginPath(); ctx.moveTo(p1.x, p1.y); ctx.lineTo(p2.x, p2.y); ctx.stroke();
+              }
+            }
+          }
+        }
+
+        obProj.forEach(p => {
+          const breathe = 0.92 + 0.08 * Math.sin(t * 0.6 + p.n.seed);
+          const r = Math.max(0.1, p.n.radius * p.sc * zoom * breathe * p.popScale);
+          if (p.n.isPreview) {
+            ctx.globalAlpha = (0.25 + 0.2 * Math.sin(t * 3 + p.n.seed)) * p.alpha;
+            ctx.shadowBlur = 10;
+          } else {
+            ctx.globalAlpha = p.alpha;
+            ctx.shadowBlur = p.migP >= 1 ? 18 * (0.7 + 0.3 * Math.sin(t * 1.5 + p.n.seed * 0.3)) : 6;
+          }
+          ctx.shadowColor = p.n.color;
+          ctx.fillStyle = p.n.color;
+          ctx.beginPath(); ctx.arc(p.x, p.y, r, 0, Math.PI * 2); ctx.fill();
+          ctx.shadowBlur = 0;
+          ctx.shadowColor = 'transparent';
+        });
+        ctx.globalAlpha = 1;
+      }
+
+      animId = requestAnimationFrame(draw);
+    }
+    draw();
+    return () => { window.removeEventListener('resize', resize); cancelAnimationFrame(animId); };
+  }, []);
+
+  // Mouse + scroll
+  useEffect(() => {
+    const onMouse = (e: MouseEvent) => {
+      mouseRef.current = { x: (e.clientX / window.innerWidth - 0.5) * 2, y: (e.clientY / window.innerHeight - 0.5) * 2 };
+    };
+    let lastSy = window.scrollY;
+
+    const updateNavChrome = (sy: number) => {
+      const nav = navRef.current;
+      if (!nav) return;
+      const scrollingDown = sy > lastSy;
+      const pastHero = sy > window.innerHeight * 0.5;
+      nav.style.transform = scrollingDown && pastHero ? 'translateY(-100%)' : 'translateY(0)';
+      nav.classList.remove('shadow-sm');
+      nav.style.background = 'transparent';
+      nav.style.backdropFilter = 'none';
+      nav.style.setProperty('-webkit-backdrop-filter', 'none');
+      nav.style.borderBottomColor = 'transparent';
+    };
+
+    const updateAmbientGlow = (sy: number) => {
+      const glow = ambientGlowRef.current;
+      if (!glow) return;
+      const progress = Math.min(1, Math.max(0, (sy - 20) / 260));
+      const eased = progress * progress;
+      glow.style.opacity = eased.toString();
+    };
+
+    const onScroll = () => {
+      const sy = window.scrollY;
+      if (heroContentRef.current && sy < window.innerHeight) {
+        heroContentRef.current.style.transform = `translateY(${sy * -0.3}px)`;
+        parallaxYRef.current = sy * 0.1;
+      }
+      updateNavChrome(sy);
+      updateAmbientGlow(sy);
+      lastSy = sy;
+    };
+
+    document.addEventListener('mousemove', onMouse);
+    window.addEventListener('scroll', onScroll);
+    onScroll();
+    return () => { document.removeEventListener('mousemove', onMouse); window.removeEventListener('scroll', onScroll); };
+  }, []);
+
+  // Floating cards parallax
+  useEffect(() => {
+    let animId: number;
+    function tick() {
+      const t = Date.now();
+      const mx = mouseRef.current.x, my = mouseRef.current.y;
+      floatingCardsRef.current?.querySelectorAll<HTMLElement>('.floating-card').forEach(card => {
+        const baseRot = parseFloat(card.dataset.baseRot || '0');
+        const dur = parseFloat(card.dataset.floatDur || '5000');
+        const delay = parseFloat(card.dataset.floatDelay || '0');
+        const floatY = Math.sin((t - delay) / dur * Math.PI * 2) * -8;
+        const rx = -my * 5, ry = mx * 5;
+        const par = window.scrollY * -0.3;
+        card.style.transform = `perspective(1000px) translateY(${floatY + par}px) rotateX(${rx}deg) rotateY(${ry}deg) rotateZ(${baseRot}deg)`;
+      });
+      animId = requestAnimationFrame(tick);
+    }
+    tick();
+    return () => cancelAnimationFrame(animId);
+  }, []);
+
+  // Intersection observer for fade-ups
+  useEffect(() => {
+    const obs = new IntersectionObserver(entries => {
+      entries.forEach(entry => {
+        if (entry.isIntersecting) {
+          entry.target.classList.remove('opacity-0', 'translate-y-[30px]');
+          if (entry.target.classList.contains('landing-stat-fade-up')) startCounters(entry.target as HTMLElement);
+          obs.unobserve(entry.target);
+        }
+      });
+    }, { threshold: 0.2 });
+    document.querySelectorAll('.landing-fade-up, .landing-stat-fade-up').forEach(el => {
+      el.classList.add('opacity-0', 'translate-y-[30px]', 'transition-all', 'duration-700', 'ease-out');
+      obs.observe(el);
+    });
+    return () => obs.disconnect();
+  }, []);
+
+  // Spotlight card mouse-follow
+  useEffect(() => {
+    const cards = document.querySelectorAll<HTMLElement>('.landing-spotlight-card');
+    const handler = (e: MouseEvent) => {
+      const card = (e.currentTarget as HTMLElement);
+      const r = card.getBoundingClientRect();
+      card.style.setProperty('--mouse-x', `${e.clientX - r.left}px`);
+      card.style.setProperty('--mouse-y', `${e.clientY - r.top}px`);
+    };
+    cards.forEach(c => c.addEventListener('mousemove', handler));
+    return () => cards.forEach(c => c.removeEventListener('mousemove', handler));
+  }, []);
+
+  function startCounters(container: HTMLElement) {
+    container.querySelectorAll<HTMLElement>('.counter, .counter-float').forEach(el => {
+      if (el.classList.contains('counted')) return;
+      el.classList.add('counted');
+      const target = parseFloat(el.dataset.target || '0');
+      const isFloat = el.classList.contains('counter-float');
+      const dur = 1500, startT = performance.now();
+      function update(now: number) {
+        const p = Math.min((now - startT) / dur, 1);
+        const ease = 1 - Math.pow(1 - p, 4);
+        el.textContent = isFloat ? (target * ease).toFixed(1) : Math.floor(target * ease).toLocaleString();
+        if (p < 1) requestAnimationFrame(update);
+        else el.textContent = isFloat ? target.toFixed(1) : target.toLocaleString();
+      }
+      requestAnimationFrame(update);
+    });
+  }
+
+  // ── Onboarding phase transitions ──────────────────────────────────
+  function startOnboarding() {
+    if (onboardingTimeoutRef.current) clearTimeout(onboardingTimeoutRef.current);
+    introTimeoutsRef.current.forEach(clearTimeout);
+    window.scrollTo({ top: 0, behavior: 'instant' });
+    setActiveStep(0);
+    setCompleted(new Set());
+    setIntroText('hidden');
+    zoomActiveRef.current = false;
+    zoomOutroRef.current = false;
+    setOnboardingPhase('out');
+    introTimeoutsRef.current = [
+      setTimeout(() => setIntroText('in'), 450),
+      setTimeout(() => {
+        setIntroText('out');
+        zoomActiveRef.current = true;
+      }, 1900),
+      setTimeout(() => {
+        setIntroText('hidden');
+        setOnboardingPhase('active');
+      }, 2550),
+    ];
+  }
+
+  function closeOnboarding() {
+    if (onboardingTimeoutRef.current) clearTimeout(onboardingTimeoutRef.current);
+    introTimeoutsRef.current.forEach(clearTimeout);
+    introTimeoutsRef.current = [];
+    zoomActiveRef.current = false;
+    zoomOutroRef.current = false;
+    setIntroText('hidden');
+    const t = Date.now();
+    obNodesRef.current.forEach(n => { if (n.dyingAt === undefined) n.dyingAt = t; });
+    setOnboardingPhase('out');
+    onboardingTimeoutRef.current = setTimeout(() => setOnboardingPhase('idle'), 700);
+  }
+
+  async function handleOnboardingComplete(formData: { firstName: string; lastName: string; school: string; year: string; majors: string[]; minors: string[]; course_ids: string[]; style: string }) {
+    // Persist onboarding data to Supabase
+    try {
+      await fetch(`${API_URL}/api/onboarding/profile`, {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({
+          user_id: userId,
+          first_name: formData.firstName,
+          last_name: formData.lastName,
+          year: formData.year,
+          majors: formData.majors,
+          minors: formData.minors,
+          course_ids: formData.course_ids,
+          learning_style: formData.style,
+        }),
+      });
+    } catch (e) {
+      console.error('Failed to save onboarding profile:', e);
+    }
+
+    introTimeoutsRef.current.forEach(clearTimeout);
+    zoomActiveRef.current = true;
+    zoomOutroRef.current = false;
+    setOutroText('hidden');
+    setOutroOverlay(false);
+    setOnboardingPhase('complete');
+    introTimeoutsRef.current = [
+      setTimeout(() => setOutroText('in'), 1400),
+      setTimeout(() => {
+        setOutroText('out');
+        zoomOutroRef.current = true;
+      }, 3050),
+      setTimeout(() => setOutroOverlay(true), 3450),
+      setTimeout(() => { router.replace('/dashboard'); }, 4250),
+    ];
+  }
+
+  const authIdle = userReady && isAuthenticated && onboardingPhase === 'idle';
+
+  return (
+    <div className="landing-page antialiased" style={{ fontFamily: "var(--font-inter), 'Inter', sans-serif", color: 'var(--brand-text1, #1a1a1a)', background: 'transparent', opacity: authIdle ? 0 : 1, pointerEvents: authIdle ? 'none' : 'auto' }}>
+      <div ref={ambientGlowRef} className="landing-ambient-glow" />
+
+      {/* ═══ Initial load intro overlay ═══ */}
+      <div
+        className="landing-intro-overlay"
+        style={{
+          opacity: heroMounted ? 0 : 1,
+          pointerEvents: heroMounted ? 'none' as const : 'auto' as const,
+        }}
+      >
+        <div className="landing-intro-orbit">
+          <div className="landing-intro-orbit-ring">
+            <div className="landing-intro-orbit-node landing-intro-orbit-node--green" />
+            <div className="landing-intro-orbit-node landing-intro-orbit-node--amber" />
+            <div className="landing-intro-orbit-node landing-intro-orbit-node--blue" />
+            <div className="landing-intro-orbit-node landing-intro-orbit-node--purple" />
+          </div>
+          <div className="text-center">
+            <div className="font-playfair text-3xl sm:text-4xl font-semibold bg-gradient-to-r from-[#1B6C42] via-[#2D8F5C] to-[#1B6C42] bg-clip-text text-transparent">
+              Sapling
+            </div>
+            <div className="mt-2 text-xs sm:text-sm font-jetbrains tracking-[0.2em] uppercase text-[var(--brand-text2)]">
+              Growing your knowledge
+            </div>
+          </div>
+        </div>
+      </div>
+
+      {/* ═══ Navbar ═══ */}
+      <nav
+        ref={navRef}
+        className="fixed top-0 w-full z-50 border-b border-solid px-6 py-4"
+        style={{
+          background: 'rgba(255,255,255,0)',
+          borderBottomColor: 'transparent',
+          opacity: onboardingPhase !== 'idle' ? 0 : (heroMounted ? 1 : 0),
+          transform: heroMounted ? 'translateY(0)' : 'translateY(-30px)',
+          transition: 'opacity 800ms cubic-bezier(0.22,1,0.36,1), transform 800ms cubic-bezier(0.22,1,0.36,1)',
+        }}
+      >
+        <div className="max-w-[88%] mx-auto flex items-center justify-between w-full">
+          <div className="flex items-center cursor-pointer group" style={{ gap: '4px' }} onClick={() => window.scrollTo({ top: 0, behavior: 'smooth' })}>
+            <img src="/sapling-icon.svg" alt="Sapling" style={{ width: '26px', height: '26px', flexShrink: 0, position: 'relative', top: '-2px' }} />
+            <span style={{ fontFamily: "var(--font-spectral), 'Spectral', Georgia, serif", fontWeight: 700, fontSize: '20px', color: '#1a5c2a', letterSpacing: '-0.02em', lineHeight: 1.1 }}>Sapling</span>
+          </div>
+          <div className="flex items-center">
+            <button onClick={() => { window.location.href = `${API_URL}/api/auth/google`; }} className="text-[var(--brand-text2)] hover:text-[var(--brand-text1)] font-medium text-sm tracking-wide transition-all duration-300 mr-6 hidden sm:block">Sign In</button>
+            <button onClick={startOnboarding} className="relative overflow-hidden group bg-[#1B6C42] text-white px-7 py-2.5 rounded-full font-medium text-sm tracking-wide shadow-sm hover:shadow-md transition-all duration-400 hover:scale-[1.04] active:scale-[0.97] landing-btn-shimmer">
+              Get Started
+            </button>
+          </div>
+        </div>
+      </nav>
+
+      {/* ═══ Hero Section ═══ */}
+      <section className="relative min-h-screen flex items-center justify-center">
+        <div aria-hidden className="absolute inset-0 pointer-events-none z-0">
+          <div className="sapling-mesh-blob sapling-mesh-blob--1" />
+          <div className="sapling-mesh-blob sapling-mesh-blob--2" />
+        </div>
+        <canvas ref={canvasRef} className="absolute inset-0 z-0 w-full h-full pointer-events-auto opacity-100" />
+
+        {/* Floating Glass Accent Cards */}
+        <div ref={floatingCardsRef} className="absolute inset-0 z-10 hidden lg:block pointer-events-none"
+          style={{ opacity: onboardingPhase !== 'idle' ? 0 : 1, transition: 'opacity 600ms ease' }}
+        >
+          <div
+            className="floating-card absolute w-48 liquid-glass rounded-2xl p-4"
+            style={{ position: 'absolute', top: '28%', left: '18%', opacity: heroMounted ? 1 : 0, transition: 'opacity 0.6s ease 0.8s' }}
+            data-base-rot="-6" data-float-delay="0" data-float-dur="5000"
+          >
+            <span className="font-jetbrains text-xs text-[#3B82F6] font-medium block mb-3">CS 101</span>
+            <div className="h-1 rounded-full bg-white/45 w-full overflow-hidden mb-2">
+              <div className="h-full bg-[#3B82F6] w-[55%] rounded-full" />
+            </div>
+            <span className="text-xs text-[var(--brand-text2)] opacity-80 block">55% mastered</span>
+          </div>
+
+          <div
+            className="floating-card absolute w-52 liquid-glass rounded-2xl p-4"
+            style={{ position: 'absolute', top: '52%', right: '18%', opacity: heroMounted ? 1 : 0, transition: 'opacity 0.6s ease 1.4s' }}
+            data-base-rot="2" data-float-delay="1600" data-float-dur="5200"
+          >
+            <div className="flex flex-col gap-2 text-left">
+              <div className="flex items-center justify-between text-xs text-[var(--brand-text2)]">
+                <span>Total nodes</span>
+                <span className="font-jetbrains text-[var(--brand-text1)]">2,413</span>
+              </div>
+              <div className="flex items-center justify-between text-xs text-[var(--brand-text2)]">
+                <span>Mastered</span>
+                <span className="font-jetbrains text-[#1B6C42]">68%</span>
+              </div>
+              <div className="flex items-center justify-between text-xs text-[var(--brand-text2)]">
+                <span>On track</span>
+                <span className="font-jetbrains text-[#D97706]">24%</span>
+              </div>
+            </div>
+          </div>
+
+          <div
+            className="floating-card absolute w-52 liquid-glass rounded-2xl p-5"
+            style={{ position: 'absolute', top: '24%', right: '18%', opacity: heroMounted ? 1 : 0, transition: 'opacity 0.6s ease 1.0s' }}
+            data-base-rot="4" data-float-delay="1000" data-float-dur="6000"
+          >
+            <div className="flex flex-col gap-3">
+              <div className="flex items-center gap-2"><div className="w-2 h-2 rounded-full bg-[#1B6C42]" /><span className="text-xs text-[var(--brand-text2)] uppercase tracking-wide">Mastered</span></div>
+              <div className="flex items-center gap-2"><div className="w-2 h-2 rounded-full bg-[#D97706]" /><span className="text-xs text-[var(--brand-text2)] uppercase tracking-wide">Learning</span></div>
+              <div className="flex items-center gap-2"><div className="w-2 h-2 rounded-full bg-[#EF4444]" /><span className="text-xs text-[var(--brand-text2)] uppercase tracking-wide">Struggling</span></div>
+              <div className="flex items-center gap-2"><div className="w-2 h-2 rounded-full bg-[#9CA3AF]" /><span className="text-xs text-[var(--brand-text2)] uppercase tracking-wide">Unexplored</span></div>
+            </div>
+          </div>
+
+          <div
+            className="floating-card absolute w-44 liquid-glass rounded-2xl p-4 flex flex-col gap-2"
+            style={{ position: 'absolute', bottom: '34%', left: '24%', opacity: heroMounted ? 1 : 0, transition: 'opacity 0.6s ease 1.2s' }}
+            data-base-rot="-6" data-float-delay="500" data-float-dur="4500"
+          >
+            <div className="liquid-glass-subtle rounded-xl py-2 flex items-center justify-center gap-2">
+              <PenSquare className="text-[var(--brand-text2)] w-4 h-4" strokeWidth={1.5} />
+              <span className="text-xs text-[var(--brand-text2)]">Quick Quiz</span>
+            </div>
+            <div className="liquid-glass-subtle rounded-xl py-2 flex items-center justify-center gap-2">
+              <Users className="text-[var(--brand-text2)] w-4 h-4" strokeWidth={1.5} />
+              <span className="text-xs text-[var(--brand-text2)]">Study Room</span>
+            </div>
+          </div>
+        </div>
+
+        {/* Hero Content */}
+        <div ref={heroContentRef} className="relative z-20 flex flex-col items-center text-center max-w-4xl px-6"
+          style={{ opacity: onboardingPhase !== 'idle' ? 0 : 1, transition: 'opacity 600ms ease' }}
+        >
+          <div style={{
+            opacity: heroMounted ? 1 : 0,
+            transform: heroMounted ? 'translateY(0)' : 'translateY(25px)',
+            transition: 'all 700ms cubic-bezier(0.22,1,0.36,1) 100ms',
+          }}>
+            <div className="inline-flex items-center gap-2.5 liquid-glass-subtle rounded-full px-5 py-2">
+              <div className="w-2 h-2 rounded-full bg-[#1B6C42] animate-pulse" />
+              <span className="font-jetbrains text-xs tracking-[0.25em] uppercase text-[var(--brand-text2)] font-medium">AI-Powered Learning</span>
+            </div>
+          </div>
+
+          <h1 style={{
+            opacity: heroMounted ? 1 : 0,
+            transform: heroMounted ? 'translateY(0)' : 'translateY(25px)',
+            transition: 'all 700ms cubic-bezier(0.22,1,0.36,1) 300ms',
+          }} className="font-playfair text-5xl sm:text-7xl md:text-8xl lg:text-[10rem] font-semibold leading-[1.15] tracking-tight mt-8 pb-8 px-4 bg-gradient-to-r from-[#1B6C42] via-[#2D8F5C] to-[#1B6C42] bg-clip-text text-transparent landing-animate-gradient">
+            <span>{heroText1 || '\u00A0'}</span>
+          </h1>
+
+          <p style={{
+            opacity: heroMounted ? 1 : 0,
+            transform: heroMounted ? 'translateY(0)' : 'translateY(25px)',
+            transition: 'all 700ms cubic-bezier(0.22,1,0.36,1) 500ms',
+          }} className="font-playfair text-2xl sm:text-3xl md:text-4xl text-[var(--brand-text2)] max-w-xl mx-auto mt-7 leading-relaxed tracking-tight font-medium">
+            {heroText2 || '\u00A0'}
+          </p>
+
+          <div style={{
+            opacity: heroMounted ? 1 : 0,
+            transform: heroMounted ? 'translateY(0)' : 'translateY(25px)',
+            transition: 'all 700ms cubic-bezier(0.22,1,0.36,1) 700ms',
+          }} className="flex flex-col sm:flex-row gap-4 mt-10 items-center justify-center">
+            <button onClick={startOnboarding} className="relative overflow-hidden group bg-[#1B6C42] text-white px-10 py-4 rounded-full font-medium text-base tracking-wide shadow-md hover:shadow-lg hover:bg-[#155A35] transition-all duration-500 hover:scale-[1.03] active:scale-[0.98] landing-btn-shimmer">
+              Get Started
+            </button>
+            <button onClick={() => document.getElementById('features')?.scrollIntoView({ behavior: 'smooth' })} className="bg-white border border-black/[0.06] text-[var(--brand-text1)] px-10 py-4 rounded-full font-medium text-base shadow-[0_4px_14px_rgba(15,23,42,0.06)] hover:shadow-[0_6px_20px_rgba(15,23,42,0.08)] transition-all duration-500 hover:scale-[1.02] active:scale-[0.98]">
+              See What&apos;s Inside <span className="ml-1.5 text-black/30">↓</span>
+            </button>
+          </div>
+        </div>
+
+        {/* Scroll Indicator */}
+        <div style={{ opacity: onboardingPhase !== 'idle' ? 0 : (heroMounted ? 1 : 0), transition: 'opacity 1s ease 1.2s' }} className="absolute bottom-8 left-1/2 landing-animate-float-indicator flex flex-col items-center">
+          <div className="w-px h-14 landing-divider-v" />
+          <span className="font-jetbrains text-xs tracking-[0.4em] text-[var(--brand-text2)] opacity-70 mt-3">SCROLL</span>
+        </div>
+      </section>
+
+      {/* ═══ Features Section ═══ */}
+      <div style={{ opacity: onboardingPhase !== 'idle' ? 0 : 1, transition: 'opacity 600ms ease', pointerEvents: onboardingPhase !== 'idle' ? 'none' : 'auto' }}>
+        <section id="features" className="landing-section relative py-32 z-10">
+          <div aria-hidden className="absolute inset-0 pointer-events-none z-0">
+            <div className="sapling-mesh-blob sapling-mesh-blob--3" style={{ top: '10%', left: '-8%', opacity: 0.28, width: '30vw', height: '30vw' }} />
+          </div>
+          <div className="absolute top-0 left-0 w-full h-px landing-divider" />
+          <div className="max-w-6xl mx-auto px-6 lg:px-8 relative z-[1]">
+            <div className="text-center mb-16 landing-fade-up">
+              <span className="font-jetbrains text-xs tracking-[0.3em] text-[#1B6C42] uppercase font-medium">Features</span>
+              <h2 className="font-playfair text-4xl md:text-6xl font-semibold text-[var(--brand-text1)] mt-4 leading-tight tracking-tight">
+                Everything You Need<br />to Learn Smarter
+              </h2>
+              <p className="font-inter text-[var(--brand-text2)] text-lg mt-6 max-w-lg mx-auto font-light leading-relaxed">
+                Six powerful tools. One beautiful platform. Built for how your brain actually works.
+              </p>
+            </div>
+
+            <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-5">
+              {[
+                { icon: Network, color: '#1B6C42', bg: 'bg-[#1B6C42]/10', title: 'Interactive Knowledge Graph', desc: 'Every concept becomes a node in a living 3D network. Watch them glow green as you master topics and see how everything connects.' },
+                { icon: Sparkles, color: '#D97706', bg: 'bg-[#D97706]/10', title: 'AI-Powered Study Paths', desc: 'Our AI analyzes your knowledge gaps and builds the optimal sequence so you always study the right thing at the right time.' },
+                { icon: FilePlus2, color: '#14B8A6', bg: 'bg-[#14B8A6]/10', title: 'Upload Any Coursework', desc: 'Drop in syllabi, textbooks, or notes. Sapling extracts every concept and maps it to your knowledge graph automatically.' },
+                { icon: Brain, color: '#EF4444', bg: 'bg-[#EF4444]/10', title: 'Adaptive Quizzes', desc: 'Questions that adapt to your level in real-time. They get harder as you improve and meet you where you are when you struggle.' },
+                { icon: CalendarClock, color: '#1B6C42', bg: 'bg-[#1B6C42]/10', title: 'Spaced Repetition', desc: 'Scientifically-timed reviews move concepts from short-term to long-term memory. Sapling handles the scheduling.' },
+                { icon: Users, color: '#3B82F6', bg: 'bg-[#3B82F6]/10', title: 'Study Rooms', desc: 'Join live study rooms with classmates. Compare knowledge maps. Learn together in real-time.' },
+              ].map((feature, i) => (
+                <div
+                  key={feature.title}
+                  className={`landing-spotlight-card landing-card-float-${i + 1} group liquid-glass rounded-2xl p-8 transition-[border-color,box-shadow] duration-500 hover:shadow-[0_12px_40px_rgba(0,0,0,0.06)] landing-fade-up`}
+                  style={{ transitionDelay: `${i * 80}ms` }}
+                >
+                  <div className="relative z-10">
+                    <div className={`landing-icon-container w-12 h-12 rounded-xl flex items-center justify-center mb-5 ${feature.bg}`}>
+                      <feature.icon style={{ color: feature.color }} className="w-6 h-6" strokeWidth={1.5} />
+                    </div>
+                    <h3 className="text-[var(--brand-text1)] font-medium text-lg mb-3 tracking-tight">{feature.title}</h3>
+                    <p className="text-[var(--brand-text2)] text-sm leading-relaxed font-light">{feature.desc}</p>
+                  </div>
+                </div>
+              ))}
+            </div>
+          </div>
+        </section>
+
+        <HowItWorks />
+
+        {/* ═══ Final CTA ═══ */}
+        <section className="landing-section py-32 relative text-center z-10">
+          {/* Blend from HowItWorks' dark-green tint down to the mesh */}
+          <div
+            aria-hidden
+            className="pointer-events-none absolute left-0 right-0 z-0"
+            style={{
+              top: 0,
+              height: 'clamp(240px, 42vh, 480px)',
+              background: 'linear-gradient(to bottom, rgba(20,83,45,0.08) 0%, rgba(20,83,45,0.04) 45%, rgba(20,83,45,0) 100%)',
+            }}
+          />
+          <div aria-hidden className="absolute inset-0 pointer-events-none z-0">
+            <div className="sapling-mesh-blob sapling-mesh-blob--1" style={{ top: '0%', right: '-15%', left: 'auto', opacity: 0.38, width: '38vw', height: '38vw' }} />
+            <div className="sapling-mesh-blob sapling-mesh-blob--2" style={{ bottom: '0%', left: '-12%', opacity: 0.28, width: '32vw', height: '32vw' }} />
+          </div>
+          <div className="relative z-10 max-w-3xl mx-auto px-6 landing-fade-up">
+            <h2 className="font-playfair text-5xl md:text-7xl font-semibold text-[var(--brand-text1)] tracking-tight leading-[1.05]">
+              Ready to <br /> Start <span className="bg-gradient-to-r from-[#1B6C42] via-[#2D8F5C] to-[#1B6C42] bg-clip-text text-transparent landing-animate-gradient pr-2">Growing?</span>
+            </h2>
+            <p className="text-[var(--brand-text2)] text-lg mt-6 font-light">Join students who learn smarter, not harder.</p>
+            <div className="mt-10 flex flex-col items-center">
+              <button onClick={startOnboarding} className="relative overflow-hidden group bg-[#1B6C42] text-white px-10 py-4 rounded-full font-medium text-base tracking-wide shadow-md hover:shadow-lg hover:bg-[#155A35] transition-all duration-500 hover:scale-[1.03] active:scale-[0.98] landing-btn-shimmer">
+                Get Started
+              </button>
+            </div>
+          </div>
+        </section>
+
+        {/* ═══ Footer ═══ */}
+        <footer className="landing-section border-t border-white/35 py-12 px-8 relative z-10">
+          <div className="max-w-7xl mx-auto flex flex-col md:flex-row items-center justify-between gap-6">
+            <div className="flex items-center gap-2">
+              <img src="/sapling-icon.svg" alt="Sapling" style={{ width: '20px', height: '20px' }} />
+              <span className="text-sm font-light tracking-wide text-[var(--brand-text2)]">Sapling · © 2026</span>
+            </div>
+            <div className="flex flex-wrap justify-center gap-6">
+              <a href="/about" className="text-[var(--brand-text2)] hover:text-[var(--brand-text1)] text-sm transition-colors">About</a>
+              <a href="/careers" className="text-[var(--brand-text2)] hover:text-[var(--brand-text1)] text-sm transition-colors">Careers</a>
+              <a href="/terms" className="text-[var(--brand-text2)] hover:text-[var(--brand-text1)] text-sm transition-colors">Terms of Service</a>
+              <a href="/privacy" className="text-[var(--brand-text2)] hover:text-[var(--brand-text1)] text-sm transition-colors">Privacy Policy</a>
+            </div>
+          </div>
+          <div className="max-w-7xl mx-auto mt-8 pt-6 border-t border-white/25 text-center">
+            <p className="text-xs text-[var(--brand-text2)] opacity-75 font-light tracking-wide">
+              © 2026 Andres Lopez, Jack He, Luke Cooper, and Jose Gael Cruz-Lopez. All Rights Reserved.
+            </p>
+          </div>
+        </footer>
+      </div>
+
+      {/* ═══ Intro title reveal ═══ */}
+      {onboardingPhase !== 'idle' && (
+        <div
+          style={{
+            position: 'fixed', inset: 0, zIndex: 75,
+            display: 'flex', alignItems: 'center', justifyContent: 'center',
+            pointerEvents: 'none',
+            opacity: introText === 'in' ? 1 : 0,
+            transition: 'opacity 650ms cubic-bezier(0.22,1,0.36,1)',
+          }}
+        >
+          <div style={{
+            position: 'absolute',
+            width: '680px', height: '260px',
+            background: 'radial-gradient(ellipse at center, rgba(255,255,255,0.62) 0%, rgba(255,255,255,0.28) 45%, transparent 72%)',
+            pointerEvents: 'none',
+          }} />
+          <p style={{
+            position: 'relative',
+            fontFamily: "var(--font-dm-sans), 'DM Sans', sans-serif",
+            fontSize: 'clamp(26px, 4vw, 50px)',
+            fontWeight: 300,
+            color: '#0f172a',
+            textShadow: '0 1px 2px rgba(255,255,255,0.9)',
+            letterSpacing: '0.01em',
+            textAlign: 'center',
+            lineHeight: 1.3,
+            margin: 0,
+          }}>
+            Let&apos;s Learn About You...
+          </p>
+        </div>
+      )}
+
+      {/* ═══ Outro: Welcome to Sapling ═══ */}
+      {onboardingPhase === 'complete' && (
+        <div
+          style={{
+            position: 'fixed', inset: 0, zIndex: 76,
+            display: 'flex', alignItems: 'center', justifyContent: 'center',
+            pointerEvents: 'none',
+            opacity: outroText === 'in' ? 1 : 0,
+            transition: 'opacity 700ms cubic-bezier(0.22,1,0.36,1)',
+          }}
+        >
+          <div style={{
+            position: 'absolute',
+            width: '780px', height: '280px',
+            background: 'radial-gradient(ellipse at center, rgba(255,255,255,0.65) 0%, rgba(255,255,255,0.28) 45%, transparent 72%)',
+            pointerEvents: 'none',
+          }} />
+          <p style={{
+            position: 'relative',
+            fontFamily: "var(--font-dm-sans), 'DM Sans', sans-serif",
+            fontSize: 'clamp(30px, 5vw, 62px)',
+            fontWeight: 300,
+            color: '#0f172a',
+            textShadow: '0 1px 2px rgba(255,255,255,0.9)',
+            letterSpacing: '0.01em',
+            textAlign: 'center',
+            lineHeight: 1.2,
+            margin: 0,
+          }}>
+            Welcome to Sapling
+          </p>
+        </div>
+      )}
+
+      {/* ═══ Outro white overlay ═══ */}
+      <div style={{
+        position: 'fixed', inset: 0, zIndex: 92,
+        background: 'white',
+        opacity: outroOverlay ? 1 : 0,
+        transition: 'opacity 900ms cubic-bezier(0.4,0,0.2,1)',
+        pointerEvents: 'none',
+      }} />
+
+      {/* ═══ Onboarding flow ═══ */}
+      {onboardingPhase !== 'idle' && (
+        <OnboardingFlow
+          visible={onboardingPhase === 'active'}
+          onClose={closeOnboarding}
+          onFinish={handleOnboardingComplete}
+          activeStep={activeStep}
+          completed={completed}
+          setActiveStep={setActiveStep}
+          setCompleted={setCompleted}
+        />
+      )}
+    </div>
+  );
 }
diff --git a/frontend/src/app/privacy/page.tsx b/frontend/src/app/privacy/page.tsx
new file mode 100644
index 00000000..51fe2156
--- /dev/null
+++ b/frontend/src/app/privacy/page.tsx
@@ -0,0 +1,332 @@
+import Link from "next/link";
+
+const sections = [
+  {
+    title: "1. Information We Collect",
+    subsections: [
+      {
+        label: "Information you provide directly:",
+        list: [
+          "Account information (name, email address) via Google OAuth sign-in",
+          "Course names, syllabus text, and assignment information you paste or upload",
+          "Documents and PDFs you upload to your document library",
+          "Messages sent in study room chats",
+          "Feedback and bug reports you submit",
+        ],
+      },
+      {
+        label: "Information generated through your use of the Service:",
+        list: [
+          "Knowledge graph data (concepts studied, mastery scores, session history)",
+          "Quiz responses and performance data",
+          "Flashcard ratings and review history",
+          "Tutoring session transcripts",
+        ],
+      },
+      {
+        label: "Information collected automatically:",
+        list: [
+          "Basic usage data and session metadata to maintain and improve the Service",
+        ],
+      },
+    ],
+  },
+  {
+    title: "2. How We Use Your Information",
+    body: "We use the information we collect to:",
+    list: [
+      "Provide and personalize the Service, including updating your knowledge graph and generating AI content tailored to your performance",
+      "Enable study room and social features, including anonymized class-wide insights",
+      "Process and respond to feedback and issue reports",
+      "Maintain the security and integrity of the Service",
+    ],
+  },
+  {
+    title: "3. Google OAuth and Calendar",
+    body: "If you sign in with Google or connect your Google Calendar, we receive access tokens to authenticate you and, if you grant calendar access, to read and write assignment data. We do not access any Google data beyond what is necessary to provide the features you enable. You can revoke this access at any time through your Google account settings.",
+  },
+  {
+    title: "4. How We Share Your Information",
+    body: "We do not sell your personal data. We share information only in the following limited circumstances:",
+    highlights: [
+      { label: "Service providers:", text: "We use Supabase (database), Google Gemini (AI processing), and similar infrastructure providers. These providers process data on our behalf under their own privacy policies." },
+      { label: "Study rooms:", text: "Your display name, avatar, and knowledge graph data are visible to other members of study rooms you join. Class-wide data shared with other users is anonymized." },
+      { label: "Legal requirements:", text: "We may disclose information if required by law or to protect the rights and safety of our users." },
+    ],
+  },
+  {
+    title: "5. Data Retention",
+    body: "We retain your data for as long as your account is active. You may request deletion of your account and associated data by submitting a request through the app's feedback tool.",
+  },
+  {
+    title: "6. Security",
+    body: "We take reasonable technical measures to protect your data, including encrypted connections and access-controlled database infrastructure via Supabase. No system is completely secure, and we cannot guarantee absolute security.",
+  },
+  {
+    title: "7. Children's Privacy",
+    body: "Sapling is not directed at children under 13. We do not knowingly collect personal information from children under 13. If you believe a child under 13 has provided us with personal data, please email us at ",
+    link: { label: "careers@saplinglearn.com", href: "mailto:careers@saplinglearn.com" },
+    bodySuffix: " and we will take steps to delete it.",
+  },
+  {
+    title: "8. Job Applicants",
+    body: "If you apply for a position at Sapling, we collect the information you submit through our application form, including your name, email address, phone number, LinkedIn profile URL, and resume. This data is used solely to evaluate your application and communicate with you about the hiring process. We do not share applicant data with third parties outside of our core infrastructure providers. If your application is unsuccessful, we may retain your information for up to 12 months in case a suitable role arises. You may request deletion of your applicant data at any time by emailing ",
+    link: { label: "careers@saplinglearn.com", href: "mailto:careers@saplinglearn.com" },
+    bodySuffix: ".",
+  },
+  {
+    title: "9. Changes to This Policy",
+    body: "We may update this Privacy Policy from time to time. We will notify users of material changes by updating the date at the top of this page.",
+  },
+  {
+    title: "10. Contact",
+    body: "If you have questions or concerns about this Privacy Policy, please email us at ",
+    link: { label: "careers@saplinglearn.com", href: "mailto:careers@saplinglearn.com" },
+    bodySuffix: ".",
+  },
+];
+
+export default function PrivacyPage() {
+  return (
+    <div
+      style={{
+        minHeight: "100vh",
+        display: "flex",
+        flexDirection: "column",
+        background: "var(--bg)",
+        color: "var(--text)",
+      }}
+    >
+      <div
+        style={{
+          flex: 1,
+          width: "100%",
+          maxWidth: 720,
+          margin: "0 auto",
+          padding: "64px 32px",
+        }}
+      >
+        <div className="fade-in" style={{ marginBottom: 48 }}>
+          <Link
+            href="/"
+            style={{
+              fontSize: 13,
+              color: "var(--text-muted)",
+              textDecoration: "none",
+              transition: "color var(--dur-fast) var(--ease)",
+            }}
+          >
+            ← Back to Sapling
+          </Link>
+        </div>
+
+        <h1
+          className="h-serif slide-up"
+          style={{ fontSize: 44, marginBottom: 8, color: "var(--text)" }}
+        >
+          Privacy Policy
+        </h1>
+        <p
+          className="fade-in"
+          style={{ fontSize: 13, color: "var(--text-muted)", marginBottom: 40 }}
+        >
+          Last updated: March 27, 2026
+        </p>
+
+        <p
+          className="body-serif fade-in"
+          style={{ fontSize: 16, color: "var(--text-dim)", marginBottom: 40 }}
+        >
+          This Privacy Policy explains how Sapling (&ldquo;we,&rdquo; &ldquo;us,&rdquo; or &ldquo;our&rdquo;) collects,
+          uses, and protects your information when you use our Service.
+        </p>
+
+        <div style={{ display: "flex", flexDirection: "column", gap: 32 }}>
+          {sections.map((section) => (
+            <div key={section.title}>
+              <h2
+                style={{
+                  fontFamily: "var(--font-sans)",
+                  fontSize: 15,
+                  fontWeight: 600,
+                  color: "var(--text)",
+                  marginBottom: 8,
+                  letterSpacing: "-0.005em",
+                }}
+              >
+                {section.title}
+              </h2>
+
+              {section.body && (
+                <p
+                  className="body-serif"
+                  style={{ fontSize: 15, color: "var(--text-dim)", marginBottom: 12 }}
+                >
+                  {section.body}
+                  {section.link && (
+                    <a
+                      href={section.link.href}
+                      style={{ color: "var(--accent)", textDecoration: "none" }}
+                    >
+                      {section.link.label}
+                    </a>
+                  )}
+                  {section.bodySuffix}
+                </p>
+              )}
+
+              {section.list && (
+                <ul
+                  style={{
+                    paddingLeft: 16,
+                    listStyle: "none",
+                    display: "flex",
+                    flexDirection: "column",
+                    gap: 6,
+                  }}
+                >
+                  {section.list.map((item, i) => (
+                    <li
+                      key={i}
+                      className="body-serif"
+                      style={{
+                        display: "flex",
+                        gap: 8,
+                        fontSize: 15,
+                        color: "var(--text-dim)",
+                      }}
+                    >
+                      <span style={{ color: "var(--text-muted)", marginTop: 2 }}>•</span>
+                      <span>{item}</span>
+                    </li>
+                  ))}
+                </ul>
+              )}
+
+              {section.subsections && (
+                <div style={{ display: "flex", flexDirection: "column", gap: 16 }}>
+                  {section.subsections.map((sub) => (
+                    <div key={sub.label}>
+                      <p
+                        style={{
+                          fontFamily: "var(--font-sans)",
+                          fontSize: 13,
+                          fontWeight: 500,
+                          color: "var(--text)",
+                          marginBottom: 6,
+                        }}
+                      >
+                        {sub.label}
+                      </p>
+                      <ul
+                        style={{
+                          paddingLeft: 16,
+                          listStyle: "none",
+                          display: "flex",
+                          flexDirection: "column",
+                          gap: 6,
+                        }}
+                      >
+                        {sub.list.map((item, i) => (
+                          <li
+                            key={i}
+                            className="body-serif"
+                            style={{
+                              display: "flex",
+                              gap: 8,
+                              fontSize: 15,
+                              color: "var(--text-dim)",
+                            }}
+                          >
+                            <span style={{ color: "var(--text-muted)", marginTop: 2 }}>•</span>
+                            <span>{item}</span>
+                          </li>
+                        ))}
+                      </ul>
+                    </div>
+                  ))}
+                </div>
+              )}
+
+              {section.highlights && (
+                <ul
+                  style={{
+                    paddingLeft: 16,
+                    listStyle: "none",
+                    display: "flex",
+                    flexDirection: "column",
+                    gap: 8,
+                  }}
+                >
+                  {section.highlights.map((h) => (
+                    <li
+                      key={h.label}
+                      className="body-serif"
+                      style={{
+                        display: "flex",
+                        gap: 8,
+                        fontSize: 15,
+                        color: "var(--text-dim)",
+                      }}
+                    >
+                      <span style={{ color: "var(--text-muted)", marginTop: 2 }}>•</span>
+                      <span>
+                        <strong style={{ color: "var(--text)", fontWeight: 600 }}>
+                          {h.label}
+                        </strong>{" "}
+                        {h.text}
+                      </span>
+                    </li>
+                  ))}
+                </ul>
+              )}
+            </div>
+          ))}
+        </div>
+
+        <div
+          style={{
+            marginTop: 48,
+            paddingTop: 32,
+            borderTop: "1px solid var(--border)",
+            fontSize: 13,
+            color: "var(--text-muted)",
+          }}
+        >
+          © 2026 Andres Lopez, Jack He, Luke Cooper, and Jose Gael Cruz-Lopez. All Rights Reserved.
+        </div>
+      </div>
+
+      <footer
+        style={{
+          borderTop: "1px solid var(--border)",
+          background: "var(--bg-subtle)",
+          padding: "32px",
+        }}
+      >
+        <div
+          style={{
+            maxWidth: 720,
+            margin: "0 auto",
+            display: "flex",
+            flexWrap: "wrap",
+            justifyContent: "center",
+            gap: 24,
+            fontSize: 13,
+            color: "var(--text-muted)",
+          }}
+        >
+          <Link href="/about" style={{ color: "inherit", textDecoration: "none" }}>
+            About
+          </Link>
+          <Link href="/terms" style={{ color: "inherit", textDecoration: "none" }}>
+            Terms of Service
+          </Link>
+          <Link href="/privacy" style={{ color: "inherit", textDecoration: "none" }}>
+            Privacy Policy
+          </Link>
+        </div>
+      </footer>
+    </div>
+  );
+}
diff --git a/frontend/src/app/terms/page.tsx b/frontend/src/app/terms/page.tsx
new file mode 100644
index 00000000..c9d25d0e
--- /dev/null
+++ b/frontend/src/app/terms/page.tsx
@@ -0,0 +1,222 @@
+import Link from "next/link";
+
+const sections = [
+  {
+    title: "1. Eligibility",
+    body: "Sapling is intended for use by students and individuals for personal educational purposes. By using the Service, you represent that you are at least 13 years of age. If you are under 18, you should have parental or guardian consent.",
+  },
+  {
+    title: "2. Your Account",
+    body: "You are responsible for maintaining the confidentiality of your account credentials. You agree not to share your account with others or use another person's account. You are responsible for all activity that occurs under your account.",
+  },
+  {
+    title: "3. Acceptable Use",
+    body: "You agree to use Sapling only for lawful, educational purposes. You may not:",
+    list: [
+      "Upload content you do not have the right to share (e.g., copyrighted course materials you are not permitted to distribute)",
+      "Attempt to reverse-engineer, scrape, or abuse the Service's APIs",
+      "Use the Service to harass, impersonate, or harm other users",
+      "Attempt to circumvent any security or authentication measures",
+    ],
+  },
+  {
+    title: "4. User Content",
+    body: "You retain ownership of any content you upload, including documents, syllabi, and notes. By uploading content to Sapling, you grant us a limited license to process and analyze that content solely for the purpose of providing the Service to you. We do not use your uploaded materials to train AI models.",
+  },
+  {
+    title: "5. AI-Generated Content",
+    body: "Sapling uses Google Gemini to generate tutoring responses, quizzes, flashcards, and study guides. AI-generated content may occasionally be inaccurate or incomplete. You should not rely on it as a substitute for official course materials, instructors, or academic advisors. We make no guarantees about the accuracy of AI outputs.",
+  },
+  {
+    title: "6. Study Rooms and Social Features",
+    body: "Study rooms are shared spaces. You are responsible for the messages you send and the conduct you engage in within rooms. We reserve the right to remove users who violate these terms.",
+  },
+  {
+    title: "7. Intellectual Property",
+    body: "Sapling's software, branding, and design are the intellectual property of the Sapling team. You may not copy, reproduce, or distribute any part of the Service without explicit permission.",
+  },
+  {
+    title: "8. Termination",
+    body: "We reserve the right to suspend or terminate your access to Sapling at any time, for any reason, including violation of these Terms.",
+  },
+  {
+    title: "9. Disclaimer of Warranties",
+    body: 'The Service is provided "as is" without warranties of any kind. We do not guarantee uninterrupted access, error-free operation, or that the Service will meet your specific academic needs.',
+  },
+  {
+    title: "10. Limitation of Liability",
+    body: "To the fullest extent permitted by law, the Sapling team shall not be liable for any indirect, incidental, or consequential damages arising from your use of the Service.",
+  },
+  {
+    title: "11. Changes to These Terms",
+    body: "We may update these Terms from time to time. Continued use of the Service after changes are posted constitutes acceptance of the revised Terms.",
+  },
+  {
+    title: "12. Contact",
+    body: "For questions about these Terms, please email us at ",
+    link: { label: "careers@saplinglearn.com", href: "mailto:careers@saplinglearn.com" },
+  },
+];
+
+export default function TermsPage() {
+  return (
+    <div
+      style={{
+        minHeight: "100vh",
+        display: "flex",
+        flexDirection: "column",
+        background: "var(--bg)",
+        color: "var(--text)",
+      }}
+    >
+      <div
+        style={{
+          flex: 1,
+          width: "100%",
+          maxWidth: 720,
+          margin: "0 auto",
+          padding: "64px 32px",
+        }}
+      >
+        <div className="fade-in" style={{ marginBottom: 48 }}>
+          <Link
+            href="/"
+            style={{
+              fontSize: 13,
+              color: "var(--text-muted)",
+              textDecoration: "none",
+              transition: "color var(--dur-fast) var(--ease)",
+            }}
+          >
+            ← Back to Sapling
+          </Link>
+        </div>
+
+        <h1
+          className="h-serif slide-up"
+          style={{ fontSize: 44, marginBottom: 8, color: "var(--text)" }}
+        >
+          Terms of Service
+        </h1>
+        <p
+          className="fade-in"
+          style={{ fontSize: 13, color: "var(--text-muted)", marginBottom: 40 }}
+        >
+          Last updated: March 27, 2026
+        </p>
+
+        <p
+          className="body-serif fade-in"
+          style={{ fontSize: 16, color: "var(--text-dim)", marginBottom: 40 }}
+        >
+          By accessing or using Sapling (&ldquo;the Service&rdquo;), you agree to be bound by these
+          Terms of Service. If you do not agree, please do not use the Service.
+        </p>
+
+        <div style={{ display: "flex", flexDirection: "column", gap: 32 }}>
+          {sections.map((section) => (
+            <div key={section.title}>
+              <h2
+                style={{
+                  fontFamily: "var(--font-sans)",
+                  fontSize: 15,
+                  fontWeight: 600,
+                  color: "var(--text)",
+                  marginBottom: 8,
+                  letterSpacing: "-0.005em",
+                }}
+              >
+                {section.title}
+              </h2>
+              <p
+                className="body-serif"
+                style={{ fontSize: 15, color: "var(--text-dim)" }}
+              >
+                {section.body}
+                {section.link && (
+                  <a
+                    href={section.link.href}
+                    style={{ color: "var(--accent)", textDecoration: "none" }}
+                  >
+                    {section.link.label}
+                  </a>
+                )}
+              </p>
+              {section.list && (
+                <ul
+                  style={{
+                    marginTop: 12,
+                    paddingLeft: 16,
+                    listStyle: "none",
+                    display: "flex",
+                    flexDirection: "column",
+                    gap: 6,
+                  }}
+                >
+                  {section.list.map((item, i) => (
+                    <li
+                      key={i}
+                      className="body-serif"
+                      style={{
+                        display: "flex",
+                        gap: 8,
+                        fontSize: 15,
+                        color: "var(--text-dim)",
+                      }}
+                    >
+                      <span style={{ color: "var(--text-muted)", marginTop: 2 }}>•</span>
+                      <span>{item}</span>
+                    </li>
+                  ))}
+                </ul>
+              )}
+            </div>
+          ))}
+        </div>
+
+        <div
+          style={{
+            marginTop: 48,
+            paddingTop: 32,
+            borderTop: "1px solid var(--border)",
+            fontSize: 13,
+            color: "var(--text-muted)",
+          }}
+        >
+          © 2026 Andres Lopez, Jack He, Luke Cooper, and Jose Gael Cruz-Lopez. All Rights Reserved.
+        </div>
+      </div>
+
+      <footer
+        style={{
+          borderTop: "1px solid var(--border)",
+          background: "var(--bg-subtle)",
+          padding: "32px",
+        }}
+      >
+        <div
+          style={{
+            maxWidth: 720,
+            margin: "0 auto",
+            display: "flex",
+            flexWrap: "wrap",
+            justifyContent: "center",
+            gap: 24,
+            fontSize: 13,
+            color: "var(--text-muted)",
+          }}
+        >
+          <Link href="/about" style={{ color: "inherit", textDecoration: "none" }}>
+            About
+          </Link>
+          <Link href="/terms" style={{ color: "inherit", textDecoration: "none" }}>
+            Terms of Service
+          </Link>
+          <Link href="/privacy" style={{ color: "inherit", textDecoration: "none" }}>
+            Privacy Policy
+          </Link>
+        </div>
+      </footer>
+    </div>
+  );
+}
diff --git a/frontend/src/components/AIDisclaimerChip.tsx b/frontend/src/components/AIDisclaimerChip.tsx
new file mode 100644
index 00000000..6916f559
--- /dev/null
+++ b/frontend/src/components/AIDisclaimerChip.tsx
@@ -0,0 +1,82 @@
+"use client";
+
+import React, { useState } from "react";
+import { DisclaimerModal } from "./DisclaimerModal";
+
+export function AIDisclaimerChip() {
+  const [tooltipVisible, setTooltipVisible] = useState(false);
+  const [modalOpen, setModalOpen] = useState(false);
+
+  return (
+    <>
+      <div
+        style={{ position: "relative" }}
+        onMouseEnter={() => setTooltipVisible(true)}
+        onMouseLeave={() => setTooltipVisible(false)}
+      >
+        <button
+          type="button"
+          onClick={() => setModalOpen(true)}
+          aria-label="Review AI guidelines"
+          style={{
+            display: "inline-flex",
+            alignItems: "center",
+            gap: 4,
+            padding: "3px 9px",
+            background: "var(--bg-soft)",
+            border: "1px solid var(--border)",
+            borderRadius: 20,
+            cursor: "pointer",
+            fontSize: 11,
+            color: "var(--text-dim)",
+            fontWeight: 500,
+            letterSpacing: "0.02em",
+          }}
+        >
+          AI Guidelines
+        </button>
+
+        {tooltipVisible && (
+          <div
+            role="tooltip"
+            style={{
+              position: "absolute",
+              top: "calc(100% + 10px)",
+              right: 0,
+              background: "var(--bg-panel)",
+              border: "1px solid var(--border)",
+              borderRadius: "var(--r-md)",
+              padding: "13px 15px",
+              fontSize: 12,
+              lineHeight: 1.6,
+              width: 260,
+              zIndex: 9999,
+              boxShadow: "var(--shadow-md)",
+              pointerEvents: "none",
+              color: "var(--text-dim)",
+            }}
+          >
+            <div
+              className="label-micro"
+              style={{ marginBottom: 6, color: "var(--text)" }}
+            >
+              AI powered learning
+            </div>
+            <p style={{ margin: "0 0 8px" }}>
+              Sapling uses Google Gemini to tutor, quiz, and track your progress.
+              Responses may not always be accurate — verify with your course materials.
+            </p>
+            <div style={{ borderTop: "1px solid var(--border)", paddingTop: 8 }}>
+              <p style={{ margin: 0, fontSize: 11, color: "var(--text-muted)", lineHeight: 1.5 }}>
+                Don&apos;t share passwords or sensitive personal data. Use Sapling as a
+                study aid, not a substitute for your own work. Click to review full guidelines.
+              </p>
+            </div>
+          </div>
+        )}
+      </div>
+
+      <DisclaimerModal open={modalOpen} onClose={() => setModalOpen(false)} />
+    </>
+  );
+}
diff --git a/frontend/src/components/AchievementUnlockToast.tsx b/frontend/src/components/AchievementUnlockToast.tsx
new file mode 100644
index 00000000..dedad757
--- /dev/null
+++ b/frontend/src/components/AchievementUnlockToast.tsx
@@ -0,0 +1,97 @@
+"use client";
+
+import React from "react";
+import type { RarityTier } from "@/lib/types";
+
+interface Props {
+  achievement: {
+    name: string;
+    icon: string | null;
+    rarity: RarityTier;
+  };
+}
+
+const RARITY_VAR: Record<RarityTier, string> = {
+  common: "var(--rarity-common)",
+  uncommon: "var(--rarity-uncommon)",
+  rare: "var(--rarity-rare)",
+  epic: "var(--rarity-epic)",
+  legendary: "var(--rarity-legendary)",
+};
+
+export function AchievementUnlockToast({ achievement }: Props) {
+  const borderColor = RARITY_VAR[achievement.rarity] || RARITY_VAR.common;
+
+  return (
+    <div
+      style={{
+        display: "flex",
+        alignItems: "center",
+        gap: 10,
+        borderLeft: `3px solid ${borderColor}`,
+        paddingLeft: 10,
+      }}
+    >
+      <div
+        style={{
+          width: 28,
+          height: 28,
+          borderRadius: "var(--r-sm)",
+          background: "var(--bg-subtle)",
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center",
+          flexShrink: 0,
+          fontSize: 14,
+        }}
+      >
+        {achievement.icon ? (
+          achievement.icon.startsWith("http") || achievement.icon.startsWith("/") ? (
+            // eslint-disable-next-line @next/next/no-img-element
+            <img src={achievement.icon} alt="" style={{ width: 20, height: 20 }} />
+          ) : (
+            <span>{achievement.icon}</span>
+          )
+        ) : (
+          <svg width="16" height="16" viewBox="0 0 16 16" fill="none" stroke="var(--accent)" strokeWidth="1.5">
+            <circle cx="8" cy="8" r="6" />
+            <path d="M8 5v3l2 1" />
+          </svg>
+        )}
+      </div>
+      <div style={{ flex: 1, minWidth: 0 }}>
+        <div
+          style={{
+            fontSize: 11,
+            color: "var(--text-dim)",
+            fontWeight: 500,
+            letterSpacing: "0.02em",
+          }}
+        >
+          Achievement unlocked
+        </div>
+        <div
+          style={{
+            fontSize: 13,
+            color: "var(--text)",
+            fontWeight: 500,
+          }}
+        >
+          {achievement.name}
+        </div>
+      </div>
+      <div
+        style={{
+          fontSize: 10,
+          fontWeight: 600,
+          textTransform: "uppercase",
+          letterSpacing: "0.04em",
+          color: borderColor,
+          flexShrink: 0,
+        }}
+      >
+        {achievement.rarity}
+      </div>
+    </div>
+  );
+}
diff --git a/frontend/src/components/AchievementUnlockWatcher.tsx b/frontend/src/components/AchievementUnlockWatcher.tsx
new file mode 100644
index 00000000..6dda2401
--- /dev/null
+++ b/frontend/src/components/AchievementUnlockWatcher.tsx
@@ -0,0 +1,10 @@
+"use client";
+
+import { useUser } from "@/context/UserContext";
+import { useAchievementUnlockWatcher } from "@/lib/useAchievementUnlockWatcher";
+
+export function AchievementUnlockWatcher() {
+  const { userId } = useUser();
+  useAchievementUnlockWatcher(userId);
+  return null;
+}
diff --git a/frontend/src/components/DisclaimerModal.tsx b/frontend/src/components/DisclaimerModal.tsx
index 148da52e..fed62d8c 100644
--- a/frontend/src/components/DisclaimerModal.tsx
+++ b/frontend/src/components/DisclaimerModal.tsx
@@ -5,19 +5,29 @@ import { useBodyScrollLock } from "@/lib/useBodyScrollLock";
 
 const ACK_KEY = "sapling_disclaimer_ack";
 
-export function DisclaimerModal() {
-  const [open, setOpen] = useState(false);
+export function DisclaimerModal({
+  open: controlledOpen,
+  onClose,
+}: {
+  open?: boolean;
+  onClose?: () => void;
+} = {}) {
+  const isControlled = controlledOpen !== undefined;
+  const [internalOpen, setInternalOpen] = useState(false);
+  const open = isControlled ? controlledOpen : internalOpen;
 
   useEffect(() => {
+    if (isControlled) return;
     const acked = typeof window !== "undefined" && localStorage.getItem(ACK_KEY) === "true";
-    if (!acked) setOpen(true);
-  }, []);
+    if (!acked) setInternalOpen(true);
+  }, [isControlled]);
 
   useBodyScrollLock(open);
 
   const ack = () => {
     localStorage.setItem(ACK_KEY, "true");
-    setOpen(false);
+    if (isControlled) onClose?.();
+    else setInternalOpen(false);
   };
 
   if (!open) return null;
diff --git a/frontend/src/components/HowItWorks.tsx b/frontend/src/components/HowItWorks.tsx
new file mode 100644
index 00000000..96f5b4e9
--- /dev/null
+++ b/frontend/src/components/HowItWorks.tsx
@@ -0,0 +1,669 @@
+'use client';
+
+import { useEffect, useRef, useState } from 'react';
+import {
+  motion,
+  useScroll,
+  useTransform,
+  useMotionValueEvent,
+  MotionValue,
+} from 'framer-motion';
+
+// ─── Graph data (shared by step 2 & 3) ───────────────────────────────────────
+
+const NODES = [
+  { id: 0, x: 138, y: 78,  label: 'CS 210'    },
+  { id: 1, x: 205, y: 115, label: 'Arrays'    },
+  { id: 2, x: 268, y: 76,  label: 'Sorting'   },
+  { id: 3, x: 205, y: 58,  label: 'Loops'     },
+  { id: 4, x: 138, y: 148, label: 'Functions' },
+  { id: 5, x: 270, y: 152, label: 'Recursion' },
+  { id: 6, x: 165, y: 192, label: 'OOP'       },
+  { id: 7, x: 245, y: 196, label: 'Memory'    },
+  { id: 8, x: 318, y: 115, label: 'Big-O'     },
+];
+const EDGES: [number, number][] = [
+  [0,1],[1,2],[1,3],[0,4],[2,5],[1,5],[4,6],[5,7],[2,8],[6,7],[3,2],[4,1],
+];
+const MASTERY_ORDER = [0, 3, 1, 4, 2, 6]; // nodes that turn green, in order
+
+// ─── Sapling stages ───────────────────────────────────────────────────────────
+
+function SeedSVG({ active }: { active: boolean }) {
+  // Logo paths scaled 3× from 64×64 viewBox, base anchored to soil at y=215
+  // Transform: new_x = (old_x − 32) × 3 + 100,  new_y = (old_y − 54) × 3 + 215
+  return (
+    <svg viewBox="0 0 200 280" fill="none" className="w-full h-full">
+      {/* Soil — y=215 matches sprout & tree */}
+      <ellipse cx="100" cy="215" rx="72" ry="10" fill="#92683A" opacity="0.22" />
+      <rect x="28" y="215" width="144" height="48" rx="5" fill="#92683A" opacity="0.09" />
+      {/* Logo elements scaled to ~55% — anchor at soil (100,215) so base stays planted */}
+      <g style={{ transformOrigin: '100px 215px', transform: 'scale(0.55)' }}>
+        {/* Stem */}
+        <motion.path d="M100 215 L100 137"
+          stroke="#1a5c2a" strokeWidth="5" strokeLinecap="round"
+          initial={{ pathLength: 0 }}
+          animate={active ? { pathLength: 1 } : { pathLength: 0 }}
+          transition={{ duration: 0.55, ease: 'easeOut' }}
+        />
+        {/* Left leaf */}
+        <motion.path d="M100 167 C100 167 58 155 52 119 C52 119 94 113 100 167 Z"
+          fill="#1a5c2a"
+          initial={{ scale: 0 }} animate={active ? { scale: 1 } : { scale: 0 }}
+          transition={{ duration: 0.55, delay: 0.42, ease: [0.34, 1.56, 0.64, 1] }}
+          style={{ transformOrigin: '100px 167px' }}
+        />
+        {/* Right leaf */}
+        <motion.path d="M100 143 C100 143 142 125 154 89 C154 89 112 89 100 143 Z"
+          fill="#2d8a47"
+          initial={{ scale: 0 }} animate={active ? { scale: 1 } : { scale: 0 }}
+          transition={{ duration: 0.55, delay: 0.58, ease: [0.34, 1.56, 0.64, 1] }}
+          style={{ transformOrigin: '100px 143px' }}
+        />
+        {/* Tip bud */}
+        <motion.circle cx="100" cy="131" r="7" fill="#1a5c2a"
+          initial={{ scale: 0 }} animate={active ? { scale: 1 } : { scale: 0 }}
+          transition={{ duration: 0.38, delay: 0.32, ease: [0.34, 1.56, 0.64, 1] }}
+          style={{ transformOrigin: '100px 131px' }}
+        />
+      </g>
+    </svg>
+  );
+}
+
+function SproutSVG({ active }: { active: boolean }) {
+  return (
+    <svg viewBox="0 0 200 280" fill="none" className="w-full h-full">
+      {/* Soil — same y=215 as seed */}
+      <ellipse cx="100" cy="215" rx="72" ry="10" fill="#92683A" opacity="0.22" />
+      <rect x="28" y="215" width="144" height="55" rx="5" fill="#92683A" opacity="0.09" />
+      {/* Roots */}
+      {[
+        { d: 'M100 218 Q82 232 72 248', delay: 0 },
+        { d: 'M100 218 Q118 233 126 252', delay: 0.2 },
+        { d: 'M100 220 Q98 236 91 252', delay: 0.4 },
+      ].map((r, i) => (
+        <motion.path key={i} d={r.d}
+          stroke="#92683A" strokeWidth={i === 2 ? 1.5 : 2} strokeLinecap="round"
+          opacity={i === 2 ? 0.35 : 0.55}
+          initial={{ pathLength: 0 }}
+          animate={active ? { pathLength: 1 } : { pathLength: 0 }}
+          transition={{ duration: 0.7, delay: r.delay, ease: 'easeOut' }}
+        />
+      ))}
+      {/* Stem */}
+      <motion.path d="M100 215 L100 138"
+        stroke="#1B6C42" strokeWidth="3.5" strokeLinecap="round"
+        initial={{ pathLength: 0 }}
+        animate={active ? { pathLength: 1 } : { pathLength: 0 }}
+        transition={{ duration: 0.6, ease: 'easeOut' }}
+      />
+      {/* Left leaf */}
+      <motion.path d="M100 163 Q73 148 70 126 Q89 132 100 163"
+        fill="#1B6C42" opacity="0.9"
+        initial={{ scale: 0 }} animate={active ? { scale: 1 } : { scale: 0 }}
+        transition={{ duration: 0.55, delay: 0.5, ease: [0.34, 1.56, 0.64, 1] }}
+        style={{ transformOrigin: '100px 163px' }}
+      />
+      {/* Right leaf */}
+      <motion.path d="M100 152 Q127 136 130 114 Q111 122 100 152"
+        fill="#2D8F5C" opacity="0.9"
+        initial={{ scale: 0 }} animate={active ? { scale: 1 } : { scale: 0 }}
+        transition={{ duration: 0.55, delay: 0.65, ease: [0.34, 1.56, 0.64, 1] }}
+        style={{ transformOrigin: '100px 152px' }}
+      />
+      {/* Tip bud */}
+      <motion.circle cx="100" cy="136" r="5.5" fill="#3BAF6C"
+        initial={{ scale: 0 }} animate={active ? { scale: 1 } : { scale: 0 }}
+        transition={{ duration: 0.4, delay: 0.4, ease: [0.34, 1.56, 0.64, 1] }}
+        style={{ transformOrigin: '100px 136px' }}
+      />
+    </svg>
+  );
+}
+
+function TreeSVG({ active }: { active: boolean }) {
+  const roots = [
+    { d: 'M340 358 L340 405 Q338 415 332 425',            sw: 2.5, delay: 0    },
+    { d: 'M340 358 Q325 380 305 402 Q295 406 285 404',    sw: 2,   delay: 0.12 },
+    { d: 'M340 358 Q355 380 375 402 Q385 406 395 403',    sw: 2,   delay: 0.14 },
+    { d: 'M340 358 Q332 382 322 405',                     sw: 1.5, delay: 0.24 },
+    { d: 'M340 358 Q348 382 358 404',                     sw: 1.5, delay: 0.26 },
+  ];
+
+  const stemAndBranches = [
+    { d: 'M338 358 Q337 330 337 300 Q338 270 340 240 Q341 220 342 205', sw: 4.5, delay: 0.1,  color: '#5a3e28' },
+    { d: 'M337 310 Q322 300 310 297',  sw: 2.5, delay: 0.38, color: '#5a3e28' },
+    { d: 'M339 275 Q355 265 368 262',  sw: 2.5, delay: 0.44, color: '#5a3e28' },
+    { d: 'M340 245 Q328 236 318 232',  sw: 2,   delay: 0.50, color: '#5a3e28' },
+  ];
+
+  const leaves: { cx: number; cy: number; rx: number; ry: number; rot: number; c: string; delay: number }[] = [
+    { cx: 342, cy: 185, rx: 12, ry: 20, rot: 0,   c: '#3a8060', delay: 0.62 },
+    { cx: 328, cy: 198, rx: 11, ry: 18, rot: -30, c: '#2d6b4f', delay: 0.66 },
+    { cx: 356, cy: 198, rx: 11, ry: 18, rot: 30,  c: '#4a9470', delay: 0.66 },
+    { cx: 308, cy: 226, rx: 10, ry: 17, rot: -40, c: '#3a8060', delay: 0.70 },
+    { cx: 318, cy: 238, rx:  9, ry: 15, rot: 20,  c: '#2d6b4f', delay: 0.72 },
+    { cx: 378, cy: 255, rx: 11, ry: 18, rot: 35,  c: '#3a8060', delay: 0.70 },
+    { cx: 365, cy: 268, rx:  9, ry: 15, rot: -15, c: '#4a9470', delay: 0.73 },
+    { cx: 375, cy: 248, rx: 10, ry: 16, rot: 60,  c: '#2d6b4f', delay: 0.74 },
+    { cx: 300, cy: 290, rx: 11, ry: 18, rot: -35, c: '#3a8060', delay: 0.74 },
+    { cx: 312, cy: 302, rx:  9, ry: 15, rot: 15,  c: '#4a9470', delay: 0.77 },
+    { cx: 296, cy: 300, rx: 10, ry: 16, rot: -55, c: '#2d6b4f', delay: 0.78 },
+  ];
+
+  // Anchor soil at (100,215) matching SeedSVG/SproutSVG — user SVG soil top is at y=362, center x=340
+  const treeTransform = 'translate(100,215) scale(0.72,0.55) translate(-340,-362)';
+
+  return (
+    <svg viewBox="0 0 200 280" fill="none" className="w-full h-full">
+      {/* Soil — identical to SeedSVG & SproutSVG */}
+      <ellipse cx="100" cy="215" rx="72" ry="10" fill="#92683A" opacity="0.22" />
+      <rect x="28" y="215" width="144" height="48" rx="5" fill="#92683A" opacity="0.09" />
+
+      <g transform={treeTransform}>
+        {/* Roots */}
+        {roots.map((r, i) => (
+          <motion.path key={i} d={r.d}
+            stroke="#9e8a70" strokeWidth={r.sw} strokeLinecap="round" fill="none"
+            initial={{ pathLength: 0 }} animate={active ? { pathLength: 1 } : { pathLength: 0 }}
+            transition={{ duration: 0.5, delay: r.delay, ease: 'easeOut' }}
+          />
+        ))}
+
+        {/* Stem + branches */}
+        {stemAndBranches.map((s, i) => (
+          <motion.path key={i} d={s.d}
+            stroke={s.color} strokeWidth={s.sw} strokeLinecap="round" fill="none"
+            initial={{ pathLength: 0 }} animate={active ? { pathLength: 1 } : { pathLength: 0 }}
+            transition={{ duration: 0.5, delay: s.delay, ease: 'easeOut' }}
+          />
+        ))}
+
+        {/* Leaves */}
+        {leaves.map((l, i) => (
+          <motion.ellipse key={i}
+            cx={l.cx} cy={l.cy} rx={l.rx} ry={l.ry}
+            fill={l.c}
+            transform={`rotate(${l.rot} ${l.cx} ${l.cy})`}
+            initial={{ scale: 0 }} animate={active ? { scale: 1 } : { scale: 0 }}
+            transition={{ duration: 0.4, delay: l.delay, ease: [0.34, 1.56, 0.64, 1] }}
+            style={{ transformOrigin: `${l.cx}px ${l.cy}px` }}
+          />
+        ))}
+
+        {/* Top bud */}
+        <motion.circle cx="342" cy="168" r="4" fill="#3a8060"
+          initial={{ scale: 0 }} animate={active ? { scale: 1 } : { scale: 0 }}
+          transition={{ duration: 0.35, delay: 0.60, ease: [0.34, 1.56, 0.64, 1] }}
+          style={{ transformOrigin: '342px 168px' }}
+        />
+      </g>
+    </svg>
+  );
+}
+
+// ─── App window chrome ────────────────────────────────────────────────────────
+
+function AppWindow({ children }: { children: React.ReactNode }) {
+  return (
+    <div
+      className="relative w-full rounded-2xl overflow-hidden shadow-2xl border border-black/8"
+      style={{ background: 'var(--bg-panel, #f8fbf8)', aspectRatio: '4/2.8' }}
+    >
+      {/* Title bar */}
+      <div className="flex items-center gap-1.5 px-4 h-10 border-b border-black/6"
+        style={{ background: 'rgba(255,255,255,0.7)' }}>
+        <div className="w-3 h-3 rounded-full bg-[#FF5F57]" />
+        <div className="w-3 h-3 rounded-full bg-[#FEBC2E]" />
+        <div className="w-3 h-3 rounded-full bg-[#28C840]" />
+        <div className="flex-1 mx-4 rounded-full h-5 flex items-center px-3"
+          style={{ background: 'rgba(0,0,0,0.05)' }}>
+          <span className="text-[10px] opacity-50 font-jetbrains" style={{ color: 'var(--brand-text2)' }}>
+            saplinglearn.com
+          </span>
+        </div>
+      </div>
+      {/* Content */}
+      <div className="relative" style={{ height: 'calc(100% - 40px)' }}>
+        {children}
+      </div>
+    </div>
+  );
+}
+
+// ─── App screen: Step 1 ───────────────────────────────────────────────────────
+
+const COURSE_CHIPS = ['CS 210', 'MA 242', 'SM 275'];
+
+function Step1Content({ active }: { active: boolean }) {
+  return (
+    <div className="h-full flex flex-col items-center justify-center px-8 gap-3">
+      {/* Google button */}
+      <motion.div
+        className="w-full max-w-[230px] bg-white rounded-xl py-2.5 flex items-center justify-center gap-2.5 shadow-sm text-sm font-medium overflow-hidden relative"
+        style={{ border: '1px solid rgba(0,0,0,0.1)', color: 'var(--brand-text1)' }}
+        initial={{ opacity: 0, y: 12 }}
+        animate={active ? { opacity: 1, y: 0 } : { opacity: 0, y: 12 }}
+        transition={{ duration: 0.4, delay: 0.1 }}
+      >
+        {/* Shimmer sweep */}
+        <motion.div
+          className="absolute inset-0 bg-gradient-to-r from-transparent via-white/60 to-transparent -translate-x-full"
+          animate={active ? { translateX: ['−100%', '200%'] } : {}}
+          transition={{ duration: 0.9, delay: 0.5 }}
+        />
+        <svg className="w-3.5 h-3.5 flex-shrink-0" viewBox="0 0 24 24">
+          <path d="M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z" fill="#4285F4"/>
+          <path d="M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z" fill="#34A853"/>
+          <path d="M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z" fill="#FBBC05"/>
+          <path d="M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z" fill="#EA4335"/>
+        </svg>
+        Continue with Google
+      </motion.div>
+
+      {/* School & year */}
+      {(['🎓 Boston University', '📅 Sophomore'] as const).map((label, i) => (
+        <motion.div key={label}
+          className="w-full max-w-[230px] rounded-xl px-3 py-2 text-xs"
+          style={{ background: 'rgba(0,0,0,0.04)', border: '1px solid rgba(0,0,0,0.07)', color: 'var(--brand-text2)' }}
+          initial={{ opacity: 0, y: 10 }}
+          animate={active ? { opacity: 1, y: 0 } : { opacity: 0, y: 10 }}
+          transition={{ duration: 0.35, delay: 0.28 + i * 0.14 }}
+        >
+          {label}
+        </motion.div>
+      ))}
+
+      {/* Course chips */}
+      <div className="flex flex-wrap gap-2 justify-center max-w-[230px]">
+        {COURSE_CHIPS.map((chip, i) => (
+          <motion.div key={chip}
+            className="rounded-full px-3 py-1 text-xs font-medium flex items-center gap-1.5"
+            style={{ background: 'rgba(27,108,66,0.1)', color: '#1B6C42' }}
+            initial={{ scale: 0, opacity: 0 }}
+            animate={active ? { scale: 1, opacity: 1 } : { scale: 0, opacity: 0 }}
+            transition={{ duration: 0.38, delay: 0.58 + i * 0.14, ease: [0.34, 1.56, 0.64, 1] }}
+          >
+            <svg className="w-3 h-3" viewBox="0 0 12 12">
+              <motion.path d="M2 6 L5 9 L10 3"
+                stroke="#1B6C42" strokeWidth="1.6" strokeLinecap="round" strokeLinejoin="round" fill="none"
+                initial={{ pathLength: 0 }}
+                animate={active ? { pathLength: 1 } : { pathLength: 0 }}
+                transition={{ duration: 0.28, delay: 0.72 + i * 0.14 }}
+              />
+            </svg>
+            {chip}
+          </motion.div>
+        ))}
+      </div>
+    </div>
+  );
+}
+
+// ─── App screen: Step 2 ───────────────────────────────────────────────────────
+
+function Step2Content({ active, showGraph }: { active: boolean; showGraph: boolean }) {
+  return (
+    <div className="h-full relative">
+      {/* Upload dropzone — fades out once graph is ready */}
+      <motion.div
+        className="absolute inset-0 flex items-center justify-center"
+        initial={{ opacity: 1 }}
+        animate={active && !showGraph ? { opacity: 1 } : { opacity: 0 }}
+        transition={{ duration: 0.4 }}
+      >
+        <motion.div
+          className="w-[192px] h-[128px] rounded-2xl flex flex-col items-center justify-center gap-3"
+          style={{ border: '2px dashed rgba(27,108,66,0.3)', background: 'rgba(27,108,66,0.03)' }}
+          animate={active ? {
+            borderColor: ['rgba(27,108,66,0.3)', 'rgba(27,108,66,0.55)', 'rgba(27,108,66,0.3)'],
+          } : {}}
+          transition={{ duration: 2.2, repeat: Infinity, delay: 0.4 }}
+        >
+          {/* PDF icon drops in */}
+          <motion.div
+            initial={{ y: -24, opacity: 0 }}
+            animate={active ? { y: 0, opacity: 1 } : { y: -24, opacity: 0 }}
+            transition={{ duration: 0.5, delay: 0.25, ease: [0.34, 1.56, 0.64, 1] }}
+          >
+            <svg className="w-9 h-9" viewBox="0 0 36 36" fill="none">
+              <rect x="4" y="2" width="22" height="30" rx="3.5" fill="#EF4444" opacity="0.92" />
+              <path d="M22 2 L26 8 L22 8 Z" fill="#B91C1C" />
+              <rect x="4" y="14" width="22" height="18" rx="0" fill="#DC2626" opacity="0.18" />
+              <text x="15" y="24" textAnchor="middle" fill="white" fontSize="8" fontWeight="bold" fontFamily="monospace">PDF</text>
+            </svg>
+          </motion.div>
+
+          <span className="text-[10px] font-jetbrains" style={{ color: 'var(--brand-text2)' }}>syllabus.pdf</span>
+
+          {/* Progress ring */}
+          <svg viewBox="0 0 28 28" className="w-7 h-7 -rotate-90">
+            <circle cx="14" cy="14" r="10" fill="none" stroke="#1B6C42" strokeOpacity="0.15" strokeWidth="2.5" />
+            <motion.circle cx="14" cy="14" r="10" fill="none" stroke="#1B6C42" strokeWidth="2.5"
+              strokeLinecap="round"
+              strokeDasharray={62.8}
+              initial={{ strokeDashoffset: 62.8 }}
+              animate={active ? { strokeDashoffset: 0 } : { strokeDashoffset: 62.8 }}
+              transition={{ duration: 1.3, delay: 0.55, ease: 'easeInOut' }}
+            />
+          </svg>
+        </motion.div>
+      </motion.div>
+
+      {/* Graph — only appears after user scrolls deeper into step 2 */}
+      <motion.div
+        className="absolute inset-0"
+        initial={{ opacity: 0 }}
+        animate={showGraph ? { opacity: 1 } : { opacity: 0 }}
+        transition={{ duration: 0.5 }}
+      >
+        <svg viewBox="88 42 252 168" className="w-full h-full">
+          {EDGES.map(([a, b], i) => {
+            const na = NODES[a], nb = NODES[b];
+            return (
+              <motion.path key={i}
+                d={`M ${na.x} ${na.y} L ${nb.x} ${nb.y}`}
+                stroke="#1B6C42" strokeOpacity="0.22" strokeWidth="1.2"
+                initial={{ pathLength: 0 }}
+                animate={showGraph ? { pathLength: 1 } : { pathLength: 0 }}
+                transition={{ duration: 0.4, delay: 0.15 + i * 0.07 }}
+              />
+            );
+          })}
+          {NODES.map((n, i) => (
+            <g key={i}>
+              <motion.circle cx={n.x} cy={n.y} r={12.5}
+                fill="#1B6C42" fillOpacity="0.07"
+                stroke="#1B6C42" strokeOpacity="0.28" strokeWidth="1.3"
+                initial={{ scale: 0 }}
+                animate={showGraph ? { scale: 1 } : { scale: 0 }}
+                transition={{ duration: 0.38, delay: 0.25 + i * 0.07, ease: [0.34, 1.56, 0.64, 1] }}
+                style={{ transformOrigin: `${n.x}px ${n.y}px` }}
+              />
+              <motion.text x={n.x} y={n.y + 1}
+                textAnchor="middle" dominantBaseline="middle"
+                fontSize="5.5" fill="#1B6C42" fontFamily="monospace"
+                initial={{ opacity: 0 }}
+                animate={showGraph ? { opacity: 0.75 } : { opacity: 0 }}
+                transition={{ duration: 0.3, delay: 0.45 + i * 0.07 }}
+              >
+                {n.label}
+              </motion.text>
+            </g>
+          ))}
+        </svg>
+      </motion.div>
+    </div>
+  );
+}
+
+// ─── App screen: Step 3 ───────────────────────────────────────────────────────
+
+function Step3Content({ active }: { active: boolean }) {
+  return (
+    <div className="h-full relative">
+      <div className="absolute inset-0 scale-[0.72] origin-center">
+      <svg viewBox="88 42 252 168" className="absolute inset-0 w-full h-full">
+        {/* Edges */}
+        {EDGES.map(([a, b], i) => {
+          const na = NODES[a], nb = NODES[b];
+          return (
+            <path key={i} d={`M ${na.x} ${na.y} L ${nb.x} ${nb.y}`}
+              stroke="#1B6C42" strokeOpacity="0.18" strokeWidth="1.2"
+            />
+          );
+        })}
+        {/* Nodes */}
+        {NODES.map((n, i) => {
+          const masteryIdx = MASTERY_ORDER.indexOf(i);
+          const willMaster = masteryIdx !== -1;
+          return (
+            <g key={i}>
+              {/* Ripple burst on mastery */}
+              {willMaster && (
+                <motion.circle cx={n.x} cy={n.y} r={14}
+                  fill="none" stroke="#1B6C42" strokeWidth="1"
+                  initial={{ scale: 0, opacity: 0 }}
+                  animate={active ? { scale: [0, 2.2, 0], opacity: [0.7, 0.3, 0] } : { scale: 0, opacity: 0 }}
+                  transition={{ duration: 0.65, delay: 0.35 + masteryIdx * 0.22 }}
+                  style={{ transformOrigin: `${n.x}px ${n.y}px` }}
+                />
+              )}
+              <motion.circle cx={n.x} cy={n.y} r={13}
+                stroke={willMaster ? '#1B6C42' : '#9CA3AF'}
+                strokeWidth="1.4"
+                initial={{ fill: '#9CA3AF', fillOpacity: 0.08, strokeOpacity: 0.22 }}
+                animate={active && willMaster ? {
+                  fill: '#1B6C42',
+                  fillOpacity: [0.08, 0.3, 0.14],
+                  strokeOpacity: 0.55,
+                } : {}}
+                transition={{ duration: 0.5, delay: 0.3 + masteryIdx * 0.22 }}
+              />
+              <text x={n.x} y={n.y + 1}
+                textAnchor="middle" dominantBaseline="middle"
+                fontSize="5.5" fontFamily="monospace"
+                fill={willMaster ? '#1B6C42' : '#9CA3AF'}
+                opacity={0.85}
+              >
+                {n.label}
+              </text>
+            </g>
+          );
+        })}
+      </svg>
+      </div>
+
+      {/* Quiz card */}
+      <motion.div
+        className="absolute bottom-4 right-4 w-36 rounded-xl shadow-lg p-3"
+        style={{ background: 'var(--bg-panel, #f8fbf8)', border: '1px solid rgba(27,108,66,0.14)' }}
+        initial={{ x: 56, opacity: 0 }}
+        animate={active ? { x: 0, opacity: 1 } : { x: 56, opacity: 0 }}
+        transition={{ duration: 0.55, delay: 1.6, ease: [0.34, 1.56, 0.64, 1] }}
+      >
+        <p className="text-[9px] leading-snug mb-2.5" style={{ color: 'var(--brand-text2)' }}>
+          Time complexity of binary search?
+        </p>
+        <div className="flex flex-col gap-1">
+          {['O(n)', 'O(log n)', 'O(n²)'].map((opt, i) => (
+            <div key={opt}
+              className="rounded-lg px-2 py-1 text-[9px] font-medium"
+              style={i === 1
+                ? { background: 'rgba(27,108,66,0.12)', color: '#1B6C42' }
+                : { background: 'rgba(0,0,0,0.04)', color: 'var(--brand-text2)' }
+              }
+            >
+              {i === 1 && '✓ '}{opt}
+            </div>
+          ))}
+        </div>
+      </motion.div>
+    </div>
+  );
+}
+
+// ─── Step indicator (vertical) ────────────────────────────────────────────────
+
+function StepIndicator({ scrollYProgress, activeStep }: {
+  scrollYProgress: MotionValue<number>;
+  activeStep: number;
+}) {
+  const bar1H = useTransform(scrollYProgress, [0, 0.36], ['0%', '100%']);
+  const bar2H = useTransform(scrollYProgress, [0.36, 0.70], ['0%', '100%']);
+
+  return (
+    <div className="absolute top-1/2 -translate-y-1/2 flex flex-col items-center z-20 hidden sm:flex" style={{ right: 'clamp(1rem, 2vw, 2rem)', gap: 'clamp(0.375rem, 0.6vw, 0.5rem)' }}>
+      {[1, 2, 3].map((s, i) => (
+        <div key={s} className="flex flex-col items-center" style={{ gap: 'clamp(0.375rem, 0.6vw, 0.5rem)' }}>
+          <motion.div
+            className="rounded-full"
+            style={{ width: 'clamp(0.4rem, 0.6vw, 0.5rem)', height: 'clamp(0.4rem, 0.6vw, 0.5rem)', background: activeStep >= s ? '#1B6C42' : 'rgba(156,163,175,0.4)' }}
+            animate={{ scale: activeStep === s ? 1.4 : 1 }}
+            transition={{ duration: 0.3 }}
+          />
+          {i < 2 && (
+            <div className="w-px overflow-hidden" style={{ height: 'clamp(1.5rem, 3vh, 2.25rem)', background: 'rgba(156,163,175,0.2)' }}>
+              <motion.div className="w-full" style={{
+                height: i === 0 ? bar1H : bar2H,
+                background: '#1B6C42',
+              }} />
+            </div>
+          )}
+        </div>
+      ))}
+    </div>
+  );
+}
+
+// ─── Main export ──────────────────────────────────────────────────────────────
+
+const STEPS = [
+  {
+    num: '01',
+    title: 'Sign Up & Add Courses',
+    desc: 'Connect with Google in one click. Tell us your school and year. Add your classes. Takes 30 seconds.',
+  },
+  {
+    num: '02',
+    title: 'Upload Your Materials',
+    desc: 'Drop in a syllabus, textbook PDF, or lecture notes. Our AI reads everything, extracts concepts, and builds your knowledge map instantly.',
+  },
+  {
+    num: '03',
+    title: 'Start Growing',
+    desc: 'Follow your personalized learning path. Take adaptive quizzes. Watch your knowledge graph come alive, node by node turning green.',
+  },
+];
+
+// Sequential scroll windows. Each step is only visible in exactly one range,
+// and adjacent ranges share their endpoint so there's never a frame where two
+// steps have opacity > 0.
+const TEXT_RANGES = [
+  // Step 1: visible from 0 → 0.30, fade out 0.30 → 0.36
+  { in: [0, 0.30, 0.36, 1], yIn: [0, 0, -30, -30], opacityIn: [1, 1, 0, 0] },
+  // Step 2: fade in 0.36 → 0.42, visible, fade out 0.64 → 0.70
+  { in: [0.36, 0.42, 0.64, 0.70], yIn: [30, 0, 0, -30], opacityIn: [0, 1, 1, 0] },
+  // Step 3: fade in 0.70 → 0.76, visible to end
+  { in: [0, 0.70, 0.76, 1], yIn: [30, 30, 0, 0], opacityIn: [0, 0, 1, 1] },
+];
+
+const BG_COLORS = [
+  'rgba(0,0,0,0)',
+  'rgba(120,53,15,0.035)',
+  'rgba(20,83,45,0.05)',
+  'rgba(20,83,45,0.08)',
+];
+
+export default function HowItWorks() {
+  const containerRef = useRef<HTMLElement>(null);
+  const { scrollYProgress } = useScroll({
+    target: containerRef,
+    offset: ['start start', 'end end'],
+  });
+
+  const [activeStep, setActiveStep] = useState(1);
+  const [showStep2Graph, setShowStep2Graph] = useState(false);
+  useMotionValueEvent(scrollYProgress, 'change', (v) => {
+    setActiveStep(v < 0.36 ? 1 : v < 0.70 ? 2 : 3);
+    setShowStep2Graph(v > 0.55);
+  });
+
+  // Sync state with current scroll on mount. useMotionValueEvent only fires on
+  // *change*, so if the page mounts with a non-zero scroll (hot reload, scroll
+  // restoration, deep link), activeStep would be stuck at useState(1) while the
+  // text opacities reflect the real scroll. That desync is what made the
+  // section look like it "starts at step 2."
+  useEffect(() => {
+    const v = scrollYProgress.get();
+    setActiveStep(v < 0.36 ? 1 : v < 0.70 ? 2 : 3);
+    setShowStep2Graph(v > 0.55);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+
+  // Text
+  const textOpacities = TEXT_RANGES.map(r => useTransform(scrollYProgress, r.in, r.opacityIn)); // eslint-disable-line react-hooks/rules-of-hooks
+  const textYs = TEXT_RANGES.map(r => useTransform(scrollYProgress, r.in, r.yIn)); // eslint-disable-line react-hooks/rules-of-hooks
+
+  const panelOpacity = useTransform(scrollYProgress, [0, 0.001, 0.82, 1], [1, 1, 1, 0]);
+
+  // Background
+  const bgColor = useTransform(scrollYProgress, [0, 0.36, 0.70, 1], BG_COLORS);
+
+  const SaplingComponents = [SeedSVG, SproutSVG, TreeSVG];
+
+  return (
+    <section ref={containerRef} id="how-it-works" className="landing-section relative" style={{ height: '340vh', position: 'relative' }}>
+      <motion.div className="sticky top-0 h-screen w-full overflow-hidden" style={{ backgroundColor: bgColor }}>
+        <div className="h-full max-w-[1600px] mx-auto flex flex-col lg:flex-row items-center" style={{ padding: 'clamp(1rem, 4vh, 2.5rem) clamp(1.25rem, 4vw, 4.5rem)', gap: 'clamp(2rem, 5vw, 8rem)' }}>
+
+          {/* ── Left: Sapling + text ──────────────────────────────────── */}
+          <div className="flex-1 flex flex-col items-center lg:items-start justify-center h-full" style={{ paddingBlock: 'clamp(1rem, 2vh, 0px)' }}>
+            {/* Sapling illustration */}
+            <motion.div className="relative flex-shrink-0" style={{ width: 'clamp(12rem, 18vw, 16rem)', height: 'clamp(15rem, 24vw, 20rem)', marginBottom: 'clamp(2rem, 4vh, 3.75rem)', opacity: panelOpacity }}>
+              {SaplingComponents.map((SVG, i) => (
+                <motion.div key={i} className="absolute inset-0"
+                  animate={{ opacity: activeStep === i + 1 ? 1 : 0 }}
+                  transition={{ duration: 0.35 }}
+                >
+                  <SVG active={activeStep === i + 1} />
+                </motion.div>
+              ))}
+            </motion.div>
+
+            {/* Step text layers */}
+            <div className="relative w-full" style={{ maxWidth: 'clamp(20rem, 45vw, 42rem)', minHeight: 'clamp(10rem, 18vh, 15rem)' }}>
+              {STEPS.map((step, i) => (
+                <motion.div
+                  key={i}
+                  className="absolute inset-x-0 top-0 text-center lg:text-left"
+                  style={{ opacity: textOpacities[i], y: textYs[i] }}
+                >
+                  <span className="font-jetbrains tracking-[0.3em] text-[#1B6C42] uppercase block font-medium" style={{ fontSize: 'clamp(0.75rem, 1.1vw, 0.9375rem)', marginBottom: 'clamp(0.5rem, 1.2vh, 0.9375rem)' }}>
+                    Step {step.num}
+                  </span>
+                  <h3 className="font-playfair font-semibold tracking-tight leading-tight"
+                    style={{ color: 'var(--brand-text1)', fontSize: 'clamp(1.75rem, 3.5vw, 2.8125rem)', marginBottom: 'clamp(0.75rem, 1.5vh, 1.25rem)' }}>
+                    {step.title}
+                  </h3>
+                  <p className="font-inter leading-relaxed font-light"
+                    style={{ color: 'var(--brand-text2)', fontSize: 'clamp(0.9375rem, 1.4vw, 1.25rem)' }}>
+                    {step.desc}
+                  </p>
+                </motion.div>
+              ))}
+            </div>
+          </div>
+
+          {/* ── Right: App window ─────────────────────────────────────── */}
+          <motion.div className="flex-[1.68] w-full max-w-2xl lg:max-w-none flex-shrink-0" style={{ opacity: panelOpacity }}>
+            <AppWindow>
+              {([
+                <Step1Content key={0} active={activeStep === 1} />,
+                <Step2Content key={1} active={activeStep === 2} showGraph={showStep2Graph} />,
+                <Step3Content key={2} active={activeStep === 3} />,
+              ] as const).map((el, i) => (
+                <motion.div key={i} className="absolute inset-0"
+                  animate={{ opacity: activeStep === i + 1 ? 1 : 0 }}
+                  transition={{ duration: 0.35 }}
+                >
+                  <motion.div
+                    className="h-full origin-center"
+                    animate={{ scale: i === 0 ? 1.18 : i === 1 ? (showStep2Graph ? 0.72 : 1.18) : 1 }}
+                    transition={{ duration: 0.4 }}
+                  >
+                    {el}
+                  </motion.div>
+                </motion.div>
+              ))}
+            </AppWindow>
+          </motion.div>
+        </div>
+
+        {/* Step indicator */}
+        <StepIndicator scrollYProgress={scrollYProgress} activeStep={activeStep} />
+      </motion.div>
+    </section>
+  );
+}
diff --git a/frontend/src/components/Icon.tsx b/frontend/src/components/Icon.tsx
index e248fd47..4d22a143 100644
--- a/frontend/src/components/Icon.tsx
+++ b/frontend/src/components/Icon.tsx
@@ -1,17 +1,80 @@
 "use client";
 import React from "react";
 
-const paths: Record<string, string> = {
-  home: "M3 11l9-8 9 8v10a1 1 0 0 1-1 1h-5v-7h-6v7H4a1 1 0 0 1-1-1z",
-  brain: "M12 2a4 4 0 0 0-4 4v.5A3.5 3.5 0 0 0 5 10v2a3.5 3.5 0 0 0 3 3.5V17a4 4 0 0 0 8 0v-1.5A3.5 3.5 0 0 0 19 12v-2a3.5 3.5 0 0 0-3-3.5V6a4 4 0 0 0-4-4z",
-  tree: "M12 2L8 7h3v4H7l3 4H8l4 6 4-6h-2l3-4h-4V7h3z",
-  book: "M4 4h8a4 4 0 0 1 4 4v12H8a4 4 0 0 1-4-4zM16 8a4 4 0 0 1 4-4v14a4 4 0 0 1-4 2",
-  cal: "M3 6h18v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2zM3 6V4a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v2M8 2v4M16 2v4",
-  users: "M9 10a4 4 0 1 0 0-8 4 4 0 0 0 0 8zM17 11a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM2 20a7 7 0 0 1 14 0zM16 20h6a5 5 0 0 0-5-5",
+// Each entry is either a bare path string (uses the default stroke
+// config below) or a full spec so individual icons — e.g. Streamline
+// Guidance — can bring their own stroke weight, cap style, and
+// multiple subpaths rendered as separate <path> elements.
+type IconSpec = {
+  d: string | string[];
+  strokeWidth?: number;
+  linecap?: "round" | "butt" | "square";
+  linejoin?: "round" | "miter" | "bevel";
+};
+
+const paths: Record<string, string | IconSpec> = {
+  home: {
+    d: "M22.5 21V10.25l-0.247 -0.113a20 20 0 0 1 -8.942 -8.104L13 1.5h-2l-0.311 0.533a20 20 0 0 1 -8.942 8.104l-0.247 0.113V21M23 22.5H1M15 21v-4a3 3 0 1 0 -6 0v4",
+    strokeWidth: 1,
+    linecap: "butt",
+    linejoin: "miter",
+  },
+  brain: {
+    d: "M10 22.5h13M3.5 16 18 1.5A4.5 4.5 0 0 1 22.5 6L8 20.5H7c-1.974 0 -3.377 0.584 -5.02 1.68l-0.48 0.32 0.32 -0.48C2.917 20.376 3.5 18.973 3.5 17v-1Z",
+    strokeWidth: 1,
+    linecap: "butt",
+    linejoin: "miter",
+  },
+  tree: {
+    d: "M12 19.56v4.38M4.5 12.56h3.724A33.264 33.264 0 0 1 1.5 19.31v0.25h21v-0.25a33.263 33.263 0 0 1 -6.724 -6.75H19.5v-0.25l-1.386 -1.04A15.383 15.383 0 0 1 12 0.06a15.384 15.384 0 0 1 -6.114 11.21L4.5 12.31v0.25Z",
+    strokeWidth: 1,
+    linecap: "butt",
+    linejoin: "miter",
+  },
+  book: {
+    d: "M12 7.5V17m0 -9.5a3 3 0 0 0 -3 -3H2v1.085A62.99 62.99 0 0 1 0.5 19.25v0.25H9a3 3 0 0 1 3 3m0 -15a3 3 0 0 1 3 -3h7v1.085c0 4.596 0.503 9.178 1.5 13.665v0.25H15a3 3 0 0 0 -3 3m0 0v0.5",
+    strokeWidth: 1,
+    linecap: "butt",
+    linejoin: "miter",
+  },
+  // Streamline Guidance (Free) — drawn at 1px stroke, sharp caps/joins.
+  cal: {
+    d: "M7.5 6V1m10 5V1m4 16v4.5h-18v-3m17.863 -10H3.352M0.5 18.25v0.25h17.9l0.15 -0.25 0.234 -0.491A28 28 0 0 0 21.5 5.729V3.5h-18v2.128A28 28 0 0 1 0.743 17.744L0.5 18.25Z",
+    strokeWidth: 1,
+    linecap: "butt",
+    linejoin: "miter",
+  },
+  users: {
+    d: "M6 8.5h12M6 13h6M23.5 2H23c-3 0.5 -8 0.75 -11 0.75S4 2.5 1 2H0.5v21.5h0.25l0.154 -0.154A15.692 15.692 0 0 1 12 18.75c3 0 8 0.25 11 0.75h0.5V2Z",
+    strokeWidth: 1,
+    linecap: "butt",
+    linejoin: "miter",
+  },
   sparkle: "M12 2l2.5 7L22 11.5l-7.5 2.5L12 22l-2.5-8L2 11.5 9.5 9z",
-  cog: "M12 8a4 4 0 1 0 0 8 4 4 0 0 0 0-8zM19.4 15a1.6 1.6 0 0 0 .3 1.8l.1.1a2 2 0 1 1-2.8 2.8l-.1-.1a1.6 1.6 0 0 0-1.8-.3 1.6 1.6 0 0 0-1 1.5V21a2 2 0 1 1-4 0v-.1a1.6 1.6 0 0 0-1-1.5 1.6 1.6 0 0 0-1.8.3l-.1.1a2 2 0 1 1-2.8-2.8l.1-.1a1.6 1.6 0 0 0 .3-1.8 1.6 1.6 0 0 0-1.5-1H3a2 2 0 1 1 0-4h.1a1.6 1.6 0 0 0 1.5-1 1.6 1.6 0 0 0-.3-1.8l-.1-.1a2 2 0 1 1 2.8-2.8l.1.1a1.6 1.6 0 0 0 1.8.3H9a1.6 1.6 0 0 0 1-1.5V3a2 2 0 1 1 4 0v.1a1.6 1.6 0 0 0 1 1.5 1.6 1.6 0 0 0 1.8-.3l.1-.1a2 2 0 1 1 2.8 2.8l-.1.1a1.6 1.6 0 0 0-.3 1.8V9a1.6 1.6 0 0 0 1.5 1H21a2 2 0 1 1 0 4h-.1a1.6 1.6 0 0 0-1.5 1z",
-  trophy: "M8 21h8M12 17v4M7 4h10v6a5 5 0 0 1-10 0zM7 4H4v3a3 3 0 0 0 3 3M17 4h3v3a3 3 0 0 1-3 3",
-  shield: "M12 2l8 3v7c0 5-3.5 9-8 10-4.5-1-8-5-8-10V5z",
+  cog: {
+    d: [
+      "m10.5 1.5 -0.181 0.543a7 7 0 0 1 -0.716 1.514 4.632 4.632 0 0 1 -3.717 2.146 6.998 6.998 0 0 1 -1.668 -0.137l-0.561 -0.115 -1.5 2.598 0.38 0.429c0.374 0.422 0.693 0.884 0.953 1.376a4.632 4.632 0 0 1 0 4.292 7 7 0 0 1 -0.953 1.376l-0.38 0.429 1.5 2.598 0.56 -0.115a6.997 6.997 0 0 1 1.67 -0.137 4.632 4.632 0 0 1 3.716 2.146c0.296 0.47 0.537 0.979 0.716 1.514l0.181 0.543h3l0.181 -0.543c0.179 -0.536 0.42 -1.043 0.716 -1.514a4.632 4.632 0 0 1 3.717 -2.146 6.996 6.996 0 0 1 1.668 0.137l0.561 0.115 1.5 -2.598 -0.38 -0.429a7.007 7.007 0 0 1 -0.953 -1.376 4.632 4.632 0 0 1 0 -4.292c0.26 -0.492 0.579 -0.954 0.953 -1.376l0.38 -0.429 -1.5 -2.598 -0.56 0.115a6.999 6.999 0 0 1 -1.67 0.137 4.632 4.632 0 0 1 -3.716 -2.146 6.997 6.997 0 0 1 -0.716 -1.514L13.5 1.5h-3Z",
+      "M15.502 12a3.502 3.502 0 1 1 -7.004 0 3.502 3.502 0 0 1 7.004 0Z",
+    ],
+    strokeWidth: 1,
+    linecap: "butt",
+    linejoin: "miter",
+  },
+  trophy: {
+    d: "M12 6.5v15m0 -15V4m0 2.5H9.5A2.5 2.5 0 1 1 12 4m0 2.5h2.5A2.5 2.5 0 1 0 12 4M3.25 14h17.5m-17.5 0c0 -2.328 -0.23 -4.65 -0.686 -6.932L2.5 6.75V6.5h19v0.25l-0.064 0.318A35.346 35.346 0 0 0 20.75 14m-17.5 0c0 2.328 -0.23 4.65 -0.686 6.932l-0.064 0.318v0.25h19v-0.25l-0.064 -0.318A35.345 35.345 0 0 1 20.75 14",
+    strokeWidth: 1,
+    linecap: "butt",
+    linejoin: "miter",
+  },
+  shield: {
+    d: [
+      "M11.75 23.5C4 19 2.5 16 2.5 5.5c3.15 0 6.356 -1.238 8.276 -3.357 0.422 -0.465 0.687 -1.044 0.874 -1.643h0.7c0.187 0.599 0.452 1.178 0.874 1.643C15.144 4.262 18.35 5.5 21.5 5.5c0 10.5 -1.5 13.5 -9.25 18h-0.5Z",
+      "M11.898 7.5h0.204l0.15 0.542a4 4 0 0 0 3.856 2.935h0.392v0.166l-0.365 0.252a4 4 0 0 0 -1.55 4.473l0.196 0.632h-0.21a4.066 4.066 0 0 0 -5.142 0h-0.21l0.195 -0.632a4 4 0 0 0 -1.55 -4.473l-0.364 -0.252v-0.166h0.392a4 4 0 0 0 3.856 -2.935l0.15 -0.542Z",
+    ],
+    strokeWidth: 1,
+    linecap: "butt",
+    linejoin: "miter",
+  },
   flask: "M9 3h6M10 3v6l-5 10a2 2 0 0 0 2 3h10a2 2 0 0 0 2-3l-5-10V3",
   plus: "M12 5v14M5 12h14",
   search: "M11 19a8 8 0 1 1 0-16 8 8 0 0 1 0 16zM21 21l-4.3-4.3",
@@ -20,7 +83,12 @@ const paths: Record<string, string> = {
   chev: "M9 18l6-6-6-6",
   send: "M22 2L11 13M22 2l-7 20-4-9-9-4z",
   max: "M15 3h6v6M9 21H3v-6M21 3l-7 7M3 21l7-7",
-  bolt: "M13 2L3 14h8l-1 8 10-12h-8z",
+  bolt: {
+    d: "m12.165 7.835 1.3 -1.3a3.536 3.536 0 0 0 -5 -5l-1.3 1.3c-0.437 0.437 -0.97 0.767 -1.558 0.963L3.5 4.5v0.25l6.75 6.75h0.25l0.703 -2.107c0.195 -0.587 0.525 -1.12 0.962 -1.558Zm0 0L12.27 8a9.724 9.724 0 0 0 5.365 4.38M6.5 10.5a1.414 1.414 0 1 1 -2 -2m8.964 -6.964L14.6 0.4M12 20.5c0 -0.66 0.113 -1.322 0.415 -1.91a10.533 10.533 0 0 1 5.264 -4.88M12 20.5c5.5 0 8.5 2 8.5 2v1h-17v-1s3 -2 8.5 -2Zm5.678 -6.79a1.5 1.5 0 1 0 -0.044 -1.33m0.044 1.33a1.493 1.493 0 0 1 -0.044 -1.33",
+    strokeWidth: 1,
+    linecap: "butt",
+    linejoin: "miter",
+  },
   check: "M5 12l5 5L20 7",
   star: "M12 2l3 7h7l-5.5 4.5L18 21l-6-4-6 4 1.5-7.5L2 9h7z",
   fire: "M12 2s5 4 5 9a5 5 0 0 1-10 0c0-3 2-4 2-7 2 2 3 3 3 5 1-2 0-5 0-7z",
@@ -34,7 +102,11 @@ const paths: Record<string, string> = {
 };
 
 export function Icon({ name, size = 16 }: { name: string; size?: number }) {
-  const d = paths[name] || "";
+  const entry = paths[name];
+  if (!entry) return null;
+  const spec: IconSpec =
+    typeof entry === "string" ? { d: entry } : entry;
+  const ds = Array.isArray(spec.d) ? spec.d : [spec.d];
   return (
     <svg
       width={size}
@@ -42,12 +114,12 @@ export function Icon({ name, size = 16 }: { name: string; size?: number }) {
       viewBox="0 0 24 24"
       fill="none"
       stroke="currentColor"
-      strokeWidth={1.8}
-      strokeLinecap="round"
-      strokeLinejoin="round"
+      strokeWidth={spec.strokeWidth ?? 1.8}
+      strokeLinecap={spec.linecap ?? "round"}
+      strokeLinejoin={spec.linejoin ?? "round"}
       style={{ flexShrink: 0 }}
     >
-      <path d={d} />
+      {ds.map((d, i) => <path key={i} d={d} />)}
     </svg>
   );
 }
diff --git a/frontend/src/components/OnboardingFlow.tsx b/frontend/src/components/OnboardingFlow.tsx
new file mode 100644
index 00000000..0953e1df
--- /dev/null
+++ b/frontend/src/components/OnboardingFlow.tsx
@@ -0,0 +1,742 @@
+'use client';
+
+import { useState, useEffect, useRef } from 'react';
+import { X, ChevronRight, ChevronLeft, XCircle } from 'lucide-react';
+
+
+const API_URL = process.env.NEXT_PUBLIC_API_URL ?? 'http://localhost:5000';
+
+const STEPS = [
+  { id: 'google',   label: 'Account',        color: '#9CA3AF' },
+  { id: 'name',     label: 'Name',           color: '#D97706' },
+  { id: 'school',   label: 'School',         color: '#8A63D2' },
+  { id: 'academics',label: 'Academics',      color: '#3B82F6' },
+  { id: 'courses',  label: 'Courses',        color: '#14B8A6' },
+  { id: 'style',    label: 'Learning Style', color: '#EF4444' },
+] as const;
+
+const BU_MAJORS = [
+  'Acting', 'Advertising', 'African American & Black Diaspora Studies', 'American Studies',
+  'Ancient Greek & Latin', 'Ancient Greek Language & Culture', 'Anthropology & Religion',
+  'Anthropology: Behavioral Biology', 'Anthropology: Biological Anthropology', 'Anthropology: Sociocultural Anthropology',
+  'Archaeological & Environmental Sciences', 'Architectural Studies', 'Art', 'Art Education',
+  'Astronomy', 'Astronomy & Physics', 'Astrophysics & Space Physics',
+  'Behavior & Health', 'Biochemistry & Molecular Biology', 'Bioinformatics',
+  'Biology', 'Biology: Behavioral Biology', 'Biology: Cell Biology, Molecular Biology & Genetics',
+  'Biology: Ecology & Conservation Biology', 'Biology: Neurobiology', 'Biomedical Engineering',
+  'Business Administration', 'Chemistry', 'Chemistry & Physics', 'Chemistry: Chemical Biology',
+  'Chemistry: Materials and Nanoscience', 'Chinese Language & Literature', 'Cinema & Media Studies',
+  'Classical Civilization', 'Classical Studies', 'Classics & Archaeology', 'Classics & Philosophy',
+  'Classics & Religion', 'Comparative Literature', 'Computer Engineering', 'Computer Science',
+  'Computer Science & Economics', 'Criminal Justice', 'Data Science',
+  'Earth & Environmental Sciences', 'Economics', 'Economics & Mathematics',
+  'Education & Human Development', 'Electrical Engineering', 'Elementary Education',
+  'English', 'English Education', 'Environmental Analysis & Policy',
+  'Film & Television', 'French & Linguistics', 'French Studies', 'German Language & Literature',
+  'Graphic Design', 'Health Science', 'History', 'History of Art & Architecture',
+  'Hospitality Administration', 'Hospitality & Communication', 'Human Physiology',
+  'Interdisciplinary Studies', 'International Relations', 'Italian & Linguistics', 'Italian Studies',
+  'Japanese & Linguistics', 'Japanese Language & Literature', 'Journalism',
+  'Korean Language & Literature', 'Latin American Studies', 'Latin Language & Culture',
+  'Linguistics', 'Linguistics & African Languages', 'Linguistics & Computer Science',
+  'Linguistics & Philosophy', 'Linguistics and Speech, Language & Hearing Sciences',
+  'Management Studies', 'Marine Science', 'Mathematics', 'Mathematics & Computer Science',
+  'Mathematics & Mathematics Education', 'Mathematics & Philosophy', 'Mathematics & Physics',
+  'Mathematics Education', 'Mechanical Engineering', 'Media Science',
+  'Middle East & North Africa Studies', 'Middle Eastern and South Asian Languages & Literatures',
+  'Modern Foreign Language Education', 'Music', 'Music Composition & Theory', 'Music Education',
+  'Music Performance', 'Neuroscience', 'Nutrition', 'Painting', 'Philosophy',
+  'Philosophy & Neuroscience', 'Philosophy & Physics', 'Philosophy & Political Science',
+  'Philosophy & Psychology', 'Philosophy & Religion', 'Physical Therapy', 'Physics',
+  'Physics & Computer Science', 'Political Science', 'Printmaking', 'Psychology',
+  'Public Health', 'Public Relations', 'Russian Language & Literature',
+  'Science Education', 'Sculpture', 'Social Studies Education', 'Sociology',
+  'Sound Design', 'Spanish', 'Spanish & Linguistics', 'Special Education',
+  'Speech, Language & Hearing Sciences', 'Stage Management', 'Teaching of Chemistry',
+  'Theatre Arts', 'Urban Affairs',
+];
+
+const BU_MINORS = [
+  'Advertising', 'African American & Black Diaspora Studies', 'African Languages & Literatures',
+  'African Studies', 'American Studies', 'Ancient Greek', 'Anthropology', 'Arabic',
+  'Archaeological & Environmental Sciences', 'Astronomy', 'Autism Spectrum Disorders',
+  'Chinese', 'Cinema & Media Studies', 'Classical Civilization', 'Comparative Literature',
+  'Computer Engineering', 'Computer Science', 'Core Curriculum', 'Core Independent Studies',
+  'Dance', 'Deaf Education', 'Deaf Studies', 'Earth & Environmental Sciences', 'Economics',
+  'Education', 'Emotional & Behavioral Challenges in Schools', 'Engineering Science',
+  'English', 'Environmental Analysis & Policy', 'Environmental Remote Sensing & GIS',
+  'European Studies', 'Event Management & Public Relations', 'Film & Television',
+  'French Studies', 'German', 'Global Medieval Studies', 'Hebrew', 'History',
+  'History of Art & Architecture', 'Holocaust, Genocide & Human Rights Studies',
+  'Hospitality Administration', 'Human Physiology', 'Innovation & Entrepreneurship',
+  'Interdisciplinary Studies', 'Israel Studies', 'Italian', 'Japanese', 'Jewish Studies',
+  'Journalism', 'Korean', 'Latin', 'Latin American Studies', 'Linguistics', 'Marine Science',
+  'Materials Science & Engineering', 'Mathematics', 'Mathematics Education',
+  'Mechanical Engineering', 'Media Science', 'Medical Anthropology', 'Modern Greek', 'Music',
+  'Muslim Cultures', 'Muslim Societies', 'Myth Studies', 'Persian Cultural Studies',
+  'Philosophy', 'Physics', 'Political Science', 'Portuguese & Brazilian Cultural Studies',
+  'Psychology', 'Public Health', 'Public Policy Analysis', 'Real Estate', 'Religion',
+  'Russian', 'Sociology', 'Special Education', 'Statistics', 'Sustainable Energy',
+  'Systems Engineering', 'Teaching Science Education', 'Theatre Arts', 'Turkish Cultural Studies',
+  'Urban Affairs', 'Urban Studies', 'Visual Arts', "Women's, Gender & Sexuality Studies",
+];
+
+
+const LEARNING_STYLES = [
+  { id: 'visual',   label: 'Visual',          desc: 'Diagrams, charts, and visual maps' },
+  { id: 'reading',  label: 'Reading / Writing', desc: 'Notes, textbooks, and written summaries' },
+  { id: 'auditory', label: 'Auditory',         desc: 'Lectures, discussions, verbal explanations' },
+  { id: 'hands-on', label: 'Hands-On',         desc: 'Practice problems and active experimentation' },
+  { id: 'mixed',    label: 'Mixed',            desc: 'A combination of multiple styles' },
+];
+
+interface CourseOption {
+  id: string;
+  course_code: string;
+  course_name: string;
+}
+
+interface FormData {
+  firstName: string;
+  lastName: string;
+  school: string;
+  year: string;
+  majors: string[];
+  minors: string[];
+  courses: CourseOption[];
+  style: string;
+}
+
+interface Props {
+  visible: boolean;
+  onClose: () => void;
+  onFinish: (data: { firstName: string; lastName: string; school: string; year: string; majors: string[]; minors: string[]; course_ids: string[]; style: string }) => void;
+  activeStep: number;
+  completed: Set<number>;
+  setActiveStep: (s: number) => void;
+  setCompleted: (s: Set<number>) => void;
+}
+
+export default function OnboardingFlow({ visible, onClose, onFinish, activeStep, completed, setActiveStep, setCompleted }: Props) {
+  const [yearOpen, setYearOpen] = useState(false);
+
+  const YEAR_OPTIONS = ['Freshman', 'Sophomore', 'Junior', 'Senior', 'Graduate', 'Other'];
+  const [majorInput, setMajorInput] = useState('');
+  const [minorInput, setMinorInput] = useState('');
+  const [majorSuggestions, setMajorSuggestions] = useState<string[]>([]);
+  const [minorSuggestions, setMinorSuggestions] = useState<string[]>([]);
+  const [majorFocused, setMajorFocused] = useState(false);
+  const [minorFocused, setMinorFocused] = useState(false);
+  const [courseInput, setCourseInput] = useState('');
+  const [courseSuggestions, setCourseSuggestions] = useState<CourseOption[]>([]);
+  const [courseFocused, setCourseFocused] = useState(false);
+  const courseDebounceRef = useRef<NodeJS.Timeout | null>(null);
+
+  const [formData, setFormData] = useState<FormData>({
+    firstName: '', lastName: '',
+    school: 'Boston University', year: '', majors: [], minors: [], courses: [], style: '',
+  });
+
+
+  // Escape key closes
+  useEffect(() => {
+    if (!visible) {
+      if (courseDebounceRef.current) { clearTimeout(courseDebounceRef.current); courseDebounceRef.current = null; }
+      return;
+    }
+
+    const handler = (e: KeyboardEvent) => { if (e.key === 'Escape') onClose(); };
+    window.addEventListener('keydown', handler);
+    return () => {
+      window.removeEventListener('keydown', handler);
+      if (courseDebounceRef.current) { clearTimeout(courseDebounceRef.current); courseDebounceRef.current = null; }
+    };
+  }, [visible, onClose]);
+
+  function handleOptionKeyDown(event: React.KeyboardEvent<HTMLButtonElement>, onSelect: () => void) {
+    if (event.key === 'Enter' || event.key === ' ') {
+      event.preventDefault();
+      onSelect();
+    }
+  }
+
+  function selectYear(option: string) {
+    setFormData(prev => ({ ...prev, year: option.toLowerCase() }));
+    setYearOpen(false);
+  }
+
+  function handleMajorInput(value: string) {
+    setMajorInput(value);
+    if (value.trim().length < 1) { setMajorSuggestions([]); return; }
+    setMajorSuggestions(
+      BU_MAJORS.filter(m => m.toLowerCase().includes(value.toLowerCase()) && !formData.majors.includes(m)).slice(0, 8)
+    );
+  }
+
+  function addMajor(m: string) {
+    if (!formData.majors.includes(m)) setFormData(prev => ({ ...prev, majors: [...prev.majors, m] }));
+    setMajorInput(''); setMajorSuggestions([]);
+  }
+
+  function handleMinorInput(value: string) {
+    setMinorInput(value);
+    if (value.trim().length < 1) { setMinorSuggestions([]); return; }
+    setMinorSuggestions(
+      BU_MINORS.filter(m => m.toLowerCase().includes(value.toLowerCase()) && !formData.minors.includes(m)).slice(0, 8)
+    );
+  }
+
+  function addMinor(m: string) {
+    if (!formData.minors.includes(m)) setFormData(prev => ({ ...prev, minors: [...prev.minors, m] }));
+    setMinorInput(''); setMinorSuggestions([]);
+  }
+
+  function canAdvance(): boolean {
+    switch (activeStep) {
+      case 0: return false;
+      case 1: return formData.firstName.trim().length > 0 && formData.lastName.trim().length > 0;
+      case 2: return formData.school.trim().length > 0 && formData.year.length > 0;
+      case 3: return formData.majors.length > 0;
+      case 4: return formData.courses.length > 0;
+      case 5: return formData.style.length > 0;
+      default: return false;
+    }
+  }
+
+  function handleGoogleSignIn() {
+    sessionStorage.setItem('sapling_onboarding_pending', 'true');
+    window.location.href = `${API_URL}/api/auth/google`;
+  }
+
+  function handleNext() {
+    if (!canAdvance()) return;
+    setCompleted(new Set([...completed, activeStep]));
+    if (activeStep < STEPS.length - 1) {
+      setActiveStep(activeStep + 1);
+    } else {
+      onFinish({
+        firstName: formData.firstName,
+        lastName: formData.lastName,
+        school: formData.school,
+        year: formData.year,
+        majors: formData.majors,
+        minors: formData.minors,
+        course_ids: formData.courses.map(c => c.id),
+        style: formData.style,
+      });
+    }
+  }
+
+  function handleBack() {
+    if (activeStep > 0) setActiveStep(activeStep - 1);
+  }
+
+  function handleCourseInput(value: string) {
+    setCourseInput(value);
+    if (courseDebounceRef.current) clearTimeout(courseDebounceRef.current);
+    if (value.trim().length < 1) { setCourseSuggestions([]); return; }
+    courseDebounceRef.current = setTimeout(async () => {
+      try {
+        const res = await fetch(`${API_URL}/api/onboarding/courses?q=${encodeURIComponent(value)}`);
+        const data: { courses: CourseOption[] } = await res.json();
+        const selectedIds = new Set(formData.courses.map(c => c.id));
+        setCourseSuggestions(data.courses.filter(c => !selectedIds.has(c.id)));
+      } catch {
+        setCourseSuggestions([]);
+      } finally {
+        courseDebounceRef.current = null;
+      }
+    }, 200);
+  }
+
+  function addCourse(course: CourseOption) {
+    if (!formData.courses.some(c => c.id === course.id)) {
+      setFormData(prev => ({ ...prev, courses: [...prev.courses, course] }));
+    }
+    setCourseInput(''); setCourseSuggestions([]);
+  }
+
+  const activeColor = STEPS[activeStep].color;
+
+  const headingStyle: React.CSSProperties = {
+    textAlign: 'center',
+    fontFamily: "var(--font-playfair), 'Playfair Display', serif",
+    fontSize: '30px', fontWeight: 600, color: '#0f172a',
+    marginBottom: '8px', lineHeight: 1.2,
+    textShadow: '0 0 24px rgba(255,255,255,1), 0 0 48px rgba(255,255,255,0.75)',
+  };
+
+  const subtitleStyle: React.CSSProperties = {
+    textAlign: 'center',
+    color: 'rgba(15,23,42,0.62)',
+    fontSize: '13px', marginBottom: '28px',
+    textShadow: '0 0 16px rgba(255,255,255,1), 0 0 32px rgba(255,255,255,0.7)',
+  };
+
+  const inputStyle: React.CSSProperties = {
+    background: 'rgba(255,255,255,0.52)',
+    backdropFilter: 'blur(12px)',
+    WebkitBackdropFilter: 'blur(12px)',
+    border: '1px solid rgba(0,0,0,0.13)',
+    color: '#111827',
+    borderRadius: '14px',
+    padding: '14px 18px',
+    fontSize: '15px',
+    outline: 'none',
+    width: '100%',
+    fontFamily: "var(--font-dm-sans), 'DM Sans', sans-serif",
+  };
+
+  return (
+    <div
+      style={{
+        position: 'fixed', inset: 0, zIndex: 80,
+        opacity: visible ? 1 : 0,
+        transition: 'opacity 600ms cubic-bezier(0.22,1,0.36,1)',
+        pointerEvents: visible ? 'auto' : 'none',
+        overflowY: 'auto',
+      }}
+    >
+      {/* ── Close ── */}
+      <button
+        onClick={onClose}
+        style={{
+          position: 'fixed', top: '28px', right: '32px', zIndex: 10,
+          color: 'rgba(0,0,0,0.28)', background: 'none', border: 'none',
+          padding: '8px', display: 'flex', cursor: 'pointer',
+          transition: 'color 0.2s ease',
+        }}
+      >
+        <X style={{ width: '22px', height: '22px' }} strokeWidth={1.5} />
+      </button>
+
+      {/* ── Step indicator (top-left) ── */}
+      {activeStep > 0 && (
+        <div style={{ position: 'fixed', top: '28px', left: '32px', zIndex: 10 }}>
+          <div style={{
+            fontFamily: "var(--font-dm-sans), 'DM Sans', sans-serif",
+            fontSize: '11px', letterSpacing: '0.12em', textTransform: 'uppercase',
+            color: '#1B6C42', fontWeight: 700, marginBottom: '4px',
+          }}>
+            Step {activeStep} / {STEPS.length - 1}
+          </div>
+          <div style={{
+            fontFamily: "var(--font-playfair), 'Playfair Display', serif",
+            fontSize: '18px', fontWeight: 600, color: '#0f172a',
+            marginBottom: '10px', letterSpacing: '-0.01em',
+          }}>
+            {STEPS[activeStep].label}
+          </div>
+          {(() => {
+            const totalSteps = STEPS.length - 1;
+            const GAP = 3;
+            const totalWidth = 200;
+            const segW = (totalWidth - (totalSteps - 1) * GAP) / totalSteps;
+            const stepsDone = Math.max(0, activeStep - 1);
+            const filledW = stepsDone > 0
+              ? stepsDone * segW + (stepsDone - 1) * GAP
+              : 0;
+            return (
+              <div style={{ position: 'relative', width: `${totalWidth}px`, height: '4px' }}>
+                <div style={{ display: 'flex', gap: `${GAP}px`, position: 'absolute', inset: 0 }}>
+                  {Array.from({ length: totalSteps }, (_, i) => (
+                    <div key={i} style={{
+                      width: `${segW}px`, height: '100%', flexShrink: 0,
+                      background: 'rgba(27,108,66,0.12)', borderRadius: '99px',
+                    }} />
+                  ))}
+                </div>
+                <div style={{
+                  position: 'absolute', left: 0, top: 0, height: '100%',
+                  width: `${filledW}px`,
+                  background: '#1B6C42', borderRadius: '99px',
+                  transition: 'width 0.55s cubic-bezier(0.22,1,0.36,1)',
+                }} />
+              </div>
+            );
+          })()}
+        </div>
+      )}
+
+      {/* ── Scrollable content wrapper ── */}
+      <div style={{
+        minHeight: '100%',
+        display: 'flex', flexDirection: 'column',
+        alignItems: 'center', justifyContent: 'center',
+        padding: '96px 0 64px',
+        boxSizing: 'border-box',
+      }}>
+
+      {/* ── Centered step dot + label ── */}
+      <div style={{ display: 'flex', alignItems: 'center', gap: '8px', marginBottom: '18px' }}>
+        <span style={{
+          display: 'inline-block', width: '6px', height: '6px', borderRadius: '50%', flexShrink: 0,
+          background: activeColor, boxShadow: `0 0 8px ${activeColor}cc`,
+        }} />
+        <span style={{
+          fontFamily: "var(--font-jetbrains), 'JetBrains Mono', monospace",
+          fontSize: '10px', letterSpacing: '0.28em', textTransform: 'uppercase',
+          color: activeColor, fontWeight: 500,
+        }}>
+          {STEPS[activeStep].label}
+        </span>
+      </div>
+
+      {/* ── Content column ── */}
+      <div style={{ width: '100%', maxWidth: '440px', padding: '0 28px' }}>
+        <div key={activeStep} style={{ animation: 'ob-card-in 0.38s cubic-bezier(0.22,1,0.36,1) both', position: 'relative', zIndex: 1 }}>
+
+          {activeStep === 0 && (
+            <div>
+              <h3 style={headingStyle}>Let&apos;s get started</h3>
+              <p style={subtitleStyle}>Sign in with Google to create your Sapling account. A valid .edu email is required to register.</p>
+              <button
+                onClick={handleGoogleSignIn}
+                style={{
+                  ...inputStyle,
+                  display: 'flex', alignItems: 'center', justifyContent: 'center', gap: '10px',
+                  background: 'rgba(255,255,255,0.85)',
+                  border: '1px solid rgba(0,0,0,0.13)',
+                  cursor: 'pointer', fontWeight: 500, fontSize: '15px',
+                  color: '#111827', transition: 'all 0.2s',
+                }}
+              >
+                <svg width="18" height="18" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg">
+                  <path d="M17.64 9.2c0-.637-.057-1.251-.164-1.84H9v3.481h4.844c-.209 1.125-.843 2.078-1.796 2.716v2.259h2.908c1.702-1.567 2.684-3.875 2.684-6.615z" fill="#4285F4"/>
+                  <path d="M9 18c2.43 0 4.467-.806 5.956-2.184l-2.908-2.259c-.806.54-1.837.86-3.048.86-2.344 0-4.328-1.584-5.036-3.711H.957v2.332A8.997 8.997 0 0 0 9 18z" fill="#34A853"/>
+                  <path d="M3.964 10.706A5.41 5.41 0 0 1 3.682 9c0-.593.102-1.17.282-1.706V4.962H.957A8.996 8.996 0 0 0 0 9c0 1.452.348 2.827.957 4.038l3.007-2.332z" fill="#FBBC05"/>
+                  <path d="M9 3.58c1.321 0 2.508.454 3.44 1.345l2.582-2.58C13.463.891 11.426 0 9 0A8.997 8.997 0 0 0 .957 4.962L3.964 7.294C4.672 5.163 6.656 3.58 9 3.58z" fill="#EA4335"/>
+                </svg>
+                Continue with Google
+              </button>
+            </div>
+          )}
+
+          {activeStep === 1 && (
+            <div>
+              <h3 style={headingStyle}>
+                What&apos;s your name?
+              </h3>
+              <p style={subtitleStyle}>
+                This is how you&apos;ll appear on Sapling.
+              </p>
+              <div style={{ display: 'flex', gap: '10px' }}>
+                <input type="text" value={formData.firstName}
+                  onChange={e => setFormData(prev => ({ ...prev, firstName: e.target.value }))}
+                  placeholder="First" autoFocus style={{ ...inputStyle, flex: 1 }} />
+                <input type="text" value={formData.lastName}
+                  onChange={e => setFormData(prev => ({ ...prev, lastName: e.target.value }))}
+                  placeholder="Last" style={{ ...inputStyle, flex: 1 }} />
+              </div>
+            </div>
+          )}
+
+          {activeStep === 2 && (
+            <div>
+              <h3 style={headingStyle}>
+                Where do you study?
+              </h3>
+              <p style={subtitleStyle}>
+                Sapling is currently available for BU affiliates. Select your year below.
+              </p>
+              <div style={{
+                ...inputStyle,
+                marginBottom: '10px',
+                color: '#111827',
+                fontWeight: 500,
+                background: 'rgba(255,255,255,0.65)',
+              }}>
+                Boston University
+              </div>
+              <div style={{ position: 'relative', zIndex: yearOpen ? 20 : 1 }}>
+                <button
+                  type="button"
+                  onClick={() => setYearOpen(o => !o)}
+                  onBlur={() => setTimeout(() => setYearOpen(false), 150)}
+                  style={{
+                    ...inputStyle,
+                    textAlign: 'left', cursor: 'pointer',
+                    color: formData.year ? '#111827' : 'rgba(0,0,0,0.35)',
+                    display: 'flex', justifyContent: 'space-between', alignItems: 'center',
+                    background: 'rgba(255,255,255,0.52)',
+                  }}
+                >
+                  <span>{formData.year ? formData.year.charAt(0).toUpperCase() + formData.year.slice(1) : 'Select class year'}</span>
+                  <ChevronRight style={{ width: '16px', height: '16px', transform: yearOpen ? 'rotate(90deg)' : 'rotate(0deg)', transition: 'transform 0.2s', flexShrink: 0, color: 'rgba(0,0,0,0.35)' }} />
+                </button>
+                {yearOpen && (
+                  <div style={{
+                    position: 'absolute', top: 'calc(100% + 6px)', left: 0, right: 0,
+                    background: '#ffffff',
+                    border: '1px solid rgba(0,0,0,0.1)',
+                    borderRadius: '14px',
+                    maxHeight: '192px', overflowY: 'auto',
+                    zIndex: 100,
+                    boxShadow: '0 8px 32px rgba(0,0,0,0.12)',
+                  }} role="listbox" aria-label="Class year options">
+                    {YEAR_OPTIONS.map((opt, i) => (
+                      <button
+                        key={opt}
+                        type="button"
+                        role="option"
+                        aria-selected={formData.year === opt.toLowerCase()}
+                        onMouseDown={() => selectYear(opt)}
+                        onKeyDown={e => handleOptionKeyDown(e, () => selectYear(opt))}
+                        style={{
+                          width: '100%',
+                          textAlign: 'left',
+                          padding: '12px 18px',
+                          fontSize: '14px',
+                          color: formData.year === opt.toLowerCase() ? '#1B6C42' : '#111827',
+                          fontWeight: formData.year === opt.toLowerCase() ? 500 : 400,
+                          cursor: 'pointer',
+                          borderBottom: i < YEAR_OPTIONS.length - 1 ? '1px solid rgba(0,0,0,0.06)' : 'none',
+                          fontFamily: "var(--font-dm-sans), 'DM Sans', sans-serif",
+                          transition: 'background 0.15s',
+                          background: formData.year === opt.toLowerCase() ? 'rgba(27,108,66,0.06)' : 'transparent',
+                          borderLeft: 'none',
+                          borderRight: 'none',
+                          borderTop: 'none',
+                        }}
+                        onMouseEnter={e => { if (formData.year !== opt.toLowerCase()) e.currentTarget.style.background = 'rgba(27,108,66,0.08)'; }}
+                        onMouseLeave={e => { e.currentTarget.style.background = formData.year === opt.toLowerCase() ? 'rgba(27,108,66,0.06)' : 'transparent'; }}
+                      >
+                        {opt}
+                      </button>
+                    ))}
+                  </div>
+                )}
+              </div>
+            </div>
+          )}
+
+          {activeStep === 3 && (
+            <div>
+              <h3 style={headingStyle}>What&apos;s your major?</h3>
+              <p style={subtitleStyle}>Add your major(s) and any minor(s).</p>
+
+              {/* Majors */}
+              {(['majors', 'minors'] as const).map(field => {
+                const isMinor = field === 'minors';
+                const input = isMinor ? minorInput : majorInput;
+                const suggestions = isMinor ? minorSuggestions : majorSuggestions;
+                const focused = isMinor ? minorFocused : majorFocused;
+                const setFocused = isMinor ? setMinorFocused : setMajorFocused;
+                const handleInput = isMinor ? handleMinorInput : handleMajorInput;
+                const addItem = isMinor ? addMinor : addMajor;
+                const items = formData[field];
+                const activeCol = STEPS[activeStep].color;
+                return (
+                  <div key={field} style={{ marginBottom: isMinor ? 0 : '16px' }}>
+                    <div style={{
+                      fontSize: '11px', fontWeight: 600, textTransform: 'uppercase', letterSpacing: '0.1em',
+                      color: 'rgba(0,0,0,0.45)', marginBottom: '8px',
+                      fontFamily: "var(--font-dm-sans), 'DM Sans', sans-serif",
+                    }}>
+                      {isMinor ? 'Minors' : 'Majors'}{isMinor && <span style={{ fontWeight: 400, opacity: 0.6, textTransform: 'none', letterSpacing: 0 }}> · optional</span>}
+                    </div>
+                    <div style={{ position: 'relative', zIndex: focused ? 20 : 1 }}>
+                      <input
+                        type="text" value={input} autoFocus={!isMinor}
+                        onChange={e => handleInput(e.target.value)}
+                        onFocus={() => setFocused(true)}
+                        onBlur={() => setTimeout(() => setFocused(false), 150)}
+                        placeholder={isMinor ? 'Search minors...' : 'Search majors...'}
+                        style={{ ...inputStyle }}
+                      />
+                      {focused && suggestions.length > 0 && (
+                        <div style={{
+                          position: 'absolute', top: 'calc(100% + 6px)', left: 0, right: 0,
+                          background: '#ffffff', border: '1px solid rgba(0,0,0,0.1)',
+                          borderRadius: '14px', maxHeight: '180px', overflowY: 'auto',
+                          zIndex: 100, boxShadow: '0 8px 32px rgba(0,0,0,0.12)',
+                        }} role="listbox" aria-label={isMinor ? 'Minor suggestions' : 'Major suggestions'}>
+                          {suggestions.map((s, i) => (
+                            <button
+                              key={i}
+                              type="button"
+                              role="option"
+                              aria-selected={items.includes(s)}
+                              onMouseDown={() => addItem(s)}
+                              onKeyDown={e => handleOptionKeyDown(e, () => addItem(s))}
+                              style={{
+                              width: '100%',
+                              textAlign: 'left',
+                              padding: '11px 18px', fontSize: '14px', color: '#111827', cursor: 'pointer',
+                              borderBottom: i < suggestions.length - 1 ? '1px solid rgba(0,0,0,0.06)' : 'none',
+                              fontFamily: "var(--font-dm-sans), 'DM Sans', sans-serif", transition: 'background 0.15s',
+                              background: 'transparent',
+                              borderLeft: 'none',
+                              borderRight: 'none',
+                              borderTop: 'none',
+                            }}
+                              onMouseEnter={e => (e.currentTarget.style.background = 'rgba(27,108,66,0.08)')}
+                              onMouseLeave={e => (e.currentTarget.style.background = 'transparent')}
+                            >{s}</button>
+                          ))}
+                        </div>
+                      )}
+                    </div>
+                    {items.length > 0 && (
+                      <div style={{ display: 'flex', flexWrap: 'wrap', gap: '7px', marginTop: '10px' }}>
+                        {items.map((item, idx) => (
+                          <div key={idx} style={{
+                            background: `${activeCol}18`, border: `1px solid ${activeCol}40`,
+                            borderRadius: '9999px', padding: '5px 12px', fontSize: '12px',
+                            color: '#111827', display: 'flex', alignItems: 'center', gap: '7px',
+                            fontFamily: "var(--font-dm-sans), 'DM Sans', sans-serif",
+                          }}>
+                            {item}
+                            <button onClick={() => setFormData(prev => ({ ...prev, [field]: prev[field].filter((_, i) => i !== idx) }))}
+                              style={{ background: 'none', border: 'none', padding: 0, cursor: 'pointer', display: 'flex', color: 'rgba(0,0,0,0.35)' }}>
+                              <XCircle style={{ width: '13px', height: '13px' }} />
+                            </button>
+                          </div>
+                        ))}
+                      </div>
+                    )}
+                  </div>
+                );
+              })}
+            </div>
+          )}
+
+          {activeStep === 4 && (
+            <div>
+              <h3 style={headingStyle}>
+                What are you studying?
+              </h3>
+              <p style={subtitleStyle}>
+                Search and add your courses this semester.
+              </p>
+              <div style={{ position: 'relative', zIndex: courseFocused ? 20 : 1 }}>
+                <input type="text" value={courseInput}
+                  onChange={e => handleCourseInput(e.target.value)}
+                  onFocus={() => setCourseFocused(true)}
+                  onBlur={() => setTimeout(() => setCourseFocused(false), 150)}
+                  placeholder="Search courses..." autoFocus style={{ ...inputStyle }} />
+                {courseFocused && courseSuggestions.length > 0 && (
+                  <div style={{
+                    position: 'absolute', top: 'calc(100% + 6px)', left: 0, right: 0,
+                    background: '#ffffff', border: '1px solid rgba(0,0,0,0.1)',
+                    borderRadius: '14px', maxHeight: '192px', overflowY: 'auto',
+                    zIndex: 100, boxShadow: '0 8px 32px rgba(0,0,0,0.12)',
+                  }} role="listbox" aria-label="Course suggestions">
+                    {courseSuggestions.map((c, i) => (
+                      <button
+                        key={c.id}
+                        type="button"
+                        role="option"
+                        aria-selected={false}
+                        onMouseDown={() => addCourse(c)}
+                        onKeyDown={e => handleOptionKeyDown(e, () => addCourse(c))}
+                        style={{
+                          width: '100%', textAlign: 'left', padding: '11px 18px',
+                          fontSize: '14px', color: '#111827', cursor: 'pointer',
+                          borderBottom: i < courseSuggestions.length - 1 ? '1px solid rgba(0,0,0,0.06)' : 'none',
+                          fontFamily: "var(--font-dm-sans), 'DM Sans', sans-serif",
+                          transition: 'background 0.15s', background: 'transparent',
+                          borderLeft: 'none', borderRight: 'none', borderTop: 'none',
+                        }}
+                        onMouseEnter={e => (e.currentTarget.style.background = 'rgba(27,108,66,0.08)')}
+                        onMouseLeave={e => (e.currentTarget.style.background = 'transparent')}
+                      >
+                        <span style={{ fontWeight: 500 }}>{c.course_code}</span>
+                        {c.course_code !== c.course_name && (
+                          <span style={{ color: 'rgba(0,0,0,0.45)', marginLeft: '8px' }}>{c.course_name}</span>
+                        )}
+                      </button>
+                    ))}
+                  </div>
+                )}
+              </div>
+              {formData.courses.length > 0 && (
+                <div style={{ display: 'flex', flexWrap: 'wrap', gap: '8px', marginTop: '12px' }}>
+                  {formData.courses.map((c, idx) => (
+                    <div key={c.id} style={{
+                      background: `${activeColor}18`, border: `1px solid ${activeColor}40`,
+                      borderRadius: '9999px', padding: '6px 14px', color: '#111827',
+                      fontSize: '13px', display: 'flex', alignItems: 'center', gap: '8px',
+                      fontFamily: "var(--font-dm-sans), 'DM Sans', sans-serif",
+                    }}>
+                      {c.course_code}
+                      <button onClick={() => setFormData(prev => ({ ...prev, courses: prev.courses.filter((_, i) => i !== idx) }))}
+                        style={{ background: 'none', border: 'none', padding: 0, cursor: 'pointer', display: 'flex', color: 'rgba(0,0,0,0.35)' }}>
+                        <XCircle style={{ width: '14px', height: '14px' }} />
+                      </button>
+                    </div>
+                  ))}
+                </div>
+              )}
+            </div>
+          )}
+
+          {activeStep === 5 && (
+            <div>
+              <h3 style={headingStyle}>
+                How do you learn best?
+              </h3>
+              <p style={{ ...subtitleStyle, marginBottom: '20px' }}>
+                Sapling&apos;s AI adapts to your style.
+              </p>
+              <div style={{ display: 'flex', flexDirection: 'column', gap: '6px' }}>
+                {LEARNING_STYLES.map(ls => (
+                  <button key={ls.id} onClick={() => setFormData(prev => ({ ...prev, style: ls.id }))} style={{
+                    textAlign: 'left', padding: '12px 16px', borderRadius: '12px',
+                    background: formData.style === ls.id ? `${activeColor}18` : 'rgba(255,255,255,0.45)',
+                    backdropFilter: 'blur(10px)', WebkitBackdropFilter: 'blur(10px)',
+                    border: formData.style === ls.id ? `1px solid ${activeColor}60` : '1px solid rgba(0,0,0,0.09)',
+                    cursor: 'pointer', transition: 'all 0.22s ease',
+                  }}>
+                    <div style={{ color: '#0f172a', fontSize: '13px', fontWeight: 500, marginBottom: '1px', fontFamily: "var(--font-dm-sans), 'DM Sans', sans-serif" }}>{ls.label}</div>
+                    <div style={{ color: 'rgba(0,0,0,0.4)', fontSize: '12px', fontFamily: "var(--font-dm-sans), 'DM Sans', sans-serif" }}>{ls.desc}</div>
+                  </button>
+                ))}
+              </div>
+            </div>
+          )}
+        </div>
+
+        {/* ── Navigation ── */}
+        {activeStep > 0 && (
+          <div style={{ display: 'flex', gap: '10px', marginTop: '28px', justifyContent: 'center' }}>
+            <button onClick={handleBack} style={{
+              display: 'flex', alignItems: 'center', gap: '5px',
+              padding: '13px 22px',
+              background: 'rgba(255,255,255,0.48)', backdropFilter: 'blur(10px)', WebkitBackdropFilter: 'blur(10px)',
+              border: '1px solid rgba(27,108,66,0.25)', borderRadius: '100px',
+              color: '#1B6C42', fontSize: '13px', fontWeight: 500,
+              cursor: 'pointer', transition: 'all 0.2s ease',
+              fontFamily: "var(--font-dm-sans), 'DM Sans', sans-serif",
+            }}>
+              <ChevronLeft style={{ width: '15px', height: '15px' }} />
+              Back
+            </button>
+            <button onClick={handleNext} disabled={!canAdvance()} style={{
+              display: 'flex', alignItems: 'center', justifyContent: 'center', gap: '6px',
+              padding: '13px 40px',
+              background: canAdvance() ? '#1B6C42' : 'rgba(255,255,255,0.4)',
+              backdropFilter: canAdvance() ? 'none' : 'blur(10px)',
+              WebkitBackdropFilter: canAdvance() ? 'none' : 'blur(10px)',
+              border: canAdvance() ? 'none' : '1px solid rgba(0,0,0,0.09)',
+              borderRadius: '100px',
+              color: canAdvance() ? 'white' : 'rgba(0,0,0,0.25)',
+              fontSize: '14px', fontWeight: 600,
+              cursor: canAdvance() ? 'pointer' : 'not-allowed',
+              boxShadow: canAdvance() ? '0 8px 32px rgba(27,108,66,0.35)' : 'none',
+              transition: 'all 0.3s ease',
+              fontFamily: "var(--font-dm-sans), 'DM Sans', sans-serif",
+            }}>
+              {activeStep === STEPS.length - 1
+                ? 'Launch Sapling'
+                : <><span>Continue</span><ChevronRight style={{ width: '16px', height: '16px' }} /></>
+              }
+            </button>
+          </div>
+        )}
+      </div>
+
+      </div>
+    </div>
+  );
+}
diff --git a/frontend/src/components/ShellFrame.tsx b/frontend/src/components/ShellFrame.tsx
new file mode 100644
index 00000000..1f089754
--- /dev/null
+++ b/frontend/src/components/ShellFrame.tsx
@@ -0,0 +1,89 @@
+"use client";
+
+import React, { Suspense } from "react";
+import { TopNav } from "./TopNav";
+import { SideNav } from "./SideNav";
+import { FloatingActions } from "./FloatingActions";
+import { FeedbackFlow } from "./FeedbackFlow";
+import { SessionFeedbackGlobal } from "./SessionFeedbackGlobal";
+import { AtmosphericBackdrop } from "./AtmosphericBackdrop";
+import { AchievementUnlockWatcher } from "./AchievementUnlockWatcher";
+import { useLayoutPref } from "@/lib/useLayoutPref";
+import { useIsMobile } from "@/lib/useIsMobile";
+
+export function ShellFrame({ children }: { children: React.ReactNode }) {
+  const [pref] = useLayoutPref();
+  const isMobile = useIsMobile();
+  const useSidebar = pref === "sidebar" && !isMobile;
+
+  if (useSidebar) {
+    return (
+      <div
+        style={{
+          display: "flex",
+          flexDirection: "row",
+          height: "100vh",
+          overflow: "hidden",
+          position: "relative",
+        }}
+      >
+        <AtmosphericBackdrop />
+        <a href="#main-content" className="skip-link">Skip to content</a>
+        <SideNav />
+        <main
+          id="main-content"
+          tabIndex={-1}
+          style={{
+            flex: 1,
+            overflowY: "auto",
+            minWidth: 0,
+            position: "relative",
+            zIndex: 1,
+          }}
+        >
+          {children}
+        </main>
+        <FloatingActions />
+        <Suspense fallback={null}>
+          <FeedbackFlow />
+          <SessionFeedbackGlobal />
+        </Suspense>
+        <AchievementUnlockWatcher />
+      </div>
+    );
+  }
+
+  return (
+    <div
+      style={{
+        display: "flex",
+        flexDirection: "column",
+        height: "100vh",
+        overflow: "hidden",
+        position: "relative",
+      }}
+    >
+      <AtmosphericBackdrop />
+      <a href="#main-content" className="skip-link">Skip to content</a>
+      <TopNav />
+      <main
+        id="main-content"
+        tabIndex={-1}
+        style={{
+          flex: 1,
+          overflowY: "auto",
+          minWidth: 0,
+          position: "relative",
+          zIndex: 1,
+        }}
+      >
+        {children}
+      </main>
+      <FloatingActions />
+      <Suspense fallback={null}>
+        <FeedbackFlow />
+        <SessionFeedbackGlobal />
+      </Suspense>
+    </div>
+  );
+}
diff --git a/frontend/src/components/SideNav.tsx b/frontend/src/components/SideNav.tsx
new file mode 100644
index 00000000..7328f94f
--- /dev/null
+++ b/frontend/src/components/SideNav.tsx
@@ -0,0 +1,313 @@
+"use client";
+
+import React from "react";
+import Link from "next/link";
+import { usePathname, useRouter } from "next/navigation";
+import { Avatar } from "./Avatar";
+import { Icon } from "./Icon";
+import { useUser } from "@/context/UserContext";
+
+type Entry = { href: string; label: string; icon: string };
+
+const SECTIONS: { label: string; items: Entry[] }[] = [
+  {
+    label: "Learn",
+    items: [
+      { href: "/dashboard", label: "Dashboard", icon: "home" },
+      { href: "/learn",     label: "Learn",     icon: "brain" },
+      { href: "/tree",      label: "Tree",      icon: "tree" },
+      { href: "/study",     label: "Study",     icon: "bolt" },
+    ],
+  },
+  {
+    label: "Organize",
+    items: [
+      { href: "/library",  label: "Library",  icon: "book" },
+      { href: "/calendar", label: "Calendar", icon: "cal" },
+    ],
+  },
+  {
+    label: "Community",
+    items: [
+      { href: "/social",       label: "Social",       icon: "users" },
+      { href: "/achievements", label: "Achievements", icon: "trophy" },
+    ],
+  },
+];
+
+export const SIDE_NAV_WIDTH = 232;
+
+function isActive(pathname: string, href: string): boolean {
+  if (href === "/dashboard") return pathname === "/" || pathname.startsWith("/dashboard");
+  return pathname === href || pathname.startsWith(href + "/");
+}
+
+export function SideNav() {
+  const pathname = usePathname() || "/";
+  const router = useRouter();
+  const { userName, avatarUrl, isAdmin, isAuthenticated, signOut } = useUser();
+  const [menuOpen, setMenuOpen] = React.useState(false);
+  const menuRef = React.useRef<HTMLDivElement | null>(null);
+
+  React.useEffect(() => { setMenuOpen(false); }, [pathname]);
+
+  React.useEffect(() => {
+    const onClick = (e: MouseEvent) => {
+      if (menuRef.current && !menuRef.current.contains(e.target as Node)) setMenuOpen(false);
+    };
+    const onKey = (e: KeyboardEvent) => { if (e.key === "Escape") setMenuOpen(false); };
+    document.addEventListener("mousedown", onClick);
+    document.addEventListener("keydown", onKey);
+    return () => {
+      document.removeEventListener("mousedown", onClick);
+      document.removeEventListener("keydown", onKey);
+    };
+  }, []);
+
+  const onSignOut = async () => {
+    setMenuOpen(false);
+    await signOut();
+    router.replace("/auth");
+  };
+
+  return (
+    <aside
+      role="navigation"
+      aria-label="Primary"
+      style={{
+        width: SIDE_NAV_WIDTH,
+        minWidth: SIDE_NAV_WIDTH,
+        height: "100vh",
+        borderRight: "1px solid var(--border)",
+        background: "var(--bg-subtle)",
+        padding: "16px 10px",
+        display: "flex",
+        flexDirection: "column",
+        gap: 2,
+        overflowY: "auto",
+        overflowX: "hidden",
+      }}
+    >
+      {/* Logo — same composition as TopNav so brand stays consistent */}
+      <Link
+        href="/dashboard"
+        style={{
+          display: "flex",
+          alignItems: "center",
+          gap: 2,
+          padding: "2px 8px 14px",
+          borderBottom: "1px solid var(--border)",
+          marginBottom: 8,
+          textDecoration: "none",
+        }}
+      >
+        <img
+          src="/sapling-icon.svg"
+          alt="Sapling"
+          style={{
+            width: 32,
+            height: 32,
+            marginTop: -4,
+            marginLeft: -2,
+            marginRight: -4,
+            alignSelf: "center",
+            flexShrink: 0,
+          }}
+        />
+        <div style={{ display: "flex", flexDirection: "column", gap: 1, alignItems: "flex-start" }}>
+          <span
+            style={{
+              fontFamily: "'Spectral', Georgia, serif",
+              fontWeight: 700,
+              fontSize: 20,
+              color: "#1a5c2a",
+              letterSpacing: "-0.02em",
+              textShadow: "0 0 12px rgba(26, 92, 42, 0.2)",
+              lineHeight: 1.1,
+            }}
+          >
+            Sapling
+          </span>
+          <span
+            style={{
+              fontSize: 9,
+              fontWeight: 600,
+              color: "#1a5c2a",
+              letterSpacing: "0.08em",
+              textTransform: "uppercase",
+              opacity: 0.7,
+              lineHeight: 1,
+            }}
+          >
+            Closed Alpha
+          </span>
+        </div>
+      </Link>
+
+      {SECTIONS.map((section, i) => (
+        <React.Fragment key={section.label}>
+          <div
+            className="label-micro"
+            style={{ padding: i === 0 ? "4px 10px 4px" : "14px 10px 4px" }}
+          >
+            {section.label}
+          </div>
+          {section.items.map(item => (
+            <NavLink key={item.href} entry={item} active={isActive(pathname, item.href)} />
+          ))}
+        </React.Fragment>
+      ))}
+
+      <div style={{ flex: 1 }} />
+
+      <NavLink
+        entry={{ href: "/settings", label: "Settings", icon: "cog" }}
+        active={isActive(pathname, "/settings")}
+      />
+      {isAdmin && (
+        <NavLink
+          entry={{ href: "/admin", label: "Admin", icon: "shield" }}
+          active={isActive(pathname, "/admin")}
+        />
+      )}
+
+      {isAuthenticated && (
+        <div
+          ref={menuRef}
+          style={{
+            position: "relative",
+            padding: "10px 6px 4px",
+            borderTop: "1px solid var(--border)",
+            marginTop: 8,
+          }}
+        >
+          <button
+            aria-label="Account menu"
+            aria-expanded={menuOpen}
+            onClick={() => setMenuOpen(o => !o)}
+            style={{
+              display: "flex",
+              alignItems: "center",
+              gap: 10,
+              width: "100%",
+              padding: "6px 6px",
+              borderRadius: "var(--r-sm)",
+              background: "transparent",
+              transition: "background var(--dur-fast) var(--ease)",
+              textAlign: "left",
+            }}
+            onMouseEnter={(e) => { e.currentTarget.style.background = "var(--bg-soft)"; }}
+            onMouseLeave={(e) => { e.currentTarget.style.background = "transparent"; }}
+          >
+            <Avatar name={userName || "?"} size={30} img={avatarUrl || undefined} />
+            <div style={{ minWidth: 0, flex: 1 }}>
+              <div
+                style={{
+                  fontSize: 13,
+                  fontWeight: 600,
+                  color: "var(--text)",
+                  overflow: "hidden",
+                  textOverflow: "ellipsis",
+                  whiteSpace: "nowrap",
+                }}
+              >
+                {userName || "You"}
+              </div>
+              <div style={{ fontSize: 11, color: "var(--text-muted)" }}>Account</div>
+            </div>
+            <Icon name="chev" size={12} />
+          </button>
+          {menuOpen && (
+            <div
+              style={{
+                position: "absolute",
+                bottom: "calc(100% + 6px)",
+                left: 6,
+                right: 6,
+                padding: "6px 0",
+                background: "var(--bg-panel)",
+                border: "1px solid var(--border)",
+                borderRadius: "var(--r-md)",
+                boxShadow: "var(--shadow-md)",
+                zIndex: 100,
+              }}
+            >
+              <MenuItem href="/settings" label="Settings" icon="cog" />
+              {isAdmin && <MenuItem href="/admin" label="Admin" icon="shield" />}
+              <button
+                onClick={onSignOut}
+                style={{
+                  width: "100%",
+                  padding: "8px 14px",
+                  textAlign: "left",
+                  fontSize: 13,
+                  color: "var(--text-dim)",
+                  transition: "background var(--dur-fast) var(--ease)",
+                }}
+                onMouseEnter={(e) => { e.currentTarget.style.background = "var(--bg-soft)"; }}
+                onMouseLeave={(e) => { e.currentTarget.style.background = "transparent"; }}
+              >
+                Sign out
+              </button>
+            </div>
+          )}
+        </div>
+      )}
+    </aside>
+  );
+}
+
+function NavLink({ entry, active }: { entry: Entry; active: boolean }) {
+  return (
+    <Link
+      href={entry.href}
+      style={{
+        display: "flex",
+        alignItems: "center",
+        gap: 10,
+        width: "100%",
+        padding: "8px 12px",
+        borderRadius: "var(--r-sm)",
+        background: active ? "var(--accent-soft)" : "transparent",
+        color: active ? "var(--accent)" : "var(--text-dim)",
+        fontWeight: active ? 600 : 400,
+        fontSize: 13,
+        borderLeft: active ? "2px solid var(--accent)" : "2px solid transparent",
+        transition: "background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease)",
+        textDecoration: "none",
+      }}
+      onMouseEnter={(e) => {
+        if (!active) e.currentTarget.style.color = "var(--text)";
+      }}
+      onMouseLeave={(e) => {
+        if (!active) e.currentTarget.style.color = "var(--text-dim)";
+      }}
+    >
+      <Icon name={entry.icon} size={15} />
+      <span style={{ flex: 1 }}>{entry.label}</span>
+    </Link>
+  );
+}
+
+function MenuItem({ href, label, icon }: { href: string; label: string; icon: string }) {
+  return (
+    <Link
+      href={href}
+      style={{
+        display: "flex",
+        alignItems: "center",
+        gap: 10,
+        padding: "8px 14px",
+        fontSize: 13,
+        color: "var(--text-dim)",
+        textDecoration: "none",
+        transition: "background var(--dur-fast) var(--ease)",
+      }}
+      onMouseEnter={(e) => { e.currentTarget.style.background = "var(--bg-soft)"; }}
+      onMouseLeave={(e) => { e.currentTarget.style.background = "transparent"; }}
+    >
+      <Icon name={icon} size={14} />
+      {label}
+    </Link>
+  );
+}
diff --git a/frontend/src/components/screens/Admin.tsx b/frontend/src/components/screens/Admin.tsx
index 197d746f..dc67f911 100644
--- a/frontend/src/components/screens/Admin.tsx
+++ b/frontend/src/components/screens/Admin.tsx
@@ -277,13 +277,27 @@ function UsersTab() {
 
 function RolesTab() {
   const toast = useToast();
+  const { userName, avatarUrl, username } = useUser();
   const [roles, setRoles] = React.useState<Role[]>([]);
   const [form, setForm] = React.useState({
     name: "", slug: "", color: "#8a7bc4", icon: "", description: "",
     is_staff_assigned: true, is_earnable: false, display_priority: 0,
   });
+  const [slugEdited, setSlugEdited] = React.useState(false);
   const [saving, setSaving] = React.useState(false);
 
+  const previewRole: Role = {
+    id: "preview",
+    name: form.name.trim() || "Role name",
+    slug: form.slug || "role-slug",
+    color: form.color,
+    icon: form.icon.trim() || null,
+    description: form.description.trim() || null,
+    is_staff_assigned: form.is_staff_assigned,
+    is_earnable: form.is_earnable,
+    display_priority: form.display_priority,
+  };
+
   const load = async () => {
     try {
       const r = await adminListRoles();
@@ -312,6 +326,7 @@ function RolesTab() {
         display_priority: form.display_priority,
       });
       setForm({ name: "", slug: "", color: "#8a7bc4", icon: "", description: "", is_staff_assigned: true, is_earnable: false, display_priority: 0 });
+      setSlugEdited(false);
       await load();
       toast.success("Role created");
     } catch (err) {
@@ -334,18 +349,48 @@ function RolesTab() {
   return (
     <div style={{ display: "grid", gridTemplateColumns: "minmax(280px, 360px) 1fr", gap: 16 }}>
       <div className="card" style={{ padding: "var(--pad-lg)" }}>
-        <div className="label-micro" style={{ marginBottom: 10 }}>Create role</div>
+        <div className="label-micro" style={{ marginBottom: 10 }}>Preview</div>
+        <RoleProfilePreview
+          draftRole={previewRole}
+          draftActive={Boolean(form.name.trim())}
+          existingRoles={roles}
+          userName={userName}
+          username={username}
+          avatarUrl={avatarUrl}
+        />
+        <div className="label-micro" style={{ marginTop: 18, marginBottom: 10 }}>Create role</div>
         <LabeledField label="Name">
-          <input value={form.name} onChange={e => setForm(f => ({ ...f, name: e.target.value }))} style={fieldStyle} />
+          <input
+            value={form.name}
+            onChange={e => {
+              const name = e.target.value;
+              setForm(f => ({
+                ...f,
+                name,
+                slug: slugEdited ? f.slug : name.toLowerCase().trim().replace(/[^a-z0-9]+/g, '-').replace(/^-+|-+$/g, ''),
+              }));
+            }}
+            style={fieldStyle}
+          />
         </LabeledField>
         <LabeledField label="Slug">
-          <input value={form.slug} onChange={e => setForm(f => ({ ...f, slug: e.target.value.toLowerCase().replace(/[^a-z0-9-]/g, '-') }))} style={fieldStyle} />
+          <input
+            value={form.slug}
+            onChange={e => {
+              setSlugEdited(true);
+              setForm(f => ({ ...f, slug: e.target.value.toLowerCase().replace(/[^a-z0-9-]/g, '-') }));
+            }}
+            style={fieldStyle}
+          />
+          <div style={{ fontSize: 11, color: "var(--text-muted)", marginTop: 4 }}>
+            URL-friendly ID. Auto-filled from name; edit to override.
+          </div>
         </LabeledField>
         <LabeledField label="Color">
           <input type="color" value={form.color} onChange={e => setForm(f => ({ ...f, color: e.target.value }))} style={{ ...fieldStyle, height: 36, padding: 2 }} />
         </LabeledField>
-        <LabeledField label="Icon (emoji)">
-          <input value={form.icon} onChange={e => setForm(f => ({ ...f, icon: e.target.value }))} placeholder="🛡️" style={fieldStyle} />
+        <LabeledField label="Icon (emoji, optional)">
+          <input value={form.icon} onChange={e => setForm(f => ({ ...f, icon: e.target.value }))} placeholder="🛡️ (leave blank to skip)" style={fieldStyle} />
         </LabeledField>
         <LabeledField label="Description">
           <textarea value={form.description} onChange={e => setForm(f => ({ ...f, description: e.target.value }))} rows={2} style={fieldStyle} />
@@ -785,6 +830,54 @@ function CatalogRow({
   );
 }
 
+function RoleProfilePreview({
+  draftRole, draftActive, existingRoles, userName, username, avatarUrl,
+}: {
+  draftRole: Role;
+  draftActive: boolean;
+  existingRoles: Role[];
+  userName: string;
+  username: string | null;
+  avatarUrl: string;
+}) {
+  const displayName = userName || "Your Name";
+  const handle = username ? `@${username}` : "@you";
+  return (
+    <div style={{
+      border: "1px solid var(--border)",
+      borderRadius: "var(--r-md)",
+      padding: 14,
+      background: "var(--bg-subtle)",
+      display: "flex",
+      alignItems: "flex-start",
+      gap: 12,
+    }}>
+      <Avatar name={displayName} img={avatarUrl || undefined} size={44} />
+      <div style={{ flex: 1, minWidth: 0 }}>
+        <div style={{ display: "flex", alignItems: "center", gap: 6, flexWrap: "wrap", rowGap: 4 }}>
+          <span style={{ fontWeight: 600, fontSize: 14 }}>{displayName}</span>
+          {draftActive && (
+            <span style={{ position: "relative", display: "inline-flex" }}>
+              <RoleBadge role={draftRole} />
+              <span style={{
+                position: "absolute", top: -6, right: -6,
+                fontSize: 8, fontWeight: 600, letterSpacing: "0.05em",
+                padding: "1px 4px", borderRadius: 4,
+                background: "var(--accent)", color: "#fff",
+                textTransform: "uppercase",
+              }}>
+                draft
+              </span>
+            </span>
+          )}
+          {existingRoles.map(r => <RoleBadge key={r.id} role={r} />)}
+        </div>
+        <div style={{ fontSize: 12, color: "var(--text-muted)", marginTop: 2 }}>{handle}</div>
+      </div>
+    </div>
+  );
+}
+
 function LabeledField({ label, children }: { label: string; children: React.ReactNode }) {
   return (
     <div style={{ marginBottom: 10 }}>
diff --git a/frontend/src/components/screens/Calendar.tsx b/frontend/src/components/screens/Calendar.tsx
index 347d15df..fe73bd52 100644
--- a/frontend/src/components/screens/Calendar.tsx
+++ b/frontend/src/components/screens/Calendar.tsx
@@ -17,7 +17,9 @@ import {
   syncCalendar,
   calendarAuthUrl,
   updateAssignment,
+  deleteAssignment,
   importGoogleEvents,
+  exportToGoogleCalendar,
   type Assignment,
   type EnrolledCourse,
   type GoogleEvent,
@@ -259,6 +261,7 @@ export function Calendar() {
           onSelectedChange={setSelected}
           onExport={exportCsv}
           onReload={load}
+          googleConnected={googleConnected}
         />
       )}
 
@@ -572,7 +575,7 @@ function DayView({ cursor, byDate, courses }: { cursor: Date; byDate: Map<string
 }
 
 function AssignmentTable({
-  assignments, courses, selected, onSelectedChange, onExport, onReload,
+  assignments, courses, selected, onSelectedChange, onExport, onReload, googleConnected,
 }: {
   assignments: Assignment[];
   courses: EnrolledCourse[];
@@ -580,12 +583,15 @@ function AssignmentTable({
   onSelectedChange: (s: Set<string>) => void;
   onExport: () => void;
   onReload: () => void | Promise<void>;
+  googleConnected: boolean;
 }) {
   const toast = useToast();
   const { userId } = useUser();
   const [editing, setEditing] = React.useState<string | null>(null);
   const [draft, setDraft] = React.useState<Partial<Assignment>>({});
   const [saving, setSaving] = React.useState(false);
+  const [exporting, setExporting] = React.useState(false);
+  const [deletingId, setDeletingId] = React.useState<string | null>(null);
   type SortKey = "due_date" | "title" | "course" | "type";
   const [sortKey, setSortKey] = React.useState<SortKey>("due_date");
   const [sortDir, setSortDir] = React.useState<"asc" | "desc">("asc");
@@ -614,6 +620,43 @@ function AssignmentTable({
     onSelectedChange(next);
   };
 
+  const removeOne = async (a: Assignment) => {
+    if (!userId) return;
+    if (!window.confirm(`Delete "${a.title}"?`)) return;
+    setDeletingId(a.id);
+    try {
+      await deleteAssignment(a.id, userId);
+      const next = new Set(selected);
+      next.delete(a.id);
+      onSelectedChange(next);
+      toast.success("Assignment deleted.");
+      await onReload();
+    } catch (err) {
+      toast.error(`Delete failed: ${String(err)}`);
+    } finally {
+      setDeletingId(null);
+    }
+  };
+
+  const bulkExport = async () => {
+    if (!userId || selected.size === 0) {
+      toast.warn("Select assignments first.");
+      return;
+    }
+    setExporting(true);
+    try {
+      const res = await exportToGoogleCalendar(userId, Array.from(selected));
+      toast.success(
+        `Exported ${res.exported_count}${res.skipped_count ? ` (${res.skipped_count} skipped)` : ""}.`
+      );
+      await onReload();
+    } catch (err) {
+      toast.error(`Export failed: ${String(err)}`);
+    } finally {
+      setExporting(false);
+    }
+  };
+
   const beginEdit = (a: Assignment) => {
     setEditing(a.id);
     setDraft({ title: a.title, course_id: a.course_id, due_date: a.due_date, assignment_type: a.assignment_type || "", notes: a.notes || "" });
@@ -672,6 +715,16 @@ function AssignmentTable({
         <button className="btn btn--sm" onClick={onExport}>
           <Icon name="doc" size={12} /> Export CSV
         </button>
+        {googleConnected && (
+          <button
+            className="btn btn--sm"
+            onClick={bulkExport}
+            disabled={exporting || selected.size === 0}
+            title={selected.size === 0 ? "Select assignments first" : "Push selected assignments to Google Calendar"}
+          >
+            <Icon name="cal" size={12} /> {exporting ? "Exporting…" : "Export to Google"}
+          </button>
+        )}
       </div>
       <div className="card" style={{ padding: 0, overflow: "hidden" }}>
         <table style={{ width: "100%", borderCollapse: "collapse", fontSize: 12 }}>
@@ -753,9 +806,20 @@ function AssignmentTable({
                         <button className="btn btn--sm btn--ghost" onClick={cancel} disabled={saving}>Cancel</button>
                       </>
                     ) : (
-                      <button className="btn btn--sm btn--ghost" onClick={() => beginEdit(a)}>
-                        <Icon name="pencil" size={11} />
-                      </button>
+                      <>
+                        <button className="btn btn--sm btn--ghost" onClick={() => beginEdit(a)} title="Edit">
+                          <Icon name="pencil" size={11} />
+                        </button>
+                        <button
+                          className="btn btn--sm btn--ghost"
+                          onClick={() => removeOne(a)}
+                          disabled={deletingId === a.id}
+                          title="Delete"
+                          style={{ color: "var(--err)" }}
+                        >
+                          {deletingId === a.id ? "…" : <Icon name="x" size={11} />}
+                        </button>
+                      </>
                     )}
                   </td>
                 </tr>
diff --git a/frontend/src/components/screens/Dashboard.tsx b/frontend/src/components/screens/Dashboard.tsx
index 5f7aa98d..9d895fc0 100644
--- a/frontend/src/components/screens/Dashboard.tsx
+++ b/frontend/src/components/screens/Dashboard.tsx
@@ -8,6 +8,7 @@ import { KnowledgeGraph } from "../KnowledgeGraph";
 import { ManageCoursesModal } from "../ManageCoursesModal";
 import { useUser } from "@/context/UserContext";
 import { useIsMobile } from "@/lib/useIsMobile";
+import { useLayoutPref } from "@/lib/useLayoutPref";
 import {
   getGraph,
   getCourses,
@@ -129,6 +130,62 @@ function Typewriter({
   );
 }
 
+const STREAK_SHIELD_PATH =
+  "M8 2.5 L23.5 3.8 Q28.8 4.3 28.3 9.6 L27 24.2 Q26.4 29.2 21.2 28.5 L8.2 27.4 Q3 26.9 3.6 21.7 L4.9 7.6 Q5.5 2.5 10.4 2.7 Z";
+
+function StreakMark({ state, day }: { state: "done" | "today" | "missed" | "future"; day: number }) {
+  if (state === "done") {
+    return (
+      <svg viewBox="0 0 32 32" width="30" height="30" aria-label="completed">
+        <path d={STREAK_SHIELD_PATH} fill="#e87734" />
+        <path
+          d="M10.5 16.5 L14.2 20.2 L22 12.4"
+          stroke="#fff"
+          strokeWidth="3"
+          fill="none"
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+      </svg>
+    );
+  }
+  if (state === "today") {
+    return (
+      <svg viewBox="0 0 32 32" width="30" height="30" aria-label="today">
+        <circle cx="16" cy="16" r="13" fill="#e94b5c" />
+        <path
+          d="M16 10 V22 M10 16 H22"
+          stroke="#fff"
+          strokeWidth="3"
+          fill="none"
+          strokeLinecap="round"
+        />
+      </svg>
+    );
+  }
+  return (
+    <svg viewBox="0 0 32 32" width="30" height="30" aria-label={state === "missed" ? "missed" : "upcoming"}>
+      <path
+        d={STREAK_SHIELD_PATH}
+        fill="none"
+        stroke="var(--border)"
+        strokeWidth="1.5"
+      />
+      <text
+        x="16"
+        y="20"
+        textAnchor="middle"
+        fontSize="11"
+        fontWeight="500"
+        fill="var(--text-muted)"
+        opacity={state === "future" ? 0.5 : 1}
+      >
+        {day}
+      </text>
+    </svg>
+  );
+}
+
 function getWeekDays(today: Date) {
   // Monday-first ISO week.
   const start = new Date(today);
@@ -147,6 +204,12 @@ export function Dashboard() {
   const search = useSearchParams();
   const { userId, userName, userReady } = useUser();
   const isMobile = useIsMobile();
+  const [layoutPref] = useLayoutPref();
+  // Top-nav layout keeps the pre-revamp 3-column dashboard with the
+  // streak widget, Learn-next recommendations, and My Courses as a
+  // proper panel on the left. Sidebar layout uses the new 2-column
+  // design with the CoursesKey overlay inside the graph panel.
+  const useLegacyPanels = layoutPref === "topnav";
 
   const [nodes, setNodes] = React.useState<GraphNode[]>([]);
   const [edges, setEdges] = React.useState<GraphEdge[]>([]);
@@ -169,7 +232,22 @@ export function Dashboard() {
   // height — 420 is a reasonable pre-measurement guess that lines up
   // with the new minHeight. ResizeObserver corrects it on mount.
   const [size, setSize] = React.useState({ w: 720, h: 420 });
-  const gRef = React.useRef<HTMLDivElement>(null);
+  // Callback ref so the ResizeObserver (re)attaches every time the graph
+  // container mounts — the loading branch renders before the graph exists,
+  // so a plain useRef + useEffect misses the attachment.
+  const roRef = React.useRef<ResizeObserver | null>(null);
+  const gRefCb = React.useCallback((el: HTMLDivElement | null) => {
+    roRef.current?.disconnect();
+    roRef.current = null;
+    if (!el) return;
+    const ro = new ResizeObserver((entries) => {
+      for (const e of entries) {
+        setSize({ w: e.contentRect.width, h: e.contentRect.height });
+      }
+    });
+    ro.observe(el);
+    roRef.current = ro;
+  }, []);
 
   const suggest = search.get("suggest");
   const [suggestDismissed, setSuggestDismissed] = React.useState(false);
@@ -187,13 +265,6 @@ export function Dashboard() {
   }, []);
   const weekDays = React.useMemo(() => getWeekDays(today), [today]);
 
-  React.useEffect(() => {
-    const ro = new ResizeObserver((entries) => {
-      for (const e of entries) setSize({ w: e.contentRect.width, h: e.contentRect.height });
-    });
-    if (gRef.current) ro.observe(gRef.current);
-    return () => ro.disconnect();
-  }, [fullscreen]);
 
   const load = React.useCallback(async () => {
     if (!userId) return;
@@ -259,8 +330,7 @@ export function Dashboard() {
   React.useEffect(() => {
     setGreetingPrefix(getGreetingPrefix(new Date()));
   }, []);
-  // Pre-revamp greeting ended with a period for typographic weight.
-  const greetingText = firstName ? `${greetingPrefix}, ${firstName}.` : "Welcome back.";
+  const greetingText = firstName ? `${greetingPrefix}, ${firstName}` : "Welcome back";
   const [greetingDone, setGreetingDone] = React.useState(false);
   // Greeting + quote render as a centered hero below the TopBar (see
   // return JSX), not as TopBar title/subtitle. Leaving the TopBar lean
@@ -270,10 +340,16 @@ export function Dashboard() {
     return courses.map(c => {
       const courseNodes = nodes.filter(n => n.course_id === c.course_id && !n.is_subject_root);
       const mastered = courseNodes.filter(n => n.mastery_tier === "mastered").length;
+      const learning = courseNodes.filter(n => n.mastery_tier === "learning").length;
+      const struggling = courseNodes.filter(n => n.mastery_tier === "struggling").length;
+      const unexplored = courseNodes.filter(n => n.mastery_tier === "unexplored" || !n.mastery_tier).length;
       const total = courseNodes.length;
       return {
         course: c,
         mastered,
+        learning,
+        struggling,
+        unexplored,
         total,
         progress: total ? mastered / total : 0,
       };
@@ -335,7 +411,7 @@ export function Dashboard() {
           </div>
         </div>
         <div style={{ display: "flex", gap: 10, flexWrap: "wrap", alignItems: "center" }}>
-          {courses.slice(0, 5).map((c) => (
+          {useLegacyPanels && courses.slice(0, 5).map((c) => (
             <div key={c.course_id} style={{ display: "flex", alignItems: "center", gap: 6, fontSize: 11, color: "var(--text-dim)" }}>
               <span style={{ width: 10, height: 10, borderRadius: "50%", background: c.color || "var(--accent)" }} />
               {c.course_code || c.course_name}
@@ -350,7 +426,7 @@ export function Dashboard() {
           </button>
         </div>
       </div>
-      <div ref={gRef} style={{ position: "relative", flex: 1, minHeight: 260 }}>
+      <div ref={gRefCb} style={{ position: "relative", flex: 1, minHeight: 260 }}>
         <KnowledgeGraph
           nodes={nodes}
           edges={edges}
@@ -365,6 +441,14 @@ export function Dashboard() {
             router.push(`/learn?${p.toString()}`);
           }}
         />
+        {/* Courses key — sidebar layout only. Top-nav layout uses the
+            full My Courses panel in the left column instead. */}
+        {!useLegacyPanels && (
+          <CoursesKey
+            courseProgress={courseProgress}
+            onManage={() => setCoursesOpen(true)}
+          />
+        )}
         <div style={{ position: "absolute", left: 16, bottom: 14, display: "flex", gap: 12, fontSize: 11, color: "var(--text-muted)" }}>
           {([
             ["mastered", "#4a7d5c"],
@@ -382,10 +466,277 @@ export function Dashboard() {
     </div>
   );
 
-  // Pre-revamp layout: 3 columns — courses + upcoming on the left,
-  // graph in the middle (primary focus), stats on the right.
-  const coursesPanel = (
+
+  const graphPanel = (
+    <div style={{ display: "flex", flexDirection: "column", gap: 16, minWidth: 0, flex: 1, minHeight: 0 }}>
+      {graphBlock}
+    </div>
+  );
+
+  const relTime = (iso: string | null | undefined) => {
+    if (!iso) return "—";
+    const diff = Date.now() - new Date(iso).getTime();
+    const mins = Math.round(diff / 60000);
+    if (mins < 1) return "just now";
+    if (mins < 60) return `${mins}m ago`;
+    const hrs = Math.round(mins / 60);
+    if (hrs < 24) return `${hrs}h ago`;
+    const days = Math.round(hrs / 24);
+    if (days === 1) return "yesterday";
+    if (days < 7) return `${days}d ago`;
+    return new Date(iso).toLocaleDateString();
+  };
+
+  const courseNameFor = (id: string | null) => {
+    if (!id) return null;
+    const c = courses.find((co) => co.course_id === id);
+    return c?.course_code || c?.course_name || null;
+  };
+
+  const rightPanel = (
     <div style={{ display: "flex", flexDirection: "column", gap: 16, minWidth: 0 }}>
+      {!isMobile && (
+        <div style={{ padding: "0 2px", display: "flex", justifyContent: "flex-end", gap: 8, minHeight: 30 }}>
+          <button className="btn btn--sm" onClick={() => router.push("/library")}>
+            <Icon name="search" size={13} /> Search
+          </button>
+          <button className="btn btn--sm btn--primary" onClick={() => router.push("/learn")}>
+            <Icon name="sparkle" size={13} /> Start learning
+          </button>
+        </div>
+      )}
+
+      {/* Panel 1 — Streak + Mastered, split 50/50 like the design reference. */}
+      <div className="card" style={{ padding: 0, display: "grid", gridTemplateColumns: "1fr 1fr" }}>
+        <div style={{ padding: "16px 18px", borderRight: "1px solid var(--border)" }}>
+          <div className="label-micro" style={{ marginBottom: 6 }}>Streak</div>
+          <div style={{ display: "flex", alignItems: "baseline", gap: 6 }}>
+            <span
+              className="h-serif"
+              style={{ fontSize: 32, fontWeight: 600, color: stats.streak > 0 ? "var(--warn)" : "var(--text)", lineHeight: 1 }}
+            >
+              {stats.streak}
+            </span>
+            <span style={{ fontSize: 13, color: "var(--text-dim)" }}>days</span>
+          </div>
+          <div style={{ fontSize: 11, color: "var(--text-muted)", marginTop: 6 }}>
+            Personal best: {Math.max(stats.streak, 0)}
+          </div>
+        </div>
+        <div style={{ padding: "16px 18px" }}>
+          <div className="label-micro" style={{ marginBottom: 6 }}>Mastered</div>
+          <div
+            className="h-serif"
+            style={{ fontSize: 32, fontWeight: 600, lineHeight: 1 }}
+          >
+            {stats.mastered}
+          </div>
+          <div style={{ fontSize: 11, color: "var(--text-muted)", marginTop: 6 }}>
+            {stats.total ? `of ${stats.total} concepts` : "no concepts yet"}
+          </div>
+        </div>
+      </div>
+
+      {/* Panel 2 — Where you left off (recent sessions). */}
+      <div className="card" style={{ padding: "var(--pad-lg)" }}>
+        <div style={{ display: "flex", justifyContent: "space-between", alignItems: "center", marginBottom: 6 }}>
+          <div className="label-micro">Today</div>
+          <button
+            className="btn btn--ghost btn--sm"
+            onClick={() => router.push("/learn")}
+          >
+            View all
+          </button>
+        </div>
+        <div className="h-serif" style={{ fontSize: 16, marginBottom: 12 }}>Where you left off</div>
+        {sessions.length === 0 ? (
+          <div style={{ fontSize: 12, color: "var(--text-muted)" }}>
+            No recent sessions — start learning to fill this in.
+          </div>
+        ) : (
+          sessions.slice(0, 3).map((s) => (
+            <button
+              key={s.id}
+              onClick={() => router.push(`/learn?resume=${encodeURIComponent(s.id)}`)}
+              style={{
+                display: "flex", alignItems: "center", gap: 10, width: "100%",
+                padding: "10px 12px", borderRadius: "var(--r-md)",
+                background: "var(--bg-subtle)", marginBottom: 6, textAlign: "left",
+              }}
+            >
+              <Icon name="brain" size={14} />
+              <div style={{ flex: 1, minWidth: 0 }}>
+                <div
+                  style={{
+                    fontSize: 13, fontWeight: 600,
+                    overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap",
+                  }}
+                >
+                  {s.topic}
+                </div>
+                <div
+                  style={{
+                    fontSize: 11, color: "var(--text-muted)",
+                    overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap",
+                  }}
+                >
+                  {[courseNameFor(s.course_id), s.mode, relTime(s.started_at)].filter(Boolean).join(" · ")}
+                </div>
+              </div>
+              <Icon name="chev" size={12} />
+            </button>
+          ))
+        )}
+      </div>
+
+      {/* Panel 3 — Upcoming assignments. */}
+      <div className="card" style={{ padding: "var(--pad-lg)" }}>
+        <div style={{ display: "flex", justifyContent: "space-between", alignItems: "center", marginBottom: 12 }}>
+          <div className="label-micro">Upcoming</div>
+          <button className="btn btn--ghost btn--sm" onClick={() => router.push("/calendar")}>Calendar →</button>
+        </div>
+        {assignments.length === 0 && (
+          <div style={{ fontSize: 12, color: "var(--text-muted)" }}>No upcoming assignments.</div>
+        )}
+        {assignments.slice(0, 4).map((a) => {
+          const diffMs = new Date(a.due_date).getTime() - Date.now();
+          const hours = diffMs / (1000 * 60 * 60);
+          const days = Math.ceil(diffMs / 86400000);
+          let chipClass = "chip--info";
+          let label = `${days}D`;
+          if (hours <= 0) {
+            chipClass = "chip--err";
+            label = "OVERDUE";
+          } else if (hours <= 24) {
+            chipClass = "chip--err";
+            label = hours < 1 ? "NOW" : `${Math.max(1, Math.round(hours))}H`;
+          } else if (days <= 2) {
+            chipClass = "chip--warn";
+          }
+          return (
+            <div key={a.id} style={{ display: "flex", alignItems: "center", gap: 12, padding: "8px 0", borderBottom: "1px solid var(--border)" }}>
+              <div style={{ flex: 1, minWidth: 0 }}>
+                <div style={{ fontSize: 13, fontWeight: 500 }}>{a.title}</div>
+                <div style={{ fontSize: 11, color: "var(--text-muted)" }}>
+                  {a.course_name || "—"} · {a.assignment_type || "task"}
+                </div>
+              </div>
+              <span className={`chip ${chipClass}`}>{label}</span>
+            </div>
+          );
+        })}
+      </div>
+    </div>
+  );
+
+  const heroBlock = (
+    <div style={{ textAlign: "center", padding: isMobile ? "14px 4px 0" : "6px 0 0" }}>
+      <h1
+        className="h-serif"
+        style={{
+          margin: 0,
+          fontSize: isMobile ? 34 : 42,
+          fontWeight: 600,
+          color: "var(--text)",
+          letterSpacing: "-0.02em",
+          lineHeight: 1.15,
+        }}
+      >
+        <Typewriter text={greetingText} onDone={() => setGreetingDone(true)} />
+      </h1>
+      {quote && (
+        <p
+          aria-hidden={!greetingDone}
+          className="body-serif"
+          style={{
+            margin: "14px auto 0",
+            maxWidth: 640,
+            fontSize: 14,
+            fontStyle: "italic",
+            color: "var(--text-dim)",
+            lineHeight: 1.55,
+            opacity: greetingDone ? 1 : 0,
+            transform: greetingDone ? "translateY(0)" : "translateY(-6px)",
+            transition:
+              "opacity 0.55s var(--ease) 0.15s, transform 0.55s var(--ease) 0.15s",
+          }}
+        >
+          "{quote}"
+        </p>
+      )}
+    </div>
+  );
+
+  const mobileMetaRow = isMobile ? (
+    <div
+      style={{
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "space-between",
+        gap: 12,
+        flexWrap: "wrap",
+      }}
+    >
+      <span className="label-micro">Home / Dashboard</span>
+      <div style={{ display: "flex", gap: 8 }}>
+        <button className="btn btn--sm" onClick={() => router.push("/library")}>
+          <Icon name="search" size={13} /> Library
+        </button>
+        <button className="btn btn--sm btn--primary" onClick={() => router.push("/learn")}>
+          <Icon name="sparkle" size={13} /> Start learning
+        </button>
+      </div>
+    </div>
+  ) : null;
+
+  const suggestBlock = suggestNode && !suggestDismissed ? (
+    <div className="card fade-in" style={{ padding: "14px 18px", display: "flex", gap: 14, alignItems: "center", borderColor: "var(--accent-border)", background: "var(--accent-soft)" }}>
+      <Icon name="sparkle" size={16} />
+      <div style={{ flex: 1, fontSize: 13 }}>
+        <strong>Try this next:</strong> {suggestNode.name}
+        {suggestNode.subject && <span style={{ color: "var(--text-dim)" }}> · {suggestNode.subject}</span>}
+      </div>
+      <button className="btn btn--sm btn--primary" onClick={() => router.push(`/learn?topic=${encodeURIComponent(suggestNode.name)}&mode=quiz`)}>
+        Start quiz
+      </button>
+      <button className="btn btn--sm btn--ghost" onClick={dismissSuggest}>Dismiss</button>
+    </div>
+  ) : null;
+
+  const mainColumn = (
+    <div
+      style={{
+        display: "flex",
+        flexDirection: "column",
+        gap: 14,
+        minWidth: 0,
+        minHeight: 0,
+        alignSelf: "stretch",
+      }}
+    >
+      {!isMobile && !useLegacyPanels && (
+        <div style={{ padding: "0 2px", display: "flex", alignItems: "center", minHeight: 30 }}>
+          <span className="label-micro">Home / Dashboard</span>
+        </div>
+      )}
+      {heroBlock}
+      {mobileMetaRow}
+      {suggestBlock}
+      {graphPanel}
+    </div>
+  );
+
+  // ── Legacy (top-nav) layout panels ──────────────────────────────────────
+  // Pre-revamp 3-column dashboard: My Courses + Upcoming on the left,
+  // hero + graph in the middle, streak widget + MiniStat + Learn next
+  // on the right. Only rendered when layoutPref === "topnav".
+  const legacyCoursesPanel = (
+    <div style={{ display: "flex", flexDirection: "column", gap: 16, minWidth: 0 }}>
+      {!isMobile && (
+        <div style={{ padding: "0 2px", display: "flex", alignItems: "center", minHeight: 30 }}>
+          <span className="label-micro">Home / Dashboard</span>
+        </div>
+      )}
       <div className="card" style={{ padding: "var(--pad-lg)" }}>
         <div style={{ display: "flex", justifyContent: "space-between", alignItems: "center", marginBottom: 12 }}>
           <div className="label-micro">My courses</div>
@@ -396,34 +747,59 @@ export function Dashboard() {
         {courseProgress.length === 0 && (
           <div style={{ fontSize: 12, color: "var(--text-muted)" }}>No enrolled courses yet.</div>
         )}
-        {courseProgress.map(({ course, mastered, total, progress }) => (
-          <div key={course.course_id} style={{ marginBottom: 12 }}>
-            <div style={{ display: "flex", justifyContent: "space-between", alignItems: "center", fontSize: 12, marginBottom: 4 }}>
-              <span style={{ display: "inline-flex", alignItems: "center", gap: 8, minWidth: 0 }}>
-                <span style={{ width: 10, height: 10, borderRadius: "50%", background: course.color || "var(--accent)", flexShrink: 0 }} />
-                <strong style={{ overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }}>
-                  {course.course_code || course.course_name}
-                </strong>
-              </span>
-              <span className="mono" style={{ color: "var(--text-dim)", fontSize: 11, flexShrink: 0, marginLeft: 8 }}>
-                {mastered}/{total}
-              </span>
-            </div>
-            <div style={{ height: 6, background: "var(--bg-soft)", borderRadius: "var(--r-full)", overflow: "hidden" }}>
-              <div style={{
-                width: "100%", height: "100%",
-                background: course.color || "var(--accent)",
-                transformOrigin: "left",
-                transform: `scaleX(${progress})`,
-                transition: "transform var(--dur) var(--ease)",
-              }} />
+        {courseProgress.map(({ course, mastered, learning, struggling, unexplored, total, progress }) => {
+          const pct = Math.round(progress * 100);
+          const baseColor = course.color || "var(--accent)";
+          const segments = [
+            { key: "mastered",   count: mastered,   color: baseColor, opacity: 1,    label: "Mastered" },
+            { key: "learning",   count: learning,   color: baseColor, opacity: 0.78, label: "Learning" },
+            { key: "struggling", count: struggling, color: baseColor, opacity: 0.55, label: "Struggling" },
+            { key: "unexplored", count: unexplored, color: "var(--bg-soft)", opacity: 1, label: "Unexplored" },
+          ];
+          return (
+            <div key={course.course_id} style={{ marginBottom: 12 }}>
+              <div style={{ display: "flex", justifyContent: "space-between", alignItems: "center", fontSize: 12, marginBottom: 4 }}>
+                <span style={{ display: "inline-flex", alignItems: "center", gap: 8, minWidth: 0 }}>
+                  <span style={{ width: 10, height: 10, borderRadius: "50%", background: baseColor, flexShrink: 0 }} />
+                  <strong style={{ overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }}>
+                    {course.course_code || course.course_name}
+                  </strong>
+                </span>
+                <span className="mono" style={{ color: "var(--text-dim)", fontSize: 11, flexShrink: 0, marginLeft: 8 }}>
+                  {pct}%
+                </span>
+              </div>
+              {total > 0 ? (
+                <div
+                  style={{
+                    display: "flex",
+                    height: 8,
+                    background: "var(--bg-soft)",
+                    borderRadius: "var(--r-full)",
+                    overflow: "hidden",
+                  }}
+                  title={segments.filter(s => s.count > 0).map(s => `${s.label}: ${s.count}`).join(" · ")}
+                >
+                  {segments.map((s) => s.count > 0 && (
+                    <div
+                      key={s.key}
+                      style={{
+                        width: `${(s.count / total) * 100}%`,
+                        background: s.color,
+                        opacity: s.opacity,
+                        transition: "width var(--dur) var(--ease)",
+                      }}
+                    />
+                  ))}
+                </div>
+              ) : (
+                <div style={{ height: 8, background: "var(--bg-soft)", borderRadius: "var(--r-full)" }} />
+              )}
             </div>
-          </div>
-        ))}
+          );
+        })}
       </div>
 
-      {/* Upcoming assignments live in the left column now, directly under
-          the courses they belong to — feels more like a study planner. */}
       <div className="card" style={{ padding: "var(--pad-lg)" }}>
         <div style={{ display: "flex", justifyContent: "space-between", alignItems: "center", marginBottom: 12 }}>
           <div className="label-micro">Upcoming</div>
@@ -437,10 +813,16 @@ export function Dashboard() {
           const hours = diffMs / (1000 * 60 * 60);
           const days = Math.ceil(diffMs / 86400000);
           let chipClass = "chip--info";
-          let label = `${days}d`;
-          if (hours <= 0) { chipClass = "chip--err"; label = "overdue"; }
-          else if (hours <= 24) { chipClass = "chip--err"; label = hours < 1 ? "now" : `${Math.max(1, Math.round(hours))}h`; }
-          else if (days <= 2) chipClass = "chip--warn";
+          let label = `${days}D`;
+          if (hours <= 0) {
+            chipClass = "chip--err";
+            label = "OVERDUE";
+          } else if (hours <= 24) {
+            chipClass = "chip--err";
+            label = hours < 1 ? "NOW" : `${Math.max(1, Math.round(hours))}H`;
+          } else if (days <= 2) {
+            chipClass = "chip--warn";
+          }
           return (
             <div key={a.id} style={{ display: "flex", alignItems: "center", gap: 12, padding: "8px 0", borderBottom: "1px solid var(--border)" }}>
               <div style={{ flex: 1, minWidth: 0 }}>
@@ -457,25 +839,23 @@ export function Dashboard() {
     </div>
   );
 
-  const graphPanel = (
-    // height: 100% lets this grid cell fill the row. Combined with the
-    // graphBlock's flex: 1, the canvas stretches to match the left
-    // column's stacked cards instead of floating at a fixed 260px.
-    <div style={{ display: "flex", flexDirection: "column", gap: 16, minWidth: 0, height: "100%" }}>
-      {graphBlock}
-    </div>
-  );
-
-  const rightPanel = (
+  const legacyRightPanel = (
     <div style={{ display: "flex", flexDirection: "column", gap: 16, minWidth: 0 }}>
+      {!isMobile && (
+        <div style={{ padding: "0 2px", display: "flex", justifyContent: "flex-end", gap: 8, minHeight: 30 }}>
+          <button className="btn btn--sm" onClick={() => router.push("/library")}>
+            <Icon name="search" size={13} /> Library
+          </button>
+          <button className="btn btn--sm btn--primary" onClick={() => router.push("/learn")}>
+            <Icon name="sparkle" size={13} /> Start learning
+          </button>
+        </div>
+      )}
       <div className="card" style={{ padding: "var(--pad-lg)" }}>
         <div className="label-micro" style={{ marginBottom: 8 }}>This week</div>
-        {/* Prose-style streak line — typographic hierarchy replaces the
-            hero-metric layout (big-number + small-label) called out as
-            an anti-reference in .impeccable.md. */}
         <div className="body-serif" style={{ fontSize: 16, marginBottom: 14, color: "var(--text)" }}>
           {stats.streak > 0 ? (
-            <>You're on a <span className="h-serif" style={{ color: "var(--warn)", fontWeight: 600 }}>{stats.streak}-day</span> streak.</>
+            <>You&apos;re on a <span className="h-serif" style={{ color: "var(--warn)", fontWeight: 600 }}>{stats.streak}-day</span> streak.</>
           ) : (
             <>Ready when you are. Open any session to begin a streak.</>
           )}
@@ -485,21 +865,16 @@ export function Dashboard() {
             const key = d.toISOString().slice(0, 10);
             const active = activeDays.has(key);
             const isToday = d.getTime() === today.getTime();
+            const isPast = d.getTime() < today.getTime();
+            const state: "done" | "today" | "missed" | "future" =
+              active ? "done" : isToday ? "today" : isPast ? "missed" : "future";
             return (
               <div key={key} style={{ textAlign: "center" }}>
                 <div className="label-micro" style={{ fontSize: 9 }}>
                   {d.toLocaleDateString("en-US", { weekday: "short" }).slice(0, 2)}
                 </div>
-                <div
-                  style={{
-                    marginTop: 4, height: 28, borderRadius: "var(--r-sm)",
-                    background: isToday ? "var(--warn)" : active ? "var(--accent-soft)" : "var(--bg-soft)",
-                    color: isToday ? "#fff" : active ? "var(--accent)" : "var(--text-muted)",
-                    display: "grid", placeItems: "center", fontSize: 13,
-                    border: isToday ? "1px solid var(--warn)" : "1px solid var(--border)",
-                  }}
-                >
-                  {active ? "🔥" : d.getDate()}
+                <div style={{ marginTop: 6, display: "grid", placeItems: "center" }}>
+                  <StreakMark state={state} day={d.getDate()} />
                 </div>
               </div>
             );
@@ -555,99 +930,12 @@ export function Dashboard() {
           </button>
         </div>
       </div>
-
     </div>
   );
 
   return (
     <div>
-      {/* Hero at the very top — zero TopBar above it, tight top padding
-          so the greeting is literally the first thing on the page. */}
-      <div
-        style={{
-          textAlign: "center",
-          padding: isMobile ? "14px 20px 0" : "18px 32px 0",
-        }}
-      >
-        <h1
-          className="h-serif"
-          style={{
-            margin: 0,
-            fontSize: isMobile ? 26 : 30,
-            fontWeight: 600,
-            color: "var(--text)",
-            letterSpacing: "-0.02em",
-            lineHeight: 1.2,
-          }}
-        >
-          <Typewriter text={greetingText} onDone={() => setGreetingDone(true)} />
-        </h1>
-        {/* Quote always reserves its layout space so panels below never
-            shift when the greeting finishes typing. Entry is opacity +
-            subtle translateY so the quote *feels* like it drops in
-            without actually moving anything else on the page. */}
-        {quote && (
-          <p
-            aria-hidden={!greetingDone}
-            className="body-serif"
-            style={{
-              margin: "22px auto 0",
-              maxWidth: 640,
-              fontSize: 14,
-              fontStyle: "italic",
-              color: "var(--text-dim)",
-              lineHeight: 1.55,
-              opacity: greetingDone ? 1 : 0,
-              transform: greetingDone ? "translateY(0)" : "translateY(-6px)",
-              transition:
-                "opacity 0.55s var(--ease) 0.15s, transform 0.55s var(--ease) 0.15s",
-            }}
-          >
-            "{quote}"
-          </p>
-        )}
-      </div>
-
-      {/* Meta row pushed DOWN below the hero, tight padding. Breadcrumb
-          left, actions right — one line of chrome, no bar. */}
-      <div
-        style={{
-          padding: isMobile ? "10px 20px 0" : "12px 32px 0",
-          display: "flex",
-          alignItems: "center",
-          justifyContent: "space-between",
-          gap: 12,
-          flexWrap: "wrap",
-        }}
-      >
-        <span className="label-micro">Home / Dashboard</span>
-        <div style={{ display: "flex", gap: 8 }}>
-          <button className="btn btn--sm" onClick={() => router.push("/library")}>
-            <Icon name="search" size={13} /> Library
-          </button>
-          <button className="btn btn--sm btn--primary" onClick={() => router.push("/learn")}>
-            <Icon name="sparkle" size={13} /> Start learning
-          </button>
-        </div>
-      </div>
-
-      {suggestNode && !suggestDismissed && (
-        <div style={{ padding: "14px 32px 0" }}>
-          <div className="card fade-in" style={{ padding: "14px 18px", display: "flex", gap: 14, alignItems: "center", borderColor: "var(--accent-border)", background: "var(--accent-soft)" }}>
-            <Icon name="sparkle" size={16} />
-            <div style={{ flex: 1, fontSize: 13 }}>
-              <strong>Try this next:</strong> {suggestNode.name}
-              {suggestNode.subject && <span style={{ color: "var(--text-dim)" }}> · {suggestNode.subject}</span>}
-            </div>
-            <button className="btn btn--sm btn--primary" onClick={() => router.push(`/learn?topic=${encodeURIComponent(suggestNode.name)}&mode=quiz`)}>
-              Start quiz
-            </button>
-            <button className="btn btn--sm btn--ghost" onClick={dismissSuggest}>Dismiss</button>
-          </div>
-        </div>
-      )}
-
-      {isMobile && (
+      {isMobile && useLegacyPanels && (
         <div style={{ display: "flex", gap: 6, padding: "14px 20px 0" }}>
           {(["courses", "stats"] as const).map(t => (
             <button
@@ -667,35 +955,49 @@ export function Dashboard() {
         </div>
       )}
 
-      <div
-        style={{
-          // Very tight top padding so panels start immediately below the
-          // meta row — maximises the space the content panels can claim.
-          padding: isMobile ? "8px 20px 16px" : "10px 32px 24px",
-          display: "grid", gap: 16,
-          // Pre-revamp layout: narrow left (courses), wide middle (graph),
-          // narrow right (stats/upcoming/learn-next). Matches the 300px /
-          // flex 1 / 320px split from main@929658f.
-          gridTemplateColumns: isMobile ? "1fr" : "minmax(240px, 280px) minmax(0, 1fr) minmax(240px, 300px)",
-        }}
-      >
-        {isMobile ? (
-          mobileTab === "courses" ? (
+      {useLegacyPanels ? (
+        <div
+          style={{
+            padding: isMobile ? "8px 20px 16px" : "18px 32px 24px",
+            display: "grid", gap: 16,
+            gridTemplateColumns: isMobile ? "1fr" : "minmax(240px, 280px) minmax(0, 1fr) minmax(240px, 300px)",
+            alignItems: isMobile ? "start" : "stretch",
+          }}
+        >
+          {isMobile ? (
+            mobileTab === "courses" ? (
+              <>
+                {mainColumn}
+                {legacyCoursesPanel}
+              </>
+            ) : (
+              <>
+                {mainColumn}
+                {legacyRightPanel}
+              </>
+            )
+          ) : (
             <>
-              {coursesPanel}
-              {graphPanel}
+              {legacyCoursesPanel}
+              {mainColumn}
+              {legacyRightPanel}
             </>
-          ) : (
-            rightPanel
-          )
-        ) : (
-          <>
-            {coursesPanel}
-            {graphPanel}
-            {rightPanel}
-          </>
-        )}
-      </div>
+          )}
+        </div>
+      ) : (
+        <div
+          style={{
+            padding: isMobile ? "8px 20px 16px" : "18px 32px 24px",
+            display: "grid", gap: 16,
+            gridTemplateColumns: isMobile ? "1fr" : "minmax(0, 1fr) minmax(280px, 360px)",
+            alignItems: isMobile ? "start" : "stretch",
+          }}
+        >
+          {mainColumn}
+          {rightPanel}
+        </div>
+      )}
+
 
       {fullscreen && (
         <div
@@ -763,3 +1065,170 @@ function FullscreenGraph({
     </div>
   );
 }
+
+type CourseProgressEntry = {
+  course: EnrolledCourse;
+  mastered: number;
+  learning: number;
+  struggling: number;
+  unexplored: number;
+  total: number;
+  progress: number;
+};
+
+function CoursesKey({
+  courseProgress,
+  onManage,
+}: {
+  courseProgress: CourseProgressEntry[];
+  onManage: () => void;
+}) {
+  const [collapsed, setCollapsed] = React.useState(true);
+
+  if (courseProgress.length === 0) return null;
+
+  // A thick white outline painted BEHIND the glyphs, plus a soft halo.
+  // `paint-order: stroke fill` pushes the stroke under the fill so
+  // letters stay clean-edged. Works against any background colour
+  // (graph nodes, edges, labels) without needing a backdrop.
+  const legibleText: React.CSSProperties = {
+    WebkitTextStroke: "3px rgba(255,255,255,0.95)",
+    paintOrder: "stroke fill" as React.CSSProperties["paintOrder"],
+    textShadow:
+      "0 0 4px rgba(255,255,255,0.95), " +
+      "0 0 2px rgba(255,255,255,1), " +
+      "0 0 8px rgba(255,255,255,0.6)",
+  };
+  // Progress-bar track gets a white ring so the bar geometry reads
+  // even when a colored graph node passes right behind it.
+  const legibleBar: React.CSSProperties = {
+    boxShadow: "0 0 0 1.5px rgba(255,255,255,0.95), 0 0 6px rgba(255,255,255,0.6)",
+  };
+  const legibleDot: React.CSSProperties = {
+    boxShadow: "0 0 0 2px rgba(255,255,255,0.95)",
+  };
+  // Soft white halo around each icon — blurred drop-shadows stacked at
+  // the same origin so the glow follows the icon's shape with no hard
+  // edges. Button itself stays transparent.
+  const paddedIconBtn: React.CSSProperties = {
+    padding: 0,
+    background: "transparent",
+    border: "none",
+    fontSize: 10,
+    lineHeight: 0,
+    display: "inline-flex",
+    alignItems: "center",
+    justifyContent: "center",
+    flexShrink: 0,
+    filter:
+      "drop-shadow(0 0 2px rgba(255,255,255,1)) " +
+      "drop-shadow(0 0 4px rgba(255,255,255,0.85)) " +
+      "drop-shadow(0 0 6px rgba(255,255,255,0.55))",
+  };
+
+  return (
+    <div
+      style={{
+        position: "absolute",
+        bottom: 12,
+        right: 12,
+        width: collapsed ? "auto" : 220,
+        maxWidth: "calc(100% - 24px)",
+        background: "transparent",
+        border: "none",
+        borderRadius: 0,
+        boxShadow: "none",
+        padding: collapsed ? "6px 10px" : "10px 12px 8px",
+        zIndex: 2,
+        fontSize: 11,
+      }}
+    >
+      <div
+        style={{
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "space-between",
+          gap: 8,
+          marginBottom: collapsed ? 0 : 8,
+        }}
+      >
+        <div className="label-micro" style={{ fontSize: 9, ...legibleText }}>My courses</div>
+        <div style={{ display: "flex", gap: 4 }}>
+          {!collapsed && (
+            <button
+              className="btn btn--ghost btn--sm"
+              onClick={onManage}
+              title="Manage courses"
+              style={paddedIconBtn}
+            >
+              <Icon name="cog" size={10} />
+            </button>
+          )}
+          <button
+            className="btn btn--ghost btn--sm"
+            onClick={() => setCollapsed(c => !c)}
+            aria-label={collapsed ? "Expand courses key" : "Collapse courses key"}
+            style={paddedIconBtn}
+          >
+            <Icon name={collapsed ? "plus" : "x"} size={10} />
+          </button>
+        </div>
+      </div>
+
+      {!collapsed && (
+        <div style={{ display: "flex", flexDirection: "column", gap: 8 }}>
+          {courseProgress.map(({ course, mastered, learning, struggling, unexplored, total, progress }) => {
+            const pct = Math.round(progress * 100);
+            const baseColor = course.color || "var(--accent)";
+            const segs = [
+              { count: mastered,   color: baseColor,         opacity: 1 },
+              { count: learning,   color: baseColor,         opacity: 0.78 },
+              { count: struggling, color: baseColor,         opacity: 0.55 },
+              { count: unexplored, color: "var(--bg-soft)",  opacity: 1 },
+            ];
+            return (
+              <div key={course.course_id}>
+                <div style={{ display: "flex", justifyContent: "space-between", alignItems: "center", marginBottom: 3, gap: 6 }}>
+                  <span style={{ display: "inline-flex", alignItems: "center", gap: 6, minWidth: 0 }}>
+                    <span style={{ width: 8, height: 8, borderRadius: "50%", background: baseColor, flexShrink: 0, ...legibleDot }} />
+                    <strong style={{ fontSize: 11, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap", ...legibleText }}>
+                      {course.course_code || course.course_name}
+                    </strong>
+                  </span>
+                  <span className="mono" style={{ color: "var(--text-dim)", fontSize: 10, ...legibleText }}>{pct}%</span>
+                </div>
+                {total > 0 ? (
+                  <div
+                    style={{
+                      display: "flex",
+                      height: 5,
+                      background: "var(--bg-soft)",
+                      borderRadius: "var(--r-full)",
+                      overflow: "hidden",
+                      ...legibleBar,
+                    }}
+                    title={`Mastered ${mastered} · Learning ${learning} · Struggling ${struggling} · Unexplored ${unexplored}`}
+                  >
+                    {segs.map((s, i) => s.count > 0 && (
+                      <div
+                        key={i}
+                        style={{
+                          width: `${(s.count / total) * 100}%`,
+                          background: s.color,
+                          opacity: s.opacity,
+                          transition: "width var(--dur) var(--ease)",
+                        }}
+                      />
+                    ))}
+                  </div>
+                ) : (
+                  <div style={{ height: 5, background: "var(--bg-soft)", borderRadius: "var(--r-full)", ...legibleBar }} />
+                )}
+              </div>
+            );
+          })}
+        </div>
+      )}
+    </div>
+  );
+}
diff --git a/frontend/src/components/screens/Learn.tsx b/frontend/src/components/screens/Learn.tsx
index 345e9ae1..27ba2de1 100644
--- a/frontend/src/components/screens/Learn.tsx
+++ b/frontend/src/components/screens/Learn.tsx
@@ -9,6 +9,7 @@ import { ChatPanel, type ChatMsg } from "../ChatPanel";
 import { SessionSummary } from "../SessionSummary";
 import { SharedContextToggle, useSharedContext } from "../SharedContextToggle";
 import { DisclaimerModal } from "../DisclaimerModal";
+import { AIDisclaimerChip } from "../AIDisclaimerChip";
 import { QuizPanel } from "../QuizPanel";
 import { KnowledgeGraph } from "../KnowledgeGraph";
 import { useToast } from "../ToastProvider";
@@ -335,6 +336,7 @@ function LearnInner() {
           breadcrumb="Learn"
           title="Start a session"
           subtitle="Pick a topic. Sapling will adapt to your chosen mode."
+          actions={<AIDisclaimerChip />}
         />
         <div
           style={{
@@ -426,9 +428,12 @@ function LearnInner() {
           title="Quiz"
           subtitle="Pick a concept and test what you know."
           actions={
-            <button className="btn btn--sm" onClick={() => setMode("socratic")}>
-              <Icon name="x" size={13} /> Back to Learn
-            </button>
+            <>
+              <AIDisclaimerChip />
+              <button className="btn btn--sm" onClick={() => setMode("socratic")}>
+                <Icon name="x" size={13} /> Back to Learn
+              </button>
+            </>
           }
         />
         <div style={{ padding: 32, flex: 1, overflowY: "auto" }}>
@@ -456,6 +461,7 @@ function LearnInner() {
         subtitle={`${mode} tutor · ${messages.length} msgs`}
         actions={
           <>
+            <AIDisclaimerChip />
             <SharedContextToggle enabled={sharedCtx} onChange={setSharedCtx} />
             <button
               className={endConfirm.armed ? "btn btn--danger btn--sm" : "btn btn--sm"}
diff --git a/frontend/src/components/screens/Settings.tsx b/frontend/src/components/screens/Settings.tsx
index 7759b85b..bee0ac7d 100644
--- a/frontend/src/components/screens/Settings.tsx
+++ b/frontend/src/components/screens/Settings.tsx
@@ -18,9 +18,11 @@ import {
   fetchCosmetics,
   fetchCosmeticsCatalog,
   equipCosmetic,
+  exportData,
   type CatalogCosmetic,
 } from "@/lib/api";
 import type { UserSettings, UserProfile, UserCosmetic, CosmeticType, EquippedCosmetics } from "@/lib/types";
+import { useLayoutPref, type LayoutPref } from "@/lib/useLayoutPref";
 
 type Tab = "profile" | "cosmetics" | "preferences" | "notifications" | "data" | "danger";
 
@@ -62,6 +64,7 @@ export function Settings() {
   const { userId, userName, avatarUrl, userReady, signOut, refreshProfile } = useUser();
   const [tab, setTab] = React.useState<Tab>("profile");
   const [settings, setSettings] = React.useState<UserSettings | null>(null);
+  const [layoutPref, setLayoutPref] = useLayoutPref();
   const [saving, setSaving] = React.useState(false);
   const [previewOpen, setPreviewOpen] = React.useState(false);
   const [preview, setPreview] = React.useState<UserProfile | null>(null);
@@ -72,7 +75,13 @@ export function Settings() {
   React.useEffect(() => {
     if (!userReady || !userId) return;
     fetchSettings(userId)
-      .then(s => { setSettings(s); setUsernameDraft(s.username || ""); })
+      .then(s => {
+        setSettings(s);
+        setUsernameDraft(s.username || "");
+        if (s.accent_color) {
+          document.documentElement.style.setProperty("--accent", s.accent_color);
+        }
+      })
       .catch((e) => console.error("settings load", e));
   }, [userReady, userId]);
 
@@ -338,6 +347,35 @@ export function Settings() {
           {tab === "preferences" && settings && (
             <div style={{ maxWidth: 640 }}>
               <div className="h-serif" style={{ fontSize: 22, marginBottom: 20 }}>Preferences</div>
+              <div
+                style={{
+                  display: "flex",
+                  justifyContent: "space-between",
+                  alignItems: "center",
+                  padding: "16px 0",
+                  borderBottom: "1px solid var(--border)",
+                  gap: 20,
+                }}
+              >
+                <div>
+                  <div style={{ fontSize: 13, fontWeight: 500 }}>Layout</div>
+                  <div style={{ fontSize: 11, color: "var(--text-dim)", marginTop: 2 }}>
+                    Choose between a top navigation bar or a full-height sidebar.
+                    Falls back to top nav on small screens.
+                  </div>
+                </div>
+                <div style={{ minWidth: 180 }}>
+                  <CustomSelect
+                    size="sm"
+                    value={layoutPref}
+                    onChange={(v) => setLayoutPref(v as LayoutPref)}
+                    options={[
+                      { value: "topnav",  label: "Top nav (default)" },
+                      { value: "sidebar", label: "Sidebar" },
+                    ]}
+                  />
+                </div>
+              </div>
               {(
                 [
                   ["Theme", "theme", ["light", "dark"]],
@@ -367,6 +405,73 @@ export function Settings() {
                   </div>
                 </div>
               ))}
+              <div
+                style={{
+                  display: "flex",
+                  justifyContent: "space-between",
+                  alignItems: "center",
+                  padding: "16px 0",
+                  borderBottom: "1px solid var(--border)",
+                  gap: 20,
+                }}
+              >
+                <div>
+                  <div style={{ fontSize: 13, fontWeight: 500 }}>Accent color</div>
+                  <div style={{ fontSize: 11, color: "var(--text-dim)", marginTop: 2 }}>
+                    Hue used for highlights and active states.
+                  </div>
+                </div>
+                <div style={{ display: "flex", alignItems: "center", gap: 8 }}>
+                  {["#2b5221", "#2b8c96", "#e8a33a", "#8a63d2", "#dc2626"].map(c => {
+                    const active = (settings.accent_color ?? "#2b5221") === c;
+                    return (
+                      <button
+                        key={c}
+                        onClick={() => {
+                          document.documentElement.style.setProperty("--accent", c);
+                          patch({ accent_color: c });
+                        }}
+                        aria-label={`Accent ${c}`}
+                        style={{
+                          width: 24,
+                          height: 24,
+                          borderRadius: "50%",
+                          background: c,
+                          border: active ? "2px solid var(--text)" : "2px solid transparent",
+                          outline: active ? `2px solid ${c}` : "none",
+                          outlineOffset: 2,
+                          cursor: "pointer",
+                          padding: 0,
+                          transition: "transform var(--dur) var(--ease)",
+                        }}
+                      />
+                    );
+                  })}
+                  <label
+                    style={{
+                      position: "relative",
+                      width: 24,
+                      height: 24,
+                      borderRadius: "50%",
+                      background:
+                        "conic-gradient(from 0deg, #ff6b6b, #f9d423, #6bcf7f, #4dabf7, #b197fc, #ff6b6b)",
+                      cursor: "pointer",
+                      border: "2px solid transparent",
+                    }}
+                    title="Custom color"
+                  >
+                    <input
+                      type="color"
+                      value={settings.accent_color ?? "#2b5221"}
+                      onChange={e => {
+                        document.documentElement.style.setProperty("--accent", e.target.value);
+                        patch({ accent_color: e.target.value });
+                      }}
+                      style={{ position: "absolute", inset: 0, opacity: 0, cursor: "pointer" }}
+                    />
+                  </label>
+                </div>
+              </div>
             </div>
           )}
 
@@ -411,12 +516,7 @@ export function Settings() {
                   onClick={async () => {
                     if (!userId) return;
                     try {
-                      const base = process.env.NEXT_PUBLIC_API_URL ?? '';
-                      const res = await fetch(
-                        `${base}/api/profile/${userId}/export?user_id=${encodeURIComponent(userId)}`,
-                        { method: "POST" },
-                      );
-                      const data = await res.json();
+                      const data = await exportData(userId);
                       const blob = new Blob([JSON.stringify(data, null, 2)], { type: "application/json" });
                       const url = URL.createObjectURL(blob);
                       const a = document.createElement("a");
@@ -424,8 +524,9 @@ export function Settings() {
                       a.download = `sapling-export.json`;
                       a.click();
                       URL.revokeObjectURL(url);
+                      toast.success("Data exported.");
                     } catch (err) {
-                      alert(String(err));
+                      toast.error(`Export failed: ${String(err)}`);
                     }
                   }}
                 >
diff --git a/frontend/src/components/screens/Study.tsx b/frontend/src/components/screens/Study.tsx
index ffb2d1b2..9a65576c 100644
--- a/frontend/src/components/screens/Study.tsx
+++ b/frontend/src/components/screens/Study.tsx
@@ -1,6 +1,8 @@
 "use client";
 import React from "react";
+import { useSearchParams } from "next/navigation";
 import { TopBar } from "../TopBar";
+import { AIDisclaimerChip } from "../AIDisclaimerChip";
 import { Icon } from "../Icon";
 import { Pill } from "../Pill";
 import { CustomSelect } from "../CustomSelect";
@@ -42,7 +44,10 @@ const ratingOptions: { n: number; label: string; color: string; emoji: string; h
 export function Study() {
   const isMobile = useIsMobile();
   const { userId, userReady } = useUser();
-  const [mode, setMode] = React.useState<Mode>("guide");
+  const searchParams = useSearchParams();
+  const [mode, setMode] = React.useState<Mode>(
+    searchParams.get("mode") === "cards" ? "cards" : "guide",
+  );
   const [courses, setCourses] = React.useState<EnrolledCourse[]>([]);
 
   React.useEffect(() => {
@@ -53,21 +58,24 @@ export function Study() {
   }, [userReady, userId]);
 
   const actions = (
-    <div style={{ display: "flex", border: "1px solid var(--border)", borderRadius: "var(--r-sm)", overflow: "hidden" }}>
-      {([["guide", "Study Guide"], ["cards", "Flashcards"]] as const).map(([v, label]) => (
-        <button
-          key={v}
-          onClick={() => setMode(v)}
-          style={{
-            padding: "6px 14px", fontSize: 12, fontWeight: 600,
-            background: mode === v ? "var(--accent-soft)" : "transparent",
-            color: mode === v ? "var(--accent)" : "var(--text-dim)",
-          }}
-        >
-          {label}
-        </button>
-      ))}
-    </div>
+    <>
+      <AIDisclaimerChip />
+      <div style={{ display: "flex", border: "1px solid var(--border)", borderRadius: "var(--r-sm)", overflow: "hidden" }}>
+        {([["guide", "Study Guide"], ["cards", "Flashcards"]] as const).map(([v, label]) => (
+          <button
+            key={v}
+            onClick={() => setMode(v)}
+            style={{
+              padding: "6px 14px", fontSize: 12, fontWeight: 600,
+              background: mode === v ? "var(--accent-soft)" : "transparent",
+              color: mode === v ? "var(--accent)" : "var(--text-dim)",
+            }}
+          >
+            {label}
+          </button>
+        ))}
+      </div>
+    </>
   );
 
   return (
diff --git a/frontend/src/lib/api.ts b/frontend/src/lib/api.ts
index f2d92e54..af525747 100644
--- a/frontend/src/lib/api.ts
+++ b/frontend/src/lib/api.ts
@@ -241,6 +241,12 @@ export const importGoogleEvents = (userId: string, daysAhead = 60) =>
 export const calendarAuthUrl = (userId: string) =>
   `${API_URL}/api/calendar/auth-url?user_id=${encodeURIComponent(userId)}`;
 
+export const exportToGoogleCalendar = (userId: string, assignmentIds: string[]) =>
+  fetchJSON<{ exported_count: number; skipped_count: number }>('/api/calendar/export', {
+    method: 'POST',
+    body: JSON.stringify({ user_id: userId, assignment_ids: assignmentIds }),
+  });
+
 // Social
 export const createRoom = (userId: string, roomName: string) =>
   fetchJSON<{ room_id: string; invite_code: string }>('/api/social/rooms/create', {
@@ -487,6 +493,17 @@ export const setFeaturedAchievements = (userId: string, achievementIds: string[]
     body: JSON.stringify({ achievement_ids: achievementIds }),
   });
 
+export const setFeaturedRole = (userId: string, roleId: string | null) =>
+  fetchJSON<{ updated: boolean }>(`/api/profile/${userId}/featured-role?user_id=${encodeURIComponent(userId)}`, {
+    method: 'POST',
+    body: JSON.stringify({ role_id: roleId }),
+  });
+
+export const exportData = (userId: string) =>
+  fetchJSON<Record<string, unknown>>(`/api/profile/${userId}/export?user_id=${encodeURIComponent(userId)}`, {
+    method: 'POST',
+  });
+
 export const updateProfile = (userId: string, data: Partial<UserProfile>) =>
   fetchJSON<{ updated: boolean }>(`/api/profile/${userId}`, {
     method: 'PATCH',
@@ -607,6 +624,34 @@ export const adminCreateCosmetic = (payload: {
 export const adminDeleteCosmetic = (cosmeticId: string) =>
   fetchJSON<{ deleted: boolean }>(`/api/admin/cosmetics/${encodeURIComponent(cosmeticId)}`, { method: 'DELETE' });
 
+// Careers
+export const submitJobApplication = async (data: {
+  position: string;
+  full_name: string;
+  email: string;
+  phone: string;
+  linkedin_url: string;
+  portfolio_link?: string;
+  resume?: File | null;
+}): Promise<{ ok: boolean; id: string | null }> => {
+  if (IS_LOCAL_MODE) return { ok: true, id: null };
+  const formData = new FormData();
+  formData.append('position', data.position);
+  formData.append('full_name', data.full_name);
+  formData.append('email', data.email);
+  formData.append('phone', data.phone);
+  formData.append('linkedin_url', data.linkedin_url);
+  if (data.portfolio_link) formData.append('portfolio_link', data.portfolio_link);
+  if (data.resume) formData.append('resume', data.resume);
+
+  const res = await fetch(`${API_URL}/api/careers/apply`, { method: 'POST', body: formData });
+  if (!res.ok) {
+    const err = await res.text();
+    throw new Error(err || `HTTP ${res.status}`);
+  }
+  return res.json();
+};
+
 export const uploadAvatar = (userId: string, file: File): Promise<{ avatar_url: string }> => {
   if (IS_LOCAL_MODE) return Promise.resolve({ avatar_url: URL.createObjectURL(file) });
   const fd = new FormData();
diff --git a/frontend/src/lib/localData.ts b/frontend/src/lib/localData.ts
index ccf321e8..7de5084f 100644
--- a/frontend/src/lib/localData.ts
+++ b/frontend/src/lib/localData.ts
@@ -4,8 +4,25 @@
 import type {
   GraphNode, GraphEdge, GraphStats, Assignment,
   UserProfile, UserSettings, UserAchievement, Achievement, Document,
+  Role, Cosmetic, CosmeticType, RarityTier, AchievementCategory,
 } from '@/lib/types';
 
+const localRoles: Role[] = [];
+const localAchievements: Achievement[] = [];
+const localCosmetics: Cosmetic[] = [];
+
+function parseBody<T = Record<string, unknown>>(options?: RequestInit): T {
+  const body = options?.body;
+  if (typeof body === 'string') {
+    try { return JSON.parse(body) as T; } catch { return {} as T; }
+  }
+  return {} as T;
+}
+
+function randId(prefix: string) {
+  return `${prefix}-${Date.now().toString(36)}-${Math.random().toString(36).slice(2, 6)}`;
+}
+
 export const LOCAL_USER = {
   id: 'local-user-001',
   name: 'Local Dev',
@@ -241,16 +258,85 @@ export function handleLocalRequest(path: string, options?: RequestInit): unknown
   if (route.match(/^\/api\/profile\/[^/]+$/) && options?.method === 'PATCH') return { updated: true };
   if (route.match(/^\/api\/profile\/[^/]+$/)) return LOCAL_PROFILE;
 
-  if (route.match(/^\/api\/admin\/roles$/) && (!options?.method || options.method === 'GET')) return { roles: [] };
-  if (route.match(/^\/api\/admin\/roles$/) && options?.method === 'POST') return { role: { id: 'role-local', name: 'Local Role', slug: 'local', color: '#888', icon: null, description: null, is_staff_assigned: true, is_earnable: false, display_priority: 0 } };
-  if (route.match(/^\/api\/admin\/roles\/[^/]+$/) && options?.method === 'DELETE') return { deleted: true };
-  if (route.match(/^\/api\/admin\/achievements$/) && (!options?.method || options.method === 'GET')) return { achievements: [] };
-  if (route.match(/^\/api\/admin\/achievements$/) && options?.method === 'POST') return { achievement: { id: 'ach-local', name: 'Local', slug: 'local', description: null, icon: null, category: 'milestone', rarity: 'common', is_secret: false } };
-  if (route.match(/^\/api\/admin\/achievements\/[^/]+$/) && options?.method === 'DELETE') return { deleted: true };
+  if (route.match(/^\/api\/admin\/roles$/) && (!options?.method || options.method === 'GET')) {
+    return { roles: [...localRoles].sort((a, b) => b.display_priority - a.display_priority) };
+  }
+  if (route.match(/^\/api\/admin\/roles$/) && options?.method === 'POST') {
+    const b = parseBody<Partial<Role>>(options);
+    const role: Role = {
+      id: randId('role'),
+      name: String(b.name ?? 'Unnamed'),
+      slug: String(b.slug ?? randId('slug')),
+      color: String(b.color ?? '#8a7bc4'),
+      icon: (b.icon as string | null | undefined) ?? null,
+      description: (b.description as string | null | undefined) ?? null,
+      is_staff_assigned: b.is_staff_assigned ?? true,
+      is_earnable: b.is_earnable ?? false,
+      display_priority: b.display_priority ?? 0,
+    };
+    localRoles.push(role);
+    return { role };
+  }
+  {
+    const m = route.match(/^\/api\/admin\/roles\/([^/]+)$/);
+    if (m && options?.method === 'DELETE') {
+      const idx = localRoles.findIndex(r => r.id === m[1]);
+      if (idx >= 0) localRoles.splice(idx, 1);
+      return { deleted: true };
+    }
+  }
+  if (route.match(/^\/api\/admin\/achievements$/) && (!options?.method || options.method === 'GET')) {
+    return { achievements: [...localAchievements] };
+  }
+  if (route.match(/^\/api\/admin\/achievements$/) && options?.method === 'POST') {
+    const b = parseBody<Partial<Achievement>>(options);
+    const achievement: Achievement = {
+      id: randId('ach'),
+      name: String(b.name ?? 'Unnamed'),
+      slug: String(b.slug ?? randId('slug')),
+      description: (b.description as string | null | undefined) ?? null,
+      icon: (b.icon as string | null | undefined) ?? null,
+      category: (b.category as AchievementCategory) ?? 'milestone',
+      rarity: (b.rarity as RarityTier) ?? 'common',
+      is_secret: b.is_secret ?? false,
+    };
+    localAchievements.push(achievement);
+    return { achievement };
+  }
+  {
+    const m = route.match(/^\/api\/admin\/achievements\/([^/]+)$/);
+    if (m && options?.method === 'DELETE') {
+      const idx = localAchievements.findIndex(a => a.id === m[1]);
+      if (idx >= 0) localAchievements.splice(idx, 1);
+      return { deleted: true };
+    }
+  }
   if (route.match(/^\/api\/admin\/achievements\/grant$/) && options?.method === 'POST') return { granted: true };
-  if (route.match(/^\/api\/admin\/cosmetics$/) && (!options?.method || options.method === 'GET')) return { cosmetics: [] };
-  if (route.match(/^\/api\/admin\/cosmetics$/) && options?.method === 'POST') return { cosmetic: { id: 'cos-local', type: 'avatar_frame', name: 'Local', slug: 'local', rarity: 'common' } };
-  if (route.match(/^\/api\/admin\/cosmetics\/[^/]+$/) && options?.method === 'DELETE') return { deleted: true };
+  if (route.match(/^\/api\/admin\/cosmetics$/) && (!options?.method || options.method === 'GET')) {
+    return { cosmetics: [...localCosmetics] };
+  }
+  if (route.match(/^\/api\/admin\/cosmetics$/) && options?.method === 'POST') {
+    const b = parseBody<Partial<Cosmetic>>(options);
+    const cosmetic: Cosmetic = {
+      id: randId('cos'),
+      type: (b.type as CosmeticType) ?? 'avatar_frame',
+      name: String(b.name ?? 'Unnamed'),
+      slug: String(b.slug ?? randId('slug')),
+      ...(b.asset_url ? { asset_url: String(b.asset_url) } : {}),
+      ...(b.css_value ? { css_value: String(b.css_value) } : {}),
+      rarity: (b.rarity as RarityTier) ?? 'common',
+    };
+    localCosmetics.push(cosmetic);
+    return { cosmetic };
+  }
+  {
+    const m = route.match(/^\/api\/admin\/cosmetics\/([^/]+)$/);
+    if (m && options?.method === 'DELETE') {
+      const idx = localCosmetics.findIndex(c => c.id === m[1]);
+      if (idx >= 0) localCosmetics.splice(idx, 1);
+      return { deleted: true };
+    }
+  }
 
   if (route.match(/^\/api\/auth\/me$/)) return { id: LOCAL_USER.id, name: LOCAL_USER.name, is_approved: true, is_admin: true, username: 'localdev', roles: [], equipped_cosmetics: {}, onboarding_completed: true };
   if (route.match(/^\/api\/users$/)) return { users: [{ id: LOCAL_USER.id, name: LOCAL_USER.name, room_id: null }] };
diff --git a/frontend/src/lib/useAchievementUnlockWatcher.ts b/frontend/src/lib/useAchievementUnlockWatcher.ts
new file mode 100644
index 00000000..f27406ce
--- /dev/null
+++ b/frontend/src/lib/useAchievementUnlockWatcher.ts
@@ -0,0 +1,57 @@
+"use client";
+
+import React, { useEffect, useRef } from "react";
+import { fetchAchievements, IS_LOCAL_MODE } from "./api";
+import type { UserAchievement } from "./types";
+import { useToast } from "@/components/ToastProvider";
+import { AchievementUnlockToast } from "@/components/AchievementUnlockToast";
+
+const POLL_MS = 60_000;
+
+export function useAchievementUnlockWatcher(userId: string) {
+  const toast = useToast();
+  const seenIds = useRef<Set<string> | null>(null);
+  const primed = useRef(false);
+
+  useEffect(() => {
+    if (!userId || IS_LOCAL_MODE) return;
+    let cancelled = false;
+
+    const check = async () => {
+      try {
+        const { earned } = await fetchAchievements(userId);
+        if (cancelled) return;
+        const current = new Set(earned.map((a: UserAchievement) => a.achievement.id));
+
+        if (!primed.current) {
+          seenIds.current = current;
+          primed.current = true;
+          return;
+        }
+
+        const prev = seenIds.current ?? new Set<string>();
+        const newly = earned.filter(a => !prev.has(a.achievement.id));
+        for (const ua of newly) {
+          toast.show(React.createElement(AchievementUnlockToast, { achievement: ua.achievement }), {
+            duration: 6000,
+          });
+        }
+        seenIds.current = current;
+      } catch {
+        // silent — watcher shouldn't spam errors
+      }
+    };
+
+    check();
+    const id = setInterval(check, POLL_MS);
+    const onVisible = () => {
+      if (document.visibilityState === "visible") check();
+    };
+    document.addEventListener("visibilitychange", onVisible);
+    return () => {
+      cancelled = true;
+      clearInterval(id);
+      document.removeEventListener("visibilitychange", onVisible);
+    };
+  }, [userId, toast]);
+}
diff --git a/frontend/src/lib/useLayoutPref.ts b/frontend/src/lib/useLayoutPref.ts
new file mode 100644
index 00000000..3934c88e
--- /dev/null
+++ b/frontend/src/lib/useLayoutPref.ts
@@ -0,0 +1,40 @@
+"use client";
+
+import { useEffect, useState } from "react";
+
+export type LayoutPref = "topnav" | "sidebar";
+export const LAYOUT_STORAGE_KEY = "sapling_layout";
+const DEFAULT: LayoutPref = "topnav";
+
+function read(): LayoutPref {
+  if (typeof window === "undefined") return DEFAULT;
+  const v = window.localStorage.getItem(LAYOUT_STORAGE_KEY);
+  return v === "sidebar" || v === "topnav" ? v : DEFAULT;
+}
+
+export function useLayoutPref(): [LayoutPref, (v: LayoutPref) => void] {
+  const [pref, setPref] = useState<LayoutPref>(DEFAULT);
+
+  useEffect(() => {
+    setPref(read());
+    const onStorage = (e: StorageEvent) => {
+      if (e.key === LAYOUT_STORAGE_KEY) setPref(read());
+    };
+    const onCustom = () => setPref(read());
+    window.addEventListener("storage", onStorage);
+    window.addEventListener("sapling-layout-change", onCustom);
+    return () => {
+      window.removeEventListener("storage", onStorage);
+      window.removeEventListener("sapling-layout-change", onCustom);
+    };
+  }, []);
+
+  const update = (v: LayoutPref) => {
+    if (typeof window === "undefined") return;
+    window.localStorage.setItem(LAYOUT_STORAGE_KEY, v);
+    setPref(v);
+    window.dispatchEvent(new Event("sapling-layout-change"));
+  };
+
+  return [pref, update];
+}

From 933ddc0fff776a90798d01a3c44039ac32bf635b Mon Sep 17 00:00:00 2001
From: Jose Cruz <josecruz@crc-dot1x-nat-10-239-241-157.bu.edu>
Date: Tue, 21 Apr 2026 21:11:51 -0400
Subject: [PATCH 36/52] sidenav: collapsible rail; dashboard: left-align hero
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

SideNav chevron now toggles a persisted collapsed state
(localStorage.sapling_sidenav_collapsed). Collapsed rail is 64px,
icon-only, with tooltips; account menu repositions as a right-side
popover so it clears the narrow rail. Expand control is a full-width
flipped chevron at the bottom.

Dashboard greeting + quote move from centered to left-aligned and the
quote sits flush under the heading (top margin 14→8).

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 frontend/src/components/SideNav.tsx           | 264 +++++++++++++-----
 frontend/src/components/screens/Dashboard.tsx |   4 +-
 2 files changed, 189 insertions(+), 79 deletions(-)

diff --git a/frontend/src/components/SideNav.tsx b/frontend/src/components/SideNav.tsx
index 7328f94f..c1c5d3ee 100644
--- a/frontend/src/components/SideNav.tsx
+++ b/frontend/src/components/SideNav.tsx
@@ -35,18 +35,33 @@ const SECTIONS: { label: string; items: Entry[] }[] = [
   },
 ];
 
-export const SIDE_NAV_WIDTH = 232;
+export const SIDE_NAV_EXPANDED = 232;
+export const SIDE_NAV_COLLAPSED = 64;
+const COLLAPSE_KEY = "sapling_sidenav_collapsed";
 
 function isActive(pathname: string, href: string): boolean {
   if (href === "/dashboard") return pathname === "/" || pathname.startsWith("/dashboard");
   return pathname === href || pathname.startsWith(href + "/");
 }
 
+function useCollapsed(): [boolean, (v: boolean) => void] {
+  const [collapsed, setCollapsed] = React.useState(false);
+  React.useEffect(() => {
+    try { setCollapsed(localStorage.getItem(COLLAPSE_KEY) === "1"); } catch {}
+  }, []);
+  const update = (v: boolean) => {
+    setCollapsed(v);
+    try { localStorage.setItem(COLLAPSE_KEY, v ? "1" : "0"); } catch {}
+  };
+  return [collapsed, update];
+}
+
 export function SideNav() {
   const pathname = usePathname() || "/";
   const router = useRouter();
   const { userName, avatarUrl, isAdmin, isAuthenticated, signOut } = useUser();
   const [menuOpen, setMenuOpen] = React.useState(false);
+  const [collapsed, setCollapsed] = useCollapsed();
   const menuRef = React.useRef<HTMLDivElement | null>(null);
 
   React.useEffect(() => { setMenuOpen(false); }, [pathname]);
@@ -70,32 +85,37 @@ export function SideNav() {
     router.replace("/auth");
   };
 
+  const width = collapsed ? SIDE_NAV_COLLAPSED : SIDE_NAV_EXPANDED;
+
   return (
     <aside
       role="navigation"
       aria-label="Primary"
       style={{
-        width: SIDE_NAV_WIDTH,
-        minWidth: SIDE_NAV_WIDTH,
+        width,
+        minWidth: width,
         height: "100vh",
         borderRight: "1px solid var(--border)",
         background: "var(--bg-subtle)",
-        padding: "16px 10px",
+        padding: collapsed ? "16px 6px" : "16px 10px",
         display: "flex",
         flexDirection: "column",
         gap: 2,
         overflowY: "auto",
         overflowX: "hidden",
+        transition: "width var(--dur) var(--ease), min-width var(--dur) var(--ease), padding var(--dur) var(--ease)",
       }}
     >
-      {/* Logo — same composition as TopNav so brand stays consistent */}
+      {/* Logo */}
       <Link
         href="/dashboard"
+        aria-label="Sapling — home"
         style={{
           display: "flex",
           alignItems: "center",
+          justifyContent: collapsed ? "center" : "flex-start",
           gap: 2,
-          padding: "2px 8px 14px",
+          padding: collapsed ? "2px 0 14px" : "2px 8px 14px",
           borderBottom: "1px solid var(--border)",
           marginBottom: 8,
           textDecoration: "none",
@@ -108,52 +128,64 @@ export function SideNav() {
             width: 32,
             height: 32,
             marginTop: -4,
-            marginLeft: -2,
-            marginRight: -4,
+            marginLeft: collapsed ? 0 : -2,
+            marginRight: collapsed ? 0 : -4,
             alignSelf: "center",
             flexShrink: 0,
           }}
         />
-        <div style={{ display: "flex", flexDirection: "column", gap: 1, alignItems: "flex-start" }}>
-          <span
-            style={{
-              fontFamily: "'Spectral', Georgia, serif",
-              fontWeight: 700,
-              fontSize: 20,
-              color: "#1a5c2a",
-              letterSpacing: "-0.02em",
-              textShadow: "0 0 12px rgba(26, 92, 42, 0.2)",
-              lineHeight: 1.1,
-            }}
-          >
-            Sapling
-          </span>
-          <span
-            style={{
-              fontSize: 9,
-              fontWeight: 600,
-              color: "#1a5c2a",
-              letterSpacing: "0.08em",
-              textTransform: "uppercase",
-              opacity: 0.7,
-              lineHeight: 1,
-            }}
-          >
-            Closed Alpha
-          </span>
-        </div>
+        {!collapsed && (
+          <div style={{ display: "flex", flexDirection: "column", gap: 1, alignItems: "flex-start" }}>
+            <span
+              style={{
+                fontFamily: "'Spectral', Georgia, serif",
+                fontWeight: 700,
+                fontSize: 20,
+                color: "#1a5c2a",
+                letterSpacing: "-0.02em",
+                textShadow: "0 0 12px rgba(26, 92, 42, 0.2)",
+                lineHeight: 1.1,
+              }}
+            >
+              Sapling
+            </span>
+            <span
+              style={{
+                fontSize: 9,
+                fontWeight: 600,
+                color: "#1a5c2a",
+                letterSpacing: "0.08em",
+                textTransform: "uppercase",
+                opacity: 0.7,
+                lineHeight: 1,
+              }}
+            >
+              Closed Alpha
+            </span>
+          </div>
+        )}
       </Link>
 
       {SECTIONS.map((section, i) => (
         <React.Fragment key={section.label}>
-          <div
-            className="label-micro"
-            style={{ padding: i === 0 ? "4px 10px 4px" : "14px 10px 4px" }}
-          >
-            {section.label}
-          </div>
+          {!collapsed && (
+            <div
+              className="label-micro"
+              style={{ padding: i === 0 ? "4px 10px 4px" : "14px 10px 4px" }}
+            >
+              {section.label}
+            </div>
+          )}
+          {collapsed && i > 0 && (
+            <div style={{ height: 1, background: "var(--border)", margin: "8px 8px" }} aria-hidden />
+          )}
           {section.items.map(item => (
-            <NavLink key={item.href} entry={item} active={isActive(pathname, item.href)} />
+            <NavLink
+              key={item.href}
+              entry={item}
+              active={isActive(pathname, item.href)}
+              collapsed={collapsed}
+            />
           ))}
         </React.Fragment>
       ))}
@@ -163,11 +195,13 @@ export function SideNav() {
       <NavLink
         entry={{ href: "/settings", label: "Settings", icon: "cog" }}
         active={isActive(pathname, "/settings")}
+        collapsed={collapsed}
       />
       {isAdmin && (
         <NavLink
           entry={{ href: "/admin", label: "Admin", icon: "shield" }}
           active={isActive(pathname, "/admin")}
+          collapsed={collapsed}
         />
       )}
 
@@ -176,54 +210,127 @@ export function SideNav() {
           ref={menuRef}
           style={{
             position: "relative",
-            padding: "10px 6px 4px",
+            padding: collapsed ? "10px 0 4px" : "10px 6px 4px",
             borderTop: "1px solid var(--border)",
             marginTop: 8,
           }}
         >
-          <button
-            aria-label="Account menu"
-            aria-expanded={menuOpen}
-            onClick={() => setMenuOpen(o => !o)}
+          <div
             style={{
               display: "flex",
               alignItems: "center",
-              gap: 10,
+              gap: collapsed ? 0 : 4,
               width: "100%",
-              padding: "6px 6px",
-              borderRadius: "var(--r-sm)",
-              background: "transparent",
-              transition: "background var(--dur-fast) var(--ease)",
-              textAlign: "left",
             }}
-            onMouseEnter={(e) => { e.currentTarget.style.background = "var(--bg-soft)"; }}
-            onMouseLeave={(e) => { e.currentTarget.style.background = "transparent"; }}
           >
-            <Avatar name={userName || "?"} size={30} img={avatarUrl || undefined} />
-            <div style={{ minWidth: 0, flex: 1 }}>
-              <div
+            <button
+              aria-label="Account menu"
+              aria-expanded={menuOpen}
+              onClick={() => setMenuOpen(o => !o)}
+              title={collapsed ? (userName || "Account") : undefined}
+              style={{
+                display: "flex",
+                alignItems: "center",
+                gap: 10,
+                flex: 1,
+                minWidth: 0,
+                padding: "6px 6px",
+                borderRadius: "var(--r-sm)",
+                background: "transparent",
+                transition: "background var(--dur-fast) var(--ease)",
+                textAlign: "left",
+                justifyContent: collapsed ? "center" : "flex-start",
+              }}
+              onMouseEnter={(e) => { e.currentTarget.style.background = "var(--bg-soft)"; }}
+              onMouseLeave={(e) => { e.currentTarget.style.background = "transparent"; }}
+            >
+              <Avatar name={userName || "?"} size={30} img={avatarUrl || undefined} />
+              {!collapsed && (
+                <div style={{ minWidth: 0, flex: 1 }}>
+                  <div
+                    style={{
+                      fontSize: 13,
+                      fontWeight: 600,
+                      color: "var(--text)",
+                      overflow: "hidden",
+                      textOverflow: "ellipsis",
+                      whiteSpace: "nowrap",
+                    }}
+                  >
+                    {userName || "You"}
+                  </div>
+                  <div style={{ fontSize: 11, color: "var(--text-muted)" }}>Account</div>
+                </div>
+              )}
+            </button>
+            {!collapsed && (
+              <button
+                type="button"
+                aria-label="Collapse sidebar"
+                title="Collapse sidebar"
+                onClick={() => setCollapsed(true)}
                 style={{
-                  fontSize: 13,
-                  fontWeight: 600,
-                  color: "var(--text)",
-                  overflow: "hidden",
-                  textOverflow: "ellipsis",
-                  whiteSpace: "nowrap",
+                  display: "inline-flex",
+                  alignItems: "center",
+                  justifyContent: "center",
+                  width: 24,
+                  height: 24,
+                  borderRadius: "var(--r-sm)",
+                  color: "var(--text-muted)",
+                  transition: "background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease)",
+                }}
+                onMouseEnter={(e) => {
+                  e.currentTarget.style.background = "var(--bg-soft)";
+                  e.currentTarget.style.color = "var(--text)";
+                }}
+                onMouseLeave={(e) => {
+                  e.currentTarget.style.background = "transparent";
+                  e.currentTarget.style.color = "var(--text-muted)";
                 }}
               >
-                {userName || "You"}
-              </div>
-              <div style={{ fontSize: 11, color: "var(--text-muted)" }}>Account</div>
-            </div>
-            <Icon name="chev" size={12} />
-          </button>
+                <Icon name="chev" size={12} />
+              </button>
+            )}
+          </div>
+          {collapsed && (
+            <button
+              type="button"
+              aria-label="Expand sidebar"
+              title="Expand sidebar"
+              onClick={() => setCollapsed(false)}
+              style={{
+                display: "flex",
+                alignItems: "center",
+                justifyContent: "center",
+                width: "100%",
+                height: 28,
+                marginTop: 6,
+                borderRadius: "var(--r-sm)",
+                color: "var(--text-muted)",
+                transition: "background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease)",
+              }}
+              onMouseEnter={(e) => {
+                e.currentTarget.style.background = "var(--bg-soft)";
+                e.currentTarget.style.color = "var(--text)";
+              }}
+              onMouseLeave={(e) => {
+                e.currentTarget.style.background = "transparent";
+                e.currentTarget.style.color = "var(--text-muted)";
+              }}
+            >
+              <span style={{ display: "inline-flex", transform: "rotate(180deg)" }}>
+                <Icon name="chev" size={12} />
+              </span>
+            </button>
+          )}
           {menuOpen && (
             <div
               style={{
                 position: "absolute",
                 bottom: "calc(100% + 6px)",
-                left: 6,
-                right: 6,
+                left: collapsed ? "calc(100% + 6px)" : 6,
+                right: collapsed ? "auto" : 6,
+                minWidth: collapsed ? 180 : undefined,
                 padding: "6px 0",
                 background: "var(--bg-panel)",
                 border: "1px solid var(--border)",
@@ -257,22 +364,25 @@ export function SideNav() {
   );
 }
 
-function NavLink({ entry, active }: { entry: Entry; active: boolean }) {
+function NavLink({ entry, active, collapsed }: { entry: Entry; active: boolean; collapsed: boolean }) {
   return (
     <Link
       href={entry.href}
+      title={collapsed ? entry.label : undefined}
+      aria-label={collapsed ? entry.label : undefined}
       style={{
         display: "flex",
         alignItems: "center",
+        justifyContent: collapsed ? "center" : "flex-start",
         gap: 10,
         width: "100%",
-        padding: "8px 12px",
+        padding: collapsed ? "8px 0" : "8px 12px",
         borderRadius: "var(--r-sm)",
         background: active ? "var(--accent-soft)" : "transparent",
         color: active ? "var(--accent)" : "var(--text-dim)",
         fontWeight: active ? 600 : 400,
         fontSize: 13,
-        borderLeft: active ? "2px solid var(--accent)" : "2px solid transparent",
+        borderLeft: active && !collapsed ? "2px solid var(--accent)" : "2px solid transparent",
         transition: "background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease)",
         textDecoration: "none",
       }}
@@ -284,7 +394,7 @@ function NavLink({ entry, active }: { entry: Entry; active: boolean }) {
       }}
     >
       <Icon name={entry.icon} size={15} />
-      <span style={{ flex: 1 }}>{entry.label}</span>
+      {!collapsed && <span style={{ flex: 1 }}>{entry.label}</span>}
     </Link>
   );
 }
diff --git a/frontend/src/components/screens/Dashboard.tsx b/frontend/src/components/screens/Dashboard.tsx
index 9d895fc0..a2910aea 100644
--- a/frontend/src/components/screens/Dashboard.tsx
+++ b/frontend/src/components/screens/Dashboard.tsx
@@ -630,7 +630,7 @@ export function Dashboard() {
   );
 
   const heroBlock = (
-    <div style={{ textAlign: "center", padding: isMobile ? "14px 4px 0" : "6px 0 0" }}>
+    <div style={{ textAlign: "left", padding: isMobile ? "14px 4px 0" : "6px 0 0" }}>
       <h1
         className="h-serif"
         style={{
@@ -649,7 +649,7 @@ export function Dashboard() {
           aria-hidden={!greetingDone}
           className="body-serif"
           style={{
-            margin: "14px auto 0",
+            margin: "8px 0 0",
             maxWidth: 640,
             fontSize: 14,
             fontStyle: "italic",

From 0990759a3efdc4c9b9ef171187140e5da565abd3 Mon Sep 17 00:00:00 2001
From: AndresL230 <190146319+AndresL230@users.noreply.github.com>
Date: Wed, 22 Apr 2026 11:40:38 -0400
Subject: [PATCH 37/52] trigger deploy


From c768fe705ef6d136d96799672a10650592819ee0 Mon Sep 17 00:00:00 2001
From: AndresL230 <190146319+AndresL230@users.noreply.github.com>
Date: Wed, 22 Apr 2026 11:45:24 -0400
Subject: [PATCH 38/52] Rename wrangler.workers.toml to wrangler.toml so
 OpenNext finds it

The opennextjs-cloudflare CLI only auto-detects wrangler.(toml|json|jsonc)
and fell back to an interactive prompt in CI, breaking Workers Builds.
The Pages-avoidance rationale for the custom name no longer applies now
that deployment is on Workers, so drop the -c flag from scripts too.

Also set name to match the Cloudflare project ("frontend").
---
 frontend/package-lock.json     | 68 +++++++++++++++++-----------------
 frontend/package.json          |  6 +--
 frontend/wrangler.toml         | 17 +++++++++
 frontend/wrangler.workers.toml | 36 ------------------
 4 files changed, 54 insertions(+), 73 deletions(-)
 create mode 100644 frontend/wrangler.toml
 delete mode 100644 frontend/wrangler.workers.toml

diff --git a/frontend/package-lock.json b/frontend/package-lock.json
index 450779cf..b18d2529 100644
--- a/frontend/package-lock.json
+++ b/frontend/package-lock.json
@@ -31,7 +31,7 @@
         "eslint": "^9",
         "eslint-config-next": "16.1.6",
         "typescript": "^5",
-        "wrangler": "^4.83.0"
+        "wrangler": "^4.84.1"
       }
     },
     "node_modules/@alloc/quick-lru": {
@@ -1704,9 +1704,9 @@
       }
     },
     "node_modules/@cloudflare/workerd-darwin-64": {
-      "version": "1.20260415.1",
-      "resolved": "https://registry.npmjs.org/@cloudflare/workerd-darwin-64/-/workerd-darwin-64-1.20260415.1.tgz",
-      "integrity": "sha512-dsxaKsQm3LnPGNPEdsRv09QN3Y4DqCw7kX5j6noKqbAtro2jTr95sVlYM1jUxZ5FkOl1f7SXgaKKB9t5H5Nkbg==",
+      "version": "1.20260421.1",
+      "resolved": "https://registry.npmjs.org/@cloudflare/workerd-darwin-64/-/workerd-darwin-64-1.20260421.1.tgz",
+      "integrity": "sha512-DLU5ZTZ1VHeZZnj0PuVJEMHKGisfLe2XShyImP5P/PPj/m/t7CLEJmPiI7FMxvT7ynArkckJl7m+Z5x7u4Kkdw==",
       "cpu": [
         "x64"
       ],
@@ -1721,9 +1721,9 @@
       }
     },
     "node_modules/@cloudflare/workerd-darwin-arm64": {
-      "version": "1.20260415.1",
-      "resolved": "https://registry.npmjs.org/@cloudflare/workerd-darwin-arm64/-/workerd-darwin-arm64-1.20260415.1.tgz",
-      "integrity": "sha512-+JgSgVA49KyKteHRA1SnonE4Zn5Ei5zdAp5FQMxFmXI8qulZw4Hl7safXxRyK4i9sTO8gl7TFOKO5Q64VPvSDQ==",
+      "version": "1.20260421.1",
+      "resolved": "https://registry.npmjs.org/@cloudflare/workerd-darwin-arm64/-/workerd-darwin-arm64-1.20260421.1.tgz",
+      "integrity": "sha512-Trotq3xRAkIcpC505WoxM8+kIH4JIvOJCNuRatyHcz9uF5S+ukgiVUFUlM+GIjw1uCM/Bda2St+vSniX1RZdpw==",
       "cpu": [
         "arm64"
       ],
@@ -1738,9 +1738,9 @@
       }
     },
     "node_modules/@cloudflare/workerd-linux-64": {
-      "version": "1.20260415.1",
-      "resolved": "https://registry.npmjs.org/@cloudflare/workerd-linux-64/-/workerd-linux-64-1.20260415.1.tgz",
-      "integrity": "sha512-tU+9pwsqCy8afOVlGtiWrWQc/fedQK4SRm4KPIAt+zOiQWDxWASm6YGBUJis5c648WN80yz47qnmdDi8DQNOcA==",
+      "version": "1.20260421.1",
+      "resolved": "https://registry.npmjs.org/@cloudflare/workerd-linux-64/-/workerd-linux-64-1.20260421.1.tgz",
+      "integrity": "sha512-938QjUv0z+QqK6BAvgwX/lCIZ2b224ZXoXtGTbhyNVMhB+mt4Dj24cj9qca4ekNXjVM7uTKp1yOHZO97fVSacw==",
       "cpu": [
         "x64"
       ],
@@ -1755,9 +1755,9 @@
       }
     },
     "node_modules/@cloudflare/workerd-linux-arm64": {
-      "version": "1.20260415.1",
-      "resolved": "https://registry.npmjs.org/@cloudflare/workerd-linux-arm64/-/workerd-linux-arm64-1.20260415.1.tgz",
-      "integrity": "sha512-bR9uITnV19r5NQ14xnypi2xHXu2iQvfYV8cVgx0JouFUmWwTEEAwFVojDdssGq93VHX9hr/pi2IRUZeegbYBog==",
+      "version": "1.20260421.1",
+      "resolved": "https://registry.npmjs.org/@cloudflare/workerd-linux-arm64/-/workerd-linux-arm64-1.20260421.1.tgz",
+      "integrity": "sha512-YI4+mLfwnJcKJ+iPyxzx+tp2Jy4o29BxBPSQGZxl/AZyvZ9eTKsmNZmtjEiT4i3O/M0tdO/B/d9ESDHbRCs2rQ==",
       "cpu": [
         "arm64"
       ],
@@ -1772,9 +1772,9 @@
       }
     },
     "node_modules/@cloudflare/workerd-windows-64": {
-      "version": "1.20260415.1",
-      "resolved": "https://registry.npmjs.org/@cloudflare/workerd-windows-64/-/workerd-windows-64-1.20260415.1.tgz",
-      "integrity": "sha512-4NuMLlerI0Ijua3Ir8HXQ+qyNvCUDEG5gDco5Om+sAiK6rnWiz+aGoSlbB8W16yW9QAgzCstbmXLiVknUBflfQ==",
+      "version": "1.20260421.1",
+      "resolved": "https://registry.npmjs.org/@cloudflare/workerd-windows-64/-/workerd-windows-64-1.20260421.1.tgz",
+      "integrity": "sha512-q1SFgwlNH9lFmw74vh7EJbJtduo92Nx51mNOfd3/u6pux6AldcwRviYzKEEv3FEbtv6OBB7J8D5f8vtZj7Z6Sg==",
       "cpu": [
         "x64"
       ],
@@ -11099,16 +11099,16 @@
       }
     },
     "node_modules/miniflare": {
-      "version": "4.20260415.0",
-      "resolved": "https://registry.npmjs.org/miniflare/-/miniflare-4.20260415.0.tgz",
-      "integrity": "sha512-JoExRWN4YBI2luA5BoSMFEgi8rQWXUGzo3mtE+58VXCLV3jj/Xnk5Yeqs/IXWz8Es5GJIaq6BtsixDvAxXSIng==",
+      "version": "4.20260421.0",
+      "resolved": "https://registry.npmjs.org/miniflare/-/miniflare-4.20260421.0.tgz",
+      "integrity": "sha512-7ZkNQ7brgQ2hh5ha9iQCDUjxBkLvuiG2VdDns9esRL8O8lXg+MoP6E0dO1rtp+ZY2I+vV1tPWr6td5IojkewLw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "@cspotcode/source-map-support": "0.8.1",
         "sharp": "^0.34.5",
         "undici": "7.24.8",
-        "workerd": "1.20260415.1",
+        "workerd": "1.20260421.1",
         "ws": "8.18.0",
         "youch": "4.1.0-beta.10"
       },
@@ -13800,9 +13800,9 @@
       }
     },
     "node_modules/workerd": {
-      "version": "1.20260415.1",
-      "resolved": "https://registry.npmjs.org/workerd/-/workerd-1.20260415.1.tgz",
-      "integrity": "sha512-phyPjRnx+mQDfkhN9ENPioL1L0SdhYs4S0YmJK/xF9Oga+ykNfdSy1MHnsOj8yqnOV96zcVQMx32dJ0r3pq0jQ==",
+      "version": "1.20260421.1",
+      "resolved": "https://registry.npmjs.org/workerd/-/workerd-1.20260421.1.tgz",
+      "integrity": "sha512-zTYD+xFR4d7TUCxsyl7FTPth9a8CDgk8pM7xUWbJxo0SGUx+2e5C7Q5LrramBZwmuAErtzXmOjlQ15PtkPAhZA==",
       "dev": true,
       "hasInstallScript": true,
       "license": "Apache-2.0",
@@ -13813,17 +13813,17 @@
         "node": ">=16"
       },
       "optionalDependencies": {
-        "@cloudflare/workerd-darwin-64": "1.20260415.1",
-        "@cloudflare/workerd-darwin-arm64": "1.20260415.1",
-        "@cloudflare/workerd-linux-64": "1.20260415.1",
-        "@cloudflare/workerd-linux-arm64": "1.20260415.1",
-        "@cloudflare/workerd-windows-64": "1.20260415.1"
+        "@cloudflare/workerd-darwin-64": "1.20260421.1",
+        "@cloudflare/workerd-darwin-arm64": "1.20260421.1",
+        "@cloudflare/workerd-linux-64": "1.20260421.1",
+        "@cloudflare/workerd-linux-arm64": "1.20260421.1",
+        "@cloudflare/workerd-windows-64": "1.20260421.1"
       }
     },
     "node_modules/wrangler": {
-      "version": "4.83.0",
-      "resolved": "https://registry.npmjs.org/wrangler/-/wrangler-4.83.0.tgz",
-      "integrity": "sha512-gw5g3LCiuAqVWxaoKY6+quE0HzAUEFb/FV3oAlNkE1ttd4XP3FiV91XDkkzUCcdqxS4WjhQvPhIDBNdhEi8P0A==",
+      "version": "4.84.1",
+      "resolved": "https://registry.npmjs.org/wrangler/-/wrangler-4.84.1.tgz",
+      "integrity": "sha512-Xe1S/Bik7pNdtdJ+asHsEZC2dX9k3WxYn2BbxFtOrrLVxN/LKi750zsrjX41jSAk00M/O1l7jzyQV4sQqw8ftg==",
       "dev": true,
       "license": "MIT OR Apache-2.0",
       "dependencies": {
@@ -13831,10 +13831,10 @@
         "@cloudflare/unenv-preset": "2.16.0",
         "blake3-wasm": "2.1.5",
         "esbuild": "0.27.3",
-        "miniflare": "4.20260415.0",
+        "miniflare": "4.20260421.0",
         "path-to-regexp": "6.3.0",
         "unenv": "2.0.0-rc.24",
-        "workerd": "1.20260415.1"
+        "workerd": "1.20260421.1"
       },
       "bin": {
         "wrangler": "bin/wrangler.js",
@@ -13847,7 +13847,7 @@
         "fsevents": "~2.3.2"
       },
       "peerDependencies": {
-        "@cloudflare/workers-types": "^4.20260415.1"
+        "@cloudflare/workers-types": "^4.20260421.1"
       },
       "peerDependenciesMeta": {
         "@cloudflare/workers-types": {
diff --git a/frontend/package.json b/frontend/package.json
index 119732d4..ce727048 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -9,8 +9,8 @@
     "lint": "next lint",
     "typecheck": "tsc --noEmit",
     "cf:build": "opennextjs-cloudflare build",
-    "cf:preview": "opennextjs-cloudflare build && wrangler dev -c wrangler.workers.toml",
-    "cf:deploy": "opennextjs-cloudflare build && wrangler deploy -c wrangler.workers.toml"
+    "cf:preview": "opennextjs-cloudflare build && wrangler dev",
+    "cf:deploy": "opennextjs-cloudflare build && wrangler deploy"
   },
   "dependencies": {
     "@supabase/supabase-js": "^2.99.3",
@@ -36,6 +36,6 @@
     "eslint": "^9",
     "eslint-config-next": "16.1.6",
     "typescript": "^5",
-    "wrangler": "^4.83.0"
+    "wrangler": "^4.84.1"
   }
 }
diff --git a/frontend/wrangler.toml b/frontend/wrangler.toml
new file mode 100644
index 00000000..05d58017
--- /dev/null
+++ b/frontend/wrangler.toml
@@ -0,0 +1,17 @@
+#:schema node_modules/wrangler/config-schema.json
+#
+# Cloudflare Workers config for the Next.js frontend (OpenNext adapter).
+# Deploy locally: `cd frontend && npm run cf:deploy`.
+# CI on Workers Builds: set build command to `npm run cf:build`.
+
+name = "frontend"
+main = ".open-next/worker.js"
+compatibility_date = "2025-06-01"
+compatibility_flags = ["nodejs_compat", "global_fetch_strictly_public"]
+
+[assets]
+binding = "ASSETS"
+directory = ".open-next/assets"
+
+[observability]
+enabled = true
diff --git a/frontend/wrangler.workers.toml b/frontend/wrangler.workers.toml
deleted file mode 100644
index f97511c5..00000000
--- a/frontend/wrangler.workers.toml
+++ /dev/null
@@ -1,36 +0,0 @@
-#:schema node_modules/wrangler/config-schema.json
-#
-# Cloudflare WORKERS config for the Next.js frontend.
-#
-# Intentionally named wrangler.workers.toml (not wrangler.toml) so
-# the Cloudflare Pages build pipeline does not auto-detect it and
-# fail with "A Wrangler configuration file was found but it does
-# not appear to be valid." Pages's wrangler-config beta only
-# accepts Pages-shaped configs (with `pages_build_output_dir`),
-# while this file is Workers-shaped (with `main` + `[assets]`).
-#
-# This app is not deployable on Cloudflare Pages: it uses Next.js
-# middleware, API routes, a /api/:path* rewrite, and a dynamic
-# /profile/[userId] route, none of which are compatible with
-# `next export` (Pages's only supported mode for Next.js). The
-# @cloudflare/next-on-pages adapter doesn't support Next 16 yet.
-#
-# To deploy: migrate the project from Cloudflare Pages to Cloudflare
-# Workers, then:
-#
-#     cd frontend
-#     npm install
-#     npm run cf:build                # produces .open-next/
-#     npx wrangler deploy -c wrangler.workers.toml
-
-name = "sapling-frontend"
-main = ".open-next/worker.js"
-compatibility_date = "2025-06-01"
-compatibility_flags = ["nodejs_compat", "global_fetch_strictly_public"]
-
-[assets]
-binding = "ASSETS"
-directory = ".open-next/assets"
-
-[observability]
-enabled = true

From 1e049508b2099bb35d959b8362be8fef47abd143 Mon Sep 17 00:00:00 2001
From: AndresL230 <190146319+AndresL230@users.noreply.github.com>
Date: Wed, 22 Apr 2026 11:58:16 -0400
Subject: [PATCH 39/52] landing: stop auto-redirecting signed-in visitors and
 fix OAuth callback path

Landing page no longer forces authenticated visitors through /dashboard,
which bounced them to Google OAuth whenever their session cookie had
expired. Also align the backend OAuth redirects with the frontend
routes (/auth, /auth/callback) instead of the removed /signin paths.
---
 backend/routes/auth.py    |  6 +++---
 frontend/src/app/page.tsx | 42 ++++++++++++++++++---------------------
 2 files changed, 22 insertions(+), 26 deletions(-)

diff --git a/backend/routes/auth.py b/backend/routes/auth.py
index 9e2af04d..fd03de57 100644
--- a/backend/routes/auth.py
+++ b/backend/routes/auth.py
@@ -153,7 +153,7 @@ def google_login():
 def google_callback(code: str = Query(...), state: str = Query(None)):
     """Exchange auth code for tokens, validate @bu.edu, upsert user."""
     if not GOOGLE_AVAILABLE:
-        return RedirectResponse(f"{FRONTEND_URL}/signin?error=google_not_configured")
+        return RedirectResponse(f"{FRONTEND_URL}/auth?error=google_not_configured")
 
     state_data = _decode_state(state) if state else {}
     code_verifier = state_data.get("cv")
@@ -180,7 +180,7 @@ def google_callback(code: str = Query(...), state: str = Query(None)):
     # Restrict to @bu.edu accounts
     if not email.endswith("@bu.edu"):
         return RedirectResponse(
-            f"{FRONTEND_URL}/signin?error=invalid_domain"
+            f"{FRONTEND_URL}/auth?error=invalid_domain"
         )
 
     # Determine user_id: check if this Google ID already exists
@@ -256,4 +256,4 @@ def google_callback(code: str = Query(...), state: str = Query(None)):
         "is_approved": "true",
         **({"auth_token": auth_token} if auth_token else {}),
     })
-    return RedirectResponse(f"{FRONTEND_URL}/signin/callback?{params}")
+    return RedirectResponse(f"{FRONTEND_URL}/auth/callback?{params}")
diff --git a/frontend/src/app/page.tsx b/frontend/src/app/page.tsx
index 54614c31..d55f981d 100644
--- a/frontend/src/app/page.tsx
+++ b/frontend/src/app/page.tsx
@@ -63,27 +63,25 @@ export default function LandingPage() {
   const obInitStepsRef = useRef<Set<number>>(new Set());
   const obDoneStepsRef = useRef<Set<number>>(new Set());
 
-  // Auth redirect / onboarding resume
+  // Resume onboarding if the callback stashed a pending flag.
+  // Don't auto-redirect signed-in visitors away from the landing page —
+  // they should be able to read it like anyone else.
   useEffect(() => {
-    if (userReady && isAuthenticated) {
-      const pending = sessionStorage.getItem('sapling_onboarding_pending');
-      if (pending) {
-        sessionStorage.removeItem('sapling_onboarding_pending');
-        window.scrollTo({ top: 0, behavior: 'instant' });
-        setActiveStep(1);
-        setCompleted(new Set([0]));
-        setHeroMounted(true);
-        setIntroText('hidden');
-        zoomActiveRef.current = true;
-        zoomOutroRef.current = false;
-        canvasZoomRef.current = 2.5;
-        clusterProgressRef.current = 1;
-        setOnboardingPhase('active');
-      } else {
-        router.replace('/dashboard');
-      }
-    }
-  }, [userReady, isAuthenticated, router]);
+    if (!userReady || !isAuthenticated) return;
+    const pending = sessionStorage.getItem('sapling_onboarding_pending');
+    if (!pending) return;
+    sessionStorage.removeItem('sapling_onboarding_pending');
+    window.scrollTo({ top: 0, behavior: 'instant' });
+    setActiveStep(1);
+    setCompleted(new Set([0]));
+    setHeroMounted(true);
+    setIntroText('hidden');
+    zoomActiveRef.current = true;
+    zoomOutroRef.current = false;
+    canvasZoomRef.current = 2.5;
+    clusterProgressRef.current = 1;
+    setOnboardingPhase('active');
+  }, [userReady, isAuthenticated]);
 
   // Cleanup timeouts on unmount
   useEffect(() => {
@@ -597,10 +595,8 @@ export default function LandingPage() {
     ];
   }
 
-  const authIdle = userReady && isAuthenticated && onboardingPhase === 'idle';
-
   return (
-    <div className="landing-page antialiased" style={{ fontFamily: "var(--font-inter), 'Inter', sans-serif", color: 'var(--brand-text1, #1a1a1a)', background: 'transparent', opacity: authIdle ? 0 : 1, pointerEvents: authIdle ? 'none' : 'auto' }}>
+    <div className="landing-page antialiased" style={{ fontFamily: "var(--font-inter), 'Inter', sans-serif", color: 'var(--brand-text1, #1a1a1a)', background: 'transparent' }}>
       <div ref={ambientGlowRef} className="landing-ambient-glow" />
 
       {/* ═══ Initial load intro overlay ═══ */}

From a38d0257887a66ffd41f3df3d778ee1acfbe3b6c Mon Sep 17 00:00:00 2001
From: Darkest-Teddy <hel.jack14@gmail.com>
Date: Wed, 22 Apr 2026 23:03:38 -0400
Subject: [PATCH 40/52] Fixed google auth rejection by setting cookie
 confirmation

---
 frontend/src/app/auth/callback/page.tsx | 26 ++++++++++++++-----------
 1 file changed, 15 insertions(+), 11 deletions(-)

diff --git a/frontend/src/app/auth/callback/page.tsx b/frontend/src/app/auth/callback/page.tsx
index f71e42c4..85f46412 100644
--- a/frontend/src/app/auth/callback/page.tsx
+++ b/frontend/src/app/auth/callback/page.tsx
@@ -29,24 +29,28 @@ function CallbackInner() {
     setActiveUser(userId, name, avatar || '');
     confirmApproved();
 
-    fetch('/api/auth/session', {
-      method: 'POST',
-      headers: { 'Content-Type': 'application/json' },
-      body: JSON.stringify({ userId, ...(authToken ? { authToken } : {}) }),
-    }).catch(() => {});
-
     const API_URL = process.env.NEXT_PUBLIC_API_URL ?? '';
-    fetch(`${API_URL}/api/auth/me?user_id=${encodeURIComponent(userId)}`)
-      .then(r => r.json())
-      .then(data => {
+    (async () => {
+      try {
+        await fetch('/api/auth/session', {
+          method: 'POST',
+          headers: { 'Content-Type': 'application/json' },
+          body: JSON.stringify({ userId, ...(authToken ? { authToken } : {}) }),
+        });
+      } catch {}
+      try {
+        const r = await fetch(`${API_URL}/api/auth/me?user_id=${encodeURIComponent(userId)}`);
+        const data = await r.json();
         if (data.onboarding_completed) {
           router.replace('/dashboard');
         } else {
           sessionStorage.setItem('sapling_onboarding_pending', '1');
           router.replace('/');
         }
-      })
-      .catch(() => router.replace('/dashboard'));
+      } catch {
+        router.replace('/dashboard');
+      }
+    })();
   // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
 

From 9d1e9083906a47f83f161cb925cdb5792b2502c8 Mon Sep 17 00:00:00 2001
From: Darkest-Teddy <hel.jack14@gmail.com>
Date: Thu, 23 Apr 2026 09:47:59 -0400
Subject: [PATCH 41/52] Hopefully fixed cookies

---
 frontend/package-lock.json              | 43 +++++++++++++++++++++++++
 frontend/package.json                   |  2 +-
 frontend/src/app/auth/callback/page.tsx | 11 +++++--
 3 files changed, 53 insertions(+), 3 deletions(-)

diff --git a/frontend/package-lock.json b/frontend/package-lock.json
index b18d2529..7725095a 100644
--- a/frontend/package-lock.json
+++ b/frontend/package-lock.json
@@ -1468,6 +1468,7 @@
       "integrity": "sha512-CGOfOJqWjg2qW/Mb6zNsDm+u5vFQ8DxXfbM09z69p5Z6+mE1ikP2jUXw+j42Pf1XTYED2Rni5f95npYeuwMDQA==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@babel/code-frame": "^7.29.0",
         "@babel/generator": "^7.29.0",
@@ -1881,6 +1882,7 @@
       "integrity": "sha512-QP88BAKvMam/3NxH6vj2o21R6MjxZUAd6nlwAS/pnGvN9IVLocLHxGYIzFhg6fUQ+5th6P4dv4eW9jX3DSIj7A==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "engines": {
         "node": ">=12"
       },
@@ -2619,6 +2621,7 @@
       "cpu": [
         "arm64"
       ],
+      "dev": true,
       "license": "Apache-2.0",
       "optional": true,
       "os": [
@@ -2641,6 +2644,7 @@
       "cpu": [
         "x64"
       ],
+      "dev": true,
       "license": "Apache-2.0",
       "optional": true,
       "os": [
@@ -2663,6 +2667,7 @@
       "cpu": [
         "arm64"
       ],
+      "dev": true,
       "license": "LGPL-3.0-or-later",
       "optional": true,
       "os": [
@@ -2679,6 +2684,7 @@
       "cpu": [
         "x64"
       ],
+      "dev": true,
       "license": "LGPL-3.0-or-later",
       "optional": true,
       "os": [
@@ -2695,6 +2701,7 @@
       "cpu": [
         "arm"
       ],
+      "dev": true,
       "license": "LGPL-3.0-or-later",
       "optional": true,
       "os": [
@@ -2711,6 +2718,7 @@
       "cpu": [
         "arm64"
       ],
+      "dev": true,
       "license": "LGPL-3.0-or-later",
       "optional": true,
       "os": [
@@ -2727,6 +2735,7 @@
       "cpu": [
         "ppc64"
       ],
+      "dev": true,
       "license": "LGPL-3.0-or-later",
       "optional": true,
       "os": [
@@ -2743,6 +2752,7 @@
       "cpu": [
         "riscv64"
       ],
+      "dev": true,
       "license": "LGPL-3.0-or-later",
       "optional": true,
       "os": [
@@ -2759,6 +2769,7 @@
       "cpu": [
         "s390x"
       ],
+      "dev": true,
       "license": "LGPL-3.0-or-later",
       "optional": true,
       "os": [
@@ -2775,6 +2786,7 @@
       "cpu": [
         "x64"
       ],
+      "dev": true,
       "license": "LGPL-3.0-or-later",
       "optional": true,
       "os": [
@@ -2791,6 +2803,7 @@
       "cpu": [
         "arm64"
       ],
+      "dev": true,
       "license": "LGPL-3.0-or-later",
       "optional": true,
       "os": [
@@ -2807,6 +2820,7 @@
       "cpu": [
         "x64"
       ],
+      "dev": true,
       "license": "LGPL-3.0-or-later",
       "optional": true,
       "os": [
@@ -2823,6 +2837,7 @@
       "cpu": [
         "arm"
       ],
+      "dev": true,
       "license": "Apache-2.0",
       "optional": true,
       "os": [
@@ -2845,6 +2860,7 @@
       "cpu": [
         "arm64"
       ],
+      "dev": true,
       "license": "Apache-2.0",
       "optional": true,
       "os": [
@@ -2867,6 +2883,7 @@
       "cpu": [
         "ppc64"
       ],
+      "dev": true,
       "license": "Apache-2.0",
       "optional": true,
       "os": [
@@ -2889,6 +2906,7 @@
       "cpu": [
         "riscv64"
       ],
+      "dev": true,
       "license": "Apache-2.0",
       "optional": true,
       "os": [
@@ -2911,6 +2929,7 @@
       "cpu": [
         "s390x"
       ],
+      "dev": true,
       "license": "Apache-2.0",
       "optional": true,
       "os": [
@@ -2933,6 +2952,7 @@
       "cpu": [
         "x64"
       ],
+      "dev": true,
       "license": "Apache-2.0",
       "optional": true,
       "os": [
@@ -2955,6 +2975,7 @@
       "cpu": [
         "arm64"
       ],
+      "dev": true,
       "license": "Apache-2.0",
       "optional": true,
       "os": [
@@ -2977,6 +2998,7 @@
       "cpu": [
         "x64"
       ],
+      "dev": true,
       "license": "Apache-2.0",
       "optional": true,
       "os": [
@@ -2999,6 +3021,7 @@
       "cpu": [
         "wasm32"
       ],
+      "dev": true,
       "license": "Apache-2.0 AND LGPL-3.0-or-later AND MIT",
       "optional": true,
       "dependencies": {
@@ -3018,6 +3041,7 @@
       "cpu": [
         "arm64"
       ],
+      "dev": true,
       "license": "Apache-2.0 AND LGPL-3.0-or-later",
       "optional": true,
       "os": [
@@ -3037,6 +3061,7 @@
       "cpu": [
         "ia32"
       ],
+      "dev": true,
       "license": "Apache-2.0 AND LGPL-3.0-or-later",
       "optional": true,
       "os": [
@@ -3056,6 +3081,7 @@
       "cpu": [
         "x64"
       ],
+      "dev": true,
       "license": "Apache-2.0 AND LGPL-3.0-or-later",
       "optional": true,
       "os": [
@@ -3296,6 +3322,7 @@
       "integrity": "sha512-2I0gnIVPtfnMw9ee9h1dJG7tp81+8Ob3OJb3Mv37rx5L40/b0i7djjCVvGOVqc9AEIQyvyu1i6ypKdFw8R8gQw==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "engines": {
         "node": "^14.21.3 || >=16"
       },
@@ -5200,6 +5227,7 @@
       "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"
       }
@@ -5274,6 +5302,7 @@
       "integrity": "sha512-/Zb/xaIDfxeJnvishjGdcR4jmr7S+bda8PKNhRGdljDM+elXhlvN0FyPSsMnLmJUrVG9aPO6dof80wjMawsASg==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@typescript-eslint/scope-manager": "8.58.2",
         "@typescript-eslint/types": "8.58.2",
@@ -5832,6 +5861,7 @@
       "integrity": "sha512-UVJyE9MttOsBQIDKw1skb9nAwQuR5wuGD3+82K6JgJlm/Y+KI92oNsMNGZCYdDsVtRHSak0pcV5Dno5+4jh9sw==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "bin": {
         "acorn": "bin/acorn"
       },
@@ -6295,6 +6325,7 @@
         }
       ],
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "baseline-browser-mapping": "^2.10.12",
         "caniuse-lite": "^1.0.30001782",
@@ -7022,6 +7053,7 @@
       "resolved": "https://registry.npmjs.org/d3-selection/-/d3-selection-3.0.0.tgz",
       "integrity": "sha512-fmTRWbNMmsmWq6xJV8D19U/gw/bwrHfNXxrIN+HfZgnzqTHp9jOmKMhsTUjXOJnZOdZY9Q28y4yebKzqDKlxlQ==",
       "license": "ISC",
+      "peer": true,
       "engines": {
         "node": ">=12"
       }
@@ -7700,6 +7732,7 @@
       "integrity": "sha512-XoMjdBOwe/esVgEvLmNsD3IRHkm7fbKIUGvrleloJXUZgDHig2IPWNniv+GwjyJXzuNqVjlr5+4yVUZjycJwfQ==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@eslint-community/eslint-utils": "^4.8.0",
         "@eslint-community/regexpp": "^4.12.1",
@@ -7885,6 +7918,7 @@
       "integrity": "sha512-whOE1HFo/qJDyX4SnXzP4N6zOWn79WhnCUY/iDR0mPfQZO8wcYE4JClzI2oZrhBnnMUCBCHZhO6VQyoBU95mZA==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@rtsao/scc": "^1.1.0",
         "array-includes": "^3.1.9",
@@ -11274,6 +11308,7 @@
       "resolved": "https://registry.npmjs.org/next/-/next-16.1.6.tgz",
       "integrity": "sha512-hkyRkcu5x/41KoqnROkfTm2pZVbKxvbZRuNvKXLRXxs3VfyO0WhY50TQS40EuKO9SW3rBj/sF3WbVwDACeMZyw==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@next/env": "16.1.6",
         "@swc/helpers": "0.5.15",
@@ -11999,6 +12034,7 @@
       "resolved": "https://registry.npmjs.org/react/-/react-19.2.3.tgz",
       "integrity": "sha512-Ku/hhYbVjOQnXDZFv2+RibmLFGwFdeeKHFcOTlrt7xplBnya5OGn/hIRDsqDiSUcfORsDC7MPxwork8jBwsIWA==",
       "license": "MIT",
+      "peer": true,
       "engines": {
         "node": ">=0.10.0"
       }
@@ -12008,6 +12044,7 @@
       "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-19.2.3.tgz",
       "integrity": "sha512-yELu4WmLPw5Mr/lmeEpox5rw3RETacE++JgHqQzd2dg+YbJuat3jH4ingc+WPZhxaoFzdv9y33G+F7Nl5O0GBg==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "scheduler": "^0.27.0"
       },
@@ -13088,6 +13125,7 @@
       "integrity": "sha512-QP88BAKvMam/3NxH6vj2o21R6MjxZUAd6nlwAS/pnGvN9IVLocLHxGYIzFhg6fUQ+5th6P4dv4eW9jX3DSIj7A==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "engines": {
         "node": ">=12"
       },
@@ -13309,6 +13347,7 @@
       "integrity": "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==",
       "dev": true,
       "license": "Apache-2.0",
+      "peer": true,
       "bin": {
         "tsc": "bin/tsc",
         "tsserver": "bin/tsserver"
@@ -13382,6 +13421,7 @@
       "integrity": "sha512-i7qRCmY42zmCwnYlh9H2SvLEypEFGye5iRmEMKjcGi7zk9UquigRjFtTLz0TYqr0ZGLZhaMHl/foy1bZR+Cwlw==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "pathe": "^2.0.3"
       }
@@ -13806,6 +13846,7 @@
       "dev": true,
       "hasInstallScript": true,
       "license": "Apache-2.0",
+      "peer": true,
       "bin": {
         "workerd": "bin/workerd"
       },
@@ -13826,6 +13867,7 @@
       "integrity": "sha512-Xe1S/Bik7pNdtdJ+asHsEZC2dX9k3WxYn2BbxFtOrrLVxN/LKi750zsrjX41jSAk00M/O1l7jzyQV4sQqw8ftg==",
       "dev": true,
       "license": "MIT OR Apache-2.0",
+      "peer": true,
       "dependencies": {
         "@cloudflare/kv-asset-handler": "0.4.2",
         "@cloudflare/unenv-preset": "2.16.0",
@@ -14515,6 +14557,7 @@
       "integrity": "sha512-rftlrkhHZOcjDwkGlnUtZZkvaPHCsDATp4pGpuOOMDaTdDDXF91wuVDJoWoPsKX/3YPQ5fHuF3STjcYyKr+Qhg==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "funding": {
         "url": "https://github.com/sponsors/colinhacks"
       }
diff --git a/frontend/package.json b/frontend/package.json
index ce727048..0af13873 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -16,7 +16,7 @@
     "@supabase/supabase-js": "^2.99.3",
     "@tailwindcss/postcss": "^4.2.2",
     "d3": "^7.9.0",
-    "framer-motion": "^12.38.0",
+    "framer-motion": "^11.13.0",
     "katex": "^0.16.45",
     "lucide-react": "^1.8.0",
     "next": "16.1.6",
diff --git a/frontend/src/app/auth/callback/page.tsx b/frontend/src/app/auth/callback/page.tsx
index 85f46412..f167e3f6 100644
--- a/frontend/src/app/auth/callback/page.tsx
+++ b/frontend/src/app/auth/callback/page.tsx
@@ -32,12 +32,19 @@ function CallbackInner() {
     const API_URL = process.env.NEXT_PUBLIC_API_URL ?? '';
     (async () => {
       try {
-        await fetch('/api/auth/session', {
+        const sessionRes = await fetch('/api/auth/session', {
           method: 'POST',
           headers: { 'Content-Type': 'application/json' },
           body: JSON.stringify({ userId, ...(authToken ? { authToken } : {}) }),
         });
-      } catch {}
+        if (!sessionRes.ok) {
+          router.replace('/auth?error=signin_failed');
+          return;
+        }
+      } catch {
+        router.replace('/auth?error=signin_failed');
+        return;
+      }
       try {
         const r = await fetch(`${API_URL}/api/auth/me?user_id=${encodeURIComponent(userId)}`);
         const data = await r.json();

From bb52ba7642f9c6929b37b1c9f3314f2d11a69955 Mon Sep 17 00:00:00 2001
From: Darkest-Teddy <hel.jack14@gmail.com>
Date: Thu, 23 Apr 2026 10:25:57 -0400
Subject: [PATCH 42/52] Hopefully fixed now

---
 frontend/src/app/auth/page.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/app/auth/page.tsx b/frontend/src/app/auth/page.tsx
index dc9e4dea..f2bf14f5 100644
--- a/frontend/src/app/auth/page.tsx
+++ b/frontend/src/app/auth/page.tsx
@@ -1,5 +1,5 @@
-import { redirect } from "next/navigation";
+import { Auth } from "@/components/screens/Auth";
 
 export default function AuthPage() {
-  redirect("/");
+  return <Auth />;
 }

From 77c5e34bdd5031d8b1e0ff4eed464d47c77e61f7 Mon Sep 17 00:00:00 2001
From: Darkest-Teddy <hel.jack14@gmail.com>
Date: Thu, 23 Apr 2026 10:39:53 -0400
Subject: [PATCH 43/52] fix: resolve auth CORS, 401 session, framer-motion
 build errors

- Downgrade framer-motion to ^11 (fixes Turbopack can't resolve motion-utils)
- Fix /auth/page.tsx to render Auth component instead of redirect("/")
- Fix CORS: client-side fetches use relative URLs through Next.js proxy
- Fix session route: fall back to backend verify when SESSION_SECRET missing
- Fix callback: await session before profile fetch, surface errors to /auth
- Add BACKEND_URL and NEXT_PUBLIC_API_URL to wrangler.toml for Cloudflare

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 frontend/package-lock.json                 | 26 +++++++++++-----------
 frontend/src/app/api/auth/session/route.ts |  2 +-
 frontend/src/app/auth/callback/page.tsx    |  3 +--
 frontend/src/context/UserContext.tsx       |  6 ++---
 frontend/wrangler.toml                     |  4 ++++
 5 files changed, 21 insertions(+), 20 deletions(-)

diff --git a/frontend/package-lock.json b/frontend/package-lock.json
index 7725095a..5b2755a1 100644
--- a/frontend/package-lock.json
+++ b/frontend/package-lock.json
@@ -11,7 +11,7 @@
         "@supabase/supabase-js": "^2.99.3",
         "@tailwindcss/postcss": "^4.2.2",
         "d3": "^7.9.0",
-        "framer-motion": "^12.38.0",
+        "framer-motion": "^11.13.0",
         "katex": "^0.16.45",
         "lucide-react": "^1.8.0",
         "next": "16.1.6",
@@ -8564,13 +8564,13 @@
       }
     },
     "node_modules/framer-motion": {
-      "version": "12.38.0",
-      "resolved": "https://registry.npmjs.org/framer-motion/-/framer-motion-12.38.0.tgz",
-      "integrity": "sha512-rFYkY/pigbcswl1XQSb7q424kSTQ8q6eAC+YUsSKooHQYuLdzdHjrt6uxUC+PRAO++q5IS7+TamgIw1AphxR+g==",
+      "version": "11.18.2",
+      "resolved": "https://registry.npmjs.org/framer-motion/-/framer-motion-11.18.2.tgz",
+      "integrity": "sha512-5F5Och7wrvtLVElIpclDT0CBzMVg3dL22B64aZwHtsIY8RB4mXICLrkajK4G9R+ieSAGcgrLeae2SeUTg2pr6w==",
       "license": "MIT",
       "dependencies": {
-        "motion-dom": "^12.38.0",
-        "motion-utils": "^12.36.0",
+        "motion-dom": "^11.18.1",
+        "motion-utils": "^11.18.1",
         "tslib": "^2.4.0"
       },
       "peerDependencies": {
@@ -11232,18 +11232,18 @@
       }
     },
     "node_modules/motion-dom": {
-      "version": "12.38.0",
-      "resolved": "https://registry.npmjs.org/motion-dom/-/motion-dom-12.38.0.tgz",
-      "integrity": "sha512-pdkHLD8QYRp8VfiNLb8xIBJis1byQ9gPT3Jnh2jqfFtAsWUA3dEepDlsWe/xMpO8McV+VdpKVcp+E+TGJEtOoA==",
+      "version": "11.18.1",
+      "resolved": "https://registry.npmjs.org/motion-dom/-/motion-dom-11.18.1.tgz",
+      "integrity": "sha512-g76KvA001z+atjfxczdRtw/RXOM3OMSdd1f4DL77qCTF/+avrRJiawSG4yDibEQ215sr9kpinSlX2pCTJ9zbhw==",
       "license": "MIT",
       "dependencies": {
-        "motion-utils": "^12.36.0"
+        "motion-utils": "^11.18.1"
       }
     },
     "node_modules/motion-utils": {
-      "version": "12.36.0",
-      "resolved": "https://registry.npmjs.org/motion-utils/-/motion-utils-12.36.0.tgz",
-      "integrity": "sha512-eHWisygbiwVvf6PZ1vhaHCLamvkSbPIeAYxWUuL3a2PD/TROgE7FvfHWTIH4vMl798QLfMw15nRqIaRDXTlYRg==",
+      "version": "11.18.1",
+      "resolved": "https://registry.npmjs.org/motion-utils/-/motion-utils-11.18.1.tgz",
+      "integrity": "sha512-49Kt+HKjtbJKLtgO/LKj9Ld+6vw9BjH5d9sc40R/kVyH8GLAXgT42M2NnuPcJNuA3s9ZfZBUcwIgpmZWGEE+hA==",
       "license": "MIT"
     },
     "node_modules/ms": {
diff --git a/frontend/src/app/api/auth/session/route.ts b/frontend/src/app/api/auth/session/route.ts
index dbf8270d..b589b6ba 100644
--- a/frontend/src/app/api/auth/session/route.ts
+++ b/frontend/src/app/api/auth/session/route.ts
@@ -51,7 +51,7 @@ export async function POST(request: NextRequest) {
 
   let verifiedUserId: string | null = null;
 
-  if (authToken) {
+  if (authToken && SESSION_SECRET) {
     verifiedUserId = await verifyAuthToken(authToken);
     if (!verifiedUserId) {
       return NextResponse.json({ error: 'Invalid or expired auth token' }, { status: 401 });
diff --git a/frontend/src/app/auth/callback/page.tsx b/frontend/src/app/auth/callback/page.tsx
index f167e3f6..69dbb089 100644
--- a/frontend/src/app/auth/callback/page.tsx
+++ b/frontend/src/app/auth/callback/page.tsx
@@ -29,7 +29,6 @@ function CallbackInner() {
     setActiveUser(userId, name, avatar || '');
     confirmApproved();
 
-    const API_URL = process.env.NEXT_PUBLIC_API_URL ?? '';
     (async () => {
       try {
         const sessionRes = await fetch('/api/auth/session', {
@@ -46,7 +45,7 @@ function CallbackInner() {
         return;
       }
       try {
-        const r = await fetch(`${API_URL}/api/auth/me?user_id=${encodeURIComponent(userId)}`);
+        const r = await fetch(`/api/auth/me?user_id=${encodeURIComponent(userId)}`);
         const data = await r.json();
         if (data.onboarding_completed) {
           router.replace('/dashboard');
diff --git a/frontend/src/context/UserContext.tsx b/frontend/src/context/UserContext.tsx
index 896a49a5..e1732620 100644
--- a/frontend/src/context/UserContext.tsx
+++ b/frontend/src/context/UserContext.tsx
@@ -89,8 +89,7 @@ export function UserProvider({ children }: { children: React.ReactNode }) {
 
   useEffect(() => {
     if (IS_LOCAL_MODE) return;
-    const base = process.env.NEXT_PUBLIC_API_URL ?? '';
-    fetch(`${base}/api/users`)
+    fetch(`/api/users`)
       .then(r => r.json())
       .then((data: { users: UserOption[] }) => {
         const list = data.users ?? [];
@@ -107,8 +106,7 @@ export function UserProvider({ children }: { children: React.ReactNode }) {
   const fetchProfileData = useCallback(async (uid: string) => {
     if (!uid || IS_LOCAL_MODE) return;
     try {
-      const base = process.env.NEXT_PUBLIC_API_URL ?? '';
-      const res = await fetch(`${base}/api/auth/me?user_id=${encodeURIComponent(uid)}`);
+      const res = await fetch(`/api/auth/me?user_id=${encodeURIComponent(uid)}`);
       if (!res.ok) return;
       const data = await res.json();
       setUsername(data.username ?? null);
diff --git a/frontend/wrangler.toml b/frontend/wrangler.toml
index 05d58017..7391090c 100644
--- a/frontend/wrangler.toml
+++ b/frontend/wrangler.toml
@@ -13,5 +13,9 @@ compatibility_flags = ["nodejs_compat", "global_fetch_strictly_public"]
 binding = "ASSETS"
 directory = ".open-next/assets"
 
+[vars]
+NEXT_PUBLIC_API_URL = "https://sapling-production-cb12.up.railway.app"
+BACKEND_URL = "https://sapling-production-cb12.up.railway.app"
+
 [observability]
 enabled = true

From 43e9f58b9b74be7b3980349c3e4680267558e247 Mon Sep 17 00:00:00 2001
From: Darkest-Teddy <hel.jack14@gmail.com>
Date: Thu, 23 Apr 2026 14:05:17 -0400
Subject: [PATCH 44/52] feat: add newsletter/beta signup button and modal to
 landing page

- Added backend/routes/newsletter.py with POST /api/newsletter/subscribe
- Registered newsletter router in main.py at /api/newsletter
- Added beta signup button below hero CTAs with glow animation
- Added two-panel newsletter/beta modal with animated open/close
- Added modal-backdrop and beta-glow CSS animations to globals.css
- Uses relative URL (/api/newsletter/subscribe) to avoid CORS issues

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 backend/main.py              |   2 +
 backend/routes/newsletter.py |  29 ++++
 frontend/src/app/globals.css |  29 ++++
 frontend/src/app/page.tsx    | 286 ++++++++++++++++++++++++++++++++++-
 4 files changed, 339 insertions(+), 7 deletions(-)
 create mode 100644 backend/routes/newsletter.py

diff --git a/backend/main.py b/backend/main.py
index ed0b90da..01863941 100644
--- a/backend/main.py
+++ b/backend/main.py
@@ -9,6 +9,7 @@
 from routes import graph, learn, quiz, calendar, social, extract, auth, documents, flashcards, study_guide, feedback, careers, onboarding
 from routes.profile import router as profile_router
 from routes.admin import router as admin_router
+from routes.newsletter import router as newsletter_router
 
 try:
     from recost.frameworks.fastapi import RecostMiddleware
@@ -52,6 +53,7 @@
 app.include_router(onboarding.router,  prefix="/api/onboarding")
 app.include_router(profile_router,     prefix="/api/profile")
 app.include_router(admin_router,       prefix="/api/admin")
+app.include_router(newsletter_router,  prefix="/api/newsletter")
 
 
 @app.get("/api/health")
diff --git a/backend/routes/newsletter.py b/backend/routes/newsletter.py
new file mode 100644
index 00000000..998bc84b
--- /dev/null
+++ b/backend/routes/newsletter.py
@@ -0,0 +1,29 @@
+from fastapi import APIRouter, HTTPException
+from pydantic import BaseModel, EmailStr, field_validator
+from db.connection import table
+
+router = APIRouter()
+
+
+class SubscribeRequest(BaseModel):
+    email: EmailStr
+
+    @field_validator('email')
+    @classmethod
+    def require_tld(cls, v: str) -> str:
+        domain = v.split('@')[1]
+        if '.' not in domain:
+            raise ValueError('Email must have a valid domain (e.g. you@example.com)')
+        return v
+
+
+@router.post("/subscribe")
+def subscribe(body: SubscribeRequest):
+    try:
+        table("newsletter_emails").upsert(
+            {"email": body.email},
+            on_conflict="email",
+        )
+    except Exception as e:
+        raise HTTPException(status_code=500, detail=str(e))
+    return {"ok": True}
diff --git a/frontend/src/app/globals.css b/frontend/src/app/globals.css
index 0f37b50b..f7487d62 100644
--- a/frontend/src/app/globals.css
+++ b/frontend/src/app/globals.css
@@ -930,3 +930,32 @@ html.dark textarea {
 .landing-page .ob-pulse-outer { animation: ob-pulse-outer 2.2s ease-in-out infinite; }
 .landing-page .ob-pulse-inner { animation: ob-pulse-inner 2.2s ease-in-out infinite; }
 .landing-page .ob-card-in     { animation: ob-card-in 500ms cubic-bezier(0.22,1,0.36,1) both; }
+
+/* ── Newsletter modal animations ── */
+@keyframes modal-backdrop-in {
+  from { opacity: 0; }
+  to   { opacity: 1; }
+}
+@keyframes modal-backdrop-out {
+  from { opacity: 1; }
+  to   { opacity: 0; }
+}
+@keyframes modal-card-in {
+  from { opacity: 0; transform: scale(0.94) translateY(12px); }
+  to   { opacity: 1; transform: scale(1)    translateY(0); }
+}
+@keyframes modal-card-out {
+  from { opacity: 1; transform: scale(1)    translateY(0); }
+  to   { opacity: 0; transform: scale(0.94) translateY(12px); }
+}
+.modal-backdrop-in  { animation: modal-backdrop-in  260ms cubic-bezier(0.22,1,0.36,1) forwards; }
+.modal-backdrop-out { animation: modal-backdrop-out 200ms cubic-bezier(0.4,0,1,1)     forwards; }
+.modal-card-in      { animation: modal-card-in      300ms cubic-bezier(0.22,1,0.36,1) forwards; }
+.modal-card-out     { animation: modal-card-out     200ms cubic-bezier(0.4,0,1,1)     forwards; }
+
+/* ── Beta button border glow pulse ── */
+@keyframes beta-glow {
+  0%, 100% { box-shadow: 0 0 0 0 rgba(74,158,92,0), 0 4px 20px rgba(74,158,92,0.15); }
+  50%       { box-shadow: 0 0 0 5px rgba(74,158,92,0.6), 0 4px 28px rgba(74,158,92,0.3); }
+}
+.beta-glow-btn { animation: beta-glow 2.2s ease-in-out infinite; }
diff --git a/frontend/src/app/page.tsx b/frontend/src/app/page.tsx
index d55f981d..a2691334 100644
--- a/frontend/src/app/page.tsx
+++ b/frontend/src/app/page.tsx
@@ -33,6 +33,23 @@ export default function LandingPage() {
   const [introText, setIntroText] = useState<'hidden' | 'in' | 'out'>('hidden');
   const [outroText, setOutroText] = useState<'hidden' | 'in' | 'out'>('hidden');
   const [outroOverlay, setOutroOverlay] = useState(false);
+  const [betaModalOpen, setBetaModalOpen] = useState(false);
+  const [betaModalClosing, setBetaModalClosing] = useState(false);
+  const [betaEmail, setBetaEmail] = useState('');
+  const [betaEmailError, setBetaEmailError] = useState('');
+  const [betaSubmitted, setBetaSubmitted] = useState(false);
+  const [betaEverSubmitted, setBetaEverSubmitted] = useState(false);
+  const [betaSubmitting, setBetaSubmitting] = useState(false);
+  const closeModal = useCallback(() => {
+    setBetaModalClosing(true);
+    setTimeout(() => {
+      setBetaModalOpen(false);
+      setBetaModalClosing(false);
+      setBetaSubmitted(false);
+      setBetaEmail('');
+      setBetaEmailError('');
+    }, 200);
+  }, []);
   const [activeStep, setActiveStep] = useState(0);
   const [completed, setCompleted] = useState<Set<number>>(new Set());
 
@@ -83,6 +100,19 @@ export default function LandingPage() {
     setOnboardingPhase('active');
   }, [userReady, isAuthenticated]);
 
+  useEffect(() => {
+    if (betaSubmitted) {
+      const t = setTimeout(() => closeModal(), 3200);
+      return () => clearTimeout(t);
+    }
+  }, [betaSubmitted, closeModal]);
+  useEffect(() => {
+    if (betaModalOpen) {
+      document.body.style.overflow = 'hidden';
+      return () => { document.body.style.overflow = ''; };
+    }
+  }, [betaModalOpen]);
+
   // Cleanup timeouts on unmount
   useEffect(() => {
     return () => {
@@ -760,13 +790,26 @@ export default function LandingPage() {
             opacity: heroMounted ? 1 : 0,
             transform: heroMounted ? 'translateY(0)' : 'translateY(25px)',
             transition: 'all 700ms cubic-bezier(0.22,1,0.36,1) 700ms',
-          }} className="flex flex-col sm:flex-row gap-4 mt-10 items-center justify-center">
-            <button onClick={startOnboarding} className="relative overflow-hidden group bg-[#1B6C42] text-white px-10 py-4 rounded-full font-medium text-base tracking-wide shadow-md hover:shadow-lg hover:bg-[#155A35] transition-all duration-500 hover:scale-[1.03] active:scale-[0.98] landing-btn-shimmer">
-              Get Started
-            </button>
-            <button onClick={() => document.getElementById('features')?.scrollIntoView({ behavior: 'smooth' })} className="bg-white border border-black/[0.06] text-[var(--brand-text1)] px-10 py-4 rounded-full font-medium text-base shadow-[0_4px_14px_rgba(15,23,42,0.06)] hover:shadow-[0_6px_20px_rgba(15,23,42,0.08)] transition-all duration-500 hover:scale-[1.02] active:scale-[0.98]">
-              See What&apos;s Inside <span className="ml-1.5 text-black/30">↓</span>
-            </button>
+          }} className="flex flex-col items-center gap-4 mt-10">
+            <div className="flex flex-col sm:flex-row gap-4 items-center justify-center">
+              <button onClick={startOnboarding} className="relative overflow-hidden group bg-[#1B6C42] text-white px-10 py-4 rounded-full font-medium text-base tracking-wide shadow-md hover:shadow-lg hover:bg-[#155A35] transition-all duration-500 hover:scale-[1.03] active:scale-[0.98] landing-btn-shimmer">
+                Get Started
+              </button>
+              <button onClick={() => document.getElementById('features')?.scrollIntoView({ behavior: 'smooth' })} className="bg-white border border-black/[0.06] text-[var(--brand-text1)] px-10 py-4 rounded-full font-medium text-base shadow-[0_4px_14px_rgba(15,23,42,0.06)] hover:shadow-[0_6px_20px_rgba(15,23,42,0.08)] transition-all duration-500 hover:scale-[1.02] active:scale-[0.98]">
+                See What&apos;s Inside <span className="ml-1.5 text-black/30">↓</span>
+              </button>
+            </div>
+            <div style={{ position: 'relative', display: 'inline-flex', flexDirection: 'column', alignItems: 'center', gap: 6 }}>
+              <button
+                onClick={() => { setBetaModalOpen(true); if (betaEverSubmitted) setBetaSubmitted(true); }}
+                className={`relative overflow-hidden group px-10 py-4 rounded-full font-medium text-base tracking-wide text-white shadow-md transition-all duration-500 hover:scale-[1.02] active:scale-[0.98] landing-btn-shimmer${betaEverSubmitted ? '' : ' beta-glow-btn'}`}
+                style={{ background: '#4a9e5c', border: 'none' }}
+                onMouseEnter={e => { e.currentTarget.style.background = '#3d8a4e'; }}
+                onMouseLeave={e => { e.currentTarget.style.background = '#4a9e5c'; }}
+              >
+                Sign up for Beta Testing
+              </button>
+            </div>
           </div>
         </div>
 
@@ -875,6 +918,235 @@ export default function LandingPage() {
         </footer>
       </div>
 
+      {/* ═══ Beta / Newsletter Panel ═══ */}
+      {betaModalOpen && betaSubmitted && (
+        <div
+          className={`fixed inset-0 z-[100] flex items-center justify-center p-4 ${betaModalClosing ? 'modal-backdrop-out' : 'modal-backdrop-in'}`}
+          style={{ background: 'rgba(12,18,26,0.45)' }}
+          onClick={closeModal}
+        >
+          <div
+            className={`${betaModalClosing ? 'modal-card-out' : 'modal-card-in'}`}
+            style={{
+              background: 'linear-gradient(145deg, #d5e8d8 0%, #e8f0e3 45%, #f0ebe0 100%)',
+              borderRadius: 20,
+              padding: '40px 52px',
+              textAlign: 'center',
+              border: '1px solid rgba(255,255,255,0.7)',
+              boxShadow: '0 20px 60px rgba(15,23,42,0.15)',
+            }}
+            onClick={e => e.stopPropagation()}
+          >
+            <h2 style={{ margin: 0, fontFamily: "var(--font-playfair), 'Playfair Display', Georgia, serif", fontSize: 32, lineHeight: 1.1, fontWeight: 600, letterSpacing: '-0.02em', color: '#1a1a1a' }}>
+              You&apos;re on the <span style={{ fontStyle: 'italic', color: '#1B6C42' }}>tree.</span>
+            </h2>
+            <p style={{ margin: '10px 0 0', fontSize: 17, color: '#4b5563', fontStyle: 'italic' }}>
+              See you in the inbox - The Team
+            </p>
+          </div>
+        </div>
+      )}
+      {betaModalOpen && !betaSubmitted && (
+        <div
+          className={`fixed inset-0 z-[100] flex items-center justify-center p-4 ${betaModalClosing ? 'modal-backdrop-out' : 'modal-backdrop-in'}`}
+          style={{ background: 'rgba(12,18,26,0.65)' }}
+          onClick={() => { if (!betaSubmitting) closeModal(); }}
+        >
+          <div
+            className={`relative w-full ${betaModalClosing ? 'modal-card-out' : 'modal-card-in'}`}
+            style={{
+              maxWidth: 'min(1040px, 94vw)',
+              width: '100%',
+              background: 'linear-gradient(145deg, #d5e8d8 0%, #e8f0e3 45%, #f0ebe0 100%)',
+              borderRadius: 24,
+              display: 'grid',
+              gridTemplateColumns: '1fr 1px 1fr',
+              minHeight: 560,
+              maxHeight: 'calc(100vh - 48px)',
+              overflow: 'hidden',
+              border: '1px solid rgba(255,255,255,0.7)',
+              boxShadow: '0 20px 60px rgba(15,23,42,0.12), inset 0 0 0 1px rgba(255,255,255,0.5)',
+            }}
+            onClick={e => e.stopPropagation()}
+            role="dialog"
+            aria-modal="true"
+            aria-label="Beta access and newsletter signup"
+          >
+            {/* Close */}
+            <button
+              onClick={closeModal}
+              aria-label="Close dialog"
+              style={{
+                position: 'absolute', top: 18, right: 18, zIndex: 10,
+                width: 32, height: 32, borderRadius: 16,
+                display: 'flex', alignItems: 'center', justifyContent: 'center',
+                color: '#4b5563', fontSize: 20, lineHeight: 1,
+                background: 'none', border: 'none', cursor: 'pointer',
+                transition: 'background 0.15s',
+              }}
+              onMouseEnter={e => (e.currentTarget.style.background = 'rgba(107,114,128,0.1)')}
+              onMouseLeave={e => (e.currentTarget.style.background = 'transparent')}
+            >×</button>
+
+            {/* ── Left: brand + perks panel ── */}
+            <div style={{
+              padding: '36px 36px 32px',
+              background: 'linear-gradient(145deg, #d5e8d8 0%, #e8f0e3 45%, #f0ebe0 100%)',
+              display: 'flex', flexDirection: 'column', gap: 22,
+            }}>
+              <div style={{ display: 'flex', alignItems: 'center', gap: 6 }}>
+                <img src="/sapling-icon.svg" alt="Sapling" style={{ width: 22, height: 22 }} />
+                <span style={{ fontFamily: "var(--font-spectral), 'Spectral', Georgia, serif", fontWeight: 700, fontSize: 17, color: '#1a5c2a', letterSpacing: '-0.02em' }}>Sapling</span>
+              </div>
+              <div>
+                <div style={{ fontFamily: "var(--font-jetbrains), 'JetBrains Mono', monospace", fontSize: 10.5, color: '#6b7280', letterSpacing: '0.22em', marginBottom: 14, textTransform: 'uppercase', fontWeight: 600 }}>Early access</div>
+                <h2 style={{ margin: 0, fontFamily: "var(--font-playfair), 'Playfair Display', Georgia, serif", fontSize: 44, lineHeight: 1.05, fontWeight: 700, color: '#1a1a1a', letterSpacing: '-0.02em' }}>
+                  Learn early.<br /><span style={{ fontStyle: 'italic', fontWeight: 800, color: '#1B6C42', fontFamily: "var(--font-playfair), 'Playfair Display', Georgia, serif" }}>Grow</span> with us.
+                </h2>
+                <p style={{ margin: '14px 0 0', fontSize: 13.5, lineHeight: 1.55, color: '#4b5563', maxWidth: 360 }}>
+                  Sapling is being built alongside the students who&apos;ll use it most. Join early and help shape what it becomes.
+                </p>
+              </div>
+              <div style={{ height: '1px', flexShrink: 0, background: 'rgba(107,114,128,0.15)' }} />
+              <div>
+                <h3 style={{ margin: '0 0 12px', fontFamily: "var(--font-playfair), 'Playfair Display', Georgia, serif", fontSize: 22, fontWeight: 700, color: '#1a1a1a', letterSpacing: '-0.02em' }}>
+                  Beta Tester Role
+                </h3>
+                <div className="rounded-xl px-4 py-3 flex items-center gap-3" style={{ background: '#EBE6DC', border: '1px solid #D6D1C6' }}>
+                  <div className="w-11 h-11 rounded-full flex items-center justify-center flex-shrink-0" style={{ background: '#374151', fontSize: '13px', fontWeight: 700, color: '#fff', fontFamily: "var(--font-dm-sans), 'DM Sans', sans-serif", letterSpacing: '0.02em' }}>
+                    AK
+                  </div>
+                  <div className="flex flex-col gap-1">
+                    <div className="flex items-center gap-2 flex-wrap">
+                      <span style={{ fontSize: '14px', fontWeight: 700, color: '#111827', fontFamily: "var(--font-dm-sans), 'DM Sans', sans-serif" }}>Alex Kim</span>
+                      <span className="font-jetbrains" style={{
+                        display: 'inline-flex', alignItems: 'center',
+                        padding: '3px 10px', borderRadius: '9999px',
+                        fontSize: '10px', fontWeight: 500,
+                        letterSpacing: '0.1em', textTransform: 'uppercase',
+                        background: 'rgba(212,175,55,0.08)', color: '#C9A227',
+                        border: '1.5px solid rgba(212,175,55,0.55)',
+                      }}>
+                        Beta Tester
+                      </span>
+                    </div>
+                    <span style={{ fontSize: '11px', color: '#9CA3AF', fontFamily: "var(--font-dm-sans), 'DM Sans', sans-serif" }}>@alexkim</span>
+                  </div>
+                </div>
+                <p style={{ margin: '10px 2px 0', fontSize: 12.5, color: '#6b7280', lineHeight: 1.5, fontStyle: 'italic' }}>
+                  The first mark on your profile. A permanent record of showing up early.
+                </p>
+              </div>
+            </div>
+
+            {/* ── Column divider ── */}
+            <div style={{ background: 'rgba(107,114,128,0.15)', alignSelf: 'stretch' }} />
+
+            {/* ── Right: newsletter form ── */}
+            <div style={{ padding: '44px 42px 36px', display: 'flex', flexDirection: 'column', background: 'linear-gradient(145deg, #d5e8d8 0%, #e8f0e3 45%, #f0ebe0 100%)' }}>
+              <div style={{ fontFamily: "var(--font-jetbrains), 'JetBrains Mono', monospace", fontSize: 10, color: '#D97706', letterSpacing: '0.3em', textTransform: 'uppercase', fontWeight: 500, marginBottom: 10 }}>
+                ● Issue 001 dropping soon
+              </div>
+              <h1 style={{ margin: 0, fontFamily: "var(--font-playfair), 'Playfair Display', Georgia, serif", fontSize: 48, lineHeight: 1.05, fontWeight: 600, letterSpacing: '-0.025em', color: '#1a1a1a' }}>
+                Join the<br />
+                <span style={{ fontStyle: 'italic', fontWeight: 800, color: '#1B6C42', fontFamily: "var(--font-playfair), 'Playfair Display', Georgia, serif" }}>Newsletter</span>
+              </h1>
+              <p style={{ margin: '14px 0 0', fontSize: 15, color: '#4b5563', lineHeight: 1.5 }}>
+                Hear fun stories from students like you.
+              </p>
+              <div style={{ marginTop: 28, display: 'flex', flexDirection: 'column', gap: 16 }}>
+                {([
+                  { dot: '#1B6C42', title: 'New features, first.', body: 'Every study mode, knowledge tool, and capability before anyone else sees it.' },
+                  { dot: '#D97706', title: 'Real notes from the team.', body: "What we're figuring out as we build. Honest, occasional, and worth opening." },
+                  { dot: '#8A63D2', title: 'Your input shapes what we build.', body: 'Early polls, roadmap previews, and a direct line to the people building it.' },
+                ] as Array<{ dot: string; title: string; body: string }>).map(({ dot, title, body }) => (
+                  <div key={title} style={{ display: 'grid', gridTemplateColumns: 'auto 1fr', gap: 12, alignItems: 'start' }}>
+                    <div style={{ width: 8, height: 8, borderRadius: '50%', background: dot, boxShadow: `0 0 8px ${dot}55`, marginTop: 8, flexShrink: 0 }} />
+                    <div>
+                      <div style={{ fontSize: 14.5, fontWeight: 600, color: '#1a1a1a', marginBottom: 2, letterSpacing: '-0.005em' }}>{title}</div>
+                      <div style={{ fontSize: 12.5, color: '#4b5563', lineHeight: 1.5 }}>{body}</div>
+                    </div>
+                  </div>
+                ))}
+              </div>
+              <form
+                onSubmit={async e => {
+                  e.preventDefault();
+                  const trimmed = betaEmail.trim();
+                  if (!trimmed) { setBetaEmailError('Enter a valid email (e.g. you@example.com)'); return; }
+                  const [local, domain] = trimmed.split('@');
+                  if (!local || !domain || !domain.includes('.')) {
+                    setBetaEmailError('Enter a valid email (e.g. you@example.com)');
+                    return;
+                  }
+                  setBetaEmailError('');
+                  setBetaSubmitting(true);
+                  try {
+                    await fetch('/api/newsletter/subscribe', {
+                      method: 'POST',
+                      headers: { 'Content-Type': 'application/json' },
+                      body: JSON.stringify({ email: betaEmail.trim() }),
+                    });
+                  } catch {
+                    // fail silently — still show success
+                  }
+                  setBetaSubmitting(false);
+                  setBetaSubmitted(true);
+                  setBetaEverSubmitted(true);
+                }}
+                style={{ marginTop: 'auto', paddingTop: 28 }}
+              >
+                <div style={{ position: 'relative', marginBottom: 10 }}>
+                  <input
+                    type="text"
+                    aria-label="Email address"
+                    placeholder="you@example.com"
+                    value={betaEmail}
+                    onChange={e => { setBetaEmail(e.target.value); setBetaEmailError(''); }}
+                    style={{
+                      width: '100%', padding: '14px 16px', fontSize: 14,
+                      background: 'rgba(255,255,255,0.6)',
+                      border: '1.5px solid rgba(107,114,128,0.25)',
+                      borderRadius: 10, outline: 'none',
+                      transition: 'border-color 0.15s, box-shadow 0.15s',
+                      fontFamily: "var(--font-dm-sans), 'DM Sans', sans-serif",
+                      color: '#1a1a1a', boxSizing: 'border-box',
+                    }}
+                    onFocus={e => { e.target.style.borderColor = '#1B6C42'; e.target.style.boxShadow = '0 0 0 3px rgba(27,108,66,0.12)'; }}
+                    onBlur={e => { e.target.style.borderColor = 'rgba(107,114,128,0.25)'; e.target.style.boxShadow = 'none'; }}
+                  />
+                  {betaEmailError && (
+                    <p style={{ margin: '6px 0 0', fontSize: 11.5, color: '#dc2626', fontFamily: "var(--font-dm-sans), 'DM Sans', sans-serif" }}>
+                      {betaEmailError}
+                    </p>
+                  )}
+                </div>
+                <button
+                  type="submit"
+                  disabled={betaSubmitting}
+                  style={{
+                    width: '100%', padding: '14px 16px', borderRadius: 10,
+                    background: betaSubmitting ? '#4b5563' : '#1B6C42', color: '#fff',
+                    fontSize: 14, fontWeight: 600, letterSpacing: '0.02em',
+                    boxShadow: '0 8px 24px rgba(27,108,66,0.3)',
+                    border: 'none', cursor: betaSubmitting ? 'default' : 'pointer',
+                    transition: 'all 0.18s', display: 'flex', alignItems: 'center', justifyContent: 'center', gap: 8,
+                    fontFamily: "var(--font-dm-sans), 'DM Sans', sans-serif",
+                  }}
+                  onMouseEnter={e => { if (!betaSubmitting) e.currentTarget.style.background = '#155A35'; }}
+                  onMouseLeave={e => { if (!betaSubmitting) e.currentTarget.style.background = '#1B6C42'; }}
+                >
+                  {betaSubmitting ? 'Planting your node…' : <>Sign Me Up <span style={{ opacity: 0.7 }}>→</span></>}
+                </button>
+                <p style={{ margin: '12px 0 0', fontSize: 11.5, color: '#6b7280', textAlign: 'center', lineHeight: 1.5 }}>
+                  By joining the newsletter, you&apos;ll also be added to the beta waitlist.
+                </p>
+              </form>
+            </div>
+          </div>
+        </div>
+      )}
+
       {/* ═══ Intro title reveal ═══ */}
       {onboardingPhase !== 'idle' && (
         <div

From 35ba5ef5ac396f005c1f565fd5da1f15b4628c53 Mon Sep 17 00:00:00 2001
From: Darkest-Teddy <hel.jack14@gmail.com>
Date: Thu, 23 Apr 2026 14:10:44 -0400
Subject: [PATCH 45/52] fix: add email-validator dependency for newsletter
 EmailStr

---
 backend/requirements.txt | 1 +
 1 file changed, 1 insertion(+)

diff --git a/backend/requirements.txt b/backend/requirements.txt
index 5700c31f..66caaf63 100644
--- a/backend/requirements.txt
+++ b/backend/requirements.txt
@@ -22,3 +22,4 @@ torch>=2.5,<3  # install CPU wheel in CPU-only deployments: pip install torch --
 # Testing
 pytest
 pytest-anyio
+email-validator

From 8a1eac587c51472b40ab39a35e985f92c65f9517 Mon Sep 17 00:00:00 2001
From: Darkest-Teddy <hel.jack14@gmail.com>
Date: Thu, 23 Apr 2026 14:49:10 -0400
Subject: [PATCH 46/52] fix: switch careers body text from serif to DM Sans for
 better readability

---
 frontend/src/app/careers/page.tsx | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/frontend/src/app/careers/page.tsx b/frontend/src/app/careers/page.tsx
index 5b3875e9..074c0022 100644
--- a/frontend/src/app/careers/page.tsx
+++ b/frontend/src/app/careers/page.tsx
@@ -116,12 +116,14 @@ export default function CareersPage() {
         </h1>
 
         <p
-          className="body-serif fade-in"
+          className="fade-in"
           style={{
             fontSize: 17,
             color: 'var(--text-dim)',
             maxWidth: 500,
             margin: '0 auto',
+            fontFamily: "var(--font-dm-sans), 'DM Sans', sans-serif",
+            fontWeight: 300,
           }}
         >
           We&apos;re a small team building tools that help students learn better.
@@ -226,11 +228,13 @@ export default function CareersPage() {
                   }}
                 >
                   <p
-                    className="body-serif"
                     style={{
                       fontSize: 14,
                       color: 'var(--text-dim)',
                       marginBottom: 16,
+                      fontFamily: "var(--font-dm-sans), 'DM Sans', sans-serif",
+                      fontWeight: 300,
+                      lineHeight: 1.65,
                     }}
                   >
                     {job.description}
@@ -319,12 +323,13 @@ export default function CareersPage() {
             Don&apos;t see your role?
           </h3>
           <p
-            className="body-serif"
             style={{
               fontSize: 14,
               color: 'var(--text-dim)',
               maxWidth: 360,
               margin: '0 auto 22px',
+              fontFamily: "var(--font-dm-sans), 'DM Sans', sans-serif",
+              fontWeight: 300,
             }}
           >
             We&apos;re always interested in meeting talented people. Send us a note and tell us what

From 6562ef27db4e751e71cc3b213d2afc04cd217aba Mon Sep 17 00:00:00 2001
From: Darkest-Teddy <hel.jack14@gmail.com>
Date: Thu, 23 Apr 2026 15:05:38 -0400
Subject: [PATCH 47/52] about: match privacy/terms animation pattern (granular
 fade-in + slide-up)

---
 frontend/src/app/about/page.tsx | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/frontend/src/app/about/page.tsx b/frontend/src/app/about/page.tsx
index d95e2e24..86536f3f 100644
--- a/frontend/src/app/about/page.tsx
+++ b/frontend/src/app/about/page.tsx
@@ -62,7 +62,6 @@ export default function AboutPage() {
         </h1>
 
         <div
-          className="fade-in"
           style={{
             display: "flex",
             flexDirection: "column",
@@ -70,7 +69,7 @@ export default function AboutPage() {
           }}
         >
           <p
-            className="body-serif"
+            className="body-serif fade-in"
             style={{ fontSize: 16, color: "var(--text-dim)" }}
           >
             <strong style={{ color: "var(--text)", fontWeight: 600 }}>Sapling</strong>{" "}

From 3d957dbee096b398d8950c24f719d5b4078ead66 Mon Sep 17 00:00:00 2001
From: Darkest-Teddy <hel.jack14@gmail.com>
Date: Thu, 23 Apr 2026 15:17:04 -0400
Subject: [PATCH 48/52] about: apply pre-revamp staggered fade-up animation
 throughout all sections

---
 frontend/src/app/about/page.tsx | 24 ++++++++++++++----------
 frontend/src/app/globals.css    | 10 ++++++++++
 2 files changed, 24 insertions(+), 10 deletions(-)

diff --git a/frontend/src/app/about/page.tsx b/frontend/src/app/about/page.tsx
index 86536f3f..010fb882 100644
--- a/frontend/src/app/about/page.tsx
+++ b/frontend/src/app/about/page.tsx
@@ -40,7 +40,7 @@ export default function AboutPage() {
           padding: "64px 32px",
         }}
       >
-        <div className="fade-in" style={{ marginBottom: 48 }}>
+        <div className="fade-up anim-d0" style={{ marginBottom: 48 }}>
           <Link
             href="/"
             style={{
@@ -55,7 +55,7 @@ export default function AboutPage() {
         </div>
 
         <h1
-          className="h-serif slide-up"
+          className="h-serif fade-up anim-d1"
           style={{ fontSize: 48, marginBottom: 32, color: "var(--text)" }}
         >
           About Sapling
@@ -69,7 +69,7 @@ export default function AboutPage() {
           }}
         >
           <p
-            className="body-serif fade-in"
+            className="body-serif fade-up anim-d2"
             style={{ fontSize: 16, color: "var(--text-dim)" }}
           >
             <strong style={{ color: "var(--text)", fontWeight: 600 }}>Sapling</strong>{" "}
@@ -79,7 +79,7 @@ export default function AboutPage() {
           </p>
 
           <p
-            className="body-serif"
+            className="body-serif fade-up anim-d3"
             style={{ fontSize: 16, color: "var(--text-dim)" }}
           >
             At its core, Sapling maps your understanding as a live knowledge graph that grows with
@@ -89,7 +89,7 @@ export default function AboutPage() {
           </p>
 
           <p
-            className="body-serif"
+            className="body-serif fade-up anim-d4"
             style={{ fontSize: 16, color: "var(--text-dim)" }}
           >
             Sapling was born out of a hackathon and built by a team of four students who were
@@ -98,7 +98,7 @@ export default function AboutPage() {
             always prepared.
           </p>
 
-          <div>
+          <div className="fade-up anim-d5">
             <p
               style={{
                 fontFamily: "var(--font-sans)",
@@ -138,7 +138,7 @@ export default function AboutPage() {
           </div>
 
           <p
-            className="body-serif"
+            className="body-serif fade-up anim-d6"
             style={{ fontSize: 16, color: "var(--text-dim)" }}
           >
             Sapling is actively developed and we&apos;re always building. If something&apos;s broken or
@@ -148,14 +148,18 @@ export default function AboutPage() {
 
         <div style={{ marginTop: 56 }}>
           <p
-            className="label-micro"
+            className="label-micro fade-up anim-d7"
             style={{ color: "var(--accent)", marginBottom: 24 }}
           >
             Recognition
           </p>
           <div style={{ display: "flex", flexDirection: "column", gap: 32 }}>
-            {awards.map((award) => (
-              <div key={award.title}>
+            {awards.map((award, i) => (
+              <div
+                key={award.title}
+                className="fade-up"
+                style={{ animationDelay: `${Math.min(560 + i * 80, 720)}ms` }}
+              >
                 <p
                   style={{
                     fontFamily: "var(--font-sans)",
diff --git a/frontend/src/app/globals.css b/frontend/src/app/globals.css
index f7487d62..d18f8d23 100644
--- a/frontend/src/app/globals.css
+++ b/frontend/src/app/globals.css
@@ -200,6 +200,16 @@ body { font-size: 14px; line-height: 1.5; }
 @keyframes slideUp { from { opacity: 0; transform: translateY(12px);} to { opacity: 1; transform: none; } }
 .fade-in { animation: fadeIn var(--dur) var(--ease); }
 .slide-up { animation: slideUp var(--dur-slow) var(--ease); }
+.fade-up { animation: fadeIn 0.5s var(--ease) both; }
+.anim-d0 { animation-delay:   0ms; }
+.anim-d1 { animation-delay:  80ms; }
+.anim-d2 { animation-delay: 160ms; }
+.anim-d3 { animation-delay: 240ms; }
+.anim-d4 { animation-delay: 320ms; }
+.anim-d5 { animation-delay: 400ms; }
+.anim-d6 { animation-delay: 480ms; }
+.anim-d7 { animation-delay: 560ms; }
+.anim-d8 { animation-delay: 640ms; }
 
 @keyframes shimmer { 0% { background-position: -200px 0; } 100% { background-position: 200px 0; } }
 .skeleton {

From f4ac696426c83ed9801f0ed9d5b9efba7da69e07 Mon Sep 17 00:00:00 2001
From: Darkest-Teddy <hel.jack14@gmail.com>
Date: Thu, 23 Apr 2026 15:36:55 -0400
Subject: [PATCH 49/52] fix fade-up: split animation-fill-mode both so stagger
 works with CSS var timing

---
 frontend/src/app/globals.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/app/globals.css b/frontend/src/app/globals.css
index d18f8d23..56397c31 100644
--- a/frontend/src/app/globals.css
+++ b/frontend/src/app/globals.css
@@ -200,7 +200,7 @@ body { font-size: 14px; line-height: 1.5; }
 @keyframes slideUp { from { opacity: 0; transform: translateY(12px);} to { opacity: 1; transform: none; } }
 .fade-in { animation: fadeIn var(--dur) var(--ease); }
 .slide-up { animation: slideUp var(--dur-slow) var(--ease); }
-.fade-up { animation: fadeIn 0.5s var(--ease) both; }
+.fade-up { animation: fadeIn 0.5s var(--ease); animation-fill-mode: both; }
 .anim-d0 { animation-delay:   0ms; }
 .anim-d1 { animation-delay:  80ms; }
 .anim-d2 { animation-delay: 160ms; }

From f33d1274892cfa04b7d95d341fa7ab1f0135e1b6 Mon Sep 17 00:00:00 2001
From: Darkest-Teddy <hel.jack14@gmail.com>
Date: Thu, 23 Apr 2026 22:30:57 -0400
Subject: [PATCH 50/52] privacy/terms: staggered fade-up cascade on all
 sections

---
 frontend/src/app/privacy/page.tsx | 16 ++++++++++------
 frontend/src/app/terms/page.tsx   | 16 ++++++++++------
 2 files changed, 20 insertions(+), 12 deletions(-)

diff --git a/frontend/src/app/privacy/page.tsx b/frontend/src/app/privacy/page.tsx
index 51fe2156..3172e268 100644
--- a/frontend/src/app/privacy/page.tsx
+++ b/frontend/src/app/privacy/page.tsx
@@ -106,7 +106,7 @@ export default function PrivacyPage() {
           padding: "64px 32px",
         }}
       >
-        <div className="fade-in" style={{ marginBottom: 48 }}>
+        <div className="fade-up anim-d0" style={{ marginBottom: 48 }}>
           <Link
             href="/"
             style={{
@@ -121,20 +121,20 @@ export default function PrivacyPage() {
         </div>
 
         <h1
-          className="h-serif slide-up"
+          className="h-serif fade-up anim-d1"
           style={{ fontSize: 44, marginBottom: 8, color: "var(--text)" }}
         >
           Privacy Policy
         </h1>
         <p
-          className="fade-in"
+          className="fade-up anim-d2"
           style={{ fontSize: 13, color: "var(--text-muted)", marginBottom: 40 }}
         >
           Last updated: March 27, 2026
         </p>
 
         <p
-          className="body-serif fade-in"
+          className="body-serif fade-up anim-d3"
           style={{ fontSize: 16, color: "var(--text-dim)", marginBottom: 40 }}
         >
           This Privacy Policy explains how Sapling (&ldquo;we,&rdquo; &ldquo;us,&rdquo; or &ldquo;our&rdquo;) collects,
@@ -142,8 +142,12 @@ export default function PrivacyPage() {
         </p>
 
         <div style={{ display: "flex", flexDirection: "column", gap: 32 }}>
-          {sections.map((section) => (
-            <div key={section.title}>
+          {sections.map((section, i) => (
+            <div
+              key={section.title}
+              className="fade-up"
+              style={{ animationDelay: `${Math.min(320 + i * 40, 640)}ms` }}
+            >
               <h2
                 style={{
                   fontFamily: "var(--font-sans)",
diff --git a/frontend/src/app/terms/page.tsx b/frontend/src/app/terms/page.tsx
index c9d25d0e..2ca3703c 100644
--- a/frontend/src/app/terms/page.tsx
+++ b/frontend/src/app/terms/page.tsx
@@ -78,7 +78,7 @@ export default function TermsPage() {
           padding: "64px 32px",
         }}
       >
-        <div className="fade-in" style={{ marginBottom: 48 }}>
+        <div className="fade-up anim-d0" style={{ marginBottom: 48 }}>
           <Link
             href="/"
             style={{
@@ -93,20 +93,20 @@ export default function TermsPage() {
         </div>
 
         <h1
-          className="h-serif slide-up"
+          className="h-serif fade-up anim-d1"
           style={{ fontSize: 44, marginBottom: 8, color: "var(--text)" }}
         >
           Terms of Service
         </h1>
         <p
-          className="fade-in"
+          className="fade-up anim-d2"
           style={{ fontSize: 13, color: "var(--text-muted)", marginBottom: 40 }}
         >
           Last updated: March 27, 2026
         </p>
 
         <p
-          className="body-serif fade-in"
+          className="body-serif fade-up anim-d3"
           style={{ fontSize: 16, color: "var(--text-dim)", marginBottom: 40 }}
         >
           By accessing or using Sapling (&ldquo;the Service&rdquo;), you agree to be bound by these
@@ -114,8 +114,12 @@ export default function TermsPage() {
         </p>
 
         <div style={{ display: "flex", flexDirection: "column", gap: 32 }}>
-          {sections.map((section) => (
-            <div key={section.title}>
+          {sections.map((section, i) => (
+            <div
+              key={section.title}
+              className="fade-up"
+              style={{ animationDelay: `${Math.min(320 + i * 40, 640)}ms` }}
+            >
               <h2
                 style={{
                   fontFamily: "var(--font-sans)",

From 67a806213f78d74617f44d231c50e09f612f4774 Mon Sep 17 00:00:00 2001
From: Darkest-Teddy <hel.jack14@gmail.com>
Date: Thu, 23 Apr 2026 23:03:45 -0400
Subject: [PATCH 51/52] careers: match landing page logo style (Spectral,
 green, weight/tracking)

---
 frontend/src/app/careers/page.tsx | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/frontend/src/app/careers/page.tsx b/frontend/src/app/careers/page.tsx
index 074c0022..dd9e5bbf 100644
--- a/frontend/src/app/careers/page.tsx
+++ b/frontend/src/app/careers/page.tsx
@@ -51,11 +51,10 @@ export default function CareersPage() {
             <img
               src="/sapling-icon.svg"
               alt="Sapling"
-              style={{ width: 24, height: 24, position: 'relative', top: -1 }}
+              style={{ width: 26, height: 26, flexShrink: 0, position: 'relative', top: -2 }}
             />
             <span
-              className="h-serif"
-              style={{ fontSize: 20, color: 'var(--text)' }}
+              style={{ fontFamily: "var(--font-spectral), 'Spectral', Georgia, serif", fontWeight: 700, fontSize: 20, color: '#1a5c2a', letterSpacing: '-0.02em', lineHeight: 1.1 }}
             >
               Sapling
             </span>

From cc486035bbc80f1096ecaede2441456083057da5 Mon Sep 17 00:00:00 2001
From: Darkest-Teddy <hel.jack14@gmail.com>
Date: Fri, 24 Apr 2026 00:54:57 -0400
Subject: [PATCH 52/52] newsletter: fix fetch URL to bypass broken rewrite; add
 migration file

---
 backend/db/migration_newsletter.sql | 10 ++++++++++
 frontend/src/app/page.tsx           |  2 +-
 2 files changed, 11 insertions(+), 1 deletion(-)
 create mode 100644 backend/db/migration_newsletter.sql

diff --git a/backend/db/migration_newsletter.sql b/backend/db/migration_newsletter.sql
new file mode 100644
index 00000000..ef41e5c6
--- /dev/null
+++ b/backend/db/migration_newsletter.sql
@@ -0,0 +1,10 @@
+-- Migration: Newsletter email signups
+-- Run once in Supabase SQL editor
+
+CREATE TABLE IF NOT EXISTS newsletter_emails (
+    id          uuid        PRIMARY KEY DEFAULT gen_random_uuid(),
+    email       text        NOT NULL UNIQUE,
+    created_at  timestamptz NOT NULL DEFAULT now()
+);
+
+CREATE INDEX IF NOT EXISTS newsletter_emails_email_idx ON newsletter_emails (email);
diff --git a/frontend/src/app/page.tsx b/frontend/src/app/page.tsx
index a2691334..f6b75ea9 100644
--- a/frontend/src/app/page.tsx
+++ b/frontend/src/app/page.tsx
@@ -1082,7 +1082,7 @@ export default function LandingPage() {
                   setBetaEmailError('');
                   setBetaSubmitting(true);
                   try {
-                    await fetch('/api/newsletter/subscribe', {
+                    await fetch(`${API_URL}/api/newsletter/subscribe`, {
                       method: 'POST',
                       headers: { 'Content-Type': 'application/json' },
                       body: JSON.stringify({ email: betaEmail.trim() }),