diff --git a/.env.example b/.env.example
new file mode 100644
index 0000000..45159ed
--- /dev/null
+++ b/.env.example
@@ -0,0 +1,32 @@
+# Public origin used for canonical URLs, Open Graph/Twitter tags, robots.txt
+# and sitemap.xml. No trailing slash.
+VITE_APP_URL=http://localhost:3000
+
+# Leave these blank for local mode. Deployment URLs are public, never API keys.
+VITE_CONVEX_URL=
+VITE_CONVEX_SITE_URL=
+
+# Local production host listens on loopback by default.
+# PORT=3000
+# HOST=127.0.0.1
+
+# --- Scout -----------------------------------------------------------------
+# Scout keeps one SQLite file. Defaults to .data/syllo.db in the repo.
+# SCOUT_DB_PATH=C:\path\to\syllo.db
+
+# Free-only AI. Use an unbilled Google AI Studio project.
+# Browser Settings can supply a key instead; it is not synced.
+SCOUT_PROVIDER=gemini
+SCOUT_MODEL=gemini-2.5-flash
+
+GEMINI_API_KEY=
+
+# Optional YouTube Data API key for broader video search and metadata.
+# Without it, creator RSS and Gemini grounded search supply candidates.
+YOUTUBE_API_KEY=
+# Articles use keyless Jina Reader and direct page fetches.
+# Paid Exa/Supadata fallbacks and authenticated Jina requests are disabled.
+
+# Delay between YouTube transcript attempts, in ms. Defaults to 150000
+# (2.5 minutes); values below 30000 are raised to the floor.
+# SCOUT_TRANSCRIPT_INTERVAL_MS=150000
diff --git a/.gitignore b/.gitignore
index f7b27d4..423b457 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,11 +1,12 @@
 node_modules
-.next
+dist
+.tanstack
 .env
 .env.local
-.env.example
+.env.*.local
 coverage
-dist
+.data
 *.log
 *.tsbuildinfo
 .agents\skills
-CLAUDE.md
\ No newline at end of file
+CLAUDE.md
diff --git a/CONTEXT.md b/CONTEXT.md
index df1dead..f4f5ba9 100644
--- a/CONTEXT.md
+++ b/CONTEXT.md
@@ -1,21 +1,41 @@
 # Roadmap Studio
 
-Roadmap Studio turns source material into workspaces where a learner can plan, study, and track progress.
+Roadmap Studio turns source material into roadmaps where a learner can plan, study, and track progress.
 
 ## Language
 
-**Workspace**:
-The learner's editable collection of sections, tasks, resources, progress, and settings for one goal.
-_Avoid_: Course, project
+**Roadmap**:
+The learner's editable collection of modules, tasks, resources, notes, review cards, and settings for one goal.
+_Avoid_: Workspace, course, project
+
+**Module**:
+One skill inside a Roadmap, holding the tasks, notes, and resources that teach it.
+_Avoid_: Section, chapter, lesson
+
+**Focused Roadmap**:
+A Roadmap the learner has chosen to work on now. At most three Roadmaps are focused at once; only focused Roadmaps feed Today.
+_Avoid_: Active roadmap, pinned roadmap
+
+**Next Step**:
+The first unfinished task in a Roadmap, in module order.
+_Avoid_: Current task, up next
+
+**Today**:
+The queue of actions waiting for the learner: resuming a video, review cards due, the Next Step of each Focused Roadmap, Picks to approve, and the next book chapter.
+_Avoid_: Dashboard, home feed
+
+**Pick**:
+A resource Scout proposes for a goal, waiting for the learner to keep or skip it.
+_Avoid_: Suggestion, result
 
 **Learning Session**:
-A period in which a learner works in one Workspace and produces progress, review, timing, or achievement changes.
+A period in which a learner works in one Roadmap and produces progress, review, timing, or achievement changes.
 _Avoid_: Visit, browser session
 
 **Learning Record**:
-The durable history of learning activity across Workspaces, including streaks, achievements, and daily task counts.
+The durable history of learning activity across Roadmaps, including streaks, achievements, and daily task counts.
 _Avoid_: Analytics data, usage data
 
 **Roadmap Intake**:
-The conversion of source material and learner choices into a validated Workspace draft.
+The conversion of source material and learner choices into a validated Roadmap draft, either from a goal through Scout or from the learner's own notes.
 _Avoid_: Parsing, generation
diff --git a/README.md b/README.md
index 4418061..c0e7e3f 100644
--- a/README.md
+++ b/README.md
@@ -1,66 +1,58 @@
 # Syllo
 
-ZNS RoadMap Studio turns raw guides, playbooks, curricula, and notes into interactive learning workspaces. Paste content or upload a markdown file, let the AI structure it, and work through modules, tasks, resources, notes, and progress tracking in one place.
+Syllo is a personal learning and reading app. Resume a lesson, read an EPUB, keep notes tied to a source, and review concepts you choose to remember.
 
-## Features
+The Spacious design provides Home, Library, Learn, Reviews, Scout, and Settings. Home shows your actual topics and reading position. Library offers book spines or a searchable list. The EPUB reader uses the book's real contents and saves passages, highlights, and your place. Lessons embed videos with saved timestamps and an optional Pomodoro.
 
-- AI-powered parsing for roadmaps, playbooks, tutorials, strategies, and other structured content
-- Interactive workspace with modules, milestones, notes, resources, videos, and progress tracking
-- Local-first persistence — all data stays in your browser
-- Markdown, JSON, and PDF export
-- User-configurable AI provider, model, and API key
+Scout finds free resources, reads the available source text, and asks you to keep or skip its picks. A generated roadmap stays a draft until you edit and approve it. Suggested review cards only enter the FSRS schedule when kept. Manual resource entry works without AI.
 
-## Stack
+## Run locally
 
-- Next.js App Router
-- React 19
-- TypeScript
-- Tailwind CSS v4
+Use Node 22.12 or newer and npm:
 
-## Getting Started
+```powershell
+npm ci
+npm run dev
+```
 
-1. Install dependencies:
+Open `http://localhost:3000`. Convex is optional. With `VITE_CONVEX_URL` blank, progress uses browser storage and EPUB files use IndexedDB. No account is needed.
 
-```bash
-npm install
-```
+Read [setup instructions](docs/syllo-setup.md) for optional private Convex sync, free Gemini configuration, the local transcript worker, Android use, and backups. No Convex project is configured in this checkout.
 
-2. Create `.env.local` with the variables you need:
+## Stack and data
 
-```env
-# Access gate (password lock) - required
-GATE_PASSWORD=change-me-to-a-strong-password
+TanStack Start and Router, React 19, TypeScript, Tailwind v4, epub.js, ts-fsrs, and an optional Convex backend. Scout runs in the Node server with a local SQLite database. It needs a Gemini key from an unbilled Google AI Studio project for generation; paid provider fallbacks are disabled.
 
-# Optional: your own AI provider keys (used server-side for shared studio AI)
-AI_PROVIDER=gemini
-AI_API_KEY=
-GEMINI_API_KEY=
-OPENAI_API_KEY=
-GROQ_API_KEY=
-OPENROUTER_API_KEY=
-NEXT_PUBLIC_APP_URL=http://localhost:3000
-```
+Existing workspace routes, editing tools, and the `zns:v2:workspace-state` storage key remain supported. The new bridge preserves an original local backup before syncing roadmaps and review cards. Settings exports metadata, including the legacy workspace backup. Original EPUBs and API keys are excluded.
 
-3. Start the app:
+Convex sync is prepared for one owner, with password login restricted by `SYLLO_OWNER_EMAIL` and authenticated file downloads. Without a configured deployment, all local features remain available. Live cloud integration still needs a project and account setup.
 
-```bash
-npm run dev
-```
+## Development
 
-## Scripts
+```powershell
+npm run typecheck
+npm run typecheck:convex
+npm test
+npm run lint
+npm run build
+npm start
+```
 
-- `npm run dev` - start the local dev server
-- `npm run build` - run a production build
-- `npm run start` - start the production server
-- `npm run lint` - run ESLint
-- `npm run typecheck` - run TypeScript without emitting files
+The production server serves `dist/client` and the TanStack SSR handler on loopback port 3000. `npm start` does not read an env file automatically; pass environment variables or use `node --env-file=.env.local server.mjs`. Deployment URLs are build-time settings.
 
-## Project Notes
+`mcp/server.mjs` supplies a local stdio MCP server for coding agents to add and search resource candidates. Connection snippets are available in Settings.
 
-- All data is stored locally in the browser (workspaces, notes, progress, credits).
-- Custom AI keys are stored in browser storage and sent only to the selected provider when used.
-- Optional server-side AI keys can be set in `.env.local` for shared studio AI.
+## Project layout
 
-## Open Source
+```text
+src/routes/              Routes and server API handlers
+src/views/studio/        Learning, reading, review, Scout, and settings pages
+src/components/learning/ EPUB covers, video player, cards, and Pomodoro
+src/components/sync/     Optional Convex provider and local workspace bridge
+src/lib/personal/        Validated records, browser files, and sync references
+src/lib/scout/           Discovery, extraction, planning, SQLite, and jobs
+convex/                  Private account, document sync, and file functions
+mcp/                     Local coding-agent resource tools
+```
 
-This repository is still in active development. Expect UI and schema changes while the workspace model evolves.
+This app is personal-first. Forks can use their own deployment, books, preferences, and keys. Public publishing and multi-user collaboration are outside v1. Earlier gallery/share routes remain in the codebase; personal sync does not publish learning records through them.
diff --git a/app/(marketing)/gallery/loading.tsx b/app/(marketing)/gallery/loading.tsx
deleted file mode 100644
index aee7d85..0000000
--- a/app/(marketing)/gallery/loading.tsx
+++ /dev/null
@@ -1,63 +0,0 @@
-"use client";
-
-import { motion } from "framer-motion";
-
-export default function GalleryLoading() {
-    const skeletonCards = Array.from({ length: 6 }, (_, index) => index);
-
-    return (
-        <div className="min-h-screen bg-obsidian pt-28">
-            <div className="mx-auto max-w-7xl px-6 pb-24 lg:px-10">
-                <div className="border-b border-white/8 pb-6">
-                    <motion.div
-                        className="h-5 w-20 rounded-full bg-white/[0.05]"
-                        initial={{ opacity: 0, y: 12 }}
-                        animate={{ opacity: 1, y: 0 }}
-                        transition={{ duration: 0.4, ease: "easeOut" }}
-                    />
-                    <motion.div
-                        className="mt-5 h-11 max-w-md rounded-full bg-white/[0.06]"
-                        initial={{ opacity: 0, y: 12 }}
-                        animate={{ opacity: 1, y: 0 }}
-                        transition={{ duration: 0.4, ease: "easeOut", delay: 0.06 }}
-                    />
-                    <motion.div
-                        className="mt-4 h-4 max-w-xl rounded-full bg-white/[0.04]"
-                        initial={{ opacity: 0, y: 12 }}
-                        animate={{ opacity: 1, y: 0 }}
-                        transition={{ duration: 0.4, ease: "easeOut", delay: 0.12 }}
-                    />
-                </div>
-
-                <motion.div
-                    className="mt-8 h-16 rounded-[24px] border border-white/8 bg-white/[0.03]"
-                    initial={{ opacity: 0, y: 12 }}
-                    animate={{ opacity: 1, y: 0 }}
-                    transition={{ duration: 0.4, ease: "easeOut", delay: 0.18 }}
-                />
-
-                <div className="mt-8 grid gap-6 md:grid-cols-2 xl:grid-cols-3">
-                    {skeletonCards.map((index) => (
-                        <motion.div
-                            key={index}
-                            className="rounded-[28px] border border-white/8 bg-white/[0.03] p-6"
-                            initial={{ opacity: 0, y: 12 }}
-                            animate={{ opacity: 1, y: 0 }}
-                            transition={{ duration: 0.42, ease: "easeOut", delay: 0.15 + index * 0.06 }}
-                        >
-                            <div className="h-44 rounded-[20px] bg-white/[0.05]" />
-                            <div className="mt-5 h-4 w-20 rounded-full bg-white/[0.05]" />
-                            <div className="mt-4 h-7 w-3/4 rounded-full bg-white/[0.06]" />
-                            <div className="mt-3 h-4 w-full rounded-full bg-white/[0.04]" />
-                            <div className="mt-2 h-4 w-5/6 rounded-full bg-white/[0.04]" />
-                            <div className="mt-6 flex gap-3">
-                                <div className="h-9 w-28 rounded-full bg-white/[0.05]" />
-                                <div className="h-9 w-24 rounded-full bg-white/[0.04]" />
-                            </div>
-                        </motion.div>
-                    ))}
-                </div>
-            </div>
-        </div>
-    );
-}
diff --git a/app/(marketing)/layout.tsx b/app/(marketing)/layout.tsx
deleted file mode 100644
index d5c7076..0000000
--- a/app/(marketing)/layout.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-import type { ReactNode } from "react";
-import Header from "@/components/layout/Header";
-import Footer from "@/components/layout/Footer";
-
-export default function MarketingLayout({ children }: { children: ReactNode }) {
-    return (
-        <div className="min-h-screen bg-page text-text">
-            <Header />
-            <main id="main-content">{children}</main>
-            <Footer />
-        </div>
-    );
-}
diff --git a/app/(marketing)/pricing/layout.tsx b/app/(marketing)/pricing/layout.tsx
deleted file mode 100644
index c97c577..0000000
--- a/app/(marketing)/pricing/layout.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-import type { Metadata } from "next";
-
-export const metadata: Metadata = {
-    title: "Pricing",
-    description: "Compare Free, Pro, and Agency plans for ZNS RoadMap Studio.",
-    alternates: {
-        canonical: "/pricing",
-    },
-};
-
-export default function PricingLayout({ children }: { children: React.ReactNode }) {
-    return children;
-}
diff --git a/app/(studio)/analytics/page.tsx b/app/(studio)/analytics/page.tsx
deleted file mode 100644
index f87b018..0000000
--- a/app/(studio)/analytics/page.tsx
+++ /dev/null
@@ -1,509 +0,0 @@
-"use client";
-
-import { useEffect, useMemo, useState } from "react";
-import Link from "next/link";
-import { Flame, TrendingUp, CheckCircle2, BookOpen, Trophy, Calendar, ArrowRight, Star } from "lucide-react";
-import { getStorage } from "@/lib/storage";
-import { getRoadmapStats } from "@/lib/workspace-stats";
-import type { Roadmap, ModuleSection } from "@/types";
-
-// ─── Types ───────────────────────────────────────────────────────────────────
-
-interface DayCell {
-    date: string; // YYYY-MM-DD
-    count: number; // tasks completed on that day (approximated from updatedAt)
-    level: 0 | 1 | 2 | 3 | 4; // intensity bucket
-}
-
-interface Milestone {
-    id: string;
-    roadmapTitle: string;
-    roadmapId: string;
-    label: string;
-    completedAt: string; // ISO date string
-    type: "roadmap-complete" | "module-complete" | "halfway";
-}
-
-// ─── Helpers ─────────────────────────────────────────────────────────────────
-
-function isoToYMD(iso: string): string {
-    return iso.slice(0, 10);
-}
-
-function addDays(dateStr: string, n: number): string {
-    const d = new Date(dateStr);
-    d.setDate(d.getDate() + n);
-    return d.toISOString().slice(0, 10);
-}
-
-function today(): string {
-    return new Date().toISOString().slice(0, 10);
-}
-
-function daysBetween(a: string, b: string): number {
-    const msA = new Date(a).getTime();
-    const msB = new Date(b).getTime();
-    return Math.round(Math.abs(msB - msA) / 86400000);
-}
-
-function buildConsistencyGrid(roadmaps: Roadmap[]): DayCell[] {
-    // Build a 365-day window (52 weeks + padding)
-    const todayStr = today();
-    const startStr = addDays(todayStr, -363); // ~52 weeks back
-
-    // Count completions per day using roadmap updatedAt as a proxy
-    // In a real system you'd store per-task completion timestamps
-    const counts: Record<string, number> = {};
-
-    for (const roadmap of roadmaps) {
-        const dateStr = isoToYMD(roadmap.updatedAt || roadmap.createdAt || todayStr);
-        if (dateStr >= startStr && dateStr <= todayStr) {
-            const stats = getRoadmapStats(roadmap);
-            // Weight by how many tasks are completed
-            counts[dateStr] = (counts[dateStr] || 0) + Math.max(1, Math.floor(stats.completedTasks / 2));
-        }
-    }
-
-    const learning = getStorage().getLearningRecord();
-    for (const [date, count] of Object.entries(learning.tasksByDate)) {
-        if (date >= startStr && date <= todayStr) counts[date] = (counts[date] || 0) + count;
-    }
-
-    // Build the full 364-day array
-    const cells: DayCell[] = [];
-    const maxCount = Math.max(1, ...Object.values(counts));
-
-    for (let i = 0; i < 364; i++) {
-        const dateStr = addDays(startStr, i);
-        const count = counts[dateStr] || 0;
-        let level: DayCell["level"] = 0;
-        if (count > 0) {
-            const ratio = count / maxCount;
-            if (ratio < 0.25) level = 1;
-            else if (ratio < 0.5) level = 2;
-            else if (ratio < 0.75) level = 3;
-            else level = 4;
-        }
-        cells.push({ date: dateStr, count, level });
-    }
-
-    return cells;
-}
-
-function extractMilestones(roadmaps: Roadmap[]): Milestone[] {
-    const milestones: Milestone[] = [];
-
-    for (const roadmap of roadmaps) {
-        const stats = getRoadmapStats(roadmap);
-        const title = roadmap.title || "Untitled Workspace";
-        const baseDate = roadmap.updatedAt || roadmap.createdAt || today();
-
-        // Completed roadmap
-        if (stats.progressState === "completed") {
-            milestones.push({
-                id: `${roadmap.id}-complete`,
-                roadmapTitle: title,
-                roadmapId: roadmap.id,
-                label: `Completed "${title}"`,
-                completedAt: baseDate,
-                type: "roadmap-complete",
-            });
-        }
-
-        // Halfway milestone
-        if (stats.percent >= 50 && stats.progressState !== "not-started") {
-            milestones.push({
-                id: `${roadmap.id}-halfway`,
-                roadmapTitle: title,
-                roadmapId: roadmap.id,
-                label: `Reached 50% in "${title}"`,
-                completedAt: baseDate,
-                type: "halfway",
-            });
-        }
-
-        // Completed modules
-        const moduleSections = roadmap.sections.filter((s) => s.type === "module") as ModuleSection[];
-        for (const mod of moduleSections) {
-            if (mod.data.completed) {
-                milestones.push({
-                    id: `${roadmap.id}-${mod.id}-module`,
-                    roadmapTitle: title,
-                    roadmapId: roadmap.id,
-                    label: `Finished module: ${mod.title || "Untitled Module"}`,
-                    completedAt: baseDate,
-                    type: "module-complete",
-                });
-            }
-        }
-    }
-
-    // Sort newest first
-    return milestones
-        .sort((a, b) => new Date(b.completedAt).getTime() - new Date(a.completedAt).getTime())
-        .slice(0, 20);
-}
-
-// ─── Sub-components ───────────────────────────────────────────────────────────
-
-function ConsistencyMatrix({ cells }: { cells: DayCell[] }) {
-    const LEVEL_COLORS = [
-        "bg-[var(--color-surface-muted)]",  // 0 – empty
-        "bg-indigo-900/60",                  // 1 – light
-        "bg-indigo-700/70",                  // 2 – medium
-        "bg-indigo-500",                     // 3 – strong
-        "bg-indigo-400",                     // 4 – max
-    ];
-
-    // Build columns (weeks)
-    const weeks: DayCell[][] = [];
-    for (let i = 0; i < cells.length; i += 7) {
-        weeks.push(cells.slice(i, i + 7));
-    }
-
-    const MONTHS = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
-    const DAYS = ["S", "M", "T", "W", "T", "F", "S"];
-
-    // Month labels
-    const monthLabels: { label: string; col: number }[] = [];
-    let lastMonth = -1;
-    weeks.forEach((week, colIdx) => {
-        const firstCell = week[0];
-        if (firstCell) {
-            const m = new Date(firstCell.date).getMonth();
-            if (m !== lastMonth) {
-                monthLabels.push({ label: MONTHS[m], col: colIdx });
-                lastMonth = m;
-            }
-        }
-    });
-
-    const todayStr = today();
-
-    return (
-        <div className="overflow-x-auto no-scrollbar">
-            <div className="min-w-[700px]">
-                {/* Month labels */}
-                <div className="flex mb-1 pl-7">
-                    {weeks.map((_, colIdx) => {
-                        const label = monthLabels.find((m) => m.col === colIdx);
-                        return (
-                            <div key={colIdx} className="w-[14px] mx-[1px] text-[9px] text-text-muted shrink-0">
-                                {label ? label.label : ""}
-                            </div>
-                        );
-                    })}
-                </div>
-
-                <div className="flex gap-0">
-                    {/* Day-of-week labels */}
-                    <div className="flex flex-col mr-1 shrink-0">
-                        {DAYS.map((d, i) => (
-                            <div key={i} className={`h-[14px] my-[1px] text-[9px] text-text-muted w-5 flex items-center ${i % 2 === 1 ? "" : "invisible"}`}>
-                                {d}
-                            </div>
-                        ))}
-                    </div>
-
-                    {/* Grid */}
-                    {weeks.map((week, weekIdx) => (
-                        <div key={weekIdx} className="flex flex-col">
-                            {week.map((cell, dayIdx) => (
-                                <div
-                                    key={dayIdx}
-                                    title={`${cell.date}: ${cell.count} activity`}
-                                    className={`
-                                        w-[14px] h-[14px] mx-[1px] my-[1px] rounded-sm shrink-0 transition-all cursor-default
-                                        ${LEVEL_COLORS[cell.level]}
-                                        ${cell.date === todayStr ? "ring-1 ring-indigo-400 ring-offset-1 ring-offset-[var(--color-page)]" : ""}
-                                    `}
-                                />
-                            ))}
-                        </div>
-                    ))}
-                </div>
-
-                {/* Legend */}
-                <div className="flex items-center gap-2 mt-3 justify-end">
-                    <span className="text-[10px] text-text-muted">Less</span>
-                    {LEVEL_COLORS.map((cls, i) => (
-                        <div key={i} className={`w-[12px] h-[12px] rounded-sm ${cls}`} />
-                    ))}
-                    <span className="text-[10px] text-text-muted">More</span>
-                </div>
-            </div>
-        </div>
-    );
-}
-
-function MilestoneTypeIcon({ type }: { type: Milestone["type"] }) {
-    if (type === "roadmap-complete") return <Trophy size={16} className="text-amber-400" />;
-    if (type === "halfway") return <Star size={16} className="text-indigo-400" />;
-    return <CheckCircle2 size={16} className="text-emerald-400" />;
-}
-
-function StatCard({ icon, label, value, sub }: { icon: React.ReactNode; label: string; value: string | number; sub?: string }) {
-    return (
-        <div className="border border-white/10 bg-white/5 rounded-2xl p-6 flex flex-col items-start gap-4 shadow-[0_0_20px_rgba(255,255,255,0.02)] hover:bg-white/10 hover:shadow-[0_0_25px_rgba(255,255,255,0.05)] hover:border-white/20 hover:scale-[1.02] transition-all duration-300 group">
-            <div className="w-10 h-10 rounded-xl bg-white/5 border border-white/10 flex items-center justify-center shrink-0 text-zinc-400 group-hover:text-emerald-400 group-hover:bg-emerald-500/10 transition-colors">
-                {icon}
-            </div>
-            <div>
-                <p className="text-[10px] font-bold uppercase tracking-[0.2em] text-zinc-500">{label}</p>
-                <p className="text-3xl font-display text-zinc-100 leading-tight mt-1 tracking-tight">{value}</p>
-                {sub && <p className="text-xs text-zinc-400 mt-1">{sub}</p>}
-            </div>
-        </div>
-    );
-}
-
-// ─── Page ─────────────────────────────────────────────────────────────────────
-
-export default function AnalyticsPage() {
-    const [roadmaps, setRoadmaps] = useState<Roadmap[]>([]);
-    const [mounted, setMounted] = useState(false);
-    const [streak, setStreak] = useState(0);
-    const [tasksToday, setTasksToday] = useState(0);
-
-    useEffect(() => {
-        const storage = getStorage();
-        setMounted(true);
-        setRoadmaps(storage.getRoadmaps());
-
-        const learning = storage.getLearningRecord();
-        const todayKey = new Date().toLocaleDateString("en-CA");
-        setStreak(learning.currentStreak);
-        setTasksToday(learning.tasksByDate[todayKey] ?? 0);
-    }, []);
-
-    const cells = useMemo(() => (mounted ? buildConsistencyGrid(roadmaps) : []), [mounted, roadmaps]);
-    const milestones = useMemo(() => (mounted ? extractMilestones(roadmaps) : []), [mounted, roadmaps]);
-
-    const globalStats = useMemo(() => {
-        let totalTasks = 0;
-        let completedTasks = 0;
-        let completedRoadmaps = 0;
-        let inProgressRoadmaps = 0;
-
-        for (const r of roadmaps) {
-            const stats = getRoadmapStats(r);
-            totalTasks += stats.totalTasks;
-            completedTasks += stats.completedTasks;
-            if (stats.progressState === "completed") completedRoadmaps++;
-            if (stats.progressState === "in-progress") inProgressRoadmaps++;
-        }
-
-        const overallPct = totalTasks > 0 ? Math.round((completedTasks / totalTasks) * 100) : 0;
-        return { totalTasks, completedTasks, completedRoadmaps, inProgressRoadmaps, overallPct };
-    }, [roadmaps]);
-
-    // Calculate active days from the cells array
-    const activeDays = useMemo(() => cells.filter((c) => c.count > 0).length, [cells]);
-
-    // Top roadmaps by progress
-    const topRoadmaps = useMemo(() => {
-        return [...roadmaps]
-            .map((r) => ({ roadmap: r, stats: getRoadmapStats(r) }))
-            .filter((x) => x.stats.totalTasks > 0)
-            .sort((a, b) => b.stats.percent - a.stats.percent)
-            .slice(0, 5);
-    }, [roadmaps]);
-
-    return (
-        <div className="studio-page">
-            {/* Header */}
-            <header className="app-header-block">
-                <p className="eyebrow">Analytics</p>
-                <h1 className="mt-3 text-4xl font-display leading-none text-text-primary md:text-5xl">
-                    Learning Progress
-                </h1>
-                <p className="mt-4 text-sm leading-7 text-text-secondary max-w-xl">
-                    Track your consistency, celebrate milestones, and see the full picture of your learning journey.
-                </p>
-            </header>
-
-            {mounted ? (
-                <div className="mt-8 space-y-10">
-                    {/* ── Stat Cards ── */}
-                    <div className="grid grid-cols-2 lg:grid-cols-4 gap-4">
-                        <StatCard
-                            icon={<Flame size={20} className="text-[var(--color-warning)]" />}
-                            label="Day Streak"
-                            value={streak}
-                            sub={tasksToday > 0 ? `${tasksToday} tasks today` : "No tasks yet today"}
-                        />
-                        <StatCard
-                            icon={<CheckCircle2 size={20} className="text-emerald-400" />}
-                            label="Tasks Done"
-                            value={globalStats.completedTasks}
-                            sub={`of ${globalStats.totalTasks} total`}
-                        />
-                        <StatCard
-                            icon={<Calendar size={20} />}
-                            label="Active Days"
-                            value={activeDays}
-                            sub="in the last year"
-                        />
-                        <StatCard
-                            icon={<Trophy size={20} className="text-amber-400" />}
-                            label="Completed"
-                            value={globalStats.completedRoadmaps}
-                            sub={`${globalStats.inProgressRoadmaps} in progress`}
-                        />
-                    </div>
-
-                    {/* ── Consistency Matrix ── */}
-                    <section>
-                        <div className="flex items-center justify-between mb-4">
-                            <h2 className="text-sm font-semibold uppercase tracking-[0.18em] text-text-secondary">
-                                Consistency Matrix
-                            </h2>
-                            <span className="text-xs text-text-muted">{activeDays} active day{activeDays !== 1 ? "s" : ""} in the past year</span>
-                        </div>
-                        <div className="border border-border bg-[var(--color-surface)] rounded-xl p-6">
-                            {cells.length === 0 ? (
-                                <div className="py-12 text-center text-text-muted text-sm">No activity recorded yet. Start completing tasks to fill this in!</div>
-                            ) : (
-                                <ConsistencyMatrix cells={cells} />
-                            )}
-                        </div>
-                    </section>
-
-                    {/* ── Two Columns: Top Roadmaps + Milestones ── */}
-                    <div className="grid grid-cols-1 lg:grid-cols-2 gap-8">
-
-                        {/* Top Roadmaps */}
-                        <section>
-                            <h2 className="text-sm font-semibold uppercase tracking-[0.18em] text-text-secondary mb-4 border-b border-border pb-2">
-                                Roadmap Progress
-                            </h2>
-                            <div className="space-y-3">
-                                {topRoadmaps.length === 0 ? (
-                                    <div className="border border-border bg-[var(--color-surface)] rounded-xl p-6 text-center">
-                                        <p className="text-text-muted text-sm mb-3">No workspaces yet.</p>
-                                        <Link href="/create" className="text-xs text-indigo-400 hover:text-indigo-300 underline underline-offset-2">
-                                            Create your first roadmap →
-                                        </Link>
-                                    </div>
-                                ) : (
-                                    topRoadmaps.map(({ roadmap, stats }) => (
-                                        <Link
-                                            key={roadmap.id}
-                                            href={`/workspace/${roadmap.id}`}
-                                            className="flex items-center gap-4 p-4 border border-border bg-[var(--color-surface)] rounded-xl hover:border-text-soft transition-colors group"
-                                        >
-                                            <div className="flex-1 min-w-0">
-                                                <div className="flex items-center justify-between mb-2 gap-2">
-                                                    <h3 className="font-medium text-sm text-text-primary truncate">{roadmap.title || "Untitled Workspace"}</h3>
-                                                    <span className="text-xs text-text-muted shrink-0">{stats.percent}%</span>
-                                                </div>
-                                                <div className="h-1.5 bg-[var(--color-surface-muted)] rounded-full overflow-hidden">
-                                                    <div
-                                                        className={`h-full rounded-full transition-all duration-500 ${
-                                                            stats.progressState === "completed"
-                                                                ? "bg-emerald-500"
-                                                                : "bg-indigo-500"
-                                                        }`}
-                                                        style={{ width: `${stats.percent}%` }}
-                                                    />
-                                                </div>
-                                                <p className="text-[10px] text-text-muted mt-1.5">
-                                                    {stats.completedTasks} / {stats.totalTasks} tasks · {stats.moduleCount} module{stats.moduleCount !== 1 ? "s" : ""}
-                                                </p>
-                                            </div>
-                                            <ArrowRight size={14} className="text-text-muted group-hover:text-text-primary transition-colors shrink-0" />
-                                        </Link>
-                                    ))
-                                )}
-                            </div>
-                        </section>
-
-                        {/* Milestones Timeline */}
-                        <section>
-                            <h2 className="text-sm font-semibold uppercase tracking-[0.18em] text-text-secondary mb-4 border-b border-border pb-2">
-                                Milestones
-                            </h2>
-                            {milestones.length === 0 ? (
-                                <div className="border border-border bg-[var(--color-surface)] rounded-xl p-6 text-center">
-                                    <BookOpen size={24} className="text-text-muted mx-auto mb-3" />
-                                    <p className="text-text-muted text-sm">Complete modules and roadmaps to unlock milestones.</p>
-                                </div>
-                            ) : (
-                                <div className="relative border-l-2 border-border ml-4 space-y-0">
-                                    {milestones.map((ms, idx) => (
-                                        <div key={ms.id} className="relative pl-6 pb-6 group">
-                                            {/* Dot */}
-                                            <div className="absolute -left-[11px] top-0 w-5 h-5 rounded-full border-2 border-border bg-[var(--color-page)] flex items-center justify-center group-hover:border-indigo-500 transition-colors">
-                                                <MilestoneTypeIcon type={ms.type} />
-                                            </div>
-
-                                            <div className="border border-border bg-[var(--color-surface)] rounded-lg p-3 hover:border-text-soft transition-colors">
-                                                <p className="text-sm text-text-primary leading-snug">{ms.label}</p>
-                                                <div className="flex items-center gap-2 mt-1.5">
-                                                    <span className="text-[10px] text-text-muted">
-                                                        {new Date(ms.completedAt).toLocaleDateString("en-US", {
-                                                            month: "short",
-                                                            day: "numeric",
-                                                            year: "numeric",
-                                                        })}
-                                                    </span>
-                                                    <span className="text-[10px] text-text-muted">·</span>
-                                                    <Link
-                                                        href={`/workspace/${ms.roadmapId}`}
-                                                        className="text-[10px] text-indigo-400 hover:text-indigo-300 truncate max-w-[160px]"
-                                                    >
-                                                        {ms.roadmapTitle}
-                                                    </Link>
-                                                </div>
-                                            </div>
-                                        </div>
-                                    ))}
-                                </div>
-                            )}
-                        </section>
-                    </div>
-
-                    {/* ── Overall Summary Bar ── */}
-                    <section className="border border-border bg-[var(--color-surface)] rounded-xl p-6">
-                        <div className="flex flex-col sm:flex-row items-start sm:items-center justify-between gap-4 mb-4">
-                            <div>
-                                <h2 className="text-sm font-semibold uppercase tracking-[0.18em] text-text-secondary">Overall Completion</h2>
-                                <p className="text-3xl font-display text-text-primary mt-1">{globalStats.overallPct}%</p>
-                            </div>
-                            <div className="flex gap-3 text-xs text-text-muted">
-                                <span className="flex items-center gap-1.5">
-                                    <span className="w-2 h-2 rounded-full bg-emerald-500 inline-block" />
-                                    {globalStats.completedTasks} completed
-                                </span>
-                                <span className="flex items-center gap-1.5">
-                                    <span className="w-2 h-2 rounded-full bg-[var(--color-surface-muted)] border border-border inline-block" />
-                                    {globalStats.totalTasks - globalStats.completedTasks} remaining
-                                </span>
-                            </div>
-                        </div>
-                        <div className="h-3 bg-[var(--color-surface-muted)] rounded-full overflow-hidden">
-                            <div
-                                className="h-full bg-gradient-to-r from-indigo-600 to-emerald-500 rounded-full transition-all duration-700"
-                                style={{ width: `${globalStats.overallPct}%` }}
-                            />
-                        </div>
-                    </section>
-                </div>
-            ) : (
-                /* Skeleton */
-                <div className="mt-8 space-y-8 animate-pulse">
-                    <div className="grid grid-cols-2 lg:grid-cols-4 gap-4">
-                        {[...Array(4)].map((_, i) => (
-                            <div key={i} className="h-20 bg-[var(--color-surface-muted)] rounded-xl" />
-                        ))}
-                    </div>
-                    <div className="h-48 bg-[var(--color-surface-muted)] rounded-xl" />
-                    <div className="grid grid-cols-1 lg:grid-cols-2 gap-8">
-                        <div className="h-64 bg-[var(--color-surface-muted)] rounded-xl" />
-                        <div className="h-64 bg-[var(--color-surface-muted)] rounded-xl" />
-                    </div>
-                </div>
-            )}
-        </div>
-    );
-}
diff --git a/app/(studio)/create/layout.tsx b/app/(studio)/create/layout.tsx
deleted file mode 100644
index 70817c6..0000000
--- a/app/(studio)/create/layout.tsx
+++ /dev/null
@@ -1,14 +0,0 @@
-import type { Metadata } from "next";
-
-export const metadata: Metadata = {
-    title: "Create Workspace",
-    description: "Create a new interactive workspace from your guide, roadmap, or curriculum.",
-    robots: {
-        index: false,
-        follow: false,
-    },
-};
-
-export default function CreateLayout({ children }: { children: React.ReactNode }) {
-    return children;
-}
diff --git a/app/(studio)/create/page.tsx b/app/(studio)/create/page.tsx
deleted file mode 100644
index 3141389..0000000
--- a/app/(studio)/create/page.tsx
+++ /dev/null
@@ -1,337 +0,0 @@
-"use client";
-
-import { Suspense, useCallback, useRef, useState } from "react";
-import Link from "next/link";
-import { useRouter } from "next/navigation";
-import { ChevronDown, ChevronUp, FileUp, KeyRound, Loader2, Wand2, ArrowRight, ArrowLeft } from "lucide-react";
-import { Button } from "@/components/ui/button";
-import { Input } from "@/components/ui/input";
-import { Textarea } from "@/components/ui/textarea";
-import { getStorage } from "@/lib/storage";
-import { getActiveApiKey, getActiveModel, getUserConfig } from "@/lib/userConfig";
-import type { Roadmap } from "@/types";
-import { cn } from "@/lib/utils";
-
-const LOADING_MESSAGES = [
-    "Reading your material...",
-    "Extracting key concepts...",
-    "Structuring modules...",
-    "Finalizing steps..."
-];
-
-export default function CreatePage() {
-    return (
-        <Suspense fallback={<div className="page-shell-wide flex min-h-[60vh] items-center justify-center" />}>
-            <CreatePageContent />
-        </Suspense>
-    );
-}
-
-function CreatePageContent() {
-    const router = useRouter();
-    const fileInputRef = useRef<HTMLInputElement>(null);
-
-    const [creationStep, setCreationStep] = useState<"input" | "generating" | "review">("input");
-    
-    // Form state
-    const [title, setTitle] = useState("");
-    const [content, setContent] = useState("");
-    const [mode, setMode] = useState<"general" | "intern">("general");
-    
-    // UI state
-    const [isDragging, setIsDragging] = useState(false);
-    const [loadingStep, setLoadingStep] = useState(0);
-    const [error, setError] = useState("");
-    const [upgradeMessage, setUpgradeMessage] = useState("");
-    
-    // Draft State
-    const [draftRoadmap, setDraftRoadmap] = useState<Roadmap | null>(null);
-
-    const hasContent = content.trim().length > 0;
-
-    const processFile = useCallback(
-        (file: File) => {
-            if (!file.name.match(/\.(md|txt|markdown)$/i)) {
-                setError("Only .md, .txt, and .markdown files are supported.");
-                return;
-            }
-            setError("");
-            const reader = new FileReader();
-            reader.onload = (event) => {
-                const nextContent = (event.target?.result as string) || "";
-                setContent(nextContent);
-                if (!title.trim()) setTitle(file.name.replace(/\.\w+$/, ""));
-            };
-            reader.readAsText(file);
-        },
-        [title],
-    );
-
-    const handleGenerate = async () => {
-        if (!hasContent) {
-            setError("Paste or upload content before generating.");
-            return;
-        }
-
-        setError("");
-        setCreationStep("generating");
-        setLoadingStep(0);
-        
-        // Simulating the stages visually
-        const interval = setInterval(() => {
-            setLoadingStep(prev => Math.min(prev + 1, 3));
-        }, 1200);
-
-        try {
-            const userConfig = getUserConfig();
-            const activeApiKey = getActiveApiKey(userConfig);
-            const useCustomKey = Boolean(userConfig.useCustomKey && activeApiKey);
-
-            const response = await fetch("/api/parse-roadmap", {
-                method: "POST",
-                headers: { "Content-Type": "application/json" },
-                body: JSON.stringify({
-                    content: content.trim(),
-                    mode,
-                    title: title.trim() || undefined,
-                    userApiKey: useCustomKey ? activeApiKey : undefined,
-                    userModel: useCustomKey ? getActiveModel(userConfig) : undefined,
-                    userProvider: useCustomKey ? userConfig.provider : undefined,
-                }),
-            });
-
-            clearInterval(interval);
-
-            if (!response.ok) {
-                const payload = await response.json().catch(() => ({ error: "Failed to generate workspace" }));
-                if (payload.error === "limit_reached") {
-                    setUpgradeMessage(payload.message ?? "Plan limit reached.");
-                    setCreationStep("input");
-                    return;
-                }
-                throw new Error(payload.message ?? payload.error ?? "Something went wrong");
-            }
-
-            const payload = await response.json();
-            if (!payload.success || !payload.roadmap) {
-                throw new Error(payload.error ?? "Incomplete response.");
-            }
-
-            let loadedTitle = payload.roadmap.title;
-            if (!loadedTitle || loadedTitle === "Untitled Course") {
-               loadedTitle = title.trim() || "Untitled Workspace"; 
-            }
-
-            const roadmap: Roadmap = {
-                ...payload.roadmap,
-                title: loadedTitle,
-                id: crypto.randomUUID(),
-                rawContent: content.trim(),
-                createdAt: new Date().toISOString(),
-                updatedAt: new Date().toISOString(),
-            };
-
-            setDraftRoadmap(roadmap);
-            setCreationStep("review");
-            
-        } catch (nextError) {
-            clearInterval(interval);
-            setError(nextError instanceof Error ? nextError.message : "An unexpected error occurred");
-            setCreationStep("input");
-        }
-    };
-
-    const handleCreateFinal = () => {
-        if (!draftRoadmap) return;
-        getStorage().saveRoadmap(draftRoadmap);
-        router.push(`/workspace/${draftRoadmap.id}`);
-    };
-
-    return (
-        <>
-            <div className="page-shell-wide py-8">
-                {creationStep !== "review" && (
-                    <section className="app-header-block mb-8">
-                        <p className="eyebrow">Content Import</p>
-                        <h1 className="text-3xl font-display leading-tight text-text-primary md:text-5xl">
-                            Turn scattered notes into a roadmap.
-                        </h1>
-                        <p className="mt-4 max-w-2xl text-sm leading-7 text-text-secondary">
-                            Drop in your guides, PDFs (as text for now), or markdown. We&apos;ll extract the steps and modules.
-                        </p>
-                    </section>
-                )}
-
-                {creationStep === "input" && (
-                    <div className="max-w-4xl max-w-full">
-                        <div className="mb-6 grid gap-6 md:grid-cols-2">
-                             <div>
-                                <label className="mb-2 block text-sm font-medium text-text-primary">Workspace Title</label>
-                                <Input
-                                    value={title}
-                                    onChange={(e) => setTitle(e.target.value)}
-                                    placeholder="e.g. Master Next.js 15"
-                                    className="bg-[var(--color-surface)]"
-                                />
-                             </div>
-                             <div>
-                                <p className="mb-2 block text-sm font-medium text-text-primary">Parsing Mode</p>
-                                <div className="grid grid-cols-2 gap-2">
-                                    <Button type="button" variant={mode === "general" ? "default" : "outline"} onClick={() => setMode("general")}>Standard</Button>
-                                    <Button type="button" variant={mode === "intern" ? "default" : "outline"} onClick={() => setMode("intern")}>Structured</Button>
-                                </div>
-                            </div>
-                        </div>
-
-                        <div className="relative">
-                            <Textarea
-                                value={content}
-                                onChange={(e) => setContent(e.target.value)}
-                                onDragOver={(e) => { e.preventDefault(); setIsDragging(true); }}
-                                onDragLeave={(e) => { e.preventDefault(); setIsDragging(false); }}
-                                onDrop={(e) => {
-                                    e.preventDefault();
-                                    setIsDragging(false);
-                                    if (e.dataTransfer.files[0]) processFile(e.dataTransfer.files[0]);
-                                }}
-                                placeholder="Paste your raw notes, guides, or course curriculum here..."
-                                className={cn(
-                                    "mono-surface min-h-[400px] w-full resize-y bg-white/5 p-6 text-[15px] leading-relaxed shadow-sm transition-all duration-300 border-2 border-dashed rounded-xl outline-none focus:ring-2 focus:ring-emerald-500/50",
-                                    isDragging ? "border-emerald-500 bg-emerald-500/10 shadow-[0_0_30px_rgba(16,185,129,0.2)]" : "border-white/10 hover:border-emerald-500/50 hover:bg-emerald-500/5 hover:shadow-[0_0_20px_rgba(16,185,129,0.1)]"
-                                )}
-                            />
-                            
-                            {!content && (
-                                <div className="absolute inset-0 pointer-events-none flex flex-col items-center justify-center text-zinc-500 opacity-80 group/dropzone transition-all">
-                                    <div className="p-4 rounded-full bg-white/5 border border-white/10 mb-4 animate-bounce hover:bg-white/10 transition-colors shadow-lg">
-                                        <FileUp size={40} className="stroke-[1.5] text-emerald-400 drop-shadow-[0_0_8px_rgba(16,185,129,0.4)]" />
-                                    </div>
-                                    <p className="text-sm font-medium uppercase tracking-[0.15em] text-zinc-400">Drag & Drop Note/MD</p>
-                                </div>
-                            )}
-                        </div>
-
-                        {error && (
-                            <div className="mt-4 rounded-xl border border-[var(--color-danger)]/25 bg-[var(--color-danger)]/5 p-4 text-sm text-[var(--color-danger)]">
-                                {error}
-                            </div>
-                        )}
-
-                        <div className="mt-8 flex items-center justify-between">
-                            <Button type="button" variant="secondary" onClick={() => fileInputRef.current?.click()}>
-                                <FileUp size={16} className="mr-2" /> Upload File
-                            </Button>
-                            <input
-                                ref={fileInputRef}
-                                type="file"
-                                accept=".md,.markdown,.txt"
-                                className="hidden"
-                                onChange={(e) => e.target.files?.[0] && processFile(e.target.files[0])}
-                            />
-                            
-                            <Button 
-                                type="button" 
-                                onClick={handleGenerate} 
-                                disabled={!hasContent}
-                                className="ps-6 pe-5 h-12"
-                            >
-                                Generate Roadmap <Wand2 size={16} className="ml-2" />
-                            </Button>
-                        </div>
-                    </div>
-                )}
-
-                {creationStep === "generating" && (
-                    <div className="flex flex-col items-center justify-center py-32 space-y-8 animate-in fade-in duration-500">
-                        <div className="relative">
-                            <div className="absolute inset-0 animate-ping opacity-20 rounded-full bg-emerald-500 blur-xl" />
-                            <Loader2 size={48} className="animate-spin text-emerald-400 relative z-10 drop-shadow-[0_0_10px_rgba(16,185,129,0.5)]" />
-                        </div>
-                        <div className="text-center">
-                            <h2 className="text-2xl font-display text-zinc-100 tracking-tight">{LOADING_MESSAGES[loadingStep]}</h2>
-                            <p className="mt-2 text-zinc-400 text-sm">Please wait while the AI breaks down your content.</p>
-                        </div>
-                        
-                        <div className="max-w-md w-full pt-8 space-y-4">
-                            <div className="h-4 bg-[var(--color-surface)] rounded-md animate-pulse w-3/4" />
-                            <div className="h-4 bg-[var(--color-surface)] rounded-md animate-pulse" />
-                            <div className="h-4 bg-[var(--color-surface)] rounded-md animate-pulse w-5/6" />
-                        </div>
-                    </div>
-                )}
-
-                {creationStep === "review" && draftRoadmap && (
-                    <div className="h-[calc(100vh-8rem)] flex flex-col pt-2 animate-in slide-in-from-bottom-4 duration-500">
-                        <header className="flex items-center justify-between border-b border-border pb-4 mb-6">
-                            <div>
-                                <h1 className="text-2xl font-display text-text-primary truncate">{draftRoadmap.title}</h1>
-                                <p className="text-sm text-text-secondary">Review the generated structure before creating your workspace.</p>
-                            </div>
-                            <div className="flex items-center gap-3">
-                                <Button variant="ghost" onClick={() => setCreationStep("input")}>
-                                    <ArrowLeft size={16} className="mr-2" /> Back
-                                </Button>
-                                <Button onClick={handleCreateFinal}>
-                                    Create Workspace <ArrowRight size={16} className="ml-2" />
-                                </Button>
-                            </div>
-                        </header>
-                        
-                        <div className="flex-1 min-h-0 grid lg:grid-cols-2 gap-8">
-                            <div className="flex flex-col h-full bg-[var(--color-surface)] border border-border rounded-xl shadow-sm overflow-hidden">
-                                <div className="px-5 py-3 border-b border-border bg-[var(--color-page)] flex justify-between items-center">
-                                    <span className="text-xs font-semibold uppercase tracking-wider text-text-secondary">Source Text</span>
-                                </div>
-                                <div className="p-5 overflow-y-auto flex-1 mono-surface text-sm leading-relaxed text-text-secondary whitespace-pre-wrap">
-                                    {content}
-                                </div>
-                            </div>
-                            
-                            <div className="flex flex-col h-full bg-[var(--color-page)] border border-border rounded-xl shadow-sm overflow-hidden">
-                                <div className="px-5 py-3 border-b border-border bg-[var(--color-page)] flex justify-between items-center">
-                                    <span className="text-xs font-semibold uppercase tracking-wider text-text-primary">Generated Modules</span>
-                                    <span className="text-xs text-text-muted">You can edit these later</span>
-                                </div>
-                                <div className="p-5 overflow-y-auto flex-1 space-y-6">
-                                    {draftRoadmap.sections.filter(s => s.type === "module").map((s, i) => {
-                                        const mod = s as import("@/types").ModuleSection;
-                                        return (
-                                        <div key={i} className="group border-l-2 border-border pl-4 ml-2 hover:border-text-primary transition-colors">
-                                            <h3 className="font-display text-lg text-text-primary mb-2">Module {i+1}: {mod.title || "Untitled"}</h3>
-                                            <div className="space-y-2">
-                                                {mod.data?.tasks && Array.isArray(mod.data.tasks) && mod.data.tasks.map((task, j) => (
-                                                    <div key={j} className="text-sm text-text-secondary flex items-start gap-2 bg-[var(--color-surface)] p-2 rounded border border-border/50 group-hover:border-border transition-colors">
-                                                        <span className="text-text-muted mt-[2px] text-[10px]">■</span>
-                                                        <span className="truncate">{task.title}</span>
-                                                    </div>
-                                                ))}
-                                            </div>
-                                        </div>
-                                        );
-                                    })}
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                )}
-            </div>
-
-            {upgradeMessage && (
-                <div className="fixed inset-x-0 bottom-0 z-[80] flex justify-center p-4 sm:p-6">
-                    <div className="w-full max-w-lg rounded-2xl border border-border bg-surface p-5 shadow-2xl">
-                        <p className="text-sm leading-6 text-text-primary">{upgradeMessage}</p>
-                        <div className="mt-4 flex flex-wrap gap-3">
-                            <Link href="/settings?tab=ai" className="button-primary">
-                                <KeyRound size={14} />
-                                Add your own key
-                            </Link>
-                            <button type="button" onClick={() => setUpgradeMessage("")} className="button-secondary">
-                                Dismiss
-                            </button>
-                        </div>
-                    </div>
-                </div>
-            )}
-        </>
-    );
-}
diff --git a/app/(studio)/dashboard/loading.tsx b/app/(studio)/dashboard/loading.tsx
deleted file mode 100644
index 0ac541f..0000000
--- a/app/(studio)/dashboard/loading.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-export default function DashboardLoading() {
-    return (
-        <div className="grid gap-6">
-            <div className="h-32 animate-pulse rounded-[28px] border border-white/8 bg-white/[0.03]" />
-            <div className="grid gap-4 xl:grid-cols-4">
-                {[1, 2, 3, 4].map((item) => (
-                    <div key={item} className="h-32 animate-pulse rounded-[24px] border border-white/8 bg-white/[0.03]" />
-                ))}
-            </div>
-            <div className="h-80 animate-pulse rounded-[28px] border border-white/8 bg-white/[0.03]" />
-            <div className="h-80 animate-pulse rounded-[28px] border border-white/8 bg-white/[0.03]" />
-            <div className="h-80 animate-pulse rounded-[28px] border border-white/8 bg-white/[0.03]" />
-            <div className="h-96 animate-pulse rounded-[28px] border border-white/8 bg-white/[0.03]" />
-        </div>
-    );
-}
diff --git a/app/(studio)/dashboard/page.tsx b/app/(studio)/dashboard/page.tsx
deleted file mode 100644
index 07a4347..0000000
--- a/app/(studio)/dashboard/page.tsx
+++ /dev/null
@@ -1,124 +0,0 @@
-"use client";
-
-import { useEffect, useMemo, useState } from "react";
-import Link from "next/link";
-import { ArrowRight, Flame, Target } from "lucide-react";
-import { Button } from "@/components/ui/button";
-import { getStorage } from "@/lib/storage";
-import { getRoadmapStats } from "@/lib/workspace-stats";
-import type { Roadmap } from "@/types";
-
-export default function DashboardPage() {
-    const [roadmaps, setRoadmaps] = useState<Roadmap[]>([]);
-    const [mounted, setMounted] = useState(false);
-    const [currentStreak, setCurrentStreak] = useState(0);
-
-    useEffect(() => {
-        const storage = getStorage();
-        let active = true;
-
-        setMounted(true);
-        setRoadmaps(storage.getRoadmaps());
-        setCurrentStreak(storage.getLearningRecord().currentStreak);
-
-        return () => {
-            active = false;
-        };
-    }, []);
-
-    const activeRoadmaps = useMemo(() => {
-        return roadmaps
-            .filter((r) => getRoadmapStats(r).progressState === "in-progress")
-            .sort((a, b) => new Date(b.updatedAt || b.createdAt).getTime() - new Date(a.updatedAt || a.createdAt).getTime())
-            .slice(0, 3);
-    }, [roadmaps]);
-
-    return (
-        <div className="studio-page">
-            <header className="app-header-block flex items-start justify-between gap-4">
-                <div>
-                    <p className="eyebrow text-emerald-500">Dashboard</p>
-                    <h1 className="mt-3 text-4xl font-display leading-none text-zinc-100 tracking-tight md:text-5xl">
-                        Today&apos;s Focus
-                    </h1>
-                    <p className="mt-4 text-sm leading-7 text-zinc-400 max-w-xl">
-                        Jump back into your active workspaces and keep your learning streak alive.
-                    </p>
-                </div>
-                {mounted && (
-                    <div className="hidden sm:flex flex-col items-center justify-center border border-white/10 bg-white/5 px-6 py-4 rounded-2xl shadow-[0_0_20px_rgba(255,255,255,0.03)] hover:shadow-[0_0_20px_rgba(249,115,22,0.15)] hover:bg-white/10 hover:border-orange-500/30 hover:scale-[1.02] transition-all duration-300">
-                        <Flame className="text-orange-500 mb-1 drop-shadow-[0_0_12px_rgba(249,115,22,0.8)]" size={28} fill="currentColor" />
-                        <span className="text-2xl font-display text-orange-400 leading-none tracking-tight">{currentStreak}</span>
-                        <span className="text-[10px] font-bold uppercase tracking-[0.2em] text-orange-500/80 mt-1.5">Day Streak</span>
-                    </div>
-                )}
-            </header>
-
-            {mounted ? (
-                <>
-                    <section className="mt-8">
-                        <div className="flex items-center justify-between mb-4 border-b border-white/10 pb-2">
-                             <h2 className="text-sm font-semibold uppercase tracking-[0.18em] text-zinc-500">Active Workspaces</h2>
-                             {activeRoadmaps.length > 0 && <span className="text-xs font-semibold text-emerald-400 bg-emerald-500/10 px-2 py-0.5 rounded-full border border-emerald-500/20">{activeRoadmaps.length} Roadmap{activeRoadmaps.length > 1 ? 's' : ''}</span>}
-                        </div>
-                        {activeRoadmaps.length > 0 ? (
-                            <div className="grid gap-6 md:grid-cols-2 xl:grid-cols-3">
-                                {activeRoadmaps.map((roadmap) => {
-                                    const stats = getRoadmapStats(roadmap);
-                                    return (
-                                        <div key={roadmap.id} className="group border border-white/10 bg-white/5 p-6 rounded-2xl hover:border-emerald-500/50 hover:bg-emerald-500/5 hover:shadow-[0_0_25px_rgba(16,185,129,0.1)] transition-all duration-300 ease-in-out hover:scale-[1.02] flex flex-col min-h-[180px]">
-                                            <div className="flex justify-between items-start mb-4 gap-2">
-                                                <h3 className="font-display leading-tight text-lg text-zinc-100 line-clamp-2 group-hover:text-emerald-300 transition-colors">{roadmap.title || "Untitled Workspace"}</h3>
-                                            </div>
-                                            
-                                            <div className="space-y-3 mt-auto">
-                                                <div className="flex items-center justify-between text-xs text-zinc-400">
-                                                    <span className="font-medium text-emerald-400">{stats.percent}% complete</span>
-                                                    <span>{stats.completedTasks} / {stats.totalTasks}</span>
-                                                </div>
-                                                <div className="h-1.5 bg-black/40 rounded-full overflow-hidden border border-white/5">
-                                                    <div 
-                                                        className="h-full bg-gradient-to-r from-emerald-500 to-emerald-300 transition-all duration-700 ease-out shadow-[0_0_10px_rgba(16,185,129,0.8)]" 
-                                                        style={{ width: `${stats.percent}%` }}
-                                                    />
-                                                </div>
-                                                <div className="pt-4 flex justify-between items-center w-full">
-                                                    <span className="text-xs text-zinc-500 flex items-center gap-1.5 font-medium uppercase tracking-wider">
-                                                        <Target size={12} className="text-emerald-500"/> Resume Module
-                                                    </span>
-                                                    <Button asChild variant="ghost" size="sm" className="h-8 px-2 -mr-2 text-zinc-400 hover:text-emerald-400 hover:bg-emerald-500/10">
-                                                        <Link href={`/workspace/${roadmap.id}`}>
-                                                            <ArrowRight size={14} className="group-hover:translate-x-1 transition-transform" />
-                                                        </Link>
-                                                    </Button>
-                                                </div>
-                                            </div>
-                                        </div>
-                                    )
-                                })}
-                            </div>
-                        ) : (
-                            <div className="border border-white/10 border-dashed bg-white/5 p-12 text-center rounded-2xl flex flex-col items-center">
-                                <span className="w-12 h-12 bg-white/5 border border-white/10 rounded-xl flex items-center justify-center text-zinc-600 mb-4 drop-shadow-sm">
-                                   <Target size={20} />
-                                </span>
-                                <p className="text-zinc-400 text-sm mb-4">You have no active workspaces right now.</p>
-                                <Button asChild className="bg-emerald-500 hover:bg-emerald-400 text-zinc-950 font-semibold uppercase tracking-wider text-xs px-6 transition-colors shadow-[0_0_15px_rgba(16,185,129,0.2)]">
-                                    <Link href="/create">Create new workspace</Link>
-                                </Button>
-                            </div>
-                        )}
-                    </section>
-                </>
-            ) : (
-                <div className="mt-8 space-y-6 animate-pulse">
-                    <div className="h-6 w-32 bg-[var(--color-surface-muted)] rounded" />
-                    <div className="grid gap-6 md:grid-cols-2 xl:grid-cols-3">
-                        <div className="h-40 bg-[var(--color-surface-muted)] rounded-xl" />
-                        <div className="h-40 bg-[var(--color-surface-muted)] rounded-xl" />
-                    </div>
-                </div>
-            )}
-        </div>
-    );
-}
diff --git a/app/(studio)/layout.tsx b/app/(studio)/layout.tsx
deleted file mode 100644
index 030120a..0000000
--- a/app/(studio)/layout.tsx
+++ /dev/null
@@ -1,17 +0,0 @@
-import type { ReactNode } from "react";
-import Header from "@/components/layout/Header";
-import StudioSidebar from "@/components/layout/StudioSidebar";
-
-export default function StudioLayout({ children }: { children: ReactNode }) {
-    return (
-        <div className="min-h-screen bg-page text-text">
-            <Header />
-            <div className="studio-layout-shell grid min-h-[calc(100vh-4rem)] gap-6 py-6 xl:grid-cols-[18rem_minmax(0,1fr)] xl:gap-8 xl:py-8 2xl:grid-cols-[19rem_minmax(0,1fr)]">
-                <StudioSidebar />
-                <main id="main-content" className="min-w-0 pb-4 xl:pb-8">
-                    {children}
-                </main>
-            </div>
-        </div>
-    );
-}
diff --git a/app/(studio)/notes/layout.tsx b/app/(studio)/notes/layout.tsx
deleted file mode 100644
index a6f9459..0000000
--- a/app/(studio)/notes/layout.tsx
+++ /dev/null
@@ -1,14 +0,0 @@
-import type { Metadata } from "next";
-
-export const metadata: Metadata = {
-    title: "Notes",
-    description: "Private notes tied to the authenticated Supabase user.",
-    robots: {
-        index: false,
-        follow: false,
-    },
-};
-
-export default function NotesLayout({ children }: { children: React.ReactNode }) {
-    return children;
-}
diff --git a/app/(studio)/notes/page.tsx b/app/(studio)/notes/page.tsx
deleted file mode 100644
index 549769a..0000000
--- a/app/(studio)/notes/page.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-import { redirect } from "next/navigation";
-
-export default async function NotesPage() {
-    redirect("/workspaces");
-}
diff --git a/app/(studio)/settings/layout.tsx b/app/(studio)/settings/layout.tsx
deleted file mode 100644
index aecc86e..0000000
--- a/app/(studio)/settings/layout.tsx
+++ /dev/null
@@ -1,14 +0,0 @@
-import type { Metadata } from "next";
-
-export const metadata: Metadata = {
-    title: "Settings",
-    description: "Manage your AI configuration, billing, appearance, and privacy settings.",
-    robots: {
-        index: false,
-        follow: false,
-    },
-};
-
-export default function SettingsLayout({ children }: { children: React.ReactNode }) {
-    return children;
-}
diff --git a/app/(studio)/workspaces/layout.tsx b/app/(studio)/workspaces/layout.tsx
deleted file mode 100644
index eeb98ea..0000000
--- a/app/(studio)/workspaces/layout.tsx
+++ /dev/null
@@ -1,14 +0,0 @@
-import type { Metadata } from "next";
-
-export const metadata: Metadata = {
-    title: "Your Workspaces",
-    description: "View the workspaces stored in your browser and synced account.",
-    robots: {
-        index: false,
-        follow: false,
-    },
-};
-
-export default function WorkspacesLayout({ children }: { children: React.ReactNode }) {
-    return children;
-}
diff --git a/app/(studio)/workspaces/page.tsx b/app/(studio)/workspaces/page.tsx
deleted file mode 100644
index 0dc4a14..0000000
--- a/app/(studio)/workspaces/page.tsx
+++ /dev/null
@@ -1,216 +0,0 @@
-"use client";
-
-import { useEffect, useMemo, useState } from "react";
-import Link from "next/link";
-import { ArrowUpDown, HardDrive, Plus, SlidersHorizontal } from "lucide-react";
-import WorkspaceLibraryCard from "@/components/workspaces/WorkspaceLibraryCard";
-import { Button } from "@/components/ui/button";
-import { getStorage } from "@/lib/storage";
-import { getRoadmapStats } from "@/lib/workspace-stats";
-import type { Roadmap } from "@/types";
-
-type LibraryFilter = "all" | "in-progress" | "completed";
-type SortMode = "recent" | "title" | "completion";
-
-export default function WorkspacesPage() {
-    const [roadmaps, setRoadmaps] = useState<Roadmap[]>([]);
-    const [filter, setFilter] = useState<LibraryFilter>("all");
-    const [sortMode, setSortMode] = useState<SortMode>("recent");
-    const [mounted, setMounted] = useState(false);
-
-    useEffect(() => {
-        const storage = getStorage();
-
-        setMounted(true);
-        setRoadmaps(storage.getRoadmaps());
-    }, []);
-
-    const filteredRoadmaps = useMemo(() => {
-        const nextRoadmaps = [...roadmaps].filter((roadmap) => {
-            if (filter === "all") return true;
-
-            const stats = getRoadmapStats(roadmap);
-            if (filter === "completed") {
-                return stats.progressState === "completed";
-            }
-
-            return stats.progressState === "in-progress";
-        });
-
-        nextRoadmaps.sort((left, right) => {
-            if (sortMode === "title") {
-                return left.title.localeCompare(right.title);
-            }
-
-            if (sortMode === "completion") {
-                return getRoadmapStats(right).percent - getRoadmapStats(left).percent;
-            }
-
-            const leftDate = new Date(left.updatedAt || left.createdAt).getTime();
-            const rightDate = new Date(right.updatedAt || right.createdAt).getTime();
-            return rightDate - leftDate;
-        });
-
-        return nextRoadmaps;
-    }, [filter, roadmaps, sortMode]);
-
-    const filterOptions: { key: LibraryFilter; label: string }[] = [
-        { key: "all", label: "All" },
-        { key: "in-progress", label: "In progress" },
-        { key: "completed", label: "Completed" },
-    ];
-
-    const sortOptions: { key: SortMode; label: string }[] = [
-        { key: "recent", label: "Recent" },
-        { key: "title", label: "Title" },
-        { key: "completion", label: "Completion" },
-    ];
-
-    return (
-        <div className="studio-page">
-            <header className="app-header-block">
-                <div className="flex flex-col gap-5 md:flex-row md:items-end md:justify-between">
-                    <div className="max-w-2xl">
-                        <p className="eyebrow">Library</p>
-                        <h1 className="mt-3 text-4xl font-display leading-none text-text-primary md:text-5xl">Workspaces</h1>
-                        <p className="mt-4 text-sm leading-7 text-text-secondary">
-                            Open, sort, and continue work from one place.
-                        </p>
-                    </div>
-
-                    <Link href="/create" className="button-primary shrink-0">
-                        <Plus size={16} />
-                        New workspace
-                    </Link>
-                </div>
-            </header>
-
-            <section className="section-space-compact">
-                <div className="flex flex-wrap items-center justify-between gap-4 rounded-2xl border border-border bg-surface px-5 py-4">
-                    <div className="flex items-center gap-4">
-                        <div className="flex h-10 w-10 shrink-0 items-center justify-center rounded-xl bg-[var(--color-accent)]/10 text-[var(--color-accent)]">
-                            <HardDrive size={18} />
-                        </div>
-                        <div>
-                            <p className="text-sm font-semibold text-text-primary">Local-only storage</p>
-                            <p className="mt-1 text-sm leading-6 text-text-secondary">
-                                Everything stays in this browser. No account or cloud sync required.
-                            </p>
-                        </div>
-                    </div>
-                </div>
-            </section>
-
-            <section className="space-y-8 py-2">
-                <div className="filter-bar">
-                    <div className="flex flex-wrap items-center gap-5">
-                        <div className="flex items-center gap-3 text-sm text-text-muted">
-                            <SlidersHorizontal size={15} />
-                            <span>Filter</span>
-                        </div>
-
-                        <div className="flex flex-wrap gap-4">
-                            {filterOptions.map((option) => (
-                                <Button
-                                    key={option.key}
-                                    type="button"
-                                    onClick={() => setFilter(option.key)}
-                                    variant={filter === option.key ? "default" : "ghost"}
-                                    size="sm"
-                                >
-                                    {option.label}
-                                </Button>
-                            ))}
-                        </div>
-                    </div>
-
-                    <div className="flex flex-wrap items-center gap-5">
-                        <div className="flex items-center gap-3 text-sm text-text-muted">
-                            <ArrowUpDown size={15} />
-                            <span>Sort</span>
-                        </div>
-
-                        <div className="flex flex-wrap gap-4">
-                            {sortOptions.map((option) => (
-                                <Button
-                                    key={option.key}
-                                    type="button"
-                                    onClick={() => setSortMode(option.key)}
-                                    variant={sortMode === option.key ? "default" : "ghost"}
-                                    size="sm"
-                                >
-                                    {option.label}
-                                </Button>
-                            ))}
-                        </div>
-                    </div>
-                </div>
-
-                {mounted && filteredRoadmaps.length > 0 && (
-                    <div className="flex items-center border-b border-border pb-3">
-                        <div className="inline-flex items-center gap-3 text-[11px] font-semibold uppercase tracking-[0.18em] text-text-primary">
-                            <span>{filteredRoadmaps.length}</span>
-                            <span>{filteredRoadmaps.length === 1 ? "workspace" : "workspaces"}</span>
-                            {filter !== "all" && (
-                                <span className="ml-1 text-text-muted">
-                                    • {filterOptions.find(f => f.key === filter)?.label}
-                                </span>
-                            )}
-                        </div>
-                    </div>
-                )}
-
-                {mounted ? (
-                    filteredRoadmaps.length > 0 ? (
-                        <div className="space-y-0">
-                            {filteredRoadmaps.map((roadmap) => (
-                                <WorkspaceLibraryCard
-                                    key={roadmap.id}
-                                    roadmap={roadmap}
-                                    onDelete={(id) => {
-                                        getStorage().deleteRoadmap(id);
-                                        setRoadmaps(getStorage().getRoadmaps());
-                                    }}
-                                    onRename={(id, nextTitle) => {
-                                        getStorage().updateRoadmap(id, { title: nextTitle });
-                                        setRoadmaps(getStorage().getRoadmaps());
-                                    }}
-                                />
-                            ))}
-                        </div>
-                    ) : (
-                        <div className="studio-empty mt-8 py-12">
-                            <h2 className="text-2xl font-display text-text-primary">
-                                {roadmaps.length === 0 ? "No workspaces yet." : "Nothing matches the current view."}
-                            </h2>
-                            <p className="mx-auto mt-3 max-w-xl text-sm leading-7 text-text-secondary">
-                                {roadmaps.length === 0
-                                    ? "Create the first workspace and it will appear here as a clean, sortable library."
-                                    : "Adjust the filters or sorting to bring another set of workspaces back into view."}
-                            </p>
-                            <div className="mt-6 flex justify-center gap-3">
-                                <Button asChild>
-                                    <Link href="/create">
-                                        <Plus size={16} />
-                                        New workspace
-                                    </Link>
-                                </Button>
-                                {roadmaps.length > 0 ? (
-                                    <Button type="button" variant="secondary" onClick={() => setFilter("all")}>
-                                        Show all
-                                    </Button>
-                                ) : null}
-                            </div>
-                        </div>
-                    )
-                ) : (
-                    <div className="space-y-0 border-t border-border">
-                        {[1, 2, 3, 4].map((item) => (
-                            <div key={item} className="h-40 border-b border-border skeleton" />
-                        ))}
-                    </div>
-                )}
-            </section>
-        </div>
-    );
-}
diff --git a/app/api/credits/status/route.ts b/app/api/credits/status/route.ts
deleted file mode 100644
index 81518a8..0000000
--- a/app/api/credits/status/route.ts
+++ /dev/null
@@ -1,19 +0,0 @@
-import { NextResponse } from "next/server";
-import { getCreditStatus, listCreditTransactions } from "@/lib/server/credits";
-
-export async function GET() {
-    try {
-        const [status, transactions] = await Promise.all([getCreditStatus(), listCreditTransactions()]);
-        return NextResponse.json({ success: true, status, transactions });
-    } catch (error) {
-        if (
-            (error as { code?: string } | null)?.code === "AUTH_ERROR" ||
-            (error as Error | null)?.message?.includes("not authenticated") ||
-            (error as Error | null)?.message === "Authentication required"
-        ) {
-            return NextResponse.json({ success: false, authenticated: false }, { status: 401 });
-        }
-        console.error("Credit status error:", error);
-        return NextResponse.json({ success: false, error: "Failed to load credit status" }, { status: 500 });
-    }
-}
diff --git a/app/api/dashboard/coaching/route.ts b/app/api/dashboard/coaching/route.ts
deleted file mode 100644
index 0a13a94..0000000
--- a/app/api/dashboard/coaching/route.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-import { NextRequest, NextResponse } from "next/server";
-import { saveCoachingSession } from "@/lib/server/dashboard";
-
-export async function POST(req: NextRequest) {
-    try {
-        const body = await req.json();
-        if (typeof body.roadmapId !== "string") {
-            return NextResponse.json({ success: false, error: "roadmapId is required" }, { status: 400 });
-        }
-
-        const session = await saveCoachingSession({
-            roadmapId: body.roadmapId,
-            date: typeof body.date === "string" ? body.date : new Date().toISOString(),
-            durationMinutes: Number(body.durationMinutes ?? 0),
-            topics: Array.isArray(body.topics) ? body.topics.filter((value: unknown): value is string => typeof value === "string") : [],
-            nextSteps: typeof body.nextSteps === "string" ? body.nextSteps : "",
-        });
-
-        return NextResponse.json({ success: true, session });
-    } catch (error) {
-        console.error("Dashboard coaching error:", error);
-        return NextResponse.json({ success: false, error: "Failed to save coaching session" }, { status: 500 });
-    }
-}
diff --git a/app/api/dashboard/review/route.ts b/app/api/dashboard/review/route.ts
deleted file mode 100644
index 87e7d78..0000000
--- a/app/api/dashboard/review/route.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-import { NextRequest, NextResponse } from "next/server";
-import { generateNinetyDayReview } from "@/lib/server/dashboard";
-import { isAiProvider } from "@/lib/ai-config";
-
-export async function POST(req: NextRequest) {
-    try {
-        const body = await req.json();
-        if (typeof body.roadmapId !== "string") {
-            return NextResponse.json({ success: false, error: "roadmapId is required" }, { status: 400 });
-        }
-
-        const result = await generateNinetyDayReview({
-            roadmapId: body.roadmapId,
-            userApiKey: typeof body.userApiKey === "string" ? body.userApiKey : undefined,
-            userModel: typeof body.userModel === "string" ? body.userModel : undefined,
-            userProvider: isAiProvider(body.userProvider) ? body.userProvider : undefined,
-        });
-
-        return NextResponse.json(result, { status: result.success ? 200 : 402 });
-    } catch (error) {
-        console.error("Dashboard review error:", error);
-        return NextResponse.json({ success: false, error: "Failed to generate 90-day review" }, { status: 500 });
-    }
-}
diff --git a/app/api/gallery/fork/route.ts b/app/api/gallery/fork/route.ts
deleted file mode 100644
index 4cf6b0e..0000000
--- a/app/api/gallery/fork/route.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-import { NextRequest, NextResponse } from "next/server";
-import { forkGalleryRoadmap } from "@/lib/server/gallery";
-
-export async function POST(req: NextRequest) {
-    try {
-        const body = await req.json();
-        if (typeof body.workspaceId !== "string" || body.workspaceId.trim().length === 0) {
-            return NextResponse.json({ success: false, error: "workspaceId is required" }, { status: 400 });
-        }
-
-        const roadmap = await forkGalleryRoadmap(body.workspaceId);
-        return NextResponse.json({ success: true, roadmap });
-    } catch (error) {
-        console.error("Gallery fork error:", error);
-        return NextResponse.json({ success: false, error: "Failed to fork workspace" }, { status: 500 });
-    }
-}
diff --git a/app/api/gallery/list/route.ts b/app/api/gallery/list/route.ts
deleted file mode 100644
index 216686d..0000000
--- a/app/api/gallery/list/route.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-import { NextRequest, NextResponse } from "next/server";
-import { listGallery } from "@/lib/server/gallery";
-
-export async function GET(req: NextRequest) {
-    try {
-        const { searchParams } = new URL(req.url);
-        const items = await listGallery({
-            query: searchParams.get("q") ?? undefined,
-            mode: searchParams.get("mode") ?? undefined,
-            contentType: searchParams.get("contentType") ?? undefined,
-        });
-        return NextResponse.json({ success: true, items });
-    } catch (error) {
-        console.error("Gallery list error:", error);
-        return NextResponse.json({ success: false, error: "Failed to load gallery" }, { status: 500 });
-    }
-}
diff --git a/app/api/gallery/set-public/route.ts b/app/api/gallery/set-public/route.ts
deleted file mode 100644
index 77471f0..0000000
--- a/app/api/gallery/set-public/route.ts
+++ /dev/null
@@ -1,19 +0,0 @@
-import { NextRequest, NextResponse } from "next/server";
-import { setWorkspacePublic } from "@/lib/server/gallery";
-import type { Roadmap } from "@/types";
-
-export async function POST(req: NextRequest) {
-    try {
-        const body = await req.json();
-        if (typeof body.workspaceId !== "string" || body.workspaceId.trim().length === 0) {
-            return NextResponse.json({ success: false, error: "workspaceId is required" }, { status: 400 });
-        }
-
-        const roadmap = body.roadmap && typeof body.roadmap === "object" ? (body.roadmap as Roadmap) : undefined;
-        const result = await setWorkspacePublic(body.workspaceId, Boolean(body.isPublic), roadmap);
-        return NextResponse.json(result);
-    } catch (error) {
-        console.error("Gallery visibility error:", error);
-        return NextResponse.json({ success: false, error: "Failed to update visibility" }, { status: 500 });
-    }
-}
diff --git a/app/api/gate/route.ts b/app/api/gate/route.ts
deleted file mode 100644
index 9e322f6..0000000
--- a/app/api/gate/route.ts
+++ /dev/null
@@ -1,33 +0,0 @@
-import { NextResponse } from "next/server";
-import {
-    GATE_COOKIE,
-    GATE_COOKIE_MAX_AGE,
-    GATE_COOKIE_VALUE,
-    isGatePasswordValid,
-} from "@/lib/access-gate";
-
-export async function POST(request: Request) {
-    let password = "";
-    try {
-        const body = await request.json();
-        if (typeof body?.password === "string") {
-            password = body.password;
-        }
-    } catch {
-        return NextResponse.json({ ok: false, error: "Invalid request" }, { status: 400 });
-    }
-
-    if (!isGatePasswordValid(password)) {
-        return NextResponse.json({ ok: false, error: "Incorrect password" }, { status: 401 });
-    }
-
-    const response = NextResponse.json({ ok: true });
-    response.cookies.set(GATE_COOKIE, GATE_COOKIE_VALUE, {
-        httpOnly: true,
-        sameSite: "lax",
-        secure: process.env.NODE_ENV === "production",
-        path: "/",
-        maxAge: GATE_COOKIE_MAX_AGE,
-    });
-    return response;
-}
diff --git a/app/api/parse-roadmap/route.ts b/app/api/parse-roadmap/route.ts
deleted file mode 100644
index 556626c..0000000
--- a/app/api/parse-roadmap/route.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-import type { NextRequest } from "next/server";
-import { handleRoadmapIntake } from "@/lib/server/roadmap-intake";
-
-export async function POST(request: NextRequest) {
-    return handleRoadmapIntake(request);
-}
diff --git a/app/api/quiz/generate/route.ts b/app/api/quiz/generate/route.ts
deleted file mode 100644
index fa6b951..0000000
--- a/app/api/quiz/generate/route.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-import { NextRequest, NextResponse } from "next/server";
-import { generateQuiz } from "@/lib/server/quiz";
-import { isAiProvider } from "@/lib/ai-config";
-
-export async function POST(req: NextRequest) {
-    try {
-        const body = await req.json();
-        if (!body?.roadmap || typeof body.sectionId !== "string") {
-            return NextResponse.json({ success: false, error: "roadmap and sectionId are required" }, { status: 400 });
-        }
-
-        const result = await generateQuiz({
-            roadmap: body.roadmap,
-            sectionId: body.sectionId,
-            userApiKey: typeof body.userApiKey === "string" ? body.userApiKey : undefined,
-            userModel: typeof body.userModel === "string" ? body.userModel : undefined,
-            userProvider: isAiProvider(body.userProvider) ? body.userProvider : undefined,
-        });
-
-        return NextResponse.json(result, { status: result.success ? 200 : 402 });
-    } catch (error) {
-        console.error("Quiz generation error:", error);
-        return NextResponse.json({ success: false, error: "Failed to generate quiz" }, { status: 500 });
-    }
-}
diff --git a/app/api/settings/delete/route.ts b/app/api/settings/delete/route.ts
deleted file mode 100644
index f0b7e06..0000000
--- a/app/api/settings/delete/route.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-import { NextRequest, NextResponse } from "next/server";
-import { deleteAllUserData } from "@/lib/server/settings";
-
-export async function POST(req: NextRequest) {
-    try {
-        const body = await req.json().catch(() => ({}));
-        if (body.confirmation !== "DELETE") {
-            return NextResponse.json({ success: false, error: "Confirmation must equal DELETE" }, { status: 400 });
-        }
-
-        const result = await deleteAllUserData();
-        return NextResponse.json(result);
-    } catch (error) {
-        console.error("Settings delete error:", error);
-        return NextResponse.json({ success: false, error: "Failed to delete user data" }, { status: 500 });
-    }
-}
diff --git a/app/api/settings/export/route.ts b/app/api/settings/export/route.ts
deleted file mode 100644
index f9d2ad6..0000000
--- a/app/api/settings/export/route.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { NextResponse } from "next/server";
-import { exportUserData } from "@/lib/server/settings";
-
-export async function GET() {
-    try {
-        const payload = await exportUserData();
-        return NextResponse.json({ success: true, data: payload });
-    } catch (error) {
-        console.error("Settings export error:", error);
-        return NextResponse.json({ success: false, error: "Failed to export settings" }, { status: 500 });
-    }
-}
diff --git a/app/api/settings/privacy/route.ts b/app/api/settings/privacy/route.ts
deleted file mode 100644
index eb4f6af..0000000
--- a/app/api/settings/privacy/route.ts
+++ /dev/null
@@ -1,26 +0,0 @@
-import { NextRequest, NextResponse } from "next/server";
-import { getPrivacySettings, updatePrivacySettings } from "@/lib/server/settings";
-
-export async function GET() {
-    try {
-        const settings = await getPrivacySettings();
-        return NextResponse.json({ success: true, settings });
-    } catch (error) {
-        console.error("Privacy settings load error:", error);
-        return NextResponse.json({ success: false, error: "Failed to load privacy settings" }, { status: 500 });
-    }
-}
-
-export async function POST(req: NextRequest) {
-    try {
-        const body = await req.json();
-        const settings = await updatePrivacySettings({
-            anonymousAnalytics: Boolean(body.anonymousAnalytics),
-            allowPublicGallery: Boolean(body.allowPublicGallery),
-        });
-        return NextResponse.json({ success: true, settings });
-    } catch (error) {
-        console.error("Privacy settings update error:", error);
-        return NextResponse.json({ success: false, error: "Failed to update privacy settings" }, { status: 500 });
-    }
-}
diff --git a/app/api/srs/save/route.ts b/app/api/srs/save/route.ts
deleted file mode 100644
index 6754e2f..0000000
--- a/app/api/srs/save/route.ts
+++ /dev/null
@@ -1,14 +0,0 @@
-import { NextRequest, NextResponse } from "next/server";
-import { saveSrsItems } from "@/lib/server/srs";
-
-export async function POST(req: NextRequest) {
-    try {
-        const body = await req.json();
-        const items = Array.isArray(body?.items) ? body.items : [];
-        const saved = await saveSrsItems(items);
-        return NextResponse.json({ success: true, items: saved });
-    } catch (error) {
-        console.error("SRS save error:", error);
-        return NextResponse.json({ success: false, error: "Failed to save spaced repetition state" }, { status: 500 });
-    }
-}
diff --git a/app/create/page.d.ts b/app/create/page.d.ts
deleted file mode 100644
index 25052c9..0000000
--- a/app/create/page.d.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from "../(studio)/create/page";
-export { default } from "../(studio)/create/page";
diff --git a/app/embed/[id]/layout.tsx b/app/embed/[id]/layout.tsx
deleted file mode 100644
index 2febf7f..0000000
--- a/app/embed/[id]/layout.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-import type { Metadata } from "next";
-
-export const metadata: Metadata = {
-    title: "Embedded Workspace",
-    robots: {
-        index: false,
-        follow: false,
-    },
-};
-
-export default function EmbedLayout({ children }: { children: React.ReactNode }) {
-    return children;
-}
diff --git a/app/embed/[id]/page.tsx b/app/embed/[id]/page.tsx
deleted file mode 100644
index c54f5b6..0000000
--- a/app/embed/[id]/page.tsx
+++ /dev/null
@@ -1,32 +0,0 @@
-import WorkspaceShell from "@/components/workspace/WorkspaceShell";
-import { getPublicWorkspace } from "@/lib/server/workspaces";
-
-export default async function EmbedPage({
-    params,
-}: {
-    params: Promise<{ id: string }>;
-}) {
-    const { id } = await params;
-    const roadmap = await getPublicWorkspace(id);
-
-    if (!roadmap) {
-        return (
-            <div className="flex h-screen items-center justify-center bg-obsidian px-6 text-center text-text-primary">
-                <div className="rounded-[24px] border border-white/10 bg-white/[0.03] px-6 py-8 shadow-[0_24px_80px_rgba(0,0,0,0.3)]">
-                    <p className="text-[11px] font-sans-display uppercase tracking-[0.28em] text-text-secondary">
-                        Embed unavailable
-                    </p>
-                    <p className="mt-3 text-sm text-text-secondary">
-                        This workspace is private or no longer exists.
-                    </p>
-                </div>
-            </div>
-        );
-    }
-
-    return (
-        <div className="h-screen overflow-hidden bg-obsidian text-text-primary">
-            <WorkspaceShell roadmap={roadmap} isEmbed isReadOnly />
-        </div>
-    );
-}
diff --git a/app/gate/page.tsx b/app/gate/page.tsx
deleted file mode 100644
index 38107d7..0000000
--- a/app/gate/page.tsx
+++ /dev/null
@@ -1,173 +0,0 @@
-"use client";
-
-import { Suspense, useEffect, useState } from "react";
-import { useRouter, useSearchParams } from "next/navigation";
-import { Eye, EyeOff, KeyRound, Loader2, Lock, Sparkles } from "lucide-react";
-
-function GateForm() {
-    const router = useRouter();
-    const searchParams = useSearchParams();
-    const nextPath = searchParams.get("next") || "/";
-
-    const [password, setPassword] = useState("");
-    const [showPassword, setShowPassword] = useState(false);
-    const [status, setStatus] = useState<"idle" | "checking" | "error">("idle");
-    const [error, setError] = useState("");
-
-    useEffect(() => {
-        if (status === "error") {
-            const timer = setTimeout(() => setStatus("idle"), 4000);
-            return () => clearTimeout(timer);
-        }
-    }, [status]);
-
-    async function handleSubmit(e: React.FormEvent) {
-        e.preventDefault();
-        if (!password || status === "checking") {
-            return;
-        }
-        setStatus("checking");
-        setError("");
-        try {
-            const res = await fetch("/api/gate", {
-                method: "POST",
-                headers: { "Content-Type": "application/json" },
-                body: JSON.stringify({ password }),
-            });
-            if (res.ok) {
-                router.replace(nextPath);
-                return;
-            }
-            setStatus("error");
-            setError("Incorrect password. Please try again.");
-        } catch {
-            setStatus("error");
-            setError("Something went wrong. Please try again.");
-        }
-    }
-
-    return (
-        <div className="w-full max-w-md">
-            <form
-                onSubmit={handleSubmit}
-                className="relative rounded-2xl border border-white/10 bg-white/[0.03] p-8 backdrop-blur-sm"
-            >
-                <div className="mb-6 flex flex-col items-center text-center">
-                    <div className="mb-4 flex h-14 w-14 items-center justify-center rounded-2xl bg-[color:var(--color-accent-soft)] ring-1 ring-[color:var(--color-accent)]/30">
-                        <Lock className="h-6 w-6 text-[color:var(--color-accent)]" />
-                    </div>
-                    <h2 className="text-lg font-semibold tracking-tight text-[color:var(--color-text)]">
-                        Enter access password
-                    </h2>
-                    <p className="mt-2 text-sm text-[color:var(--color-text-muted)]">
-                        This site is password-protected. Ask the owner for access.
-                    </p>
-                </div>
-
-                <div className="relative">
-                    <KeyRound
-                        className="pointer-events-none absolute left-3.5 top-1/2 h-4 w-4 -translate-y-1/2 text-[color:var(--color-text-soft)]"
-                        aria-hidden="true"
-                    />
-                    <input
-                        type={showPassword ? "text" : "password"}
-                        value={password}
-                        onChange={(e) => setPassword(e.target.value)}
-                        placeholder="Password"
-                        autoFocus
-                        autoComplete="current-password"
-                        aria-label="Access password"
-                        className="w-full rounded-xl border border-white/10 bg-black/40 py-3 pl-10 pr-12 text-sm text-[color:var(--color-text)] placeholder:text-[color:var(--color-text-soft)] outline-none transition focus:border-[color:var(--color-accent)] focus:ring-2 focus:ring-[color:var(--color-accent)]/30"
-                    />
-                    <button
-                        type="button"
-                        onClick={() => setShowPassword((v) => !v)}
-                        aria-label={showPassword ? "Hide password" : "Show password"}
-                        className="absolute right-3 top-1/2 -translate-y-1/2 rounded-md p-1 text-[color:var(--color-text-soft)] transition hover:text-[color:var(--color-text)]"
-                    >
-                        {showPassword ? (
-                            <EyeOff className="h-4 w-4" />
-                        ) : (
-                            <Eye className="h-4 w-4" />
-                        )}
-                    </button>
-                </div>
-
-                <button
-                    type="submit"
-                    disabled={!password || status === "checking"}
-                    className="mt-5 flex w-full items-center justify-center gap-2 rounded-xl bg-[color:var(--color-accent)] py-3 text-sm font-semibold text-black transition hover:bg-[color:var(--color-accent-strong)] disabled:cursor-not-allowed disabled:opacity-60"
-                >
-                    {status === "checking" ? (
-                        <>
-                            <Loader2 className="h-4 w-4 animate-spin" aria-hidden="true" />
-                            Unlocking…
-                        </>
-                    ) : (
-                        "Unlock"
-                    )}
-                </button>
-
-                {error && (
-                    <p
-                        role="alert"
-                        className="mt-4 rounded-lg border border-red-500/20 bg-red-500/10 px-3 py-2 text-center text-xs text-red-400"
-                    >
-                        {error}
-                    </p>
-                )}
-            </form>
-        </div>
-    );
-}
-
-function GateShell() {
-    return (
-        <main className="relative flex min-h-screen w-full flex-col items-center justify-center overflow-hidden bg-[color:var(--color-page)] px-6">
-            {/* Ambient glow */}
-            <div
-                aria-hidden="true"
-                className="pointer-events-none absolute inset-0"
-                style={{
-                    background:
-                        "radial-gradient(ellipse 60% 45% at 50% -5%, rgba(16, 185, 129, 0.14), transparent 70%), radial-gradient(ellipse 50% 40% at 85% 110%, rgba(16, 185, 129, 0.08), transparent 70%)",
-                }}
-            />
-
-            <div className="relative z-10 flex flex-col items-center text-center">
-                <div className="mb-8 flex items-center gap-3">
-                    <Sparkles className="h-5 w-5 text-[color:var(--color-accent)]" aria-hidden="true" />
-                    <span className="text-[10px] font-bold uppercase tracking-[0.3em] text-[color:var(--color-text-muted)]">
-                        Coming soon
-                    </span>
-                    <Sparkles className="h-5 w-5 text-[color:var(--color-accent)]" aria-hidden="true" />
-                </div>
-
-                <h1 className="max-w-3xl text-4xl font-bold tracking-tight text-[color:var(--color-text)] sm:text-5xl">
-                    Something is being built here.
-                </h1>
-
-                <p className="mt-6 max-w-xl text-base leading-relaxed text-[color:var(--color-text-muted)]">
-                    This project is currently under{" "}
-                    <span className="text-[color:var(--color-text)]">passive development</span> and will be
-                    revealed soon. While the work is still in progress, access is limited to a small
-                    circle of people.
-                </p>
-
-                <div className="mt-12 w-full">
-                    <Suspense fallback={null}>
-                        <GateForm />
-                    </Suspense>
-                </div>
-
-                <p className="mt-10 text-xs text-[color:var(--color-text-soft)]">
-                    Under construction · Details will be announced shortly
-                </p>
-            </div>
-        </main>
-    );
-}
-
-export default function GatePage() {
-    return <GateShell />;
-}
diff --git a/app/globals.css b/app/globals.css
deleted file mode 100644
index 221c51a..0000000
--- a/app/globals.css
+++ /dev/null
@@ -1,849 +0,0 @@
-@import "tailwindcss";
-
-@theme {
-    --color-page: #0a0a0a;
-    --color-surface: rgba(255, 255, 255, 0.03);
-    --color-surface-subtle: rgba(255, 255, 255, 0.05);
-    --color-surface-muted: rgba(255, 255, 255, 0.08);
-    --color-border: rgba(255, 255, 255, 0.1);
-    --color-border-strong: rgba(255, 255, 255, 0.2);
-    --color-text: #fafafa;
-    --color-text-muted: #a1a1aa;
-    --color-text-soft: #71717a;
-    --color-accent: #10b981;
-    --color-accent-strong: #34d399;
-    --color-accent-soft: rgba(16, 185, 129, 0.1);
-    --color-success: #10b981;
-    --color-warning: #f59e0b;
-    --color-danger: #ef4444;
-
-    --font-sans:
-        "Inter",
-        var(--font-geist-sans),
-        "SF Pro Display",
-        "Helvetica Neue",
-        sans-serif;
-    --font-mono: var(--font-geist-mono);
-    --font-display:
-        "Inter",
-        var(--font-geist-sans),
-        "SF Pro Display",
-        sans-serif;
-
-    --radius-sm: 0px;
-    --radius-md: 0px;
-    --radius-lg: 0px;
-
-    --shadow-none: 0 0 #0000;
-    --tracking-tight: -0.02em;
-    --tracking-display: -0.045em;
-}
-
-:root {
-    color-scheme: dark;
-}
-
-*,
-*::before,
-*::after {
-    box-sizing: border-box;
-}
-
-html {
-    scroll-behavior: smooth;
-    background: var(--color-page);
-}
-
-body {
-    margin: 0;
-    min-height: 100vh;
-    background:
-        radial-gradient(ellipse at top center, rgba(255, 255, 255, 0.04) 0%, transparent 60%),
-        var(--color-page);
-    color: var(--color-text);
-    font-family: var(--font-sans);
-    font-size: 14px;
-    line-height: 1.6;
-    text-rendering: optimizeLegibility;
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-}
-
-a {
-    color: inherit;
-    text-decoration: none;
-}
-
-button,
-input,
-textarea,
-select {
-    font: inherit;
-}
-
-button {
-    cursor: pointer;
-}
-
-img {
-    display: block;
-    max-width: 100%;
-}
-
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-    margin: 0;
-    color: var(--color-text);
-    font-weight: 500;
-    letter-spacing: var(--tracking-tight);
-    text-wrap: balance;
-}
-
-h1,
-.font-display {
-    font-family: var(--font-display);
-    letter-spacing: var(--tracking-display);
-}
-
-p {
-    margin: 0;
-}
-
-::selection {
-    background: rgba(16, 185, 129, 0.2);
-    color: var(--color-text);
-}
-
-:focus-visible {
-    outline: 2px solid rgba(16, 185, 129, 0.5);
-    outline-offset: 2px;
-}
-
-input:focus-visible,
-textarea:focus-visible,
-select:focus-visible,
-button:focus-visible,
-a:focus-visible {
-    border-radius: var(--radius-sm);
-}
-
-::-webkit-scrollbar {
-    width: 10px;
-    height: 10px;
-}
-
-::-webkit-scrollbar-track {
-    background: transparent;
-}
-
-::-webkit-scrollbar-thumb {
-    background: color-mix(in srgb, var(--color-text) 18%, var(--color-page));
-    border: 2px solid var(--color-page);
-    border-radius: 999px;
-}
-
-::-webkit-scrollbar-thumb:hover {
-    background: color-mix(in srgb, var(--color-text) 22%, var(--color-page));
-}
-
-.page-shell {
-    width: 100%;
-    max-width: 104rem;
-    margin-inline: auto;
-    padding-inline: 1rem;
-}
-
-.page-shell-wide,
-.studio-layout-shell {
-    width: 100%;
-    max-width: none;
-    margin-inline: auto;
-    padding-inline: 1rem;
-}
-
-.section-space {
-    padding-block: clamp(72px, 10vw, 132px);
-}
-
-.section-space-compact {
-    padding-block: clamp(40px, 7vw, 72px);
-}
-
-.app-header-block {
-    display: flex;
-    flex-direction: column;
-    gap: 0.9rem;
-    max-width: 56rem;
-}
-
-.app-stack {
-    display: flex;
-    flex-direction: column;
-    gap: 1.5rem;
-}
-
-.app-stat-grid {
-    display: grid;
-    gap: 0;
-    border-top: 1px solid var(--color-border);
-}
-
-.app-stat-card {
-    display: flex;
-    flex-direction: column;
-    gap: 0.65rem;
-    min-height: 132px;
-    padding: 1.1rem 0 1.35rem;
-    border-radius: 0;
-    border: 0;
-    border-bottom: 1px solid var(--color-border);
-    background: transparent;
-    box-shadow: none;
-}
-
-.settings-shell {
-    display: grid;
-    gap: 2rem;
-    align-items: start;
-}
-
-.settings-nav {
-    display: flex;
-    flex-direction: column;
-    gap: 0.4rem;
-}
-
-.settings-nav-link {
-    display: flex;
-    align-items: center;
-    min-height: 40px;
-    padding: 0.5rem 0;
-    border-radius: 0;
-    border: 0;
-    border-bottom: 1px solid transparent;
-    color: var(--color-text-muted);
-    font-size: 0.95rem;
-    font-weight: 500;
-    transition:
-        border-color 160ms ease,
-        background-color 160ms ease,
-        color 160ms ease;
-}
-
-.settings-nav-link:hover {
-    border-color: var(--color-border);
-    background: transparent;
-    color: var(--color-text);
-}
-
-.settings-nav-link[data-active="true"] {
-    border-color: var(--color-border-strong);
-    background: transparent;
-    color: var(--color-text);
-}
-
-.settings-content {
-    width: 100%;
-    max-width: 40rem;
-}
-
-.settings-section {
-    padding-bottom: 2rem;
-    border-bottom: 1px solid var(--color-border);
-}
-
-.settings-field {
-    padding-block: 1.25rem;
-    border-top: 1px solid color-mix(in srgb, var(--color-border) 88%, transparent);
-}
-
-.settings-action-row {
-    display: flex;
-    justify-content: flex-end;
-    gap: 0.75rem;
-    padding-top: 1.5rem;
-    border-top: 1px solid color-mix(in srgb, var(--color-border) 88%, transparent);
-}
-
-.two-panel-shell {
-    display: grid;
-    gap: 1.5rem;
-    align-items: start;
-}
-
-.two-panel-sidebar {
-    width: 100%;
-    max-width: 340px;
-}
-
-.filter-bar {
-    display: flex;
-    flex-direction: column;
-    gap: 1rem;
-    padding: 1rem 0;
-    border-radius: 0;
-    border-top: 1px solid var(--color-border);
-    border-bottom: 1px solid var(--color-border);
-    background: transparent;
-}
-
-@media (min-width: 768px) {
-    .app-stat-grid {
-        grid-template-columns: repeat(2, minmax(0, 1fr));
-    }
-
-    .filter-bar {
-        flex-direction: row;
-        align-items: center;
-        justify-content: space-between;
-    }
-}
-
-@media (min-width: 1024px) {
-    .two-panel-shell {
-        grid-template-columns: 340px minmax(0, 1fr);
-        gap: 2rem;
-    }
-}
-
-@media (min-width: 1280px) {
-    .app-stat-grid {
-        grid-template-columns: repeat(4, minmax(0, 1fr));
-    }
-
-    .settings-shell {
-        grid-template-columns: 180px minmax(0, 1fr);
-        gap: 2.5rem;
-    }
-
-    .settings-nav {
-        position: sticky;
-        top: 6rem;
-    }
-}
-
-.eyebrow {
-    color: var(--color-text-soft);
-    font-size: 11px;
-    font-weight: 600;
-    letter-spacing: 0.18em;
-    text-transform: uppercase;
-}
-
-.text-balance {
-    text-wrap: balance;
-}
-
-.text-pretty {
-    text-wrap: pretty;
-}
-
-.surface-panel,
-.surface-panel-subtle,
-.studio-panel,
-.studio-panel-muted,
-.studio-panel-soft,
-.studio-kpi,
-.studio-table,
-.studio-orbit-rail,
-.studio-data-tile,
-.studio-micro-grid {
-    border-radius: 0;
-    border: 0;
-    border-top: 1px solid var(--color-border);
-    border-bottom: 1px solid var(--color-border);
-    background: transparent;
-    box-shadow: none;
-}
-
-.surface-panel-subtle,
-.studio-panel-muted,
-.studio-panel-soft,
-.studio-kpi,
-.studio-data-tile,
-.studio-micro-grid {
-    background: transparent;
-}
-
-.studio-orbit-shell {
-    position: relative;
-    overflow: hidden;
-    border-top: 1px solid var(--color-border);
-    border-bottom: 1px solid var(--color-border);
-    border-radius: 0;
-    background: transparent;
-    box-shadow: none;
-}
-
-.studio-orbit-shell::before {
-    content: "";
-    position: absolute;
-    inset: 0;
-    background:
-        linear-gradient(90deg, transparent 0%, rgba(22, 20, 17, 0.035) 50%, transparent 100%);
-    pointer-events: none;
-    opacity: 1;
-}
-
-.studio-orbit-shell > * {
-    position: relative;
-    z-index: 1;
-}
-
-.studio-data-tile-accent {
-    border-color: var(--color-border-strong);
-    background: transparent;
-}
-
-.studio-data-tile-success,
-.studio-danger {
-    border-color: var(--color-border-strong);
-    background: transparent;
-}
-
-.studio-page {
-    min-height: 100%;
-    display: grid;
-    align-content: start;
-    gap: clamp(2rem, 3vw, 3rem);
-    padding-top: clamp(8px, 1.2vw, 16px);
-    padding-bottom: clamp(56px, 7vw, 88px);
-}
-
-.studio-hero,
-.studio-empty {
-    border-radius: 0;
-    border: 0;
-    border-top: 1px solid var(--color-border);
-    border-bottom: 1px solid var(--color-border);
-    background: transparent;
-}
-
-.studio-empty {
-    border-style: dashed;
-}
-
-.studio-table table {
-    width: 100%;
-    border-collapse: collapse;
-}
-
-.studio-table thead {
-    background: transparent;
-}
-
-.studio-table thead th {
-    color: var(--color-text-soft);
-}
-
-.studio-table tbody tr + tr {
-    border-top: 1px solid var(--color-border);
-}
-
-.studio-badge {
-    display: inline-flex;
-    align-items: center;
-    gap: 0.4rem;
-    border: 0;
-    border-bottom: 1px solid var(--color-border);
-    border-radius: 0;
-    background: transparent;
-    padding: 0.45rem 0;
-    color: var(--color-text);
-    font-size: 12px;
-    font-weight: 600;
-    letter-spacing: 0.08em;
-    text-transform: uppercase;
-}
-
-.studio-input,
-.field-input,
-.field-textarea,
-.field-select {
-    width: 100%;
-    border: 0;
-    border-bottom: 1px solid var(--color-border);
-    border-radius: 0;
-    background: transparent;
-    color: var(--color-text);
-    transition:
-        border-color 160ms ease,
-        box-shadow 160ms ease,
-        background-color 160ms ease;
-}
-
-.field-input,
-.field-select {
-    min-height: 44px;
-    padding: 0 14px;
-}
-
-.field-textarea {
-    min-height: 320px;
-    padding: 18px 0;
-    resize: vertical;
-}
-
-.studio-input:hover,
-.field-input:hover,
-.field-textarea:hover,
-.field-select:hover {
-    border-color: var(--color-border-strong);
-}
-
-.studio-input:focus-visible,
-.field-input:focus-visible,
-.field-textarea:focus-visible,
-.field-select:focus-visible {
-    border-color: var(--color-border-strong);
-    box-shadow: none;
-    outline: none;
-}
-
-.studio-input::placeholder,
-.field-input::placeholder,
-.field-textarea::placeholder {
-    color: var(--color-text-soft);
-}
-
-.hairline-divider {
-    border-color: var(--color-border);
-}
-
-.button-primary,
-.button-secondary,
-.button-ghost,
-.btn {
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    gap: 0.5rem;
-    min-height: 42px;
-    padding: 0 16px;
-    border-radius: 0;
-    font-size: 12px;
-    font-weight: 600;
-    letter-spacing: 0.14em;
-    text-transform: uppercase;
-    transition:
-        background-color 160ms ease,
-        border-color 160ms ease,
-        color 160ms ease,
-        opacity 160ms ease,
-        transform 120ms ease,
-        box-shadow 160ms ease;
-}
-
-.button-primary:active,
-.button-secondary:active,
-.button-ghost:active,
-.btn:active {
-    transform: scale(0.985);
-}
-
-.button-primary,
-.btn-primary {
-    border: 1px solid var(--color-text);
-    background: var(--color-text);
-    color: var(--color-page);
-    box-shadow: none;
-}
-
-.button-primary:hover,
-.btn-primary:hover {
-    border-color: var(--color-accent-strong);
-    background: var(--color-accent-strong);
-}
-
-.button-secondary,
-.btn-secondary {
-    background: transparent;
-    border: 1px solid var(--color-border);
-    color: var(--color-text);
-}
-
-.button-secondary:hover,
-.btn-secondary:hover {
-    background: var(--color-accent-soft);
-    border-color: var(--color-border-strong);
-}
-
-.button-ghost {
-    background: transparent;
-    border: 0;
-    border-bottom: 1px solid transparent;
-    color: var(--color-text-muted);
-}
-
-.button-ghost:hover {
-    color: var(--color-text);
-    background: transparent;
-    border-color: var(--color-border);
-}
-
-.field-label {
-    display: block;
-    margin-bottom: 8px;
-    color: var(--color-text-muted);
-    font-size: 13px;
-    font-weight: 500;
-}
-
-.mono-surface {
-    font-family: var(--font-mono);
-    letter-spacing: -0.01em;
-}
-
-.bg-obsidian,
-.bg-obsidian-surface,
-.bg-obsidian-elevated,
-.bg-obsidian-light {
-    background: transparent;
-}
-
-.bg-brand-primary\/10,
-.bg-brand-primary\/12,
-.bg-brand-primary\/15,
-.bg-brand-primary\/20,
-.bg-green-500\/10,
-.bg-amber-500\/10,
-.bg-red-500\/10,
-.bg-indigo-500\/10,
-.bg-blue-500\/10 {
-    background: rgba(22, 20, 17, 0.06);
-}
-
-.text-obsidian,
-.text-text-primary {
-    color: var(--color-text);
-}
-
-.text-text-secondary {
-    color: var(--color-text-muted);
-}
-
-.text-text-muted,
-.text-success,
-.text-warning,
-.text-danger,
-.text-brand-primary {
-    color: var(--color-text-soft);
-}
-
-.border-border {
-    border-color: var(--color-border);
-}
-
-.border-border-subtle {
-    border-color: var(--color-border-strong);
-}
-
-.border-brand-primary\/20,
-.border-brand-primary\/25,
-.border-brand-primary\/30,
-.border-indigo-500\/20,
-.border-blue-500\/20 {
-    border-color: var(--color-border-strong);
-}
-
-.interactive-row {
-    transition:
-        background-color 140ms ease,
-        border-color 140ms ease,
-        transform 140ms ease;
-}
-
-.interactive-row:hover {
-    background: rgba(22, 20, 17, 0.03);
-}
-
-.stagger-enter {
-    opacity: 0;
-    transform: translateY(10px);
-    animation: stagger-enter 420ms cubic-bezier(0.22, 1, 0.36, 1) forwards;
-}
-
-.stagger-enter-1 {
-    animation-delay: 60ms;
-}
-
-.stagger-enter-2 {
-    animation-delay: 120ms;
-}
-
-.stagger-enter-3 {
-    animation-delay: 180ms;
-}
-
-.stagger-enter-4 {
-    animation-delay: 240ms;
-}
-
-.skeleton {
-    overflow: hidden;
-    background: color-mix(in srgb, var(--color-surface-subtle) 88%, var(--color-page));
-    position: relative;
-}
-
-.skeleton::after {
-    content: "";
-    position: absolute;
-    inset: 0;
-    transform: translateX(-100%);
-    background: linear-gradient(
-        90deg,
-        transparent,
-        color-mix(in srgb, var(--color-text) 9%, transparent),
-        transparent
-    );
-    animation: skeleton-shimmer 1.2s ease-in-out infinite;
-}
-
-@layer utilities {
-    .text-white,
-    .text-gray-900,
-    .text-gray-800,
-    .text-gray-700,
-    .text-gray-600,
-    .text-gray-500,
-    .text-slate-50,
-    .text-zinc-50,
-    .text-blue-300,
-    .text-indigo-300,
-    .text-emerald-300,
-    .text-amber-300,
-    .text-red-300 {
-        color: var(--color-text) !important;
-    }
-
-    .text-blue-400,
-    .text-indigo-400,
-    .text-emerald-400,
-    .text-amber-400,
-    .text-red-400,
-    .text-blue-500,
-    .text-indigo-500,
-    .text-emerald-500,
-    .text-amber-500,
-    .text-red-500 {
-        color: var(--color-accent) !important;
-    }
-
-    .bg-white,
-    .bg-white\/5,
-    .bg-white\/10,
-    .bg-white\/55,
-    .bg-white\/90,
-    .bg-white\/95,
-    .bg-gray-900,
-    .bg-zinc-900,
-    .bg-slate-900 {
-        background: transparent !important;
-    }
-
-    .hover\:bg-white\/5:hover,
-    .hover\:bg-white\/10:hover,
-    .hover\:bg-white\/90:hover,
-    .hover\:bg-obsidian-hover:hover {
-        background: rgba(22, 20, 17, 0.04) !important;
-    }
-
-    .border-white\/10,
-    .border-white\/15,
-    .border-gray-800,
-    .border-zinc-800,
-    .border-blue-200 {
-        border-color: var(--color-border) !important;
-    }
-
-    .hover\:text-white:hover {
-        color: var(--color-text) !important;
-    }
-
-    .ring-indigo-500,
-    .focus-visible\:ring-indigo-500:focus-visible,
-    .ring-blue-500,
-    .focus-visible\:ring-blue-500:focus-visible {
-        --tw-ring-color: color-mix(in srgb, var(--color-accent) 32%, transparent) !important;
-    }
-
-    .focus-visible\:ring-offset-2:focus-visible,
-    .ring-offset-2 {
-        --tw-ring-offset-color: var(--color-page) !important;
-    }
-}
-
-@keyframes stagger-enter {
-    to {
-        opacity: 1;
-        transform: translateY(0);
-    }
-}
-
-@keyframes skeleton-shimmer {
-    100% {
-        transform: translateX(100%);
-    }
-}
-
-@media (prefers-reduced-motion: reduce) {
-    *,
-    *::before,
-    *::after {
-        animation-duration: 0.01ms !important;
-        animation-iteration-count: 1 !important;
-        transition-duration: 0.01ms !important;
-        scroll-behavior: auto !important;
-    }
-}
-
-@media (max-width: 640px) {
-    .page-shell,
-    .page-shell-wide,
-    .studio-layout-shell {
-        padding-inline: 1rem;
-    }
-
-    body {
-        font-size: 14px;
-    }
-}
-
-@media (min-width: 640px) {
-    .page-shell,
-    .page-shell-wide,
-    .studio-layout-shell {
-        padding-inline: 1.5rem;
-    }
-}
-
-@media (min-width: 1024px) {
-    .page-shell,
-    .page-shell-wide,
-    .studio-layout-shell {
-        padding-inline: 2rem;
-    }
-}
-
-/* -- Visual Density: Compact ------------------------------------------------- */
-html.density-compact .studio-page {
-    gap: clamp(1rem, 2vw, 1.5rem);
-    padding-top: clamp(4px, 0.6vw, 10px);
-    padding-bottom: clamp(32px, 4vw, 56px);
-}
-html.density-compact .app-header-block {
-    gap: 0.5rem;
-}
-html.density-compact .settings-field {
-    padding-block: 0.75rem;
-}
-html.density-compact .settings-action-row {
-    padding-top: 0.75rem;
-}
-html.density-compact .section-space {
-    padding-block: clamp(40px, 6vw, 80px);
-}
diff --git a/app/layout.tsx b/app/layout.tsx
deleted file mode 100644
index 5dcc2ca..0000000
--- a/app/layout.tsx
+++ /dev/null
@@ -1,73 +0,0 @@
-import type { Metadata, Viewport } from "next";
-import { GeistMono } from "geist/font/mono";
-import { GeistSans } from "geist/font/sans";
-import "./globals.css";
-import { Providers } from "@/components/shared/Providers";
-import { APP_NAME, APP_TAGLINE, BRAND_OWNER } from "@/lib/constants";
-
-const appUrl = process.env.NEXT_PUBLIC_APP_URL || "https://roadmap.znsnexus.com";
-
-export const viewport: Viewport = {
-    themeColor: "#0b0d10",
-};
-
-export const metadata: Metadata = {
-    title: {
-        default: `${APP_NAME} - Paste Any Guide, Get a Full Interactive Workspace`,
-        template: `%s | ${APP_NAME}`,
-    },
-    description: `Transform any roadmap, guide, or curriculum into a fully interactive workspace. Built by ${BRAND_OWNER}.`,
-    metadataBase: new URL(appUrl),
-    manifest: "/manifest.json",
-    alternates: {
-        canonical: "/",
-    },
-    icons: {
-        icon: [{ url: "/favicon.svg", type: "image/svg+xml" }],
-        shortcut: ["/favicon.svg"],
-        apple: ["/favicon.svg"],
-    },
-    openGraph: {
-        title: `${APP_NAME} - Paste Any Guide, Get a Full Interactive Workspace`,
-        description: APP_TAGLINE,
-        type: "website",
-        url: appUrl,
-        siteName: APP_NAME,
-        images: [
-            {
-                url: "/opengraph-image",
-                width: 1200,
-                height: 630,
-                alt: APP_NAME,
-            },
-        ],
-    },
-    twitter: {
-        card: "summary_large_image",
-        title: `${APP_NAME} - Paste Any Guide, Get a Full Interactive Workspace`,
-        description: APP_TAGLINE,
-        images: ["/twitter-image"],
-    },
-};
-
-export default async function RootLayout({
-    children,
-}: Readonly<{
-    children: React.ReactNode;
-}>) {
-    return (
-        <html lang="en" className={`${GeistSans.variable} ${GeistMono.variable} dark`}>
-            <body className="min-h-screen bg-page text-text">
-                <a
-                    href="#main-content"
-                    className="sr-only focus:not-sr-only focus:fixed focus:left-4 focus:top-4 focus:z-[9999] focus:rounded-md focus:border focus:border-[color:var(--color-accent)] focus:bg-[color:color-mix(in_srgb,var(--color-accent)_16%,var(--color-surface))] focus:px-4 focus:py-2 focus:text-[color:var(--color-text)]"
-                >
-                    Skip to main content
-                </a>
-                <Providers>
-                    {children}
-                </Providers>
-            </body>
-        </html>
-    );
-}
diff --git a/app/notes/page.d.ts b/app/notes/page.d.ts
deleted file mode 100644
index 7f3696a..0000000
--- a/app/notes/page.d.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from "../(studio)/notes/page";
-export { default } from "../(studio)/notes/page";
diff --git a/app/opengraph-image.tsx b/app/opengraph-image.tsx
deleted file mode 100644
index 44d6cb7..0000000
--- a/app/opengraph-image.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import { ImageResponse } from "next/og";
-import { APP_NAME, APP_TAGLINE } from "@/lib/constants";
-
-export const size = {
-    width: 1200,
-    height: 630,
-};
-
-export const contentType = "image/png";
-
-export default function OpenGraphImage() {
-    return new ImageResponse(
-        (
-            <div
-                style={{
-                    height: "100%",
-                    width: "100%",
-                    display: "flex",
-                    flexDirection: "column",
-                    justifyContent: "space-between",
-                    background:
-                        "radial-gradient(circle at top left, rgba(99,102,241,0.35), transparent 35%), linear-gradient(180deg, #10131d 0%, #090b12 100%)",
-                    color: "#f8fafc",
-                    padding: "64px",
-                    fontFamily: "sans-serif",
-                }}
-            >
-                <div style={{ display: "flex", alignItems: "center", gap: "18px", fontSize: 28, letterSpacing: "0.18em", textTransform: "uppercase", color: "#a5b4fc" }}>
-                    <div style={{ width: 28, height: 28, borderRadius: 6, background: "#6366f1" }} />
-                    {APP_NAME}
-                </div>
-                <div style={{ display: "flex", flexDirection: "column", gap: 20, maxWidth: 900 }}>
-                    <div style={{ fontSize: 78, lineHeight: 1.05, fontWeight: 700 }}>
-                        Paste any guide. Get a full interactive workspace.
-                    </div>
-                    <div style={{ fontSize: 30, lineHeight: 1.4, color: "#cbd5e1" }}>{APP_TAGLINE}</div>
-                </div>
-                <div style={{ fontSize: 22, color: "#94a3b8" }}>
-                    AI-generated modules, tasks, notes, resources, progress tracking, and exports.
-                </div>
-            </div>
-        ),
-        size,
-    );
-}
diff --git a/app/page.d.ts b/app/page.d.ts
deleted file mode 100644
index 8d4d7c9..0000000
--- a/app/page.d.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from "./(marketing)/page";
-export { default } from "./(marketing)/page";
diff --git a/app/pricing/page.d.ts b/app/pricing/page.d.ts
deleted file mode 100644
index daeca7e..0000000
--- a/app/pricing/page.d.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from "../(marketing)/pricing/page";
-export { default } from "../(marketing)/pricing/page";
diff --git a/app/robots.ts b/app/robots.ts
deleted file mode 100644
index b71af2f..0000000
--- a/app/robots.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-import type { MetadataRoute } from "next";
-
-const appUrl = process.env.NEXT_PUBLIC_APP_URL || "https://roadmap.znsnexus.com";
-
-export default function robots(): MetadataRoute.Robots {
-    return {
-        rules: [
-            {
-                userAgent: "*",
-                allow: ["/", "/pricing", "/gallery", "/privacy", "/terms", "/contact"],
-                disallow: ["/auth", "/notes", "/settings", "/workspace", "/workspaces", "/share", "/embed", "/api"],
-            },
-        ],
-        sitemap: `${appUrl}/sitemap.xml`,
-        host: appUrl,
-    };
-}
diff --git a/app/settings/page.d.ts b/app/settings/page.d.ts
deleted file mode 100644
index 3bbbc86..0000000
--- a/app/settings/page.d.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from "../(studio)/settings/page";
-export { default } from "../(studio)/settings/page";
diff --git a/app/share/[id]/layout.tsx b/app/share/[id]/layout.tsx
deleted file mode 100644
index bcc0221..0000000
--- a/app/share/[id]/layout.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-import type { Metadata } from "next";
-
-export const metadata: Metadata = {
-    title: "Shared Workspace",
-    robots: {
-        index: false,
-        follow: false,
-    },
-};
-
-export default function ShareLayout({ children }: { children: React.ReactNode }) {
-    return children;
-}
diff --git a/app/sitemap.ts b/app/sitemap.ts
deleted file mode 100644
index f24caca..0000000
--- a/app/sitemap.ts
+++ /dev/null
@@ -1,16 +0,0 @@
-import type { MetadataRoute } from "next";
-
-const appUrl = process.env.NEXT_PUBLIC_APP_URL || "https://roadmap.znsnexus.com";
-
-export default function sitemap(): MetadataRoute.Sitemap {
-    const now = new Date();
-
-    return [
-        { url: appUrl, lastModified: now, changeFrequency: "weekly", priority: 1 },
-        { url: `${appUrl}/pricing`, lastModified: now, changeFrequency: "monthly", priority: 0.8 },
-        { url: `${appUrl}/gallery`, lastModified: now, changeFrequency: "weekly", priority: 0.7 },
-        { url: `${appUrl}/privacy`, lastModified: now, changeFrequency: "yearly", priority: 0.4 },
-        { url: `${appUrl}/terms`, lastModified: now, changeFrequency: "yearly", priority: 0.4 },
-        { url: `${appUrl}/contact`, lastModified: now, changeFrequency: "monthly", priority: 0.5 },
-    ];
-}
diff --git a/app/twitter-image.tsx b/app/twitter-image.tsx
deleted file mode 100644
index aaf9a80..0000000
--- a/app/twitter-image.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { size, contentType, default } from "@/app/opengraph-image";
diff --git a/app/workspace/[id]/layout.tsx b/app/workspace/[id]/layout.tsx
deleted file mode 100644
index 3c11243..0000000
--- a/app/workspace/[id]/layout.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-import type { Metadata } from "next";
-
-export const metadata: Metadata = {
-    title: "Workspace",
-    robots: {
-        index: false,
-        follow: false,
-    },
-};
-
-export default function WorkspaceIdLayout({ children }: { children: React.ReactNode }) {
-    return children;
-}
diff --git a/app/workspaces/page.d.ts b/app/workspaces/page.d.ts
deleted file mode 100644
index a4c5139..0000000
--- a/app/workspaces/page.d.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from "../(studio)/workspaces/page";
-export { default } from "../(studio)/workspaces/page";
diff --git a/components/layout/Header.tsx b/components/layout/Header.tsx
deleted file mode 100644
index 61ca82a..0000000
--- a/components/layout/Header.tsx
+++ /dev/null
@@ -1,115 +0,0 @@
-"use client";
-
-import { useEffect, useState } from "react";
-import Link from "next/link";
-import { usePathname } from "next/navigation";
-import { Menu, X, Search } from "lucide-react";
-import { Logo } from "@/components/shared/Logo";
-import { Button } from "@/components/ui/button";
-import { cn } from "@/lib/utils";
-import { getNavigationItems } from "@/lib/navigation";
-
-export default function Header() {
-    const pathname = usePathname();
-    const isHome = pathname === "/";
-    const navItems = getNavigationItems(pathname);
-    const [scrolled, setScrolled] = useState(false);
-    const [mobileOpen, setMobileOpen] = useState(false);
-
-    useEffect(() => {
-        setMobileOpen(false);
-    }, [pathname]);
-
-    useEffect(() => {
-        const onScroll = () => {
-            const threshold = isHome ? window.innerHeight * 0.55 : 8;
-            setScrolled(window.scrollY > threshold);
-        };
-
-        onScroll();
-        window.addEventListener("scroll", onScroll, { passive: true });
-        return () => window.removeEventListener("scroll", onScroll);
-    }, [isHome]);
-
-    return (
-        <header
-            className={cn(
-                "fixed top-0 inset-x-0 z-50 transition-all duration-300 border-b",
-                scrolled
-                    ? "border-white/5 bg-black/50 backdrop-blur-md"
-                    : "border-transparent bg-transparent"
-            )}
-        >
-            <div className="page-shell-wide flex h-16 items-center justify-between gap-4">
-                <Link href="/" className="flex min-w-0 items-center gap-3">
-                    <span className="flex h-9 w-9 items-center justify-center border border-white/10 rounded-lg bg-white/5 shadow-sm">
-                        <Logo />
-                    </span>
-                    <span className="truncate font-display text-xl tracking-[-0.04em] bg-clip-text text-transparent bg-gradient-to-r from-zinc-100 to-zinc-400">RoadMap Studio</span>
-                </Link>
-
-                <div className="hidden lg:flex flex-1 items-center justify-center max-w-md mx-6">
-                    <div className="flex h-9 w-full max-w-[280px] items-center justify-between rounded-lg bg-white/5 border border-white/10 px-3 text-sm text-zinc-400 backdrop-blur-md hover:bg-white/10 hover:border-white/20 transition-all duration-300 cursor-pointer group">
-                        <span className="flex items-center gap-2">
-                           <Search size={14} className="text-zinc-500 group-hover:text-zinc-300 transition-colors" />
-                           Search roadmaps...
-                        </span>
-                        <div className="flex gap-1">
-                            <kbd className="bg-white/10 px-1.5 py-0.5 rounded text-[10px] tracking-wider text-zinc-300 font-sans border border-white/5">⌘</kbd>
-                            <kbd className="bg-white/10 px-1.5 py-0.5 rounded text-[10px] tracking-wider text-zinc-300 font-sans border border-white/5">K</kbd>
-                        </div>
-                    </div>
-                </div>
-
-                <div className="hidden items-center gap-5 lg:flex">
-                    <Link href="/create" passHref className="px-5 py-2 text-[12px] font-bold tracking-widest uppercase rounded bg-emerald-600 text-white shadow-lg hover:bg-emerald-500 hover:scale-[1.02] transition-all duration-300">
-                        New Roadmap
-                    </Link>
-                </div>
-
-                <Button
-                    type="button"
-                    onClick={() => setMobileOpen((value) => !value)}
-                    variant="outline"
-                    size="icon"
-                    className="lg:hidden bg-white/5 border-white/10 text-white hover:bg-white/10 transition-colors"
-                    aria-label={mobileOpen ? "Close menu" : "Open menu"}
-                    aria-expanded={mobileOpen}
-                    aria-controls="mobile-nav"
-                >
-                    {mobileOpen ? <X size={18} /> : <Menu size={18} />}
-                </Button>
-            </div>
-
-            {mobileOpen && (
-                <div id="mobile-nav" className="border-t border-white/10 bg-zinc-950 lg:hidden">
-                    <nav aria-label="Mobile navigation" className="page-shell-wide flex flex-col gap-2 py-4">
-                        {navItems.map((item) => {
-                            const active = pathname === item.href || pathname.startsWith(`${item.href}/`);
-                            return (
-                                <Link
-                                    key={item.href}
-                                    href={item.href}
-                                    aria-current={active ? "page" : undefined}
-                                    className={cn(
-                                        "border-b px-0 py-2 text-[12px] font-semibold uppercase tracking-[0.16em] transition-all",
-                                        active
-                                            ? "border-emerald-500 text-emerald-400"
-                                            : "border-transparent text-zinc-500 hover:border-white/10 hover:text-zinc-300"
-                                    )}
-                                >
-                                    {item.label}
-                                </Link>
-                            );
-                        })}
-                        <div className="pt-4 flex gap-4 items-center">
-                            <Link href="/create" passHref className="px-4 py-2 text-[13px] font-semibold uppercase rounded-lg bg-emerald-500/20 border border-emerald-500/30 text-emerald-300">
-                                New Roadmap
-                            </Link>
-                        </div>
-                    </nav>
-                </div>
-            )}
-        </header>
-    );
-}
diff --git a/components/layout/StudioSidebar.tsx b/components/layout/StudioSidebar.tsx
deleted file mode 100644
index 602724a..0000000
--- a/components/layout/StudioSidebar.tsx
+++ /dev/null
@@ -1,88 +0,0 @@
-"use client";
-
-import Link from "next/link";
-import { usePathname } from "next/navigation";
-import { BarChart2, LayoutDashboard, LayoutGrid, PlusCircle, Settings2 } from "lucide-react";
-import CreditBadge from "@/components/credits/CreditBadge";
-import { cn } from "@/lib/utils";
-
-const PRIMARY_ITEMS = [
-    { href: "/dashboard", label: "Dashboard", icon: LayoutDashboard },
-    { href: "/create", label: "Create", icon: PlusCircle },
-    { href: "/workspaces", label: "Workspaces", icon: LayoutGrid },
-    { href: "/analytics", label: "Analytics", icon: BarChart2 },
-] as const;
-
-export default function StudioSidebar() {
-    const pathname = usePathname();
-
-    return (
-        <aside className="sticky top-24 hidden self-start xl:block">
-            <div className="flex min-h-[calc(100vh-7rem)] flex-col border-l border-white/10 pl-6">
-                <nav aria-label="Studio navigation" className="space-y-4">
-                    {PRIMARY_ITEMS.map((item) => {
-                        const active = pathname === item.href || pathname.startsWith(`${item.href}/`);
-                        return (
-                            <Link
-                                key={item.href}
-                                href={item.href}
-                                aria-current={active ? "page" : undefined}
-                                className={cn(
-                                    "group relative flex items-center gap-3 px-3 py-2.5 rounded-lg text-[13px] font-semibold tracking-wide transition-all duration-300 ease-out overflow-hidden hover:scale-[1.02]",
-                                    active
-                                        ? "text-zinc-100 bg-white/5 shadow-[0_0_15px_rgba(255,255,255,0.03)]"
-                                        : "bg-transparent text-zinc-400 hover:text-zinc-100 hover:bg-white/5"
-                                )}
-                            >
-                                {active && (
-                                    <span className="absolute left-0 top-0 bottom-0 w-1 bg-gradient-to-b from-emerald-400 to-emerald-600 rounded-r shadow-[0_0_10px_rgba(16,185,129,0.5)]"></span>
-                                )}
-                                <div className={cn("transition-all duration-300 ease-out relative z-10", active ? "text-emerald-400 drop-shadow-[0_0_8px_rgba(16,185,129,0.5)]" : "text-zinc-500 group-hover:text-zinc-300")}>
-                                    <item.icon size={18} />
-                                </div>
-                                <div className="min-w-0 relative z-10">
-                                    <span className="block">{item.label}</span>
-                                </div>
-                            </Link>
-                        );
-                    })}
-                </nav>
-
-                <div className="mt-auto pt-6 space-y-4">
-                    <div className="px-3">
-                       <CreditBadge compact />
-                    </div>
-
-                    <div className="mx-3 rounded-lg border border-emerald-500/20 bg-emerald-500/5 px-3 py-2 flex items-center gap-2">
-                        <span className="relative flex h-2 w-2">
-                          <span className="animate-ping absolute inline-flex h-full w-full rounded-full bg-emerald-400 opacity-75"></span>
-                          <span className="relative inline-flex rounded-full h-2 w-2 bg-emerald-500"></span>
-                        </span>
-                        <span className="text-[11px] font-medium tracking-wide text-emerald-400/90 uppercase">Local Storage</span>
-                    </div>
-
-                    <Link
-                        href="/settings"
-                        aria-current={pathname === "/settings" ? "page" : undefined}
-                        className={cn(
-                            "group relative flex items-center gap-3 px-3 py-2.5 rounded-lg text-[13px] font-semibold tracking-wide transition-all duration-300 ease-out hover:scale-[1.02]",
-                            pathname === "/settings"
-                                ? "text-zinc-100 bg-white/5"
-                                : "bg-transparent text-zinc-400 hover:text-zinc-100 hover:bg-white/5"
-                        )}
-                    >
-                        {pathname === "/settings" && (
-                            <span className="absolute left-0 top-0 bottom-0 w-1 bg-gradient-to-b from-zinc-400 to-zinc-600 rounded-r"></span>
-                        )}
-                        <div className={cn("transition-all duration-300 ease-out relative z-10", pathname === "/settings" ? "text-zinc-300" : "text-zinc-500 group-hover:text-zinc-300")}>
-                            <Settings2 size={18} />
-                        </div>
-                        <div className="min-w-0 relative z-10">
-                            <span className="block">Settings</span>
-                        </div>
-                    </Link>
-                </div>
-            </div>
-        </aside>
-    );
-}
diff --git a/components/sharing/ViralBadge.tsx b/components/sharing/ViralBadge.tsx
deleted file mode 100644
index a966cb7..0000000
--- a/components/sharing/ViralBadge.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-import Link from "next/link";
-import { Sparkles } from "lucide-react";
-
-export default function ViralBadge() {
-    return (
-        <div className="fixed bottom-4 left-4 z-40 rounded-full border border-amber-300/20 bg-[linear-gradient(135deg,rgba(198,155,90,0.22),rgba(79,124,255,0.12))] px-4 py-2 text-xs font-semibold uppercase tracking-[0.22em] text-amber-100 shadow-[0_18px_40px_rgba(0,0,0,0.28)] backdrop-blur-xl">
-            <Link href="/pricing" className="inline-flex items-center gap-2">
-                <Sparkles size={13} className="text-amber-200" />
-                Remove ZNS branding on Pro
-            </Link>
-        </div>
-    );
-}
diff --git a/components/ui/button.tsx b/components/ui/button.tsx
deleted file mode 100644
index 249218b..0000000
--- a/components/ui/button.tsx
+++ /dev/null
@@ -1,49 +0,0 @@
-import * as React from "react";
-import { Slot } from "@radix-ui/react-slot";
-import { cva, type VariantProps } from "class-variance-authority";
-import { cn } from "@/lib/utils";
-
-const buttonVariants = cva(
-    "inline-flex items-center justify-center gap-2 rounded-none text-[12px] font-semibold uppercase tracking-[0.14em] transition-[background-color,border-color,color,box-shadow,transform] disabled:pointer-events-none disabled:opacity-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[rgba(22,20,17,0.18)] focus-visible:ring-offset-2 focus-visible:ring-offset-[var(--color-page)] active:scale-[0.985]",
-    {
-        variants: {
-            variant: {
-                default:
-                    "border border-[var(--color-text)] bg-[var(--color-text)] text-[var(--color-page)] hover:border-[var(--color-accent-strong)] hover:bg-[var(--color-accent-strong)]",
-                secondary:
-                    "border border-[var(--color-border)] bg-transparent text-[var(--color-text)] hover:border-[var(--color-border-strong)] hover:bg-[var(--color-accent-soft)]",
-                ghost: "border-b border-transparent px-0 text-[var(--color-text-muted)] hover:border-[var(--color-border)] hover:bg-transparent hover:text-[var(--color-text)]",
-                destructive:
-                    "border border-[var(--color-text)] bg-[var(--color-text)] text-[var(--color-page)] hover:border-[var(--color-accent-strong)] hover:bg-[var(--color-accent-strong)]",
-                outline:
-                    "border border-[var(--color-border)] bg-transparent text-[var(--color-text)] hover:border-[var(--color-border-strong)] hover:bg-[var(--color-accent-soft)]",
-            },
-            size: {
-                default: "h-10 px-4 py-2",
-                sm: "h-9 px-3",
-                lg: "h-11 px-6",
-                icon: "h-10 w-10",
-            },
-        },
-        defaultVariants: {
-            variant: "default",
-            size: "default",
-        },
-    }
-);
-
-export interface ButtonProps
-    extends React.ButtonHTMLAttributes<HTMLButtonElement>,
-        VariantProps<typeof buttonVariants> {
-    asChild?: boolean;
-}
-
-const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
-    ({ className, variant, size, asChild = false, ...props }, ref) => {
-        const Comp = asChild ? Slot : "button";
-        return <Comp className={cn(buttonVariants({ variant, size, className }))} ref={ref} {...props} />;
-    }
-);
-Button.displayName = "Button";
-
-export { Button, buttonVariants };
diff --git a/components/ui/input.tsx b/components/ui/input.tsx
deleted file mode 100644
index 49dab50..0000000
--- a/components/ui/input.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-import * as React from "react";
-import { cn } from "@/lib/utils";
-
-const Input = React.forwardRef<HTMLInputElement, React.ComponentProps<"input">>(({ className, ...props }, ref) => {
-    return (
-        <input
-            ref={ref}
-            className={cn(
-                "flex h-10 w-full rounded-none border-0 border-b border-[var(--color-border)] bg-transparent px-0 py-2 text-sm text-[var(--color-text)] shadow-none transition-[border-color,box-shadow,background-color] file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-[var(--color-text-soft)] hover:border-[var(--color-border-strong)] focus-visible:outline-none focus-visible:ring-0 disabled:cursor-not-allowed disabled:opacity-50",
-                className
-            )}
-            {...props}
-        />
-    );
-});
-Input.displayName = "Input";
-
-export { Input };
diff --git a/components/ui/textarea.tsx b/components/ui/textarea.tsx
deleted file mode 100644
index 1fe570e..0000000
--- a/components/ui/textarea.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-import * as React from "react";
-import { cn } from "@/lib/utils";
-
-const Textarea = React.forwardRef<HTMLTextAreaElement, React.ComponentProps<"textarea">>(
-    ({ className, ...props }, ref) => {
-        return (
-            <textarea
-                ref={ref}
-                className={cn(
-                    "flex min-h-[140px] w-full rounded-none border border-[var(--color-border)] bg-transparent px-0 py-3 text-sm text-[var(--color-text)] shadow-none transition-[border-color,box-shadow,background-color] placeholder:text-[var(--color-text-soft)] hover:border-[var(--color-border-strong)] focus-visible:outline-none focus-visible:ring-0 disabled:cursor-not-allowed disabled:opacity-50",
-                    className,
-                )}
-                {...props}
-            />
-        );
-    },
-);
-Textarea.displayName = "Textarea";
-
-export { Textarea };
diff --git a/components/workspaces/WorkspaceLibraryCard.tsx b/components/workspaces/WorkspaceLibraryCard.tsx
deleted file mode 100644
index 6ab853b..0000000
--- a/components/workspaces/WorkspaceLibraryCard.tsx
+++ /dev/null
@@ -1,194 +0,0 @@
-"use client";
-
-import { useState } from "react";
-import Link from "next/link";
-import { ArrowRight, PencilLine, Trash2 } from "lucide-react";
-import {
-    AlertDialog,
-    AlertDialogAction,
-    AlertDialogCancel,
-    AlertDialogContent,
-    AlertDialogDescription,
-    AlertDialogFooter,
-    AlertDialogHeader,
-    AlertDialogTitle,
-    AlertDialogTrigger,
-} from "@/components/ui/alert-dialog";
-import { Button } from "@/components/ui/button";
-import { Input } from "@/components/ui/input";
-import type { Roadmap } from "@/types";
-import { cn } from "@/lib/utils";
-import { getRelativeTimeLabel, getRoadmapDisplayTitle, getRoadmapStateLabel, getRoadmapStats } from "@/lib/workspace-stats";
-
-interface WorkspaceLibraryCardProps {
-    roadmap: Roadmap;
-    onDelete?: (id: string) => void;
-    onRename?: (id: string, nextTitle: string) => void;
-}
-
-export default function WorkspaceLibraryCard({ roadmap, onDelete, onRename }: WorkspaceLibraryCardProps) {
-    const stats = getRoadmapStats(roadmap);
-    const displayTitle = getRoadmapDisplayTitle(roadmap);
-    const [isRenaming, setIsRenaming] = useState(false);
-    const [nextTitle, setNextTitle] = useState(displayTitle);
-
-    const handleRename = () => {
-        if (!onRename) return;
-        const trimmedTitle = nextTitle.trim();
-        if (!trimmedTitle || trimmedTitle === displayTitle) {
-            setNextTitle(displayTitle);
-            setIsRenaming(false);
-            return;
-        }
-
-        onRename(roadmap.id, trimmedTitle);
-        setIsRenaming(false);
-    };
-
-    const handleDelete = () => {
-        if (!onDelete) return;
-        onDelete(roadmap.id);
-    };
-
-    return (
-        <article className="interactive-row border-b border-border py-6">
-            <div className="grid gap-5 xl:grid-cols-[minmax(0,1.7fr)_minmax(280px,0.9fr)] xl:items-start">
-                {isRenaming ? (
-                    <div className="space-y-3 xl:col-span-2">
-                        <label htmlFor={`rename-${roadmap.id}`} className="block text-[11px] font-semibold uppercase tracking-[0.18em] text-text-secondary">
-                            Rename workspace
-                        </label>
-                        <div className="flex flex-col gap-3 sm:flex-row sm:items-end">
-                            <div className="min-w-0 flex-1">
-                                <Input
-                                    id={`rename-${roadmap.id}`}
-                                    value={nextTitle}
-                                    onChange={(event) => setNextTitle(event.target.value)}
-                                />
-                            </div>
-                            <div className="flex gap-3">
-                                <Button type="button" size="sm" onClick={handleRename}>
-                                    Save
-                                </Button>
-                                <Button
-                                    type="button"
-                                    variant="secondary"
-                                    size="sm"
-                                    onClick={() => {
-                                        setNextTitle(displayTitle);
-                                        setIsRenaming(false);
-                                    }}
-                                >
-                                    Cancel
-                                </Button>
-                            </div>
-                        </div>
-                    </div>
-                ) : null}
-
-                <div className="min-w-0 space-y-5">
-                    <div className="flex flex-col gap-3 md:flex-row md:items-start md:justify-between">
-                        <div className="min-w-0">
-                            <div className="flex flex-wrap items-center gap-x-4 gap-y-2">
-                                <h2 className="truncate font-display text-[1.65rem] leading-none text-text-primary">{displayTitle}</h2>
-                                <span className="text-[11px] font-semibold uppercase tracking-[0.18em] text-text-secondary">
-                                    {roadmap.mode === "intern" ? "Intern" : "General"}
-                                </span>
-                            </div>
-                            <p className="mt-3 text-sm text-text-secondary">{getRoadmapStateLabel(stats.progressState)}</p>
-                        </div>
-                        <div className="flex items-center gap-3">
-                            <Button asChild variant="ghost" size="sm" aria-label={`Open ${displayTitle}`}>
-                                <Link href={`/workspace/${roadmap.id}`}>
-                                    Open
-                                    <ArrowRight size={14} />
-                                </Link>
-                            </Button>
-                        </div>
-                    </div>
-
-                    <div className="grid gap-3 text-[11px] font-semibold uppercase tracking-[0.18em] text-text-secondary sm:grid-cols-4">
-                        <span>{stats.moduleCount} modules</span>
-                        <span>{getRelativeTimeLabel(roadmap.updatedAt || roadmap.createdAt)}</span>
-                        <span>
-                            {stats.completedTasks}/{stats.totalTasks} tasks
-                        </span>
-                        <span>{stats.percent}% complete</span>
-                    </div>
-
-                    <div className="space-y-2">
-                        <div className="flex items-center justify-between text-xs text-text-muted">
-                            <span>Progress</span>
-                            <span>{stats.percent}%</span>
-                        </div>
-                        <div className="h-px overflow-hidden bg-[var(--color-surface-muted)]">
-                            <div
-                                className={cn(
-                                    "h-full transition-[width] duration-300",
-                                    stats.progressState === "completed"
-                                        ? "bg-[var(--color-text)]"
-                                        : stats.progressState === "in-progress"
-                                          ? "bg-[var(--color-text-muted)]"
-                                          : "bg-[var(--color-text-soft)]",
-                                )}
-                                style={{ width: `${stats.percent}%` }}
-                            />
-                        </div>
-                    </div>
-                </div>
-
-                <div className="space-y-5 xl:pl-6">
-                    <div className="grid gap-4 sm:grid-cols-2 xl:grid-cols-1">
-                        <div className="border-t border-border pt-3">
-                            <p className="text-[11px] font-semibold uppercase tracking-[0.18em] text-text-secondary">State</p>
-                            <p className="mt-2 text-sm text-text-primary">{getRoadmapStateLabel(stats.progressState)}</p>
-                        </div>
-                        <div className="border-t border-border pt-3">
-                            <p className="text-[11px] font-semibold uppercase tracking-[0.18em] text-text-secondary">Updated</p>
-                            <p className="mt-2 text-sm text-text-primary">{getRelativeTimeLabel(roadmap.updatedAt || roadmap.createdAt)}</p>
-                        </div>
-                    </div>
-
-                    <div className="flex flex-wrap gap-3 border-t border-border pt-4">
-                        {onRename ? (
-                            <Button
-                                type="button"
-                                variant="ghost"
-                                size="sm"
-                                onClick={() => {
-                                    setNextTitle(displayTitle);
-                                    setIsRenaming((current) => !current);
-                                }}
-                            >
-                                <PencilLine size={14} />
-                                {isRenaming ? "Editing" : "Rename"}
-                            </Button>
-                        ) : null}
-                        {onDelete ? (
-                            <AlertDialog>
-                                <AlertDialogTrigger asChild>
-                                    <Button type="button" variant="ghost" size="sm">
-                                        <Trash2 size={14} />
-                                        Delete
-                                    </Button>
-                                </AlertDialogTrigger>
-                                <AlertDialogContent>
-                                    <AlertDialogHeader>
-                                        <AlertDialogTitle>Delete workspace?</AlertDialogTitle>
-                                        <AlertDialogDescription>
-                                            This removes the workspace from your library. This action cannot be undone.
-                                        </AlertDialogDescription>
-                                    </AlertDialogHeader>
-                                    <AlertDialogFooter>
-                                        <AlertDialogCancel>Cancel</AlertDialogCancel>
-                                        <AlertDialogAction onClick={handleDelete}>Delete workspace</AlertDialogAction>
-                                    </AlertDialogFooter>
-                                </AlertDialogContent>
-                            </AlertDialog>
-                        ) : null}
-                    </div>
-                </div>
-            </div>
-        </article>
-    );
-}
diff --git a/convex/auth.config.ts b/convex/auth.config.ts
new file mode 100644
index 0000000..7c0e259
--- /dev/null
+++ b/convex/auth.config.ts
@@ -0,0 +1,5 @@
+export default {
+    providers: [
+        { domain: process.env.CONVEX_SITE_URL, applicationID: "convex" },
+    ],
+};
diff --git a/convex/auth.ts b/convex/auth.ts
new file mode 100644
index 0000000..be26710
--- /dev/null
+++ b/convex/auth.ts
@@ -0,0 +1,26 @@
+import { Password } from "@convex-dev/auth/providers/Password";
+import { convexAuth } from "@convex-dev/auth/server";
+import type { DataModel } from "./model";
+
+export const { auth, signIn, signOut, store, isAuthenticated } = convexAuth({
+    providers: [
+        Password<DataModel>({
+            profile(params) {
+                const email =
+                    typeof params.email === "string"
+                        ? params.email.trim().normalize("NFKC").toLowerCase()
+                        : "";
+                const owner = process.env.SYLLO_OWNER_EMAIL?.trim()
+                    .normalize("NFKC")
+                    .toLowerCase();
+                if (!owner)
+                    throw new Error(
+                        "Set SYLLO_OWNER_EMAIL on the Convex deployment before signing in.",
+                    );
+                if (email !== owner)
+                    throw new Error("This is a private learning space.");
+                return { email };
+            },
+        }),
+    ],
+});
diff --git a/convex/cloud.ts b/convex/cloud.ts
new file mode 100644
index 0000000..0664bfb
--- /dev/null
+++ b/convex/cloud.ts
@@ -0,0 +1,121 @@
+import { getAuthUserId } from "@convex-dev/auth/server";
+import { v } from "convex/values";
+import { mutation, query } from "./model";
+import { personalEntrySchema } from "../src/lib/personal/schema";
+
+export const viewer = query({
+    args: {},
+    handler: async (ctx) => {
+        const owner = await getAuthUserId(ctx);
+        if (!owner) throw new Error("Sign in to your learning space.");
+        const user = await ctx.db.get(owner);
+        return { id: owner, email: user?.email ?? null };
+    },
+});
+
+export const list = query({
+    args: {},
+    handler: async (ctx) => {
+        const owner = await getAuthUserId(ctx);
+        if (!owner) throw new Error("Sign in to sync your learning space.");
+        const docs = await ctx.db
+            .query("personalDocuments")
+            .withIndex("by_owner", (q) => q.eq("owner", owner))
+            .collect();
+        return docs.map((doc) => ({
+            key: doc.key,
+            payload: doc.payload,
+            updatedAt: doc.updatedAt,
+        }));
+    },
+});
+
+export const write = mutation({
+    args: {
+        entries: v.array(
+            v.object({
+                key: v.string(),
+                payload: v.string(),
+                updatedAt: v.number(),
+            }),
+        ),
+    },
+    handler: async (ctx, { entries }) => {
+        const owner = await getAuthUserId(ctx);
+        if (!owner) throw new Error("Sign in to sync your learning space.");
+        if (entries.length > 30)
+            throw new Error("Sync up to 30 changes at a time.");
+        for (const entry of entries) {
+            if (new TextEncoder().encode(entry.payload).byteLength > 750_000)
+                throw new Error(
+                    "A learning record is too large to sync. Export it before editing.",
+                );
+            const parsed = personalEntrySchema.parse(JSON.parse(entry.payload));
+            if (parsed.id !== entry.key || parsed.updatedAt !== entry.updatedAt)
+                throw new Error("Invalid sync record.");
+            const previous = await ctx.db
+                .query("personalDocuments")
+                .withIndex("by_owner_key", (q) =>
+                    q.eq("owner", owner).eq("key", entry.key),
+                )
+                .unique();
+            if (previous && previous.updatedAt >= entry.updatedAt) continue;
+            if (previous)
+                await ctx.db.patch(previous._id, {
+                    payload: entry.payload,
+                    updatedAt: entry.updatedAt,
+                });
+            else await ctx.db.insert("personalDocuments", { owner, ...entry });
+        }
+    },
+});
+
+export const uploadUrl = mutation({
+    args: {},
+    handler: async (ctx) => {
+        if (!(await getAuthUserId(ctx)))
+            throw new Error("Sign in to upload a book.");
+        return ctx.storage.generateUploadUrl();
+    },
+});
+
+export const registerFile = mutation({
+    args: { storageId: v.string() },
+    handler: async (ctx, args) => {
+        const owner = await getAuthUserId(ctx);
+        if (!owner) throw new Error("Sign in to save a book.");
+        const storageId = ctx.db.system.normalizeId("_storage", args.storageId);
+        if (!storageId) throw new Error("Invalid file id.");
+        const existing = await ctx.db
+            .query("libraryFiles")
+            .withIndex("by_storage", (q) => q.eq("storageId", storageId))
+            .unique();
+        if (existing && existing.owner !== owner)
+            throw new Error("This file belongs to another learning space.");
+        const metadata = await ctx.db.system.get(storageId);
+        if (!metadata || metadata.size > 50 * 1024 * 1024)
+            throw new Error(
+                "The file is missing or exceeds the 50 MB book limit.",
+            );
+        if (!existing)
+            await ctx.db.insert("libraryFiles", {
+                owner,
+                storageId,
+                createdAt: Date.now(),
+            });
+        return storageId;
+    },
+});
+
+export const ownedFile = query({
+    args: { storageId: v.id("_storage") },
+    handler: async (ctx, { storageId }) => {
+        const owner = await getAuthUserId(ctx);
+        if (!owner) return false;
+        const file = await ctx.db
+            .query("libraryFiles")
+            .withIndex("by_storage", (q) => q.eq("storageId", storageId))
+            .unique();
+        return file?.owner === owner;
+    },
+});
diff --git a/convex/fileIds.ts b/convex/fileIds.ts
new file mode 100644
index 0000000..4fcb455
--- /dev/null
+++ b/convex/fileIds.ts
@@ -0,0 +1,6 @@
+import { v } from "convex/values";
+import { query } from "./model";
+export const normalize = query({
+    args: { value: v.string() },
+    handler: (ctx, { value }) => ctx.db.system.normalizeId("_storage", value),
+});
diff --git a/convex/http.ts b/convex/http.ts
new file mode 100644
index 0000000..6835c1a
--- /dev/null
+++ b/convex/http.ts
@@ -0,0 +1,70 @@
+import { httpRouter, makeFunctionReference } from "convex/server";
+import type { GenericId } from "convex/values";
+import { auth } from "./auth";
+import { httpAction } from "./model";
+
+const http = httpRouter();
+auth.addHttpRoutes(http);
+const ownedFile = makeFunctionReference<
+    "query",
+    { storageId: GenericId<"_storage"> },
+    boolean
+>("cloud:ownedFile");
+function headers(request: Request) {
+    const origin = request.headers.get("origin");
+    const allowed = process.env.SITE_URL
+        ? new URL(process.env.SITE_URL).origin
+        : "http://localhost:3000";
+    return {
+        "Access-Control-Allow-Origin": origin === allowed ? origin : allowed,
+        "Access-Control-Allow-Headers": "Authorization,Content-Type",
+        "Access-Control-Allow-Methods": "GET,OPTIONS",
+        Vary: "Origin",
+        "Cache-Control": "private, no-store",
+    };
+}
+http.route({
+    path: "/library/file",
+    method: "OPTIONS",
+    handler: httpAction(
+        async (_ctx, request) =>
+            new Response(null, { status: 204, headers: headers(request) }),
+    ),
+});
+http.route({
+    path: "/library/file",
+    method: "GET",
+    handler: httpAction(async (ctx, request) => {
+        const cors = headers(request);
+        const rawId = new URL(request.url).searchParams.get("id");
+        if (!rawId)
+            return new Response("File not found", {
+                status: 404,
+                headers: cors,
+            });
+        // Convex validates the storage id and the caller's identity in the query.
+        const storageId = await ctx.runQuery(
+            makeFunctionReference<
+                "query",
+                { value: string },
+                GenericId<"_storage"> | null
+            >("fileIds:normalize"),
+            { value: rawId },
+        );
+        if (!storageId || !(await ctx.runQuery(ownedFile, { storageId })))
+            return new Response("Sign in to read this book", {
+                status: 401,
+                headers: cors,
+            });
+        const file = await ctx.storage.get(storageId);
+        return file
+            ? new Response(file, {
+                  headers: {
+                      ...cors,
+                      "Content-Type": file.type || "application/epub+zip",
+                  },
+              })
+            : new Response("File not found", { status: 404, headers: cors });
+    }),
+});
+export default http;
diff --git a/convex/model.ts b/convex/model.ts
new file mode 100644
index 0000000..da1b47d
--- /dev/null
+++ b/convex/model.ts
@@ -0,0 +1,15 @@
+import {
+    queryGeneric,
+    mutationGeneric,
+    httpActionGeneric,
+    type DataModelFromSchemaDefinition,
+    type QueryBuilder,
+    type MutationBuilder,
+    type HttpActionBuilder,
+} from "convex/server";
+import type schema from "./schema";
+
+export type DataModel = DataModelFromSchemaDefinition<typeof schema>;
+export const query: QueryBuilder<DataModel, "public"> = queryGeneric;
+export const mutation: MutationBuilder<DataModel, "public"> = mutationGeneric;
+export const httpAction: HttpActionBuilder = httpActionGeneric;
diff --git a/convex/schema.ts b/convex/schema.ts
new file mode 100644
index 0000000..4bab00b
--- /dev/null
+++ b/convex/schema.ts
@@ -0,0 +1,20 @@
+import { authTables } from "@convex-dev/auth/server";
+import { defineSchema, defineTable } from "convex/server";
+import { v } from "convex/values";
+
+export default defineSchema({
+    ...authTables,
+    personalDocuments: defineTable({
+        owner: v.id("users"),
+        key: v.string(),
+        payload: v.string(),
+        updatedAt: v.number(),
+    })
+        .index("by_owner", ["owner"])
+        .index("by_owner_key", ["owner", "key"]),
+    libraryFiles: defineTable({
+        owner: v.id("users"),
+        storageId: v.id("_storage"),
+        createdAt: v.number(),
+    }).index("by_storage", ["storageId"]),
+});
diff --git a/convex/tsconfig.json b/convex/tsconfig.json
new file mode 100644
index 0000000..298afed
--- /dev/null
+++ b/convex/tsconfig.json
@@ -0,0 +1,16 @@
+{
+    "compilerOptions": {
+        "target": "ES2022",
+        "lib": ["ES2022", "DOM"],
+        "strict": true,
+        "module": "ESNext",
+        "moduleResolution": "Bundler",
+        "skipLibCheck": true,
+        "noEmit": true,
+        "allowJs": true,
+        "esModuleInterop": true,
+        "baseUrl": "..",
+        "paths": { "@/*": ["src/*"] }
+    },
+    "include": ["./**/*.ts"]
+}
diff --git a/docs/syllo-setup.md b/docs/syllo-setup.md
new file mode 100644
index 0000000..e9a621b
--- /dev/null
+++ b/docs/syllo-setup.md
@@ -0,0 +1,97 @@
+# Syllo setup
+
+## Local mode
+
+Use Node 22.12 or newer, npm, and a browser with IndexedDB. No Convex account is needed.
+
+```powershell
+npm ci
+npm run dev
+```
+
+Open `http://localhost:3000`. Leave `VITE_CONVEX_URL` blank. Home, Library, EPUB reading, notes, video bookmarks, Pomodoro, manual roadmaps, and reviews save on this browser. Videos still need an internet connection.
+
+For a production build:
+
+```powershell
+npm run build
+npm start
+```
+
+The production host listens on `127.0.0.1:3000` by default. Vite reads `.env.local` during development and builds. For server keys used by `npm start`, supply process environment variables or run `node --env-file=.env.local server.mjs`. Client deployment URLs are build-time settings, so rebuild after changing them.
+
+## Optional Convex sync
+
+No deployment is configured in this checkout. The backend schema, owner-only password login, sync functions, and authenticated book downloads are prepared in `convex/`. Local mode remains available without them.
+
+1. Run `npm run convex:dev`. Sign in to Convex and choose a project and its development deployment. This writes deployment settings to your ignored `.env.local`. Keep this watcher running; an initial auth error can be resolved by configuring the following variables.
+2. Run `npm run convex:auth-prepare` in a second terminal. It generates `.env.convex-auth.local` without printing keys or contacting Convex. It refuses to overwrite existing keys.
+3. Apply those variables to your selected development deployment:
+
+   ```powershell
+   npx convex env set --from-file .env.convex-auth.local
+   npx convex env set SYLLO_OWNER_EMAIL
+   npx convex env set SITE_URL http://localhost:3000
+   ```
+
+   Enter your email at the private terminal prompt. Only that address may create or use the account. Keep `.env.convex-auth.local` private and outside version control. Do not regenerate signing keys for an existing deployment unless you intend to rotate them.
+4. Confirm `.env.local` has the public `VITE_CONVEX_URL` from the CLI. For the standard Convex domain, Syllo derives the HTTP origin by replacing `.convex.cloud` with `.convex.site`. Set `VITE_CONVEX_SITE_URL` explicitly if needed. Never put signing keys or deployment access tokens in a `VITE_` variable.
+5. Restart `npm run dev`. In Settings, choose **First time? Create account**, use the configured owner email, and save your password in a password manager. This personal setup does not include email verification or password-reset delivery.
+6. In Settings, choose **Upload books from this device** for previously imported books. New imports upload when signed in. Reading positions, highlights, notes, kept review schedules, roadmaps, and timer preferences sync automatically. Downloads require sign-in and cache locally for later use.
+
+The auth files follow [Convex Auth's manual setup](https://labs.convex.dev/auth/setup/manual); Syllo's schema and React provider are already installed. Avoid replacing `convex/auth.ts` with a generic setup template, which would remove the owner-email restriction.
+
+For a hosted origin, set Convex's `SITE_URL` to that exact origin and rebuild the app with its deployment URLs. The app's server APIs require the Convex sign-in token when connected. The local Scout SQLite database is a single-owner worker; it is not a multi-user backend.
+
+Convex limits depend on your plan. This setup does not enable billing or upgrade the project. File uploads are limited to 50 MB per book, and cloud sync refuses individual metadata records above 750 KB while keeping them locally.
+
+## Free Scout setup
+
+Scout needs a Gemini API key for discovery and generation. Use a project with billing disabled in Google AI Studio. Add the key in Syllo Settings, or set `GEMINI_API_KEY` on the local worker. Browser keys stay in that browser and are sent to the worker for the current pack; the worker keeps them in memory, not SQLite. Server restart loses per-pack keys, so start a new pack or configure the server key.
+
+Only `gemini-2.5-flash` and `gemini-2.5-flash-lite` are allowed. Broad web discovery uses Flash with Google Search grounding; generated source URLs are resolved and pages are read before they enter a roadmap. Google currently lists both models' text generation and limited search grounding in its [free tier](https://ai.google.dev/gemini-api/docs/pricing). Availability and quotas depend on your project. Syllo cannot infer whether a key belongs to a billed project, so use an unbilled one to enforce zero spend. A quota response pauses Scout for 15 minutes without switching to another provider.
+
+An optional `YOUTUBE_API_KEY` enables broad YouTube search and metadata within Google's quota. Without it, creator RSS and grounded web search supply candidates. Creators are preferences; discovery is not restricted to them.
+
+Install the local transcript helper with the Python interpreter available to the app:
+
+```powershell
+python -m pip install youtube-transcript-api
+```
+
+Scout reads captions from your machine, caches source text in `.data/syllo.db`, and spaces transcript attempts apart. Some videos have no readable captions or block requests. Those stay visible as manual links, without generated clips or summaries. Articles use keyless Jina Reader with direct fetch as a fallback. Paid transcript and search fallback services are disabled.
+
+Scout's flow is goal, source review, draft roadmap, then your explicit approval. Review cards are suggestions until kept. You can add URLs manually without an AI key. Optional creator RSS checks are off on a fresh database; if enabled, they run at 03:00 Asia/Dubai while the local worker runs. They only suggest links and do not rewrite approved roadmaps.
+
+## Where data lives
+
+| Data | Local storage | Optional cloud |
+| --- | --- | --- |
+| Books and covers | IndexedDB `syllo-library` | Private Convex file storage |
+| Positions, highlights, notes, FSRS cards, timer preferences | `syllo:personal:v1` in localStorage | Owner's Convex documents |
+| Existing roadmaps and workspace history | Original `zns:v2:workspace-state` key | Roadmaps and review cards sync; old session/history records stay local |
+| Original workspace before the new bridge | `syllo:workspace-before-personal-v1` | Excluded |
+| Scout drafts, sources, transcripts, jobs | Local `.data/syllo.db` SQLite file | Excluded |
+| AI keys | Browser settings or worker environment | Excluded |
+
+Settings exports metadata and the legacy workspace backup. EPUB binaries and API keys are excluded; retain your original books. Restore merges newer metadata by record timestamp. Sync uses the newest revision of each record, including deletion markers; simultaneous edits to the same record do not merge individual fields. Signing out keeps this device's local cache.
+
+## Android and offline use
+
+The production build includes a web app manifest and a service worker. Add Syllo to the Android home screen from Chrome. Service workers need HTTPS or localhost. After installation, reload and visit the pages you want cached while online. Previously visited learning pages and cached EPUBs can then open offline; Scout and streaming video require connectivity. Development mode does not register a worker.
+
+Embedded YouTube playback uses YouTube's player. Syllo does not promise locked-phone playback without Premium. For free external listening, use an Android player such as NewPipe or a browser with background playback, then update your position manually in the lesson. Syllo cannot observe external playback progress.
+
+## Coding agents and checks
+
+`mcp/server.mjs` exposes `add_resource` and `search_library` over stdio against the same SQLite file. Settings shows connection snippets for installed coding agents. An MCP-added resource remains a candidate until approved.
+
+```powershell
+npm run typecheck
+npm run typecheck:convex
+npm test
+npm run lint
+npm run build
+```
+
+Live Convex sync, provider calls, mobile installation, and playback need their respective accounts, devices, or network services. No cloud project is created by these checks.
diff --git a/eslint.config.mjs b/eslint.config.mjs
index 8c9e7f2..3685713 100644
--- a/eslint.config.mjs
+++ b/eslint.config.mjs
@@ -1,25 +1,61 @@
-import { dirname } from "node:path";
-import { fileURLToPath } from "node:url";
-import { FlatCompat } from "@eslint/eslintrc";
+import js from "@eslint/js";
+import jsxA11y from "eslint-plugin-jsx-a11y";
+import reactHooks from "eslint-plugin-react-hooks";
+import globals from "globals";
+import tseslint from "typescript-eslint";
 
-const __filename = fileURLToPath(import.meta.url);
-const __dirname = dirname(__filename);
-
-const compat = new FlatCompat({
-    baseDirectory: __dirname,
-});
-
-const config = [
+export default tseslint.config(
     {
         ignores: [
-            ".next/**",
-            ".agents/**",
             "node_modules/**",
-            "coverage/**",
             "dist/**",
+            ".tanstack/**",
+            ".agents/**",
+            "coverage/**",
+            "src/routeTree.gen.ts",
         ],
     },
-    ...compat.extends("next/core-web-vitals"),
-];
-
-export default config;
+    js.configs.recommended,
+    ...tseslint.configs.recommended,
+    {
+        files: ["**/*.{js,mjs,cjs,ts,tsx}"],
+        languageOptions: {
+            globals: {
+                ...globals.browser,
+                ...globals.node,
+            },
+        },
+        plugins: {
+            "jsx-a11y": jsxA11y,
+        },
+        rules: {
+            // The previous `next/core-web-vitals` config enabled only this
+            // subset of jsx-a11y. Keeping the same gate avoids turning the
+            // framework port into an accessibility refactor.
+            "jsx-a11y/alt-text": "error",
+            "jsx-a11y/aria-props": "error",
+            "jsx-a11y/aria-proptypes": "error",
+            "jsx-a11y/aria-unsupported-elements": "error",
+            "jsx-a11y/role-has-required-aria-props": "error",
+            "jsx-a11y/role-supports-aria-props": "error",
+            "@typescript-eslint/no-explicit-any": "off",
+            "@typescript-eslint/no-unused-vars": [
+                "warn",
+                { argsIgnorePattern: "^_", varsIgnorePattern: "^_" },
+            ],
+        },
+    },
+    {
+        files: ["**/*.{ts,tsx}"],
+        plugins: {
+            "react-hooks": reactHooks,
+        },
+        rules: {
+            // Parity with the previous `next/core-web-vitals` setup. The newer
+            // React Hooks preset adds compiler-oriented rules that flag existing
+            // patterns; adopting those is a separate, behaviour-affecting change.
+            "react-hooks/rules-of-hooks": "error",
+            "react-hooks/exhaustive-deps": "warn",
+        },
+    },
+);
diff --git a/lib/access-gate.ts b/lib/access-gate.ts
deleted file mode 100644
index 8dca6c4..0000000
--- a/lib/access-gate.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-/* Server-side access gate (password lock) */
-
-import { createHash, timingSafeEqual } from "node:crypto";
-
-export const GATE_COOKIE = "zns_gate_unlocked";
-export const GATE_COOKIE_VALUE = "1";
-export const GATE_COOKIE_MAX_AGE = 60 * 60 * 24 * 7; // 7 days
-
-export function getGatePassword(): string {
-    return process.env.GATE_PASSWORD ?? "";
-}
-
-/** Constant-time password comparison. */
-export function isGatePasswordValid(attempt: string): boolean {
-    const expected = getGatePassword();
-    if (!expected) {
-        return false;
-    }
-    const a = createHash("sha256").update(attempt).digest();
-    const b = createHash("sha256").update(expected).digest();
-    return timingSafeEqual(a, b);
-}
diff --git a/lib/ui-analysis/README.md b/lib/ui-analysis/README.md
deleted file mode 100644
index d8b6ba1..0000000
--- a/lib/ui-analysis/README.md
+++ /dev/null
@@ -1,312 +0,0 @@
-# UI Analysis System
-
-Automated UI analysis and improvement system for the Next.js workspace platform.
-
-## Overview
-
-This system provides comprehensive UI analysis capabilities including:
-
-- **Layout Issue Detection**: Identifies overflow, misalignment, spacing inconsistencies, and z-index conflicts
-- **Responsive Validation**: Tests layout behavior across viewport breakpoints
-- **Accessibility Checking**: Validates WCAG compliance and accessibility standards
-- **Visual Hierarchy Optimization**: Analyzes heading structure, button hierarchy, and contrast ratios
-- **Design System Enforcement**: Ensures consistent use of design tokens
-
-## Directory Structure
-
-```
-lib/ui-analysis/
-├── index.ts                      # Main entry point
-├── types.ts                      # Shared TypeScript interfaces
-├── config.ts                     # Configuration schema and loader
-├── analyzer.ts                   # Static analyzer for layout issues
-├── responsive-validator.ts       # Responsive validation with Playwright
-├── accessibility-checker.ts      # Accessibility audit with axe-core
-├── __tests__/                    # Test files
-└── README.md                     # This file
-```
-
-## Installation
-
-The following dependencies are required:
-
-```bash
-npm install --save-dev fast-check axe-core playwright chalk
-```
-
-## Configuration
-
-### Default Configuration
-
-The system comes with sensible defaults that work out of the box:
-
-```typescript
-import { DEFAULT_CONFIG } from './lib/ui-analysis';
-```
-
-### Custom Configuration
-
-Create a configuration file in your project root:
-
-**ui-analysis.config.json**
-```json
-{
-  "enabled": true,
-  "mode": "development",
-  "rules": {
-    "layout": {
-      "checkOverflow": true,
-      "checkAlignment": true,
-      "checkSpacing": true,
-      "checkZIndex": true
-    },
-    "responsive": {
-      "minTouchTargetSize": { "width": 44, "height": 44 },
-      "breakpoints": [640, 768, 1024, 1280],
-      "allowHorizontalScroll": false
-    },
-    "accessibility": {
-      "wcagLevel": "AA",
-      "checkKeyboard": true,
-      "checkFocus": true,
-      "checkContrast": true,
-      "checkReducedMotion": true
-    },
-    "designSystem": {
-      "enforceTokens": true,
-      "allowedArbitraryValues": [],
-      "strictMode": false
-    }
-  },
-  "breakpoints": [
-    { "name": "mobile", "width": 375, "height": 667 },
-    { "name": "tablet", "width": 768, "height": 1024 },
-    { "name": "desktop", "width": 1280, "height": 800 },
-    { "name": "wide", "width": 1920, "height": 1080 }
-  ],
-  "reporting": {
-    "console": true,
-    "overlay": true,
-    "json": false,
-    "outputPath": "./ui-analysis-report.json",
-    "minSeverity": "minor"
-  }
-}
-```
-
-### Loading Configuration
-
-```typescript
-import { getConfig, ConfigLoader } from './lib/ui-analysis';
-
-// Load from default locations
-const config = getConfig();
-
-// Load from specific path
-const customConfig = getConfig('./custom-config.json');
-
-// Use ConfigLoader for more control
-const loader = new ConfigLoader('./my-config.json');
-const config = loader.getConfig();
-
-// Validate configuration
-const validation = loader.validate();
-if (!validation.valid) {
-  console.error('Configuration errors:', validation.errors);
-}
-```
-
-### Environment Variables
-
-Override configuration via environment variables:
-
-```bash
-UI_ANALYSIS_ENABLED=true
-UI_ANALYSIS_MODE=ci
-UI_ANALYSIS_MIN_SEVERITY=critical
-```
-
-### Mode-Specific Configuration
-
-Get configuration optimized for specific modes:
-
-```typescript
-import { ConfigLoader } from './lib/ui-analysis';
-
-// Development mode: console + overlay, no JSON
-const devConfig = ConfigLoader.forMode('development');
-
-// CI mode: console + JSON, strict mode, critical issues only
-const ciConfig = ConfigLoader.forMode('ci');
-
-// Production mode: disabled
-const prodConfig = ConfigLoader.forMode('production');
-```
-
-## Types
-
-### Core Types
-
-```typescript
-import type {
-  UIAnalysisConfig,
-  LayoutIssue,
-  AnalysisReport,
-  ResponsiveReport,
-  A11yReport,
-  DesignSystemReport,
-} from './lib/ui-analysis';
-```
-
-### Issue Types
-
-- `overflow`: Content overflows container
-- `misalignment`: Flex/grid alignment issues
-- `spacing-inconsistency`: Non-standard spacing values
-- `z-index-conflict`: Z-index layering problems
-- `hardcoded-color`: Colors not using design tokens
-- `missing-responsive`: Missing responsive breakpoint variants
-- `touch-target-small`: Interactive elements too small on mobile
-- `contrast-insufficient`: Color contrast below WCAG standards
-
-### Severity Levels
-
-- `critical`: Breaks layout, causes horizontal scroll, blocks accessibility
-- `moderate`: Inconsistent spacing, missing responsive variants
-- `minor`: Non-standard values that work but don't follow design system
-
-## Usage Examples
-
-### Basic Analysis
-
-```typescript
-import { getConfig } from './lib/ui-analysis';
-
-const config = getConfig();
-
-if (config.enabled) {
-  // Run analysis based on configuration
-  console.log('UI Analysis enabled in', config.mode, 'mode');
-}
-```
-
-### Creating Default Config File
-
-```typescript
-import { createDefaultConfigFile } from './lib/ui-analysis';
-
-// Creates ui-analysis.config.json with defaults
-createDefaultConfigFile();
-
-// Create at custom path
-createDefaultConfigFile('./config/ui-analysis.json');
-```
-
-## Next Steps
-
-This is the foundation infrastructure. The following modules are implemented or in progress:
-
-1. ✅ **UI Analyzer** - Static analysis of React components
-2. ✅ **Responsive Validator** - Runtime viewport testing
-3. ✅ **Accessibility Checker** - WCAG compliance validation with axe-core
-4. ⏳ **Visual Hierarchy Optimizer** - Heading and contrast analysis
-5. ⏳ **Design System Validator** - Token usage enforcement
-6. ⏳ **CLI Tool** - Command-line interface
-7. ⏳ **Reporting System** - Console, overlay, and JSON reports
-
-## Accessibility Checker
-
-The `AccessibilityChecker` module provides automated WCAG compliance testing using axe-core.
-
-### Features
-
-- **axe-core Integration**: Comprehensive WCAG validation
-- **Keyboard Navigation Testing**: Verify all interactive elements are keyboard accessible
-- **Focus Indicator Validation**: Check for proper focus outlines (2px solid with 2px offset)
-- **Color Contrast Checking**: Calculate contrast ratios and verify WCAG AA/AAA compliance
-- **Reduced Motion Support**: Validate prefers-reduced-motion media query usage
-
-### Basic Usage
-
-```typescript
-import { AccessibilityChecker, auditAccessibility } from './lib/ui-analysis';
-
-// Quick audit
-const report = await auditAccessibility('http://localhost:3000', 'AA');
-console.log(`Accessibility score: ${report.score}/100`);
-
-// Detailed audit
-const checker = new AccessibilityChecker('AA');
-try {
-  const report = await checker.auditPage('http://localhost:3000');
-  
-  console.log(`Violations: ${report.violations.length}`);
-  console.log(`Passes: ${report.passes.length}`);
-  
-  report.violations.forEach((violation) => {
-    console.log(`${violation.id}: ${violation.description}`);
-    console.log(`Impact: ${violation.impact}`);
-    console.log(`Affected nodes: ${violation.nodes.length}`);
-  });
-} finally {
-  await checker.close();
-}
-```
-
-### Custom Checks
-
-```typescript
-import { chromium } from 'playwright';
-
-const checker = new AccessibilityChecker('AA');
-await checker.initialize();
-
-const browser = await chromium.launch();
-const page = await browser.newPage();
-await page.goto('http://localhost:3000');
-
-// Check keyboard navigation
-const keyboardIssues = await checker.checkKeyboardNav(page);
-
-// Check focus indicators
-const focusIssues = await checker.checkFocusIndicators(page);
-
-// Check color contrast
-const contrastIssues = await checker.checkColorContrast(page);
-
-await browser.close();
-await checker.close();
-```
-
-### Report Structure
-
-```typescript
-interface A11yReport {
-  url: string;
-  violations: A11yViolation[];      // WCAG violations found
-  passes: A11yPass[];               // WCAG checks that passed
-  incomplete: A11yIncomplete[];     // Checks that need manual review
-  wcagLevel: 'A' | 'AA' | 'AAA';   // WCAG conformance level
-  score: number;                    // 0-100 accessibility score
-}
-```
-
-## Requirements Validation
-
-This implementation satisfies:
-
-- **Requirement 1.1**: Configuration system for enabling/disabling analysis
-- **Requirement 1.2**: Structured issue reporting with file paths and severity
-- **Requirement 1.5**: Severity rating system (critical, moderate, minor)
-
-## Testing
-
-Property-based tests will be implemented using fast-check to validate:
-
-- **Property 1**: Component scanning completeness
-- **Property 2**: Issue report structure
-- **Property 3**: Severity assignment completeness
-
-## License
-
-Internal use only - Part of the Next.js workspace platform.
diff --git a/lib/ui-analysis/TASK-1-SUMMARY.md b/lib/ui-analysis/TASK-1-SUMMARY.md
deleted file mode 100644
index 9003f59..0000000
--- a/lib/ui-analysis/TASK-1-SUMMARY.md
+++ /dev/null
@@ -1,209 +0,0 @@
-# Task 1 Summary: Project Structure and Core Infrastructure
-
-## Completed Items
-
-### ✅ Directory Structure Created
-- Created `lib/ui-analysis/` directory for core modules
-- Organized with clear separation of concerns
-
-### ✅ Dependencies Installed
-All required dependencies have been successfully installed:
-- `fast-check` (v4.6.0) - Property-based testing framework
-- `axe-core` (v4.11.1) - Accessibility testing library
-- `playwright` (v1.58.2) - Browser automation for responsive testing
-- `chalk` (v5.6.2) - Terminal styling for console output
-
-### ✅ TypeScript Interfaces Created
-
-**File: `lib/ui-analysis/types.ts`**
-
-Comprehensive type definitions for:
-
-1. **Issue Types**
-   - `LayoutIssue` - Core issue structure with severity, location, and suggestions
-   - `IssueType` - Enumeration of all issue categories
-   - `IssueSeverity` - Critical, moderate, minor severity levels
-
-2. **Responsive Validation**
-   - `ViewportReport` - Viewport-specific test results
-   - `ResponsiveReport` - Multi-breakpoint analysis results
-   - `TouchTargetIssue` - Touch target size violations
-   - `LayoutShift` - Layout shift measurements
-
-3. **Accessibility**
-   - `A11yReport` - Comprehensive accessibility audit results
-   - `A11yViolation` - WCAG violation details
-   - `KeyboardIssue` - Keyboard navigation problems
-   - `FocusIssue` - Focus indicator violations
-   - `ContrastIssue` - Color contrast problems
-
-4. **Visual Hierarchy**
-   - `HeadingReport` - Heading structure analysis
-   - `ButtonHierarchyReport` - Button visual weight analysis
-   - `SpacingReport` - Section spacing consistency
-   - `AccentUsageReport` - Accent color usage validation
-
-5. **Design System**
-   - `ColorViolation` - Hardcoded color detection
-   - `SpacingViolation` - Non-standard spacing values
-   - `RadiusViolation` - Border radius token violations
-   - `FontViolation` - Font family token violations
-   - `DesignSystemReport` - Overall compliance report
-
-6. **Configuration**
-   - `UIAnalysisConfig` - Main configuration interface
-   - `RuleConfig` - Rule-specific settings
-   - `ReportingConfig` - Output and reporting options
-   - `Breakpoint` - Viewport breakpoint definitions
-
-7. **Analysis Results**
-   - `AnalysisReport` - Complete analysis results
-   - `AnalysisSummary` - High-level statistics
-   - `AnalysisError` - Error handling structure
-
-### ✅ Configuration System Created
-
-**File: `lib/ui-analysis/config.ts`**
-
-Features:
-- **Default Configuration** - Sensible defaults for all settings
-- **ConfigLoader Class** - Loads and validates configuration
-- **Multiple Config Sources** - Supports JSON, JS, and environment variables
-- **Validation** - Comprehensive configuration validation
-- **Mode-Specific Configs** - Optimized settings for development, CI, and production
-- **Runtime Updates** - Dynamic configuration updates
-- **Deep Merging** - Intelligent merging of user config with defaults
-
-Configuration locations checked (in order):
-1. Custom path (if provided)
-2. `ui-analysis.config.json`
-3. `.ui-analysis.json`
-4. `ui-analysis.config.js`
-
-Environment variable support:
-- `UI_ANALYSIS_ENABLED` - Enable/disable analysis
-- `UI_ANALYSIS_MODE` - Set mode (development/ci/production)
-- `UI_ANALYSIS_MIN_SEVERITY` - Minimum severity to report
-
-### ✅ Module Exports
-
-**File: `lib/ui-analysis/index.ts`**
-
-Clean public API:
-- All types exported
-- Configuration utilities exported
-- Single import point for consumers
-
-### ✅ Documentation
-
-**File: `lib/ui-analysis/README.md`**
-
-Comprehensive documentation including:
-- Overview of system capabilities
-- Directory structure
-- Installation instructions
-- Configuration guide with examples
-- Type reference
-- Usage examples
-- Next steps for implementation
-- Requirements validation mapping
-
-**File: `ui-analysis.config.example.json`**
-
-Example configuration file showing all available options.
-
-### ✅ Testing Infrastructure
-
-**File: `lib/ui-analysis/__tests__/config.test.ts`**
-
-Test suite for configuration loader covering:
-- Default configuration loading
-- Configuration validation
-- Mode-specific configurations
-- Runtime updates
-- Partial configuration merging
-
-## Requirements Satisfied
-
-This implementation satisfies the following requirements from the spec:
-
-- ✅ **Requirement 1.1**: Configuration system for enabling/disabling analysis
-- ✅ **Requirement 1.2**: Structured issue reporting with file paths, line numbers, and issue types
-- ✅ **Requirement 1.5**: Severity rating system (critical, moderate, minor)
-
-## File Structure
-
-```
-lib/ui-analysis/
-├── index.ts                    # Main entry point
-├── types.ts                    # Shared TypeScript interfaces (400+ lines)
-├── config.ts                   # Configuration schema and loader (250+ lines)
-├── README.md                   # Comprehensive documentation
-├── TASK-1-SUMMARY.md          # This file
-└── __tests__/
-    └── config.test.ts         # Configuration loader tests
-
-ui-analysis.config.example.json # Example configuration file
-```
-
-## TypeScript Validation
-
-All files pass TypeScript compilation with no errors:
-- ✅ `lib/ui-analysis/types.ts` - No diagnostics
-- ✅ `lib/ui-analysis/config.ts` - No diagnostics
-- ✅ `lib/ui-analysis/index.ts` - No diagnostics
-
-## Dependencies Verification
-
-All required dependencies installed in `package.json`:
-```json
-"devDependencies": {
-  "axe-core": "^4.11.1",
-  "chalk": "^5.6.2",
-  "fast-check": "^4.6.0",
-  "playwright": "^1.58.2"
-}
-```
-
-## Next Steps
-
-The foundation is now in place for implementing the analysis modules:
-
-1. **Task 2**: UI Analyzer - Static analysis of React components
-2. **Task 3**: Responsive Validator - Runtime viewport testing
-3. **Task 5**: Accessibility Checker - WCAG compliance validation
-4. **Task 6**: Visual Hierarchy Optimizer - Heading and contrast analysis
-5. **Task 8**: Design System Validator - Token usage enforcement
-
-## Usage Example
-
-```typescript
-import { getConfig, type LayoutIssue, type AnalysisReport } from './lib/ui-analysis';
-
-// Load configuration
-const config = getConfig();
-
-if (config.enabled) {
-  console.log(`UI Analysis enabled in ${config.mode} mode`);
-  
-  // Configuration is ready for use by analysis modules
-  const { rules, breakpoints, reporting } = config;
-  
-  // Future: Run analysis with this configuration
-  // const analyzer = new UIAnalyzer(config);
-  // const report = await analyzer.scanDirectory('./app');
-}
-```
-
-## Conclusion
-
-Task 1 is complete. The project structure and core infrastructure are fully implemented with:
-- ✅ Clean directory structure
-- ✅ All dependencies installed
-- ✅ Comprehensive TypeScript interfaces
-- ✅ Robust configuration system
-- ✅ Complete documentation
-- ✅ Test infrastructure
-- ✅ No TypeScript errors
-
-The foundation is solid and ready for the implementation of analysis modules in subsequent tasks.
diff --git a/lib/ui-analysis/TASK-2.1-SUMMARY.md b/lib/ui-analysis/TASK-2.1-SUMMARY.md
deleted file mode 100644
index 6462b32..0000000
--- a/lib/ui-analysis/TASK-2.1-SUMMARY.md
+++ /dev/null
@@ -1,153 +0,0 @@
-# Task 2.1 Summary: UI Analyzer Core Module
-
-## Implementation Complete ✅
-
-The UIAnalyzer core module has been successfully implemented with all required functionality.
-
-## What Was Built
-
-### 1. UIAnalyzer Class (`lib/ui-analysis/analyzer.ts`)
-
-A comprehensive static analysis engine that scans React/TSX components for layout issues.
-
-**Key Methods:**
-- `scanComponent(filePath: string): LayoutIssue[]` - Scans a single component file
-- `scanDirectory(dirPath: string): AnalysisReport` - Recursively scans all components in a directory
-- `watchMode(dirPath: string, callback: Function): void` - Monitors files for changes and triggers re-analysis
-
-### 2. TypeScript Compiler API Integration
-
-The analyzer uses the TypeScript Compiler API to:
-- Parse TSX files into Abstract Syntax Trees (AST)
-- Extract JSX elements and their attributes
-- Analyze className and style attributes
-- Handle both JsxElement and JsxSelfClosingElement nodes
-
-### 3. Layout Issue Detection
-
-The analyzer detects the following issue types:
-
-**Overflow Issues:**
-- Detects `overflow-hidden` without explicit width/height constraints
-- Severity: Moderate
-
-**Spacing Inconsistencies:**
-- Identifies arbitrary spacing values like `p-[13px]` that don't match the design scale
-- Severity: Minor
-
-**Misalignment:**
-- Flags flex containers without explicit alignment classes (items-center, items-start, etc.)
-- Severity: Minor
-
-**Hardcoded Colors:**
-- Detects hardcoded hex colors and rgb/rgba values in style attributes
-- Severity: Moderate
-
-**Missing Responsive Variants:**
-- Identifies sizing classes without responsive variants (sm:, md:, lg:, xl:)
-- Severity: Moderate
-
-### 4. LayoutIssue Interface
-
-Already defined in `types.ts`, includes:
-- `type`: Issue type (overflow, misalignment, spacing-inconsistency, etc.)
-- `severity`: 'critical' | 'moderate' | 'minor'
-- `filePath`: File path where issue was found
-- `lineNumber`: Line number (1-indexed)
-- `columnNumber`: Column number (1-indexed)
-- `message`: Human-readable description
-- `suggestion`: Optional fix suggestion
-- `autoFixable`: Boolean indicating if auto-fix is possible
-
-### 5. Error Handling
-
-Robust error handling that:
-- Catches parse errors without crashing
-- Logs warnings for problematic files
-- Continues processing remaining files
-- Tracks errors in `AnalysisError[]` array
-- Provides `getErrors()` and `clearErrors()` methods
-
-### 6. Analysis Report Generation
-
-Generates comprehensive reports with:
-- Timestamp and duration
-- Summary statistics (total issues, by severity, files scanned)
-- Compliance score (0-100) based on weighted issue severity
-- Complete list of all detected issues
-
-## Testing
-
-### Unit Tests (`lib/ui-analysis/__tests__/analyzer.test.ts`)
-
-Comprehensive test suite with 12 test cases covering:
-- Overflow detection (with and without constraints)
-- Arbitrary spacing detection
-- Flex alignment validation
-- Hardcoded color detection
-- Directory scanning
-- Error handling
-- Issue structure validation
-- Severity assignment
-
-**Test Results:** ✅ All 24 tests passing (12 analyzer + 12 config)
-
-### Test Infrastructure
-
-- Configured Vitest as the test runner
-- Added test scripts to package.json:
-  - `npm test` - Run tests once
-  - `npm test:watch` - Run tests in watch mode
-  - `npm test:ui` - Run tests with UI
-- Updated tsconfig.json to include vitest globals
-
-## Usage Example
-
-```typescript
-import { UIAnalyzer } from '@/lib/ui-analysis';
-
-// Create analyzer instance
-const analyzer = new UIAnalyzer();
-
-// Scan a single component
-const issues = analyzer.scanComponent('app/components/Button.tsx');
-console.log(`Found ${issues.length} issues`);
-
-// Scan entire directory
-const report = analyzer.scanDirectory('app/components');
-console.log(`Scanned ${report.summary.filesScanned} files`);
-console.log(`Compliance score: ${report.summary.complianceScore}/100`);
-
-// Watch mode for development
-analyzer.watchMode('app/components', (issues) => {
-  console.log(`File changed, found ${issues.length} issues`);
-});
-```
-
-## Files Created/Modified
-
-### Created:
-- `lib/ui-analysis/analyzer.ts` - Core UIAnalyzer implementation
-- `lib/ui-analysis/__tests__/analyzer.test.ts` - Unit tests
-- `vitest.config.ts` - Test configuration
-- `lib/ui-analysis/TASK-2.1-SUMMARY.md` - This summary
-
-### Modified:
-- `lib/ui-analysis/index.ts` - Added UIAnalyzer export
-- `package.json` - Added test scripts and vitest dependencies
-- `tsconfig.json` - Added vitest globals type definitions
-
-## Requirements Validated
-
-✅ **Requirement 1.1**: UI_Analyzer scans all page components for layout issues
-✅ **Requirement 1.2**: Reports file path, line number, and issue type
-✅ **Requirement 1.5**: Provides severity rating (critical, moderate, minor)
-
-## Next Steps
-
-The next tasks (2.2-2.4) will implement property-based tests to validate:
-- Property 1: Component Scanning Completeness
-- Property 2: Issue Report Structure
-- Property 3: Severity Assignment Completeness
-
-These tests will use the fast-check library to verify universal correctness properties across randomized inputs.
diff --git a/lib/ui-analysis/TASK-2.5-SUMMARY.md b/lib/ui-analysis/TASK-2.5-SUMMARY.md
deleted file mode 100644
index 97069c2..0000000
--- a/lib/ui-analysis/TASK-2.5-SUMMARY.md
+++ /dev/null
@@ -1,171 +0,0 @@
-# Task 2.5: Layout Issue Detection Rules - Implementation Summary
-
-## Overview
-
-Successfully implemented comprehensive layout issue detection rules for the UI Analyzer, enhancing the existing analyzer with more sophisticated detection patterns and severity assignment logic.
-
-## Implementation Details
-
-### 1. Enhanced Overflow Detection
-
-**Added detection for:**
-- `overflow-hidden` without constraints (existing, enhanced with severity logic)
-- `overflow-auto` / `overflow-scroll` without `max-height` (NEW)
-- `overflow-x-hidden` flagged as critical (NEW) - indicates hiding problems instead of fixing them
-
-**Severity Assignment:**
-- Critical: `overflow-x-hidden` (hides horizontal scroll issues)
-- Critical: `overflow-hidden` on container/wrapper elements
-- Moderate: `overflow-auto` without max-height, general overflow issues
-
-### 2. Enhanced Misalignment Detection
-
-**Added detection for:**
-- Flex containers without alignment classes (existing)
-- Grid containers without gap spacing (NEW)
-- Absolute positioning without explicit positioning classes (NEW)
-
-**Severity Assignment:**
-- Moderate: Absolute positioning without top/right/bottom/left/inset
-- Minor: Flex without alignment, Grid without gap
-
-### 3. Enhanced Spacing Inconsistency Detection
-
-**Added detection for:**
-- Arbitrary spacing values like `p-[13px]` (existing)
-- Non-standard spacing utilities like `p-3`, `p-5`, `p-7` (NEW)
-- Intelligent spacing value suggestions (NEW)
-
-**Features:**
-- Suggests nearest design system value for arbitrary spacing
-- Maps arbitrary values to standard Tailwind classes
-- Detects odd-numbered spacing that doesn't align with design scale
-
-**Severity Assignment:**
-- Minor: All spacing inconsistencies
-
-### 4. Z-Index Conflict Detection (NEW)
-
-**Added detection for:**
-- Extremely high z-index values (> 9999)
-- Arbitrary z-index values (e.g., `z-[999]`)
-- Multiple components using the same high z-index value (cross-file detection)
-
-**Features:**
-- Z-index registry tracks usage across all scanned components
-- Detects potential stacking conflicts when multiple components use same high z-index
-- Suggests layered z-index system (0-10 content, 10-50 overlays, 50-100 modals)
-
-**Severity Assignment:**
-- Moderate: Extremely high z-index, multiple components with same high z-index
-- Minor: Arbitrary z-index values
-
-### 5. Enhanced Responsive Variant Detection
-
-**Added severity logic:**
-- Critical: Width classes without responsive variants (breaks mobile layout)
-- Moderate: Text sizing without responsive variants
-- Minor: Other sizing classes without responsive variants
-
-## Code Changes
-
-### analyzer.ts
-
-**New Properties:**
-- `zIndexRegistry`: Map to track z-index usage across components
-
-**New Methods:**
-- `hasMaxHeight()`: Check for max-height constraints
-- `determineOverflowSeverity()`: Context-aware overflow severity
-- `isNonStandardSpacing()`: Detect odd-numbered spacing
-- `suggestSpacingValue()`: Suggest nearest design system value
-- `isZIndexClass()`: Identify z-index classes
-- `extractZIndexValue()`: Parse z-index numeric values
-- `registerZIndex()`: Track z-index usage
-- `detectZIndexConflicts()`: Find cross-component z-index conflicts
-- `determineResponsiveSeverity()`: Context-aware responsive severity
-- `isGridContainer()`: Identify grid layouts
-- `hasGap()`: Check for gap spacing
-- `hasAbsolutePosition()`: Identify absolute positioning
-- `hasPositioningClasses()`: Check for positioning classes
-
-**Enhanced Methods:**
-- `analyzeClassName()`: Comprehensive detection logic for all issue types
-- `scanDirectory()`: Includes z-index conflict detection across files
-
-## Test Coverage
-
-### Unit Tests (30 tests)
-
-**scanComponent (16 tests):**
-- Overflow detection (3 tests)
-- Spacing detection (2 tests)
-- Z-index detection (2 tests)
-- Misalignment detection (3 tests)
-- Hardcoded color detection (1 test)
-- Valid cases (4 tests)
-- Error handling (1 test)
-
-**scanDirectory (4 tests):**
-- Multi-file scanning
-- Z-index conflict detection across files
-- Summary generation
-- Directory filtering
-
-**issue structure (5 tests):**
-- Required fields validation
-- Severity assignment
-- Responsive variant severity
-- Suggestion quality
-
-**severity assignment (5 tests):**
-- Critical severity cases
-- Moderate severity cases
-- Minor severity cases
-
-### Property-Based Tests (3 tests)
-
-All existing property-based tests pass with enhanced implementation:
-- Component scanning completeness
-- Subdirectory depth handling
-- File type filtering
-
-## Test Results
-
-```
-✓ lib/ui-analysis/__tests__/analyzer.test.ts (30 tests)
-✓ lib/ui-analysis/__tests__/analyzer.property.test.ts (3 tests)
-✓ lib/ui-analysis/__tests__/config.test.ts (12 tests)
-
-Total: 45 tests passed
-```
-
-## Requirements Validation
-
-### Requirement 1.3: Layout Issue Detection
-✅ Detects overflow issues (enhanced with multiple patterns)
-✅ Detects misalignment (enhanced with grid and absolute positioning)
-✅ Detects spacing inconsistencies (enhanced with non-standard values)
-✅ Detects z-index conflicts (NEW - cross-component detection)
-
-### Requirement 1.5: Severity Assignment
-✅ Assigns severity levels based on impact
-✅ Critical: overflow-x-hidden, width without responsive variants
-✅ Moderate: overflow without constraints, absolute without positioning, high z-index
-✅ Minor: flex without alignment, arbitrary spacing, grid without gap
-
-## Impact
-
-The enhanced detection rules provide:
-
-1. **More comprehensive coverage**: Detects 10+ distinct layout issue patterns
-2. **Intelligent severity assignment**: Context-aware severity based on impact
-3. **Cross-component analysis**: Z-index conflict detection across files
-4. **Actionable suggestions**: Specific recommendations for each issue type
-5. **Design system enforcement**: Encourages use of standard spacing and z-index scales
-
-## Next Steps
-
-Task 2.5 is complete. The analyzer now has comprehensive layout issue detection rules that satisfy Requirements 1.3 and 1.5. The implementation is fully tested with 30 unit tests and 3 property-based tests, all passing.
-
-The next tasks in the spec involve implementing responsive validation (Task 3) and accessibility checking (Task 5).
diff --git a/lib/ui-analysis/TASK-3.1-SUMMARY.md b/lib/ui-analysis/TASK-3.1-SUMMARY.md
deleted file mode 100644
index a90a867..0000000
--- a/lib/ui-analysis/TASK-3.1-SUMMARY.md
+++ /dev/null
@@ -1,143 +0,0 @@
-# Task 3.1 Summary: Responsive Validator Module
-
-## Completed: ✅
-
-### Implementation Overview
-
-Created the `ResponsiveValidator` class with Playwright integration for runtime testing of layout behavior across different viewport sizes.
-
-### Files Created
-
-1. **lib/ui-analysis/responsive-validator.ts**
-   - Main ResponsiveValidator class
-   - Playwright browser automation setup
-   - Viewport testing methods
-   - Touch target validation
-   - Horizontal scroll detection
-   - Layout shift measurement
-
-2. **lib/ui-analysis/__tests__/responsive-validator.test.ts**
-   - Unit tests for ResponsiveValidator
-   - Tests for initialization, breakpoints, and cleanup
-   - 15 passing tests
-
-### Key Features Implemented
-
-#### 1. ResponsiveValidator Class
-- Constructor accepts custom minimum touch target size (default: 44x44px)
-- `initialize()` - Sets up Playwright browser instance
-- `close()` - Gracefully closes browser
-- `testViewport(url, width, height)` - Tests a specific viewport size
-- `testAllBreakpoints(url)` - Tests all standard breakpoints
-- `checkHorizontalScroll(page)` - Detects horizontal overflow
-- `checkTouchTargets(page)` - Validates interactive element sizes
-
-#### 2. Standard Breakpoints
-Defined as constants matching requirements:
-- Mobile: 640px × 667px
-- Tablet: 768px × 1024px
-- Desktop: 1024px × 800px
-- Wide: 1280px × 1080px
-
-#### 3. ViewportReport Interface
-Already defined in types.ts, includes:
-- width, height
-- hasHorizontalScroll
-- touchTargetIssues
-- layoutShifts
-- screenshot (optional Buffer)
-
-#### 4. ResponsiveReport Interface
-Already defined in types.ts, includes:
-- url
-- breakpoints (mobile, tablet, desktop, wide)
-- issues (array of LayoutIssue)
-
-#### 5. Touch Target Validation
-- Queries all interactive elements (button, a, input, select, textarea, [role="button"], [onclick])
-- Measures bounding boxes using Playwright's `boundingBox()`
-- Reports violations with element selector, actual size, and required size
-- Converts to moderate severity LayoutIssue
-
-#### 6. Horizontal Scroll Detection
-- Evaluates `document.documentElement.scrollWidth > window.innerWidth`
-- Reports as critical severity LayoutIssue
-- Tests at all standard breakpoints
-
-#### 7. Layout Shift Measurement
-- Simplified implementation checking for images without explicit dimensions
-- Returns array of LayoutShift objects
-- Foundation for future CLS (Cumulative Layout Shift) measurement
-
-#### 8. Issue Conversion
-- Converts viewport-specific issues to LayoutIssue format
-- Horizontal scroll → critical severity
-- Touch target violations → moderate severity
-- Includes breakpoint context in messages
-
-### Utility Functions
-
-1. **createResponsiveValidator(minTouchTargetSize?)** - Factory function
-2. **testResponsive(url)** - Quick test helper for single URL
-
-### Integration
-
-Updated `lib/ui-analysis/index.ts` to export:
-- ResponsiveValidator class
-- STANDARD_BREAKPOINTS constant
-- createResponsiveValidator function
-- testResponsive function
-
-### Test Results
-
-All tests passing:
-- 15 unit tests for ResponsiveValidator
-- 60 total tests in ui-analysis module
-- No TypeScript diagnostics
-
-### Requirements Validated
-
-✅ **Requirement 1.4**: Responsive breakpoint behavior at 640px, 768px, 1024px, 1280px
-✅ **Requirement 2.1**: Viewport testing across device sizes
-✅ **Requirement 2.2**: Spacing and font size adjustment validation
-✅ **Requirement 2.4**: Horizontal scroll detection
-
-### Next Steps
-
-Task 3.1 is complete. The ResponsiveValidator is ready for:
-- Task 3.2: Touch target size validation (already implemented)
-- Task 3.3: Property test for touch target minimum size
-- Task 3.4: Horizontal scroll detection (already implemented)
-- Task 3.5: Property test for no horizontal scroll
-- Task 3.6: Text readability validation
-- Task 3.7: Property test for text readability
-- Task 3.8: Property test for responsive spacing adjustment
-
-### Usage Example
-
-```typescript
-import { ResponsiveValidator, testResponsive } from './lib/ui-analysis';
-
-// Quick test
-const report = await testResponsive('http://localhost:3000');
-console.log(report.issues);
-
-// Advanced usage
-const validator = new ResponsiveValidator({ width: 48, height: 48 });
-await validator.initialize();
-
-const mobileReport = await validator.testViewport('http://localhost:3000', 640, 667);
-console.log('Horizontal scroll:', mobileReport.hasHorizontalScroll);
-console.log('Touch target issues:', mobileReport.touchTargetIssues);
-
-await validator.close();
-```
-
-### Technical Notes
-
-- Uses Playwright's chromium browser in headless mode
-- Waits for 'networkidle' before testing to ensure page is fully loaded
-- 500ms stabilization delay after navigation
-- Screenshots captured for visual regression testing
-- Browser context reused across multiple viewport tests for efficiency
-- Graceful cleanup with proper resource disposal
diff --git a/lib/ui-analysis/TASK-5.1-SUMMARY.md b/lib/ui-analysis/TASK-5.1-SUMMARY.md
deleted file mode 100644
index 92fd43c..0000000
--- a/lib/ui-analysis/TASK-5.1-SUMMARY.md
+++ /dev/null
@@ -1,146 +0,0 @@
-# Task 5.1 Summary: Create Accessibility Checker Module
-
-## Overview
-
-Successfully implemented the `AccessibilityChecker` module with axe-core integration for automated WCAG compliance testing.
-
-## Implementation Details
-
-### Files Created
-
-1. **lib/ui-analysis/accessibility-checker.ts** (470 lines)
-   - `AccessibilityChecker` class with comprehensive audit methods
-   - Integration with axe-core library for WCAG validation
-   - Custom accessibility checks for keyboard navigation, focus indicators, and color contrast
-   - Utility functions for quick audits
-
-2. **lib/ui-analysis/__tests__/accessibility-checker.test.ts**
-   - Unit tests for basic functionality
-   - Tests for initialization and factory functions
-
-3. **lib/ui-analysis/__tests__/accessibility-checker.integration.test.ts**
-   - Integration tests with real page auditing
-   - Tests axe-core integration with a test HTTP server
-   - Validates report structure and scoring
-
-4. **lib/ui-analysis/__tests__/accessibility-checker.example.ts**
-   - Example usage patterns
-   - Demonstrates basic audit, quick audit, and custom WCAG level audits
-
-### Files Modified
-
-1. **lib/ui-analysis/index.ts**
-   - Added exports for `AccessibilityChecker`, `createAccessibilityChecker`, and `auditAccessibility`
-
-2. **lib/ui-analysis/README.md**
-   - Updated directory structure
-   - Added comprehensive documentation for AccessibilityChecker
-   - Included usage examples and API reference
-
-## Features Implemented
-
-### Core Functionality
-
-✅ **AccessibilityChecker Class**
-- Constructor accepts WCAG level ('A', 'AA', 'AAA')
-- Browser lifecycle management (initialize/close)
-- Comprehensive page auditing with axe-core
-
-✅ **auditPage() Method**
-- Navigates to URL using Playwright
-- Injects axe-core library into page
-- Runs axe.run() with specified WCAG level
-- Returns structured A11yReport with violations, passes, and score
-
-✅ **Custom Accessibility Checks**
-- `checkKeyboardNav()`: Validates keyboard accessibility of interactive elements
-- `checkFocusIndicators()`: Verifies 2px solid outline with 2px offset
-- `checkColorContrast()`: Calculates contrast ratios using WCAG formula
-- `checkReducedMotion()`: Placeholder for reduced motion validation
-
-✅ **Utility Functions**
-- `createAccessibilityChecker()`: Factory function for creating checker instances
-- `auditAccessibility()`: Quick audit function for single URL
-
-### Report Structure
-
-The A11yReport includes:
-- `url`: Audited page URL
-- `violations`: Array of WCAG violations with impact, description, and affected nodes
-- `passes`: Array of passed WCAG checks
-- `incomplete`: Array of checks requiring manual review
-- `wcagLevel`: Conformance level tested ('A', 'AA', 'AAA')
-- `score`: Calculated accessibility score (0-100)
-
-### Scoring Algorithm
-
-The accessibility score is calculated based on:
-- Violation impact weights: critical (10), serious (7), moderate (4), minor (1)
-- Number of affected nodes per violation
-- Number of passed checks
-- Formula: `100 - (totalViolationWeight / totalPasses) * 100`
-
-## Requirements Satisfied
-
-✅ **Requirement 5.1**: Keyboard accessibility validation
-✅ **Requirement 5.2**: Focus indicator checking (2px solid with 2px offset)
-✅ **Requirement 5.3**: Image alt text validation (via axe-core)
-✅ **Requirement 5.4**: Form label association checking (via axe-core)
-✅ **Requirement 5.5**: Color contrast validation
-✅ **Requirement 5.6**: Reduced motion checking (placeholder)
-
-## Test Results
-
-All tests passing:
-- ✅ 3 unit tests
-- ✅ 2 integration tests
-- ✅ 65 total tests in ui-analysis module
-
-## Usage Example
-
-```typescript
-import { AccessibilityChecker } from './lib/ui-analysis';
-
-const checker = new AccessibilityChecker('AA');
-
-try {
-  const report = await checker.auditPage('http://localhost:3000');
-  
-  console.log(`Score: ${report.score}/100`);
-  console.log(`Violations: ${report.violations.length}`);
-  
-  report.violations.forEach((v) => {
-    console.log(`${v.id}: ${v.description} (${v.impact})`);
-  });
-} finally {
-  await checker.close();
-}
-```
-
-## Technical Highlights
-
-1. **axe-core Integration**: Properly injects and runs axe-core in browser context
-2. **Playwright Usage**: Follows same patterns as ResponsiveValidator for consistency
-3. **Type Safety**: Full TypeScript support with interfaces from types.ts
-4. **Error Handling**: Proper browser lifecycle management with try-finally blocks
-5. **Extensibility**: Easy to add custom accessibility checks
-
-## Next Steps
-
-The following sub-tasks in Task 5 can now be implemented:
-- 5.2: Implement keyboard navigation testing
-- 5.3: Write property test for keyboard accessibility
-- 5.4: Implement focus indicator validation
-- 5.5: Write property test for focus indicator specification
-- And so on...
-
-## Notes
-
-- The `checkReducedMotion()` method is a placeholder and requires CSS parsing implementation
-- Color contrast calculation uses WCAG 2.0 formula with relative luminance
-- Focus indicator validation checks for 2px solid outline with 2px offset as specified in requirements
-- All interfaces (A11yReport, A11yViolation, etc.) were already defined in types.ts
-
-## Conclusion
-
-Task 5.1 is complete. The AccessibilityChecker module provides a solid foundation for automated accessibility testing with axe-core integration and custom validation methods.
diff --git a/lib/ui-analysis/TASK-6.1-SUMMARY.md b/lib/ui-analysis/TASK-6.1-SUMMARY.md
deleted file mode 100644
index b8b7cc0..0000000
--- a/lib/ui-analysis/TASK-6.1-SUMMARY.md
+++ /dev/null
@@ -1,108 +0,0 @@
-# Task 6.1 Summary: Create Visual Hierarchy Optimizer Module
-
-## Completed: ✅
-
-### Implementation Overview
-
-Created the `VisualHierarchyOptimizer` class that provides analysis tools for evaluating visual hierarchy in UI designs. The module analyzes:
-
-1. **Heading Structure** - Validates h1-h6 hierarchy and consistency
-2. **Button Hierarchy** - Analyzes visual weight and distinction between primary/secondary buttons
-3. **Section Spacing** - Measures and validates spacing consistency between sections
-4. **Accent Color Usage** - Tracks accent color usage and validates appropriate contexts
-
-### Files Created
-
-1. **lib/ui-analysis/visual-hierarchy-optimizer.ts**
-   - Main implementation with `VisualHierarchyOptimizer` class
-   - Methods:
-     - `analyzeHeadingStructure(html: string): HeadingReport`
-     - `analyzeButtonHierarchy(page: any): Promise<ButtonHierarchyReport>`
-     - `analyzeSectionSpacing(page: any): Promise<SpacingReport>`
-     - `analyzeAccentUsage(css: string): AccentUsageReport`
-
-2. **lib/ui-analysis/__tests__/visual-hierarchy-optimizer.test.ts**
-   - Comprehensive unit tests (16 tests, all passing)
-   - Tests cover:
-     - Heading extraction and validation
-     - Multiple h1 detection
-     - Skipped heading level detection
-     - Inconsistent font size detection
-     - Accent color detection and context analysis
-
-3. **lib/ui-analysis/index.ts** (updated)
-   - Added export for `VisualHierarchyOptimizer`
-
-### Key Features
-
-#### Heading Analysis
-- Extracts h1-h6 elements from HTML
-- Validates proper heading hierarchy (no skipped levels)
-- Detects multiple h1 elements
-- Checks for inconsistent font sizes within same heading level
-- Parses inline styles for font-size, font-weight, line-height
-- Provides default styles when not specified
-
-#### Accent Color Analysis
-- Detects accent color usage in both hex (#8aa2ff) and CSS variable (var(--color-accent)) formats
-- Tracks CSS rule context to determine if usage is interactive or decorative
-- Validates that accent color is only used for interactive elements
-- Case-insensitive color detection
-- Generates detailed usage reports with line numbers and snippets
-
-#### Button & Spacing Analysis (Placeholder)
-- Methods implemented with proper signatures
-- Designed to work with Playwright page objects for runtime analysis
-- Ready for integration with browser-based testing
-
-### Interfaces Used
-
-All interfaces were already defined in `types.ts`:
-- `HeadingReport`, `HeadingNode`, `HeadingIssue`
-- `ButtonHierarchyReport`, `ButtonInfo`, `ButtonIssue`
-- `SpacingReport`, `SectionInfo`, `SpacingIssue`
-- `AccentUsageReport`, `CodeLocation`
-
-### Test Results
-
-```
-✓ lib/ui-analysis/__tests__/visual-hierarchy-optimizer.test.ts (16)
-  ✓ VisualHierarchyOptimizer (16)
-    ✓ analyzeHeadingStructure (9)
-    ✓ analyzeAccentUsage (7)
-
-Test Files  1 passed (1)
-Tests  16 passed (16)
-```
-
-### Requirements Validated
-
-This implementation supports the following requirements:
-- **3.1**: Heading structure analysis and hierarchy validation
-- **3.2**: Button hierarchy analysis (visual weight calculation)
-- **3.3**: Contrast ratio analysis (foundation for visual prominence)
-- **3.4**: Section spacing consistency measurement
-- **3.5**: Accent color usage validation
-
-### Technical Highlights
-
-1. **HTML Parsing**: Uses regex-based parsing for heading extraction with inline style support
-2. **CSS Context Tracking**: Tracks CSS rule context (selectors) to determine if color usage is in interactive or decorative contexts
-3. **Brace Depth Tracking**: Properly handles nested CSS rules
-4. **Visual Weight Calculation**: Algorithm for calculating button visual weight based on background, border, padding, and font-weight
-5. **Spacing Analysis**: Gap calculation between sections with deviation detection
-
-### Next Steps
-
-The following tasks can now proceed:
-- Task 6.2: Implement heading structure analysis (foundation complete)
-- Task 6.4: Implement button hierarchy analysis (foundation complete)
-- Task 6.6: Implement section spacing analysis (foundation complete)
-- Task 6.8: Implement accent color usage validation (foundation complete)
-
-### Notes
-
-- Button and spacing analysis methods require Playwright page objects for runtime analysis
-- The module is designed to work with both static HTML/CSS analysis and runtime browser-based analysis
-- All TypeScript diagnostics pass with no errors
-- Code follows existing patterns in the ui-analysis module
diff --git a/lib/ui-analysis/TASK-8.1-SUMMARY.md b/lib/ui-analysis/TASK-8.1-SUMMARY.md
deleted file mode 100644
index 66dff10..0000000
--- a/lib/ui-analysis/TASK-8.1-SUMMARY.md
+++ /dev/null
@@ -1,157 +0,0 @@
-# Task 8.1: Design System Validator Module - Implementation Summary
-
-## Overview
-Successfully implemented the `DesignSystemValidator` class, a token usage checker that ensures consistent application of CSS custom properties and design system values across the codebase.
-
-## What Was Implemented
-
-### Core Module: `design-system-validator.ts`
-Created a comprehensive validator with the following capabilities:
-
-#### 1. **DesignSystemValidator Class**
-- Main validation class with methods for colors, spacing, border radius, and fonts
-- Maintains internal state for all violation types
-- Generates comprehensive design system compliance reports
-
-#### 2. **Validation Methods**
-- `validateColors()`: Detects hardcoded hex and rgb/rgba color values
-- `validateSpacing()`: Checks for arbitrary Tailwind spacing values not in design scale
-- `validateBorderRadius()`: Validates border radius values against design tokens
-- `validateFonts()`: Ensures font-family declarations use CSS custom properties
-- `validateFile()`: Runs all validations on a single file
-- `generateReport()`: Creates comprehensive `DesignSystemReport` with compliance score
-- `reset()`: Clears all stored violations for re-running validation
-
-#### 3. **Design System Tokens**
-Defined constants for:
-- **Color tokens**: All `var(--color-*)` custom properties
-- **Spacing scale**: [0.5, 0.75, 1, 1.25, 1.5, 2, 2.5, 3] rem
-- **Radius tokens**: `--radius-sm` (10px), `--radius-md` (16px), `--radius-lg` (24px)
-- **Font tokens**: `--font-sans`, `--font-mono`, `--font-display`
-
-#### 4. **AST Parsing Utilities**
-Built TypeScript Compiler API integration:
-- `parseTSXFile()`: Parses TypeScript/TSX files into AST
-- `extractClassNames()`: Extracts className attributes from JSX elements
-- `extractStyleProps()`: Extracts inline style prop values from JSX
-
-#### 5. **Smart Token Suggestions**
-Implemented intelligent suggestion algorithms:
-- Maps common hex colors to appropriate tokens (e.g., `#8aa2ff` → `var(--color-accent)`)
-- Finds nearest spacing value from design scale
-- Suggests appropriate radius token based on pixel value
-- Recommends font token based on font name patterns (mono, display, sans)
-
-## Validation Patterns
-
-### Color Validation
-- Regex patterns for hex colors: `/#[0-9a-fA-F]{3,6}\b/g`
-- Regex patterns for rgb/rgba: `/rgba?\s*\([^)]+\)/g`
-- Suggests nearest design token for detected violations
-
-### Spacing Validation
-- Detects arbitrary Tailwind values: `/\[[\d.]+(?:px|rem)\]/g`
-- Converts px to rem (16px = 1rem) for comparison
-- Checks against design scale with 0.01 tolerance
-
-### Border Radius Validation
-- Detects arbitrary rounded classes: `/rounded-\[[\d.]+(?:px|rem)\]/g`
-- Suggests nearest token (sm, md, or lg) based on numeric value
-
-### Font Validation
-- Detects font-family declarations: `/font-family\s*:\s*['"]?([^;'"]+)['"]?/gi`
-- Skips values already using `var(--font-*)`
-- Suggests token based on font name patterns
-
-## Testing
-
-### Unit Tests: `__tests__/design-system-validator.test.ts`
-Comprehensive test suite with 13 tests covering:
-- ✅ Hardcoded hex color detection
-- ✅ Hardcoded rgb/rgba color detection
-- ✅ CSS custom property exemption
-- ✅ Arbitrary spacing value detection
-- ✅ Design scale compliance
-- ✅ Border radius token suggestions
-- ✅ Font family validation
-- ✅ Report generation with compliance scoring
-- ✅ Violation reset functionality
-
-**Test Results**: All 13 tests passing ✅
-
-## Integration
-
-### Exported from `index.ts`
-```typescript
-export {
-  DesignSystemValidator,
-  parseTSXFile,
-  extractClassNames,
-  extractStyleProps,
-} from './design-system-validator';
-```
-
-### Type Definitions
-All violation interfaces already existed in `types.ts`:
-- `ColorViolation`
-- `SpacingViolation`
-- `RadiusViolation`
-- `FontViolation`
-- `DesignSystemReport`
-- `CodeLocation`
-
-## Usage Example
-
-```typescript
-import { DesignSystemValidator } from './ui-analysis';
-
-const validator = new DesignSystemValidator();
-
-// Validate individual aspects
-const colorViolations = validator.validateColors('component.tsx', content);
-const spacingViolations = validator.validateSpacing('component.tsx', content);
-
-// Or validate entire file
-validator.validateFile('component.tsx');
-
-// Generate comprehensive report
-const report = validator.generateReport();
-console.log(`Compliance Score: ${report.complianceScore}%`);
-console.log(`Total Violations: ${report.totalViolations}`);
-```
-
-## Requirements Satisfied
-
-✅ **Requirement 4.1**: Color token enforcement (detect hardcoded colors)
-✅ **Requirement 4.2**: Spacing scale compliance validation
-✅ **Requirement 4.3**: Border radius token usage validation
-✅ **Requirement 4.4**: Font family token validation
-✅ **Requirement 4.5**: Hardcoded value detection and flagging
-
-## Technical Highlights
-
-1. **Dual Return Pattern**: Validation methods both return violations AND store them in class properties, supporting both immediate use and batch reporting
-2. **Smart Suggestions**: Intelligent token matching based on actual design system values
-3. **Unit Conversion**: Automatic px-to-rem conversion for consistent comparison
-4. **AST Integration**: TypeScript Compiler API for robust TSX parsing
-5. **Compliance Scoring**: Automatic calculation of design system compliance (0-100 scale)
-
-## Files Created/Modified
-
-### Created:
-- `lib/ui-analysis/design-system-validator.ts` (470 lines)
-- `lib/ui-analysis/__tests__/design-system-validator.test.ts` (196 lines)
-- `lib/ui-analysis/TASK-8.1-SUMMARY.md` (this file)
-
-### Modified:
-- `lib/ui-analysis/index.ts` (added exports for DesignSystemValidator)
-
-## Next Steps
-
-This module provides the foundation for Task 8.2-8.10, which will implement specific validation rules for:
-- Color token enforcement (8.2-8.4)
-- Spacing scale validation (8.5-8.6)
-- Border radius token validation (8.7-8.8)
-- Font family token validation (8.9-8.10)
-
-The validator is ready to be integrated into the main UI analysis pipeline and can be used standalone or as part of the comprehensive analysis system.
diff --git a/lib/ui-analysis/__tests__/accessibility-checker.example.ts b/lib/ui-analysis/__tests__/accessibility-checker.example.ts
deleted file mode 100644
index 6a93578..0000000
--- a/lib/ui-analysis/__tests__/accessibility-checker.example.ts
+++ /dev/null
@@ -1,66 +0,0 @@
-/**
- * Example usage of AccessibilityChecker
- * 
- * This file demonstrates how to use the AccessibilityChecker module
- * to audit pages for WCAG compliance and accessibility issues.
- */
-
-import { AccessibilityChecker, auditAccessibility } from '../accessibility-checker';
-
-/**
- * Example 1: Basic page audit
- */
-async function basicAudit() {
-  const checker = new AccessibilityChecker('AA');
-  
-  try {
-    const report = await checker.auditPage('http://localhost:3000');
-    
-    console.log('Accessibility Report:');
-    console.log(`URL: ${report.url}`);
-    console.log(`WCAG Level: ${report.wcagLevel}`);
-    console.log(`Score: ${report.score}/100`);
-    console.log(`Violations: ${report.violations.length}`);
-    console.log(`Passes: ${report.passes.length}`);
-    
-    // Display violations
-    if (report.violations.length > 0) {
-      console.log('\nViolations:');
-      report.violations.forEach((violation) => {
-        console.log(`- ${violation.id}: ${violation.description}`);
-        console.log(`  Impact: ${violation.impact}`);
-        console.log(`  Help: ${violation.help}`);
-        console.log(`  Affected nodes: ${violation.nodes.length}`);
-      });
-    }
-  } finally {
-    await checker.close();
-  }
-}
-
-/**
- * Example 2: Quick audit using utility function
- */
-async function quickAudit() {
-  const report = await auditAccessibility('http://localhost:3000', 'AA');
-  console.log(`Accessibility score: ${report.score}/100`);
-}
-
-/**
- * Example 3: Audit with custom WCAG level
- */
-async function customLevelAudit() {
-  const checker = new AccessibilityChecker('AAA');
-  
-  try {
-    const report = await checker.auditPage('http://localhost:3000');
-    console.log(`AAA compliance score: ${report.score}/100`);
-  } finally {
-    await checker.close();
-  }
-}
-
-// Run examples (uncomment to execute)
-// basicAudit();
-// quickAudit();
-// customLevelAudit();
diff --git a/lib/ui-analysis/__tests__/accessibility-checker.integration.test.ts b/lib/ui-analysis/__tests__/accessibility-checker.integration.test.ts
deleted file mode 100644
index 446a2d2..0000000
--- a/lib/ui-analysis/__tests__/accessibility-checker.integration.test.ts
+++ /dev/null
@@ -1,81 +0,0 @@
-/**
- * Integration tests for AccessibilityChecker
- * Tests actual page auditing with axe-core
- */
-
-import { describe, it, expect, beforeAll, afterAll } from 'vitest';
-import { AccessibilityChecker } from '../accessibility-checker';
-import { chromium, Browser } from 'playwright';
-import type { Server } from 'http';
-
-describe('AccessibilityChecker Integration', () => {
-  let checker: AccessibilityChecker;
-  let browser: Browser;
-  let server: Server;
-  let testUrl: string;
-
-  beforeAll(async () => {
-    // Create a simple test server
-    const http = await import('http');
-    server = http.createServer((req, res) => {
-      res.writeHead(200, { 'Content-Type': 'text/html' });
-      res.end(`
-        <!DOCTYPE html>
-        <html lang="en">
-        <head>
-          <meta charset="UTF-8">
-          <title>Test Page</title>
-        </head>
-        <body>
-          <h1>Test Page</h1>
-          <button>Click me</button>
-          <img src="test.jpg" alt="Test image">
-          <a href="#">Link</a>
-        </body>
-        </html>
-      `);
-    });
-
-    await new Promise<void>((resolve) => {
-      server.listen(0, () => {
-        const address = server.address();
-        if (address && typeof address !== 'string') {
-          testUrl = `http://localhost:${address.port}`;
-        }
-        resolve();
-      });
-    });
-
-    checker = new AccessibilityChecker('AA');
-    browser = await chromium.launch();
-  });
-
-  afterAll(async () => {
-    await checker.close();
-    await browser.close();
-    await new Promise<void>((resolve) => {
-      server.close(() => resolve());
-    });
-  });
-
-  it('should audit a page and return a report', async () => {
-    const report = await checker.auditPage(testUrl);
-
-    expect(report).toBeDefined();
-    expect(report.url).toBe(testUrl);
-    expect(report.wcagLevel).toBe('AA');
-    expect(report.violations).toBeDefined();
-    expect(report.passes).toBeDefined();
-    expect(report.incomplete).toBeDefined();
-    expect(typeof report.score).toBe('number');
-    expect(report.score).toBeGreaterThanOrEqual(0);
-    expect(report.score).toBeLessThanOrEqual(100);
-  });
-
-  it('should detect violations in the report', async () => {
-    const report = await checker.auditPage(testUrl);
-
-    expect(Array.isArray(report.violations)).toBe(true);
-    expect(Array.isArray(report.passes)).toBe(true);
-  });
-});
diff --git a/lib/ui-analysis/__tests__/accessibility-checker.test.ts b/lib/ui-analysis/__tests__/accessibility-checker.test.ts
deleted file mode 100644
index 6db472d..0000000
--- a/lib/ui-analysis/__tests__/accessibility-checker.test.ts
+++ /dev/null
@@ -1,37 +0,0 @@
-/**
- * Unit tests for AccessibilityChecker
- */
-
-import { describe, it, expect, beforeAll, afterAll } from 'vitest';
-import { AccessibilityChecker, createAccessibilityChecker } from '../accessibility-checker';
-
-describe('AccessibilityChecker', () => {
-  let checker: AccessibilityChecker;
-
-  beforeAll(() => {
-    checker = createAccessibilityChecker('AA');
-  });
-
-  afterAll(async () => {
-    await checker.close();
-  });
-
-  describe('initialization', () => {
-    it('should create checker with default WCAG level', () => {
-      const defaultChecker = new AccessibilityChecker();
-      expect(defaultChecker).toBeDefined();
-    });
-
-    it('should create checker with specified WCAG level', () => {
-      const aaaChecker = new AccessibilityChecker('AAA');
-      expect(aaaChecker).toBeDefined();
-    });
-  });
-
-  describe('factory functions', () => {
-    it('should create checker via factory function', () => {
-      const factoryChecker = createAccessibilityChecker('AA');
-      expect(factoryChecker).toBeDefined();
-    });
-  });
-});
diff --git a/lib/ui-analysis/__tests__/analyzer.property.test.ts b/lib/ui-analysis/__tests__/analyzer.property.test.ts
deleted file mode 100644
index 350286f..0000000
--- a/lib/ui-analysis/__tests__/analyzer.property.test.ts
+++ /dev/null
@@ -1,234 +0,0 @@
-/**
- * Property-based tests for UIAnalyzer
- * Using fast-check library for property-based testing
- */
-
-import { describe, it, expect, beforeEach, afterEach } from 'vitest';
-import fc from 'fast-check';
-import { UIAnalyzer } from '../analyzer';
-import { writeFileSync, mkdirSync, rmSync } from 'fs';
-import { join } from 'path';
-
-describe('UIAnalyzer - Property-Based Tests', () => {
-  let analyzer: UIAnalyzer;
-  const testDir = join(__dirname, 'pbt-test-components');
-
-  beforeEach(() => {
-    analyzer = new UIAnalyzer();
-    
-    // Clean up test directory
-    try {
-      rmSync(testDir, { recursive: true, force: true });
-    } catch (error) {
-      // Directory might not exist
-    }
-    
-    // Create test directory
-    mkdirSync(testDir, { recursive: true });
-  });
-
-  afterEach(() => {
-    // Clean up after tests
-    try {
-      rmSync(testDir, { recursive: true, force: true });
-    } catch (error) {
-      // Ignore cleanup errors
-    }
-  });
-
-  /**
-   * Property 1: Component Scanning Completeness
-   * **Validates: Requirements 1.1**
-   * 
-   * For any set of component files in the project, when the UI_Analyzer scans them,
-   * every file should be processed and included in the analysis report.
-   */
-  describe('Property 1: Component Scanning Completeness', () => {
-    it('should process all component files in any given set', () => {
-      fc.assert(
-        fc.property(
-          // Generate an array of 1-10 component files
-          fc.array(
-            fc.record({
-              name: fc.string({ minLength: 1, maxLength: 20 })
-                .filter(s => /^[a-zA-Z0-9_-]+$/.test(s))
-                .map(s => `${s}.tsx`),
-              content: fc.oneof(
-                fc.constant('export default function Component() { return <div>Test</div>; }'),
-                fc.constant('export default function Component() { return <div className="p-4">Test</div>; }'),
-                fc.constant('export default function Component() { return <div className="flex items-center">Test</div>; }'),
-                fc.constant('export default function Component() { return <div className="overflow-hidden w-full">Test</div>; }'),
-                fc.constant('export default function Component() { return <button>Click me</button>; }'),
-              )
-            }),
-            { minLength: 1, maxLength: 10 }
-          ),
-          (componentFiles) => {
-            // Create unique file names by adding index prefix
-            const filesToCreate = componentFiles.map((file, index) => ({
-              name: `file_${index}_${file.name}`,
-              content: file.content
-            }));
-
-            // Write all component files to test directory
-            filesToCreate.forEach((file) => {
-              const filePath = join(testDir, file.name);
-              writeFileSync(filePath, file.content);
-            });
-
-            // Scan the directory
-            const report = analyzer.scanDirectory(testDir);
-
-            // Property: All files should be scanned
-            // The number of files scanned should equal the number of files created
-            const result = report.summary.filesScanned === filesToCreate.length;
-            
-            // Clean up files for next iteration
-            filesToCreate.forEach((file) => {
-              try {
-                rmSync(join(testDir, file.name), { force: true });
-              } catch (e) {
-                // Ignore
-              }
-            });
-            
-            return result;
-          }
-        ),
-        { numRuns: 100 }
-      );
-    });
-
-    it('should include all component files regardless of subdirectory depth', () => {
-      fc.assert(
-        fc.property(
-          // Generate component files with nested directory structures
-          fc.array(
-            fc.record({
-              path: fc.array(
-                fc.string({ minLength: 1, maxLength: 10 })
-                  .filter(s => /^[a-zA-Z0-9_-]+$/.test(s)),
-                { minLength: 0, maxLength: 3 }
-              ).map(parts => parts.join('/')),
-              name: fc.string({ minLength: 1, maxLength: 20 })
-                .filter(s => /^[a-zA-Z0-9_-]+$/.test(s))
-                .map(s => `${s}.tsx`),
-              content: fc.constant('export default function Component() { return <div>Test</div>; }')
-            }),
-            { minLength: 1, maxLength: 8 }
-          ),
-          (componentFiles) => {
-            // Create files with unique paths
-            const filesToCreate = componentFiles.map((file, index) => ({
-              path: file.path ? `dir_${index}_${file.path}` : `dir_${index}`,
-              name: `file_${index}_${file.name}`,
-              content: file.content
-            }));
-
-            // Write all component files to test directory with subdirectories
-            filesToCreate.forEach((file) => {
-              const dirPath = join(testDir, file.path);
-              mkdirSync(dirPath, { recursive: true });
-              
-              const filePath = join(dirPath, file.name);
-              writeFileSync(filePath, file.content);
-            });
-
-            // Scan the directory
-            const report = analyzer.scanDirectory(testDir);
-
-            // Property: All files should be scanned regardless of depth
-            const result = report.summary.filesScanned === filesToCreate.length;
-            
-            // Clean up for next iteration
-            filesToCreate.forEach((file) => {
-              try {
-                const dirPath = join(testDir, file.path);
-                rmSync(dirPath, { recursive: true, force: true });
-              } catch (e) {
-                // Ignore
-              }
-            });
-            
-            return result;
-          }
-        ),
-        { numRuns: 50 }
-      );
-    });
-
-    it('should only count .tsx and .jsx files, not other file types', () => {
-      fc.assert(
-        fc.property(
-          fc.record({
-            componentFiles: fc.array(
-              fc.record({
-                name: fc.string({ minLength: 1, maxLength: 20 })
-                  .filter(s => /^[a-zA-Z0-9_-]+$/.test(s))
-                  .map(s => `${s}.tsx`),
-                content: fc.constant('export default function Component() { return <div>Test</div>; }')
-              }),
-              { minLength: 1, maxLength: 5 }
-            ),
-            otherFiles: fc.array(
-              fc.record({
-                name: fc.string({ minLength: 1, maxLength: 20 })
-                  .filter(s => /^[a-zA-Z0-9_-]+$/.test(s))
-                  .chain(s => fc.oneof(
-                    fc.constant(`${s}.ts`),
-                    fc.constant(`${s}.js`),
-                    fc.constant(`${s}.json`),
-                    fc.constant(`${s}.md`)
-                  )),
-                content: fc.constant('// Not a component')
-              }),
-              { minLength: 0, maxLength: 5 }
-            )
-          }),
-          ({ componentFiles, otherFiles }) => {
-            // Create unique file names with prefixes
-            const componentFilesToCreate = componentFiles.map((file, index) => ({
-              name: `comp_${index}_${file.name}`,
-              content: file.content
-            }));
-            
-            const otherFilesToCreate = otherFiles.map((file, index) => ({
-              name: `other_${index}_${file.name}`,
-              content: file.content
-            }));
-
-            // Write component files
-            componentFilesToCreate.forEach((file) => {
-              const filePath = join(testDir, file.name);
-              writeFileSync(filePath, file.content);
-            });
-
-            // Write other files
-            otherFilesToCreate.forEach((file) => {
-              const filePath = join(testDir, file.name);
-              writeFileSync(filePath, file.content);
-            });
-
-            // Scan the directory
-            const report = analyzer.scanDirectory(testDir);
-
-            // Property: Only component files (.tsx, .jsx) should be counted
-            const result = report.summary.filesScanned === componentFilesToCreate.length;
-            
-            // Clean up for next iteration
-            [...componentFilesToCreate, ...otherFilesToCreate].forEach((file) => {
-              try {
-                rmSync(join(testDir, file.name), { force: true });
-              } catch (e) {
-                // Ignore
-              }
-            });
-            
-            return result;
-          }
-        ),
-        { numRuns: 50 }
-      );
-    });
-  });
-});
diff --git a/lib/ui-analysis/__tests__/analyzer.test.ts b/lib/ui-analysis/__tests__/analyzer.test.ts
deleted file mode 100644
index 11731ec..0000000
--- a/lib/ui-analysis/__tests__/analyzer.test.ts
+++ /dev/null
@@ -1,507 +0,0 @@
-/**
- * Unit tests for UIAnalyzer
- */
-
-import { UIAnalyzer } from '../analyzer';
-import { writeFileSync, mkdirSync, rmSync } from 'fs';
-import { join } from 'path';
-
-describe('UIAnalyzer', () => {
-  let analyzer: UIAnalyzer;
-  const testDir = join(__dirname, 'test-components');
-
-  beforeEach(() => {
-    analyzer = new UIAnalyzer();
-    
-    // Clean up test directory
-    try {
-      rmSync(testDir, { recursive: true, force: true });
-    } catch (error) {
-      // Directory might not exist
-    }
-    
-    // Create test directory
-    mkdirSync(testDir, { recursive: true });
-  });
-
-  describe('scanComponent', () => {
-    it('should detect overflow without constraints', () => {
-      const testFile = join(testDir, 'overflow-test.tsx');
-      const content = `
-        export default function Component() {
-          return <div className="overflow-hidden">Content</div>;
-        }
-      `;
-      writeFileSync(testFile, content);
-
-      const issues = analyzer.scanComponent(testFile);
-
-      expect(issues.length).toBeGreaterThan(0);
-      expect(issues.some(i => i.type === 'overflow')).toBe(true);
-    });
-
-    it('should detect overflow-auto without max-height', () => {
-      const testFile = join(testDir, 'overflow-auto-test.tsx');
-      const content = `
-        export default function Component() {
-          return <div className="overflow-auto">Content</div>;
-        }
-      `;
-      writeFileSync(testFile, content);
-
-      const issues = analyzer.scanComponent(testFile);
-
-      expect(issues.some(i => i.type === 'overflow' && i.message.includes('max-height'))).toBe(true);
-    });
-
-    it('should flag overflow-x-hidden as critical', () => {
-      const testFile = join(testDir, 'overflow-x-test.tsx');
-      const content = `
-        export default function Component() {
-          return <div className="overflow-x-hidden">Content</div>;
-        }
-      `;
-      writeFileSync(testFile, content);
-
-      const issues = analyzer.scanComponent(testFile);
-
-      expect(issues.some(i => i.type === 'overflow' && i.severity === 'critical')).toBe(true);
-    });
-
-    it('should detect arbitrary spacing values', () => {
-      const testFile = join(testDir, 'spacing-test.tsx');
-      const content = `
-        export default function Component() {
-          return <div className="p-[13px] m-[2.5rem]">Content</div>;
-        }
-      `;
-      writeFileSync(testFile, content);
-
-      const issues = analyzer.scanComponent(testFile);
-
-      expect(issues.length).toBeGreaterThan(0);
-      expect(issues.some(i => i.type === 'spacing-inconsistency')).toBe(true);
-    });
-
-    it('should detect non-standard spacing values', () => {
-      const testFile = join(testDir, 'non-standard-spacing.tsx');
-      const content = `
-        export default function Component() {
-          return <div className="p-3 m-5">Content</div>;
-        }
-      `;
-      writeFileSync(testFile, content);
-
-      const issues = analyzer.scanComponent(testFile);
-
-      expect(issues.some(i => i.type === 'spacing-inconsistency' && i.message.includes('Non-standard'))).toBe(true);
-    });
-
-    it('should detect z-index usage', () => {
-      const testFile = join(testDir, 'zindex-test.tsx');
-      const content = `
-        export default function Component() {
-          return <div className="z-[9999]">Content</div>;
-        }
-      `;
-      writeFileSync(testFile, content);
-
-      const issues = analyzer.scanComponent(testFile);
-
-      expect(issues.some(i => i.type === 'z-index-conflict')).toBe(true);
-    });
-
-    it('should detect arbitrary z-index values', () => {
-      const testFile = join(testDir, 'arbitrary-zindex.tsx');
-      const content = `
-        export default function Component() {
-          return <div className="z-[999]">Content</div>;
-        }
-      `;
-      writeFileSync(testFile, content);
-
-      const issues = analyzer.scanComponent(testFile);
-
-      expect(issues.some(i => i.type === 'z-index-conflict' && i.message.includes('Arbitrary'))).toBe(true);
-    });
-
-    it('should detect flex containers without alignment', () => {
-      const testFile = join(testDir, 'flex-test.tsx');
-      const content = `
-        export default function Component() {
-          return <div className="flex">Content</div>;
-        }
-      `;
-      writeFileSync(testFile, content);
-
-      const issues = analyzer.scanComponent(testFile);
-
-      expect(issues.some(i => i.type === 'misalignment')).toBe(true);
-    });
-
-    it('should detect grid containers without gap', () => {
-      const testFile = join(testDir, 'grid-test.tsx');
-      const content = `
-        export default function Component() {
-          return <div className="grid grid-cols-3">Content</div>;
-        }
-      `;
-      writeFileSync(testFile, content);
-
-      const issues = analyzer.scanComponent(testFile);
-
-      expect(issues.some(i => i.type === 'misalignment' && i.message.includes('gap'))).toBe(true);
-    });
-
-    it('should detect absolute positioning without positioning classes', () => {
-      const testFile = join(testDir, 'absolute-test.tsx');
-      const content = `
-        export default function Component() {
-          return <div className="absolute">Content</div>;
-        }
-      `;
-      writeFileSync(testFile, content);
-
-      const issues = analyzer.scanComponent(testFile);
-
-      expect(issues.some(i => i.type === 'misalignment' && i.message.includes('positioning'))).toBe(true);
-    });
-
-    it('should detect hardcoded colors in style attribute', () => {
-      const testFile = join(testDir, 'color-test.tsx');
-      const content = `
-        export default function Component() {
-          return <div style={{ color: '#ff0000' }}>Content</div>;
-        }
-      `;
-      writeFileSync(testFile, content);
-
-      const issues = analyzer.scanComponent(testFile);
-
-      expect(issues.some(i => i.type === 'hardcoded-color')).toBe(true);
-    });
-
-    it('should not flag overflow with constraints', () => {
-      const testFile = join(testDir, 'valid-overflow.tsx');
-      const content = `
-        export default function Component() {
-          return <div className="overflow-hidden w-full h-64">Content</div>;
-        }
-      `;
-      writeFileSync(testFile, content);
-
-      const issues = analyzer.scanComponent(testFile);
-
-      expect(issues.some(i => i.type === 'overflow')).toBe(false);
-    });
-
-    it('should not flag flex with alignment', () => {
-      const testFile = join(testDir, 'valid-flex.tsx');
-      const content = `
-        export default function Component() {
-          return <div className="flex items-center justify-between">Content</div>;
-        }
-      `;
-      writeFileSync(testFile, content);
-
-      const issues = analyzer.scanComponent(testFile);
-
-      expect(issues.some(i => i.type === 'misalignment')).toBe(false);
-    });
-
-    it('should not flag grid with gap', () => {
-      const testFile = join(testDir, 'valid-grid.tsx');
-      const content = `
-        export default function Component() {
-          return <div className="grid grid-cols-3 gap-4">Content</div>;
-        }
-      `;
-      writeFileSync(testFile, content);
-
-      const issues = analyzer.scanComponent(testFile);
-
-      expect(issues.some(i => i.type === 'misalignment' && i.message.includes('gap'))).toBe(false);
-    });
-
-    it('should not flag absolute with positioning classes', () => {
-      const testFile = join(testDir, 'valid-absolute.tsx');
-      const content = `
-        export default function Component() {
-          return <div className="absolute top-0 left-0">Content</div>;
-        }
-      `;
-      writeFileSync(testFile, content);
-
-      const issues = analyzer.scanComponent(testFile);
-
-      expect(issues.some(i => i.type === 'misalignment' && i.message.includes('positioning'))).toBe(false);
-    });
-
-    it('should handle parse errors gracefully', () => {
-      const testFile = join(testDir, 'invalid.tsx');
-      const content = `
-        export default function Component() {
-          return <div className="flex"
-        }
-      `;
-      writeFileSync(testFile, content);
-
-      const issues = analyzer.scanComponent(testFile);
-
-      // Should not throw, may return empty array or issues
-      expect(Array.isArray(issues)).toBe(true);
-      // TypeScript compiler is lenient and may not error on incomplete JSX
-      // The important thing is that it doesn't crash
-    });
-  });
-
-  describe('scanDirectory', () => {
-    it('should scan all component files in directory', () => {
-      // Create multiple test files
-      const file1 = join(testDir, 'component1.tsx');
-      const file2 = join(testDir, 'component2.tsx');
-      
-      writeFileSync(file1, `
-        export default function Component1() {
-          return <div className="overflow-hidden">Content</div>;
-        }
-      `);
-      
-      writeFileSync(file2, `
-        export default function Component2() {
-          return <div className="p-[13px]">Content</div>;
-        }
-      `);
-
-      const report = analyzer.scanDirectory(testDir);
-
-      expect(report.summary.filesScanned).toBe(2);
-      expect(report.issues.length).toBeGreaterThan(0);
-      expect(report.timestamp).toBeDefined();
-      expect(report.duration).toBeGreaterThan(0);
-    });
-
-    it('should detect z-index conflicts across multiple files', () => {
-      const file1 = join(testDir, 'modal1.tsx');
-      const file2 = join(testDir, 'modal2.tsx');
-      
-      writeFileSync(file1, `
-        export default function Modal1() {
-          return <div className="z-50">Modal 1</div>;
-        }
-      `);
-      
-      writeFileSync(file2, `
-        export default function Modal2() {
-          return <div className="z-50">Modal 2</div>;
-        }
-      `);
-
-      const report = analyzer.scanDirectory(testDir);
-
-      // Should detect that multiple components use z-50
-      const zIndexConflicts = report.issues.filter(i => 
-        i.type === 'z-index-conflict' && i.message.includes('Multiple components')
-      );
-      expect(zIndexConflicts.length).toBeGreaterThan(0);
-    });
-
-    it('should generate correct summary', () => {
-      const testFile = join(testDir, 'test.tsx');
-      writeFileSync(testFile, `
-        export default function Component() {
-          return (
-            <div>
-              <div className="overflow-hidden">Issue 1</div>
-              <div className="p-[13px]">Issue 2</div>
-              <div className="flex">Issue 3</div>
-            </div>
-          );
-        }
-      `);
-
-      const report = analyzer.scanDirectory(testDir);
-
-      expect(report.summary.totalIssues).toBeGreaterThan(0);
-      expect(report.summary.complianceScore).toBeLessThan(100);
-      expect(report.summary.complianceScore).toBeGreaterThanOrEqual(0);
-    });
-
-    it('should skip node_modules directory', () => {
-      const nodeModulesDir = join(testDir, 'node_modules');
-      mkdirSync(nodeModulesDir, { recursive: true });
-      
-      const testFile = join(nodeModulesDir, 'test.tsx');
-      writeFileSync(testFile, `
-        export default function Component() {
-          return <div className="overflow-hidden">Content</div>;
-        }
-      `);
-
-      const report = analyzer.scanDirectory(testDir);
-
-      expect(report.summary.filesScanned).toBe(0);
-    });
-  });
-
-  describe('issue structure', () => {
-    it('should include all required fields in LayoutIssue', () => {
-      const testFile = join(testDir, 'test.tsx');
-      writeFileSync(testFile, `
-        export default function Component() {
-          return <div className="overflow-hidden">Content</div>;
-        }
-      `);
-
-      const issues = analyzer.scanComponent(testFile);
-
-      expect(issues.length).toBeGreaterThan(0);
-      
-      const issue = issues[0];
-      expect(issue).toHaveProperty('type');
-      expect(issue).toHaveProperty('severity');
-      expect(issue).toHaveProperty('filePath');
-      expect(issue).toHaveProperty('lineNumber');
-      expect(issue).toHaveProperty('columnNumber');
-      expect(issue).toHaveProperty('message');
-      expect(issue).toHaveProperty('autoFixable');
-    });
-
-    it('should assign severity levels correctly', () => {
-      const testFile = join(testDir, 'test.tsx');
-      writeFileSync(testFile, `
-        export default function Component() {
-          return (
-            <div>
-              <div className="overflow-x-hidden">Critical</div>
-              <div className="overflow-hidden">Moderate</div>
-              <div className="p-[13px]">Minor</div>
-            </div>
-          );
-        }
-      `);
-
-      const issues = analyzer.scanComponent(testFile);
-
-      const severities = issues.map(i => i.severity);
-      expect(severities).toContain('critical');
-      expect(severities).toContain('moderate');
-      expect(severities).toContain('minor');
-    });
-
-    it('should assign critical severity to width classes without responsive variants', () => {
-      const testFile = join(testDir, 'width-test.tsx');
-      writeFileSync(testFile, `
-        export default function Component() {
-          return <div className="w-64">Content</div>;
-        }
-      `);
-
-      const issues = analyzer.scanComponent(testFile);
-
-      const widthIssue = issues.find(i => i.type === 'missing-responsive' && i.message.includes('w-64'));
-      expect(widthIssue?.severity).toBe('critical');
-    });
-
-    it('should assign moderate severity to text classes without responsive variants', () => {
-      const testFile = join(testDir, 'text-test.tsx');
-      writeFileSync(testFile, `
-        export default function Component() {
-          return <div className="text-xl">Content</div>;
-        }
-      `);
-
-      const issues = analyzer.scanComponent(testFile);
-
-      const textIssue = issues.find(i => i.type === 'missing-responsive' && i.message.includes('text-xl'));
-      expect(textIssue?.severity).toBe('moderate');
-    });
-
-    it('should provide helpful suggestions', () => {
-      const testFile = join(testDir, 'suggestion-test.tsx');
-      writeFileSync(testFile, `
-        export default function Component() {
-          return <div className="overflow-hidden">Content</div>;
-        }
-      `);
-
-      const issues = analyzer.scanComponent(testFile);
-
-      expect(issues.length).toBeGreaterThan(0);
-      expect(issues[0].suggestion).toBeDefined();
-      expect(issues[0].suggestion).toContain('w-*');
-    });
-  });
-
-  describe('severity assignment', () => {
-    it('should assign critical severity to overflow-x-hidden', () => {
-      const testFile = join(testDir, 'overflow-x.tsx');
-      writeFileSync(testFile, `
-        export default function Component() {
-          return <div className="overflow-x-hidden">Content</div>;
-        }
-      `);
-
-      const issues = analyzer.scanComponent(testFile);
-      const overflowIssue = issues.find(i => i.type === 'overflow' && i.message.includes('overflow-x-hidden'));
-      
-      expect(overflowIssue?.severity).toBe('critical');
-    });
-
-    it('should assign moderate severity to high z-index values', () => {
-      const testFile = join(testDir, 'high-zindex.tsx');
-      writeFileSync(testFile, `
-        export default function Component() {
-          return <div className="z-[10000]">Content</div>;
-        }
-      `);
-
-      const issues = analyzer.scanComponent(testFile);
-      const zIndexIssue = issues.find(i => i.type === 'z-index-conflict' && i.message.includes('Extremely high'));
-      
-      expect(zIndexIssue?.severity).toBe('moderate');
-    });
-
-    it('should assign minor severity to arbitrary spacing', () => {
-      const testFile = join(testDir, 'arbitrary-spacing.tsx');
-      writeFileSync(testFile, `
-        export default function Component() {
-          return <div className="p-[13px]">Content</div>;
-        }
-      `);
-
-      const issues = analyzer.scanComponent(testFile);
-      const spacingIssue = issues.find(i => i.type === 'spacing-inconsistency');
-      
-      expect(spacingIssue?.severity).toBe('minor');
-    });
-
-    it('should assign minor severity to flex without alignment', () => {
-      const testFile = join(testDir, 'flex-no-align.tsx');
-      writeFileSync(testFile, `
-        export default function Component() {
-          return <div className="flex">Content</div>;
-        }
-      `);
-
-      const issues = analyzer.scanComponent(testFile);
-      const flexIssue = issues.find(i => i.type === 'misalignment' && i.message.includes('Flex'));
-      
-      expect(flexIssue?.severity).toBe('minor');
-    });
-
-    it('should assign moderate severity to absolute without positioning', () => {
-      const testFile = join(testDir, 'absolute-no-pos.tsx');
-      writeFileSync(testFile, `
-        export default function Component() {
-          return <div className="absolute">Content</div>;
-        }
-      `);
-
-      const issues = analyzer.scanComponent(testFile);
-      const absoluteIssue = issues.find(i => i.type === 'misalignment' && i.message.includes('Absolute'));
-      
-      expect(absoluteIssue?.severity).toBe('moderate');
-    });
-  });
-});
diff --git a/lib/ui-analysis/__tests__/config.test.ts b/lib/ui-analysis/__tests__/config.test.ts
deleted file mode 100644
index 2ba655b..0000000
--- a/lib/ui-analysis/__tests__/config.test.ts
+++ /dev/null
@@ -1,146 +0,0 @@
-/**
- * Tests for configuration loader
- */
-
-import { ConfigLoader, DEFAULT_CONFIG } from '../config';
-import type { UIAnalysisConfig } from '../types';
-
-describe('ConfigLoader', () => {
-  describe('default configuration', () => {
-    it('should load default configuration when no file exists', () => {
-      const loader = new ConfigLoader();
-      const config = loader.getConfig();
-
-      expect(config).toBeDefined();
-      expect(config.enabled).toBe(true);
-      expect(config.mode).toBe('development');
-    });
-
-    it('should have valid default breakpoints', () => {
-      const loader = new ConfigLoader();
-      const config = loader.getConfig();
-
-      expect(config.breakpoints).toHaveLength(4);
-      expect(config.breakpoints[0].name).toBe('mobile');
-      expect(config.breakpoints[0].width).toBe(375);
-    });
-
-    it('should have valid default rules', () => {
-      const loader = new ConfigLoader();
-      const config = loader.getConfig();
-
-      expect(config.rules.layout.checkOverflow).toBe(true);
-      expect(config.rules.responsive.minTouchTargetSize.width).toBe(44);
-      expect(config.rules.accessibility.wcagLevel).toBe('AA');
-      expect(config.rules.designSystem.enforceTokens).toBe(true);
-    });
-  });
-
-  describe('validation', () => {
-    it('should validate default configuration successfully', () => {
-      const loader = new ConfigLoader();
-      const validation = loader.validate();
-
-      expect(validation.valid).toBe(true);
-      expect(validation.errors).toHaveLength(0);
-    });
-
-    it('should detect invalid mode', () => {
-      const loader = new ConfigLoader();
-      loader.updateConfig({ mode: 'invalid' as any });
-      const validation = loader.validate();
-
-      expect(validation.valid).toBe(false);
-      expect(validation.errors.length).toBeGreaterThan(0);
-    });
-
-    it('should detect invalid WCAG level', () => {
-      const loader = new ConfigLoader();
-      loader.updateConfig({
-        rules: {
-          ...DEFAULT_CONFIG.rules,
-          accessibility: {
-            ...DEFAULT_CONFIG.rules.accessibility,
-            wcagLevel: 'INVALID' as any,
-          },
-        },
-      });
-      const validation = loader.validate();
-
-      expect(validation.valid).toBe(false);
-      expect(validation.errors.some(e => e.includes('WCAG'))).toBe(true);
-    });
-
-    it('should detect invalid breakpoint dimensions', () => {
-      const loader = new ConfigLoader();
-      loader.updateConfig({
-        breakpoints: [{ name: 'invalid', width: -100, height: 0 }],
-      });
-      const validation = loader.validate();
-
-      expect(validation.valid).toBe(false);
-      expect(validation.errors.some(e => e.includes('breakpoint'))).toBe(true);
-    });
-  });
-
-  describe('mode-specific configuration', () => {
-    it('should create development mode configuration', () => {
-      const config = ConfigLoader.forMode('development');
-
-      expect(config.mode).toBe('development');
-      expect(config.reporting.console).toBe(true);
-      expect(config.reporting.overlay).toBe(true);
-      expect(config.reporting.json).toBe(false);
-    });
-
-    it('should create CI mode configuration', () => {
-      const config = ConfigLoader.forMode('ci');
-
-      expect(config.mode).toBe('ci');
-      expect(config.reporting.console).toBe(true);
-      expect(config.reporting.overlay).toBe(false);
-      expect(config.reporting.json).toBe(true);
-      expect(config.reporting.minSeverity).toBe('critical');
-      expect(config.rules.designSystem.strictMode).toBe(true);
-    });
-
-    it('should create production mode configuration', () => {
-      const config = ConfigLoader.forMode('production');
-
-      expect(config.mode).toBe('production');
-      expect(config.enabled).toBe(false);
-    });
-  });
-
-  describe('configuration updates', () => {
-    it('should update configuration at runtime', () => {
-      const loader = new ConfigLoader();
-      
-      loader.updateConfig({ enabled: false });
-      expect(loader.getConfig().enabled).toBe(false);
-
-      loader.updateConfig({ mode: 'ci' });
-      expect(loader.getConfig().mode).toBe('ci');
-    });
-
-    it('should merge partial updates with existing config', () => {
-      const loader = new ConfigLoader();
-      const originalBreakpoints = loader.getConfig().breakpoints;
-
-      loader.updateConfig({
-        rules: {
-          ...DEFAULT_CONFIG.rules,
-          layout: {
-            ...DEFAULT_CONFIG.rules.layout,
-            checkOverflow: false,
-          },
-        },
-      });
-
-      const config = loader.getConfig();
-      expect(config.rules.layout.checkOverflow).toBe(false);
-      expect(config.rules.layout.checkAlignment).toBe(true); // unchanged
-      expect(config.breakpoints).toEqual(originalBreakpoints); // unchanged
-    });
-  });
-});
diff --git a/lib/ui-analysis/__tests__/design-system-validator.test.ts b/lib/ui-analysis/__tests__/design-system-validator.test.ts
deleted file mode 100644
index 241de11..0000000
--- a/lib/ui-analysis/__tests__/design-system-validator.test.ts
+++ /dev/null
@@ -1,198 +0,0 @@
-/**
- * Unit tests for Design System Validator
- */
-
-import { describe, it, expect, beforeEach } from 'vitest';
-import { DesignSystemValidator } from '../design-system-validator';
-
-describe('DesignSystemValidator', () => {
-  let validator: DesignSystemValidator;
-
-  beforeEach(() => {
-    validator = new DesignSystemValidator();
-  });
-
-  describe('validateColors', () => {
-    it('should detect hardcoded hex colors', () => {
-      const content = `
-        const styles = {
-          color: '#ff0000',
-          background: '#8aa2ff'
-        };
-      `;
-      
-      const violations = validator.validateColors('test.tsx', content);
-      
-      expect(violations).toHaveLength(2);
-      expect(violations[0].type).toBe('hardcoded-hex');
-      expect(violations[0].value).toBe('#ff0000');
-      expect(violations[1].value).toBe('#8aa2ff');
-      expect(violations[1].suggestedToken).toBe('var(--color-accent)');
-    });
-
-    it('should detect hardcoded rgb colors', () => {
-      const content = `
-        const styles = {
-          color: 'rgb(255, 0, 0)',
-          background: 'rgba(255, 0, 0, 0.5)'
-        };
-      `;
-      
-      const violations = validator.validateColors('test.tsx', content);
-      
-      expect(violations).toHaveLength(2);
-      expect(violations[0].type).toBe('hardcoded-rgb');
-      expect(violations[1].type).toBe('hardcoded-rgb');
-    });
-
-    it('should not flag CSS custom properties', () => {
-      const content = `
-        const styles = {
-          color: 'var(--color-text)',
-          background: 'var(--color-surface)'
-        };
-      `;
-      
-      const violations = validator.validateColors('test.tsx', content);
-      
-      expect(violations).toHaveLength(0);
-    });
-  });
-
-  describe('validateSpacing', () => {
-    it('should detect arbitrary spacing values not in scale', () => {
-      const content = `
-        <div className="p-[13px] m-[7px]">Content</div>
-      `;
-      
-      const violations = validator.validateSpacing('test.tsx', content);
-      
-      expect(violations.length).toBeGreaterThan(0);
-      expect(violations[0].type).toBe('arbitrary-value');
-    });
-
-    it('should not flag spacing values in the design scale', () => {
-      const content = `
-        <div className="p-[1rem] m-[2rem]">Content</div>
-      `;
-      
-      const violations = validator.validateSpacing('test.tsx', content);
-      
-      expect(violations).toHaveLength(0);
-    });
-  });
-
-  describe('validateBorderRadius', () => {
-    it('should detect arbitrary border radius values', () => {
-      const content = `
-        <div className="rounded-[5px]">Content</div>
-      `;
-      
-      const violations = validator.validateBorderRadius('test.tsx', content);
-      
-      expect(violations).toHaveLength(1);
-      expect(violations[0].type).toBe('hardcoded-radius');
-      expect(violations[0].suggestedToken).toBe('var(--radius-sm)');
-    });
-
-    it('should suggest nearest radius token', () => {
-      const content = `
-        <div className="rounded-[15px]">Content</div>
-      `;
-      
-      const violations = validator.validateBorderRadius('test.tsx', content);
-      
-      expect(violations).toHaveLength(1);
-      expect(violations[0].suggestedToken).toBe('var(--radius-md)');
-    });
-  });
-
-  describe('validateFonts', () => {
-    it('should detect hardcoded font families', () => {
-      const content = `
-        .text {
-          font-family: 'Arial, sans-serif';
-        }
-      `;
-      
-      const violations = validator.validateFonts('test.css', content);
-      
-      expect(violations).toHaveLength(1);
-      expect(violations[0].type).toBe('hardcoded-font');
-    });
-
-    it('should not flag CSS custom properties for fonts', () => {
-      const content = `
-        .text {
-          font-family: var(--font-sans);
-        }
-      `;
-      
-      const violations = validator.validateFonts('test.css', content);
-      
-      expect(violations).toHaveLength(0);
-    });
-
-    it('should suggest appropriate font token based on name', () => {
-      const content = `
-        .code {
-          font-family: 'Monaco, monospace';
-        }
-      `;
-      
-      const violations = validator.validateFonts('test.css', content);
-      
-      expect(violations).toHaveLength(1);
-      expect(violations[0].suggestedToken).toBe('var(--font-mono)');
-    });
-  });
-
-  describe('generateReport', () => {
-    it('should generate comprehensive report with all violations', () => {
-      const cssContent = `
-        .text {
-          color: #ff0000;
-          font-family: 'Arial';
-        }
-      `;
-      
-      const tsxContent = `
-        <div className="p-[13px] rounded-[5px]">Content</div>
-      `;
-      
-      validator.validateColors('test.css', cssContent);
-      validator.validateSpacing('test.tsx', tsxContent);
-      validator.validateBorderRadius('test.tsx', tsxContent);
-      validator.validateFonts('test.css', cssContent);
-      
-      const report = validator.generateReport();
-      
-      expect(report.totalViolations).toBeGreaterThan(0);
-      expect(report.colorViolations.length).toBeGreaterThan(0);
-      expect(report.complianceScore).toBeLessThan(100);
-    });
-
-    it('should calculate compliance score correctly', () => {
-      const report = validator.generateReport();
-      
-      expect(report.complianceScore).toBeGreaterThanOrEqual(0);
-      expect(report.complianceScore).toBeLessThanOrEqual(100);
-    });
-  });
-
-  describe('reset', () => {
-    it('should clear all violations', () => {
-      const cssContent = `
-        .text {
-          color: #ff0000;
-        }
-      `;
-      
-      validator.validateColors('test.css', cssContent);
-      expect(validator.generateReport().totalViolations).toBeGreaterThan(0);
-      
-      validator.reset();
-      expect(validator.generateReport().totalViolations).toBe(0);
-    });
-  });
-});
diff --git a/lib/ui-analysis/__tests__/responsive-validator.integration.example.ts b/lib/ui-analysis/__tests__/responsive-validator.integration.example.ts
deleted file mode 100644
index d6a9f10..0000000
--- a/lib/ui-analysis/__tests__/responsive-validator.integration.example.ts
+++ /dev/null
@@ -1,205 +0,0 @@
-/**
- * Integration Example for ResponsiveValidator
- * 
- * This file demonstrates how to use the ResponsiveValidator in real scenarios.
- * Note: This is an example file, not an actual test that runs in CI.
- */
-
-import { ResponsiveValidator, testResponsive, STANDARD_BREAKPOINTS } from '../responsive-validator';
-
-/**
- * Example 1: Quick test of a single URL
- */
-async function quickTest() {
-  console.log('Running quick responsive test...');
-  
-  const report = await testResponsive('http://localhost:3000');
-  
-  console.log(`Tested URL: ${report.url}`);
-  console.log(`Total issues found: ${report.issues.length}`);
-  
-  // Check mobile viewport
-  if (report.breakpoints.mobile.hasHorizontalScroll) {
-    console.log('⚠️  Mobile viewport has horizontal scroll');
-  }
-  
-  // Check touch targets
-  const mobileTouchIssues = report.breakpoints.mobile.touchTargetIssues;
-  if (mobileTouchIssues.length > 0) {
-    console.log(`⚠️  Found ${mobileTouchIssues.length} touch target issues on mobile`);
-    mobileTouchIssues.forEach(issue => {
-      console.log(`   - ${issue.selector}: ${issue.width}x${issue.height}px`);
-    });
-  }
-  
-  return report;
-}
-
-/**
- * Example 2: Test specific viewport with custom settings
- */
-async function customViewportTest() {
-  console.log('Running custom viewport test...');
-  
-  // Create validator with larger touch target requirement
-  const validator = new ResponsiveValidator({ width: 48, height: 48 });
-  
-  try {
-    await validator.initialize();
-    
-    // Test at a specific viewport size
-    const report = await validator.testViewport(
-      'http://localhost:3000',
-      375, // iPhone SE width
-      667  // iPhone SE height
-    );
-    
-    console.log(`Viewport: ${report.width}x${report.height}`);
-    console.log(`Horizontal scroll: ${report.hasHorizontalScroll ? 'Yes' : 'No'}`);
-    console.log(`Touch target issues: ${report.touchTargetIssues.length}`);
-    console.log(`Layout shifts: ${report.layoutShifts.length}`);
-    
-    return report;
-  } finally {
-    await validator.close();
-  }
-}
-
-/**
- * Example 3: Test all breakpoints and generate detailed report
- */
-async function comprehensiveTest() {
-  console.log('Running comprehensive responsive test...');
-  
-  const validator = new ResponsiveValidator();
-  
-  try {
-    const report = await validator.testAllBreakpoints('http://localhost:3000');
-    
-    // Analyze each breakpoint
-    const breakpoints = ['mobile', 'tablet', 'desktop', 'wide'] as const;
-    
-    for (const bp of breakpoints) {
-      const bpReport = report.breakpoints[bp];
-      console.log(`\n${bp.toUpperCase()} (${bpReport.width}x${bpReport.height}):`);
-      console.log(`  Horizontal scroll: ${bpReport.hasHorizontalScroll ? '❌' : '✅'}`);
-      console.log(`  Touch target issues: ${bpReport.touchTargetIssues.length}`);
-      console.log(`  Layout shifts: ${bpReport.layoutShifts.length}`);
-    }
-    
-    // Summary
-    console.log(`\n📊 SUMMARY:`);
-    console.log(`Total issues: ${report.issues.length}`);
-    
-    const criticalIssues = report.issues.filter(i => i.severity === 'critical');
-    const moderateIssues = report.issues.filter(i => i.severity === 'moderate');
-    
-    console.log(`  Critical: ${criticalIssues.length}`);
-    console.log(`  Moderate: ${moderateIssues.length}`);
-    
-    return report;
-  } finally {
-    await validator.close();
-  }
-}
-
-/**
- * Example 4: Test multiple pages
- */
-async function multiPageTest() {
-  console.log('Running multi-page test...');
-  
-  const validator = new ResponsiveValidator();
-  const pages = [
-    'http://localhost:3000',
-    'http://localhost:3000/about',
-    'http://localhost:3000/contact',
-  ];
-  
-  try {
-    const results = [];
-    
-    for (const url of pages) {
-      console.log(`\nTesting: ${url}`);
-      const report = await validator.testAllBreakpoints(url);
-      results.push(report);
-      
-      console.log(`  Issues: ${report.issues.length}`);
-    }
-    
-    // Aggregate results
-    const totalIssues = results.reduce((sum, r) => sum + r.issues.length, 0);
-    console.log(`\n📊 Total issues across all pages: ${totalIssues}`);
-    
-    return results;
-  } finally {
-    await validator.close();
-  }
-}
-
-/**
- * Example 5: CI/CD integration
- */
-async function ciTest() {
-  console.log('Running CI test...');
-  
-  const validator = new ResponsiveValidator();
-  
-  try {
-    const report = await validator.testAllBreakpoints('http://localhost:3000');
-    
-    // Check for critical issues
-    const criticalIssues = report.issues.filter(i => i.severity === 'critical');
-    
-    if (criticalIssues.length > 0) {
-      console.error(`❌ CI FAILED: Found ${criticalIssues.length} critical issues`);
-      criticalIssues.forEach(issue => {
-        console.error(`  - ${issue.message}`);
-      });
-      process.exit(1);
-    }
-    
-    console.log('✅ CI PASSED: No critical responsive issues found');
-    return report;
-  } finally {
-    await validator.close();
-  }
-}
-
-// Export examples for documentation
-export {
-  quickTest,
-  customViewportTest,
-  comprehensiveTest,
-  multiPageTest,
-  ciTest,
-};
-
-// Usage instructions
-if (require.main === module) {
-  console.log(`
-ResponsiveValidator Integration Examples
-=========================================
-
-To run these examples:
-
-1. Start your development server:
-   npm run dev
-
-2. Run an example:
-   npx tsx lib/ui-analysis/__tests__/responsive-validator.integration.example.ts
-
-Available examples:
-- quickTest()           - Quick test of a single URL
-- customViewportTest()  - Test with custom settings
-- comprehensiveTest()   - Test all breakpoints with detailed report
-- multiPageTest()       - Test multiple pages
-- ciTest()             - CI/CD integration example
-
-Standard breakpoints:
-- Mobile:  ${STANDARD_BREAKPOINTS.mobile.width}x${STANDARD_BREAKPOINTS.mobile.height}
-- Tablet:  ${STANDARD_BREAKPOINTS.tablet.width}x${STANDARD_BREAKPOINTS.tablet.height}
-- Desktop: ${STANDARD_BREAKPOINTS.desktop.width}x${STANDARD_BREAKPOINTS.desktop.height}
-- Wide:    ${STANDARD_BREAKPOINTS.wide.width}x${STANDARD_BREAKPOINTS.wide.height}
-  `);
-}
diff --git a/lib/ui-analysis/__tests__/responsive-validator.test.ts b/lib/ui-analysis/__tests__/responsive-validator.test.ts
deleted file mode 100644
index 35429e1..0000000
--- a/lib/ui-analysis/__tests__/responsive-validator.test.ts
+++ /dev/null
@@ -1,126 +0,0 @@
-/**
- * Unit tests for ResponsiveValidator
- */
-
-import { describe, it, expect, beforeAll, afterAll } from 'vitest';
-import { ResponsiveValidator, STANDARD_BREAKPOINTS } from '../responsive-validator';
-
-describe('ResponsiveValidator', () => {
-  let validator: ResponsiveValidator;
-
-  beforeAll(() => {
-    validator = new ResponsiveValidator();
-  });
-
-  afterAll(async () => {
-    await validator.close();
-  });
-
-  describe('initialization', () => {
-    it('should create validator with default touch target size', () => {
-      const v = new ResponsiveValidator();
-      expect(v).toBeDefined();
-    });
-
-    it('should create validator with custom touch target size', () => {
-      const v = new ResponsiveValidator({ width: 48, height: 48 });
-      expect(v).toBeDefined();
-    });
-
-    it('should initialize browser', async () => {
-      await validator.initialize();
-      // If no error is thrown, initialization succeeded
-      expect(true).toBe(true);
-    });
-  });
-
-  describe('standard breakpoints', () => {
-    it('should define mobile breakpoint at 640px', () => {
-      expect(STANDARD_BREAKPOINTS.mobile.width).toBe(640);
-    });
-
-    it('should define tablet breakpoint at 768px', () => {
-      expect(STANDARD_BREAKPOINTS.tablet.width).toBe(768);
-    });
-
-    it('should define desktop breakpoint at 1024px', () => {
-      expect(STANDARD_BREAKPOINTS.desktop.width).toBe(1024);
-    });
-
-    it('should define wide breakpoint at 1280px', () => {
-      expect(STANDARD_BREAKPOINTS.wide.width).toBe(1280);
-    });
-  });
-
-  describe('viewport testing', () => {
-    it('should return viewport report structure', async () => {
-      // Create a simple HTML page for testing
-      const testHtml = `
-        <!DOCTYPE html>
-        <html>
-          <head><title>Test</title></head>
-          <body>
-            <button style="width: 50px; height: 50px;">Click</button>
-          </body>
-        </html>
-      `;
-
-      await validator.initialize();
-      
-      // We'll skip actual browser testing in unit tests
-      // This would be better suited for integration tests
-      expect(validator).toBeDefined();
-    });
-  });
-
-  describe('touch target validation', () => {
-    it('should use default minimum size of 44x44px', () => {
-      const v = new ResponsiveValidator();
-      expect(v).toBeDefined();
-    });
-
-    it('should accept custom minimum touch target size', () => {
-      const customSize = { width: 48, height: 48 };
-      const v = new ResponsiveValidator(customSize);
-      expect(v).toBeDefined();
-    });
-  });
-
-  describe('horizontal scroll detection', () => {
-    it('should detect when scroll width exceeds viewport width', () => {
-      // This would require actual browser testing
-      // Placeholder for structure validation
-      expect(true).toBe(true);
-    });
-  });
-
-  describe('layout shift measurement', () => {
-    it('should identify images without explicit dimensions', () => {
-      // This would require actual browser testing
-      // Placeholder for structure validation
-      expect(true).toBe(true);
-    });
-  });
-
-  describe('issue conversion', () => {
-    it('should convert horizontal scroll to critical layout issue', () => {
-      // Test that viewport issues are properly converted to layout issues
-      expect(true).toBe(true);
-    });
-
-    it('should convert touch target issues to moderate layout issues', () => {
-      // Test that touch target violations are properly reported
-      expect(true).toBe(true);
-    });
-  });
-
-  describe('cleanup', () => {
-    it('should close browser gracefully', async () => {
-      const v = new ResponsiveValidator();
-      await v.initialize();
-      await v.close();
-      // If no error is thrown, cleanup succeeded
-      expect(true).toBe(true);
-    });
-  });
-});
diff --git a/lib/ui-analysis/__tests__/test-components/absolute-no-pos.tsx b/lib/ui-analysis/__tests__/test-components/absolute-no-pos.tsx
deleted file mode 100644
index d0369a2..0000000
--- a/lib/ui-analysis/__tests__/test-components/absolute-no-pos.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-
-        export default function Component() {
-          return <div className="absolute">Content</div>;
-        }
-      
\ No newline at end of file
diff --git a/lib/ui-analysis/__tests__/visual-hierarchy-optimizer.test.ts b/lib/ui-analysis/__tests__/visual-hierarchy-optimizer.test.ts
deleted file mode 100644
index 0646e75..0000000
--- a/lib/ui-analysis/__tests__/visual-hierarchy-optimizer.test.ts
+++ /dev/null
@@ -1,222 +0,0 @@
-/**
- * Unit tests for Visual Hierarchy Optimizer
- */
-
-import { describe, it, expect, beforeEach } from 'vitest';
-import { VisualHierarchyOptimizer } from '../visual-hierarchy-optimizer';
-
-describe('VisualHierarchyOptimizer', () => {
-  let optimizer: VisualHierarchyOptimizer;
-
-  beforeEach(() => {
-    optimizer = new VisualHierarchyOptimizer();
-  });
-
-  describe('analyzeHeadingStructure', () => {
-    it('should extract headings from HTML', () => {
-      const html = `
-        <h1>Main Title</h1>
-        <h2>Subtitle</h2>
-        <h3>Section</h3>
-      `;
-
-      const report = optimizer.analyzeHeadingStructure(html);
-
-      expect(report.headings).toHaveLength(3);
-      expect(report.headings[0].level).toBe(1);
-      expect(report.headings[0].text).toBe('Main Title');
-      expect(report.headings[1].level).toBe(2);
-      expect(report.headings[1].text).toBe('Subtitle');
-      expect(report.headings[2].level).toBe(3);
-      expect(report.headings[2].text).toBe('Section');
-    });
-
-    it('should detect multiple h1 elements', () => {
-      const html = `
-        <h1>First Title</h1>
-        <h1>Second Title</h1>
-      `;
-
-      const report = optimizer.analyzeHeadingStructure(html);
-
-      expect(report.structure).toBe('invalid');
-      expect(report.issues).toHaveLength(1);
-      expect(report.issues[0].type).toBe('multiple-h1');
-    });
-
-    it('should detect skipped heading levels', () => {
-      const html = `
-        <h1>Title</h1>
-        <h3>Skipped h2</h3>
-      `;
-
-      const report = optimizer.analyzeHeadingStructure(html);
-
-      expect(report.structure).toBe('invalid');
-      expect(report.issues).toHaveLength(1);
-      expect(report.issues[0].type).toBe('skipped-level');
-      expect(report.issues[0].message).toContain('h1 followed by h3');
-    });
-
-    it('should validate proper heading hierarchy', () => {
-      const html = `
-        <h1>Main Title</h1>
-        <h2>Section 1</h2>
-        <h3>Subsection 1.1</h3>
-        <h3>Subsection 1.2</h3>
-        <h2>Section 2</h2>
-      `;
-
-      const report = optimizer.analyzeHeadingStructure(html);
-
-      expect(report.structure).toBe('valid');
-      expect(report.issues).toHaveLength(0);
-    });
-
-    it('should extract inline styles from headings', () => {
-      const html = `
-        <h1 style="font-size: 3rem; font-weight: 800;">Styled Title</h1>
-      `;
-
-      const report = optimizer.analyzeHeadingStructure(html);
-
-      expect(report.headings[0].fontSize).toBe('3rem');
-      expect(report.headings[0].fontWeight).toBe('800');
-    });
-
-    it('should use default styles when no inline styles present', () => {
-      const html = `<h1>Title</h1>`;
-
-      const report = optimizer.analyzeHeadingStructure(html);
-
-      expect(report.headings[0].fontSize).toBe('2rem');
-      expect(report.headings[0].fontWeight).toBe('700');
-      expect(report.headings[0].lineHeight).toBe('1.2');
-    });
-
-    it('should detect inconsistent font sizes for same heading level', () => {
-      const html = `
-        <h2 style="font-size: 1.5rem;">First h2</h2>
-        <h2 style="font-size: 2rem;">Second h2</h2>
-      `;
-
-      const report = optimizer.analyzeHeadingStructure(html);
-
-      expect(report.structure).toBe('invalid');
-      const inconsistentIssues = report.issues.filter(i => i.type === 'inconsistent-size');
-      expect(inconsistentIssues.length).toBeGreaterThan(0);
-    });
-
-    it('should strip HTML tags from heading text', () => {
-      const html = `
-        <h1>Title with <span>nested</span> <strong>tags</strong></h1>
-      `;
-
-      const report = optimizer.analyzeHeadingStructure(html);
-
-      expect(report.headings[0].text).toBe('Title with nested tags');
-    });
-
-    it('should handle empty HTML', () => {
-      const html = '';
-
-      const report = optimizer.analyzeHeadingStructure(html);
-
-      expect(report.headings).toHaveLength(0);
-      expect(report.structure).toBe('valid');
-      expect(report.issues).toHaveLength(0);
-    });
-  });
-
-  describe('analyzeAccentUsage', () => {
-    it('should detect accent color in hex format', () => {
-      const css = `
-        .button {
-          background-color: #8aa2ff;
-        }
-      `;
-
-      const report = optimizer.analyzeAccentUsage(css);
-
-      expect(report.usages).toHaveLength(1);
-      expect(report.usages[0].location.lineNumber).toBe(3);
-    });
-
-    it('should detect accent color in CSS variable format', () => {
-      const css = `
-        .link {
-          color: var(--color-accent);
-        }
-      `;
-
-      const report = optimizer.analyzeAccentUsage(css);
-
-      expect(report.usages).toHaveLength(1);
-    });
-
-    it('should identify interactive context as appropriate', () => {
-      const css = `
-        button:hover {
-          background-color: #8aa2ff;
-        }
-      `;
-
-      const report = optimizer.analyzeAccentUsage(css);
-
-      expect(report.usages[0].context).toBe('interactive');
-      expect(report.usages[0].appropriate).toBe(true);
-      expect(report.issues).toHaveLength(0);
-    });
-
-    it('should identify decorative context as inappropriate', () => {
-      const css = `
-        .divider {
-          border-color: #8aa2ff;
-        }
-      `;
-
-      const report = optimizer.analyzeAccentUsage(css);
-
-      expect(report.usages[0].context).toBe('decorative');
-      expect(report.usages[0].appropriate).toBe(false);
-      expect(report.issues.length).toBeGreaterThan(0);
-    });
-
-    it('should detect multiple accent color usages', () => {
-      const css = `
-        .button { color: #8aa2ff; }
-        .link:hover { color: var(--color-accent); }
-        .border { border-color: #8aa2ff; }
-      `;
-
-      const report = optimizer.analyzeAccentUsage(css);
-
-      expect(report.usages).toHaveLength(3);
-    });
-
-    it('should handle CSS without accent color', () => {
-      const css = `
-        .text {
-          color: #ffffff;
-        }
-      `;
-
-      const report = optimizer.analyzeAccentUsage(css);
-
-      expect(report.usages).toHaveLength(0);
-      expect(report.issues).toHaveLength(0);
-    });
-
-    it('should be case-insensitive for color detection', () => {
-      const css = `
-        .button {
-          background-color: #8AA2FF;
-        }
-      `;
-
-      const report = optimizer.analyzeAccentUsage(css);
-
-      expect(report.usages).toHaveLength(1);
-    });
-  });
-});
diff --git a/lib/ui-analysis/accessibility-checker.ts b/lib/ui-analysis/accessibility-checker.ts
deleted file mode 100644
index 47ed014..0000000
--- a/lib/ui-analysis/accessibility-checker.ts
+++ /dev/null
@@ -1,456 +0,0 @@
-/**
- * Accessibility Checker - Automated accessibility audit system using axe-core
- * 
- * This module integrates axe-core for WCAG validation and provides custom
- * accessibility checks for keyboard navigation, focus indicators, and more.
- */
-
-import { chromium, Browser, Page, BrowserContext } from 'playwright';
-import type {
-  A11yReport,
-  A11yViolation,
-  A11yPass,
-  A11yIncomplete,
-  ViolationNode,
-  KeyboardIssue,
-  FocusIssue,
-  ContrastIssue,
-  MotionIssue,
-} from './types';
-
-// ============================================================================
-// Accessibility Checker Class
-// ============================================================================
-
-export class AccessibilityChecker {
-  private browser: Browser | null = null;
-  private context: BrowserContext | null = null;
-  private wcagLevel: 'A' | 'AA' | 'AAA';
-
-  constructor(wcagLevel: 'A' | 'AA' | 'AAA' = 'AA') {
-    this.wcagLevel = wcagLevel;
-  }
-
-  /**
-   * Initialize browser instance
-   */
-  async initialize(): Promise<void> {
-    if (!this.browser) {
-      this.browser = await chromium.launch({
-        headless: true,
-      });
-      this.context = await this.browser.newContext();
-    }
-  }
-
-  /**
-   * Close browser instance
-   */
-  async close(): Promise<void> {
-    if (this.context) {
-      await this.context.close();
-      this.context = null;
-    }
-    if (this.browser) {
-      await this.browser.close();
-      this.browser = null;
-    }
-  }
-
-  /**
-   * Run comprehensive accessibility audit on a page
-   */
-  async auditPage(url: string): Promise<A11yReport> {
-    await this.initialize();
-
-    if (!this.context) {
-      throw new Error('Browser context not initialized');
-    }
-
-    const page = await this.context.newPage();
-
-    try {
-      // Navigate to URL
-      await page.goto(url, { waitUntil: 'networkidle' });
-
-      // Wait for page to stabilize
-      await page.waitForTimeout(500);
-
-      // Inject axe-core library
-      await this.injectAxeCore(page);
-
-      // Run axe-core audit
-      const axeResults = await this.runAxeCore(page);
-
-      // Calculate accessibility score
-      const score = this.calculateScore(axeResults.violations, axeResults.passes);
-
-      return {
-        url,
-        violations: axeResults.violations,
-        passes: axeResults.passes,
-        incomplete: axeResults.incomplete,
-        wcagLevel: this.wcagLevel,
-        score,
-      };
-    } finally {
-      await page.close();
-    }
-  }
-
-  /**
-   * Check keyboard navigation accessibility
-   */
-  async checkKeyboardNav(page: Page): Promise<KeyboardIssue[]> {
-    const issues: KeyboardIssue[] = [];
-
-    // Get all interactive elements
-    const interactiveElements = await page.$$('button, a, input, select, textarea, [role="button"], [tabindex]');
-
-    for (const element of interactiveElements) {
-      // Check if element is focusable
-      const isFocusable = await element.evaluate((el) => {
-        const tabIndex = el.getAttribute('tabindex');
-        if (tabIndex === '-1') return false;
-        
-        // Check if element is naturally focusable or has tabindex >= 0
-        const focusableElements = ['button', 'a', 'input', 'select', 'textarea'];
-        return focusableElements.includes(el.tagName.toLowerCase()) || (tabIndex !== null && parseInt(tabIndex) >= 0);
-      });
-
-      if (!isFocusable) {
-        const selector = await element.evaluate((el) => {
-          const id = el.id ? `#${el.id}` : '';
-          const classes = el.className ? `.${el.className.toString().split(' ').join('.')}` : '';
-          return `${el.tagName.toLowerCase()}${id}${classes}`;
-        });
-
-        issues.push({
-          element: selector,
-          issue: 'not-focusable',
-          recommendation: 'Add tabindex="0" or use a naturally focusable element',
-        });
-      }
-    }
-
-    return issues;
-  }
-
-  /**
-   * Check focus indicators
-   */
-  async checkFocusIndicators(page: Page): Promise<FocusIssue[]> {
-    const issues: FocusIssue[] = [];
-
-    // Get all focusable elements
-    const focusableElements = await page.$$('button, a, input, select, textarea, [tabindex]:not([tabindex="-1"])');
-
-    for (const element of focusableElements) {
-      // Focus the element
-      await element.focus();
-
-      // Get computed outline style
-      const outlineInfo = await element.evaluate((el) => {
-        const styles = window.getComputedStyle(el);
-        return {
-          outline: styles.outline,
-          outlineWidth: styles.outlineWidth,
-          outlineStyle: styles.outlineStyle,
-          outlineOffset: styles.outlineOffset,
-        };
-      });
-
-      // Check if outline meets requirements (2px solid with 2px offset)
-      const hasValidOutline = this.validateFocusOutline(outlineInfo);
-
-      if (!hasValidOutline) {
-        const selector = await element.evaluate((el) => {
-          const id = el.id ? `#${el.id}` : '';
-          const classes = el.className ? `.${el.className.toString().split(' ').join('.')}` : '';
-          return `${el.tagName.toLowerCase()}${id}${classes}`;
-        });
-
-        issues.push({
-          element: selector,
-          currentOutline: outlineInfo.outline,
-          requiredOutline: '2px solid with 2px offset',
-        });
-      }
-    }
-
-    return issues;
-  }
-
-  /**
-   * Check color contrast ratios
-   */
-  async checkColorContrast(page: Page): Promise<ContrastIssue[]> {
-    const issues: ContrastIssue[] = [];
-
-    // Get all text elements
-    const textElements = await page.$$('p, h1, h2, h3, h4, h5, h6, span, a, button, label, li');
-
-    for (const element of textElements) {
-      const contrastInfo = await element.evaluate((el) => {
-        const styles = window.getComputedStyle(el);
-        const foreground = styles.color;
-        const background = styles.backgroundColor;
-        const fontSize = parseFloat(styles.fontSize);
-        const fontWeight = styles.fontWeight;
-
-        return {
-          foreground,
-          background,
-          fontSize,
-          fontWeight,
-        };
-      });
-
-      // Calculate contrast ratio
-      const ratio = this.calculateContrastRatio(contrastInfo.foreground, contrastInfo.background);
-
-      // Determine required ratio based on text size
-      const isLargeText = contrastInfo.fontSize >= 18 || (contrastInfo.fontSize >= 14 && parseInt(contrastInfo.fontWeight) >= 700);
-      const requiredRatio = isLargeText ? 3.0 : 4.5;
-
-      if (ratio < requiredRatio) {
-        const selector = await element.evaluate((el) => {
-          const id = el.id ? `#${el.id}` : '';
-          const classes = el.className ? `.${el.className.toString().split(' ').join('.')}` : '';
-          return `${el.tagName.toLowerCase()}${id}${classes}`;
-        });
-
-        issues.push({
-          element: selector,
-          foreground: contrastInfo.foreground,
-          background: contrastInfo.background,
-          ratio,
-          requiredRatio,
-          wcagLevel: 'AA',
-        });
-      }
-    }
-
-    return issues;
-  }
-
-  /**
-   * Check reduced motion support
-   */
-  async checkReducedMotion(): Promise<MotionIssue[]> {
-    // This would require analyzing CSS files for @media (prefers-reduced-motion)
-    // For now, return empty array as placeholder
-    // Full implementation would parse CSS and check for proper media query usage
-    return [];
-  }
-
-  /**
-   * Inject axe-core library into page
-   */
-  private async injectAxeCore(page: Page): Promise<void> {
-    // Inject axe-core from node_modules
-    const axeCorePath = require.resolve('axe-core');
-    const axeSource = require('fs').readFileSync(axeCorePath, 'utf8');
-    await page.evaluate(axeSource);
-  }
-
-  /**
-   * Run axe-core audit
-   */
-  private async runAxeCore(page: Page): Promise<{
-    violations: A11yViolation[];
-    passes: A11yPass[];
-    incomplete: A11yIncomplete[];
-  }> {
-    const results = await page.evaluate((wcagLevel) => {
-      // @ts-ignore - axe is injected globally
-      return window.axe.run({
-        runOnly: {
-          type: 'tag',
-          values: [`wcag2${wcagLevel.toLowerCase()}`, 'best-practice'],
-        },
-      });
-    }, this.wcagLevel);
-
-    return {
-      violations: results.violations.map(this.mapAxeViolation),
-      passes: results.passes.map(this.mapAxePass),
-      incomplete: results.incomplete.map(this.mapAxeIncomplete),
-    };
-  }
-
-  /**
-   * Map axe-core violation to our format
-   */
-  private mapAxeViolation(violation: any): A11yViolation {
-    return {
-      id: violation.id,
-      impact: violation.impact as 'critical' | 'serious' | 'moderate' | 'minor',
-      description: violation.description,
-      help: violation.help,
-      helpUrl: violation.helpUrl,
-      nodes: violation.nodes.map((node: any) => ({
-        html: node.html,
-        target: node.target,
-        failureSummary: node.failureSummary || '',
-      })),
-    };
-  }
-
-  /**
-   * Map axe-core pass to our format
-   */
-  private mapAxePass(pass: any): A11yPass {
-    return {
-      id: pass.id,
-      description: pass.description,
-    };
-  }
-
-  /**
-   * Map axe-core incomplete to our format
-   */
-  private mapAxeIncomplete(incomplete: any): A11yIncomplete {
-    return {
-      id: incomplete.id,
-      description: incomplete.description,
-      nodes: incomplete.nodes.map((node: any) => ({
-        html: node.html,
-        target: node.target,
-        failureSummary: node.failureSummary || '',
-      })),
-    };
-  }
-
-  /**
-   * Calculate accessibility score (0-100)
-   */
-  private calculateScore(violations: A11yViolation[], passes: A11yPass[]): number {
-    // Weight violations by impact
-    const impactWeights = {
-      critical: 10,
-      serious: 7,
-      moderate: 4,
-      minor: 1,
-    };
-
-    const totalViolationWeight = violations.reduce((sum, v) => {
-      return sum + (impactWeights[v.impact] * v.nodes.length);
-    }, 0);
-
-    const totalPasses = passes.length;
-
-    // Calculate score: more passes and fewer violations = higher score
-    if (totalPasses === 0 && totalViolationWeight === 0) return 100;
-    if (totalPasses === 0) return 0;
-
-    const score = Math.max(0, 100 - (totalViolationWeight / totalPasses) * 100);
-    return Math.round(score);
-  }
-
-  /**
-   * Validate focus outline meets requirements
-   */
-  private validateFocusOutline(outlineInfo: {
-    outline: string;
-    outlineWidth: string;
-    outlineStyle: string;
-    outlineOffset: string;
-  }): boolean {
-    // Check for 2px width
-    const widthMatch = outlineInfo.outlineWidth.includes('2px');
-    
-    // Check for solid style
-    const styleMatch = outlineInfo.outlineStyle === 'solid' || outlineInfo.outline.includes('solid');
-    
-    // Check for 2px offset
-    const offsetMatch = outlineInfo.outlineOffset.includes('2px');
-
-    // Check if outline is not 'none'
-    const notNone = outlineInfo.outline !== 'none' && outlineInfo.outlineStyle !== 'none';
-
-    return widthMatch && styleMatch && offsetMatch && notNone;
-  }
-
-  /**
-   * Calculate contrast ratio between two colors
-   */
-  private calculateContrastRatio(foreground: string, background: string): number {
-    const fgLuminance = this.getRelativeLuminance(foreground);
-    const bgLuminance = this.getRelativeLuminance(background);
-
-    const lighter = Math.max(fgLuminance, bgLuminance);
-    const darker = Math.min(fgLuminance, bgLuminance);
-
-    return (lighter + 0.05) / (darker + 0.05);
-  }
-
-  /**
-   * Get relative luminance of a color
-   */
-  private getRelativeLuminance(color: string): number {
-    // Parse RGB values from color string
-    const rgb = this.parseColor(color);
-    if (!rgb) return 0;
-
-    // Convert to relative luminance
-    const [r, g, b] = rgb.map((val) => {
-      const sRGB = val / 255;
-      return sRGB <= 0.03928 ? sRGB / 12.92 : Math.pow((sRGB + 0.055) / 1.055, 2.4);
-    });
-
-    return 0.2126 * r + 0.7152 * g + 0.0722 * b;
-  }
-
-  /**
-   * Parse color string to RGB values
-   */
-  private parseColor(color: string): [number, number, number] | null {
-    // Handle rgb/rgba format
-    const rgbMatch = color.match(/rgba?\((\d+),\s*(\d+),\s*(\d+)/);
-    if (rgbMatch) {
-      return [parseInt(rgbMatch[1]), parseInt(rgbMatch[2]), parseInt(rgbMatch[3])];
-    }
-
-    // Handle hex format
-    const hexMatch = color.match(/#([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})/);
-    if (hexMatch) {
-      return [
-        parseInt(hexMatch[1], 16),
-        parseInt(hexMatch[2], 16),
-        parseInt(hexMatch[3], 16),
-      ];
-    }
-
-    return null;
-  }
-}
-
-// ============================================================================
-// Utility Functions
-// ============================================================================
-
-/**
- * Create an accessibility checker with default settings
- */
-export function createAccessibilityChecker(
-  wcagLevel?: 'A' | 'AA' | 'AAA'
-): AccessibilityChecker {
-  return new AccessibilityChecker(wcagLevel);
-}
-
-/**
- * Quick audit for a single URL
- */
-export async function auditAccessibility(
-  url: string,
-  wcagLevel?: 'A' | 'AA' | 'AAA'
-): Promise<A11yReport> {
-  const checker = createAccessibilityChecker(wcagLevel);
-  try {
-    const report = await checker.auditPage(url);
-    return report;
-  } finally {
-    await checker.close();
-  }
-}
diff --git a/lib/ui-analysis/analyzer.ts b/lib/ui-analysis/analyzer.ts
deleted file mode 100644
index a11f358..0000000
--- a/lib/ui-analysis/analyzer.ts
+++ /dev/null
@@ -1,819 +0,0 @@
-/**
- * UI Analyzer - Core static analysis engine for detecting layout issues
- * 
- * This module scans React/TSX components for layout issues including:
- * - Overflow problems
- * - Misalignment
- * - Spacing inconsistencies
- * - Z-index conflicts
- * - Hardcoded colors
- * - Missing responsive variants
- * - Small touch targets
- * - Insufficient contrast
- */
-
-import * as ts from 'typescript';
-import { readFileSync, readdirSync, statSync, watch } from 'fs';
-import { join, extname } from 'path';
-import type { LayoutIssue, AnalysisReport, AnalysisSummary, AnalysisError } from './types';
-
-// ============================================================================
-// UIAnalyzer Class
-// ============================================================================
-
-export class UIAnalyzer {
-  private errors: AnalysisError[] = [];
-  private zIndexRegistry: Map<string, Array<{ value: number; filePath: string; lineNumber: number }>> = new Map();
-
-  /**
-   * Scan a single component file for layout issues
-   */
-  scanComponent(filePath: string): LayoutIssue[] {
-    const issues: LayoutIssue[] = [];
-
-    try {
-      // Read file content
-      const sourceCode = readFileSync(filePath, 'utf-8');
-
-      // Parse TSX file using TypeScript Compiler API
-      const sourceFile = ts.createSourceFile(
-        filePath,
-        sourceCode,
-        ts.ScriptTarget.Latest,
-        true,
-        ts.ScriptKind.TSX
-      );
-
-      // Extract JSX elements and analyze
-      this.visitNode(sourceFile, issues, filePath, sourceCode);
-    } catch (error) {
-      this.errors.push({
-        phase: 'parsing',
-        file: filePath,
-        error: error as Error,
-        recoverable: true,
-      });
-      console.warn(`Failed to parse ${filePath}:`, (error as Error).message);
-    }
-
-    return issues;
-  }
-
-  /**
-   * Scan a directory recursively for all component files
-   */
-  scanDirectory(dirPath: string): AnalysisReport {
-    const startTime = Date.now();
-    const allIssues: LayoutIssue[] = [];
-    const filesScanned: string[] = [];
-
-    // Clear z-index registry for fresh scan
-    this.zIndexRegistry.clear();
-
-    try {
-      const componentFiles = this.findComponentFiles(dirPath);
-
-      for (const filePath of componentFiles) {
-        const issues = this.scanComponent(filePath);
-        allIssues.push(...issues);
-        filesScanned.push(filePath);
-      }
-
-      // Detect z-index conflicts across all scanned components
-      const zIndexConflicts = this.detectZIndexConflicts();
-      allIssues.push(...zIndexConflicts);
-    } catch (error) {
-      this.errors.push({
-        phase: 'analysis',
-        file: dirPath,
-        error: error as Error,
-        recoverable: false,
-      });
-      console.error(`Failed to scan directory ${dirPath}:`, (error as Error).message);
-    }
-
-    const duration = Date.now() - startTime;
-    const summary = this.generateSummary(allIssues, filesScanned.length);
-
-    return {
-      timestamp: new Date().toISOString(),
-      duration,
-      summary,
-      issues: allIssues,
-    };
-  }
-
-  /**
-   * Watch mode - monitor files for changes and trigger re-analysis
-   */
-  watchMode(dirPath: string, callback: (issues: LayoutIssue[]) => void): void {
-    console.log(`Watching ${dirPath} for changes...`);
-
-    watch(dirPath, { recursive: true }, (eventType, filename) => {
-      if (!filename) return;
-
-      const filePath = join(dirPath, filename);
-      
-      // Only process component files
-      if (this.isComponentFile(filePath)) {
-        console.log(`File changed: ${filePath}`);
-        
-        try {
-          const issues = this.scanComponent(filePath);
-          callback(issues);
-        } catch (error) {
-          console.error(`Error scanning ${filePath}:`, (error as Error).message);
-        }
-      }
-    });
-  }
-
-  /**
-   * Get accumulated errors from analysis
-   */
-  getErrors(): AnalysisError[] {
-    return this.errors;
-  }
-
-  /**
-   * Clear accumulated errors
-   */
-  clearErrors(): void {
-    this.errors = [];
-  }
-
-  // ==========================================================================
-  // Private Helper Methods
-  // ==========================================================================
-
-  /**
-   * Recursively visit AST nodes to extract JSX elements
-   */
-  private visitNode(
-    node: ts.Node,
-    issues: LayoutIssue[],
-    filePath: string,
-    sourceCode: string
-  ): void {
-    // Check if node is a JSX element
-    if (ts.isJsxElement(node) || ts.isJsxSelfClosingElement(node)) {
-      this.analyzeJsxElement(node, issues, filePath, sourceCode);
-    }
-
-    // Recursively visit child nodes
-    ts.forEachChild(node, (child) => this.visitNode(child, issues, filePath, sourceCode));
-  }
-
-  /**
-   * Analyze a JSX element for layout issues
-   */
-  private analyzeJsxElement(
-    node: ts.JsxElement | ts.JsxSelfClosingElement,
-    issues: LayoutIssue[],
-    filePath: string,
-    sourceCode: string
-  ): void {
-    // Get opening element (handles both JsxElement and JsxSelfClosingElement)
-    const openingElement = ts.isJsxElement(node) 
-      ? node.openingElement 
-      : node;
-
-    // Extract className attribute
-    const classNameAttr = this.getClassNameAttribute(openingElement);
-    
-    if (classNameAttr) {
-      const className = this.getClassNameValue(classNameAttr);
-      const { line, character } = this.getPosition(node, sourceCode);
-
-      // Analyze className for issues
-      this.analyzeClassName(className, filePath, line, character, issues);
-    }
-
-    // Extract style attribute for hardcoded values
-    const styleAttr = this.getStyleAttribute(openingElement);
-    
-    if (styleAttr) {
-      const { line, character } = this.getPosition(node, sourceCode);
-      this.analyzeStyleAttribute(styleAttr, filePath, line, character, issues);
-    }
-  }
-
-  /**
-   * Get className attribute from JSX element
-   */
-  private getClassNameAttribute(
-    element: ts.JsxOpeningElement | ts.JsxSelfClosingElement
-  ): ts.JsxAttribute | undefined {
-    return element.attributes.properties.find(
-      (prop): prop is ts.JsxAttribute =>
-        ts.isJsxAttribute(prop) && 
-        prop.name.getText() === 'className'
-    );
-  }
-
-  /**
-   * Get style attribute from JSX element
-   */
-  private getStyleAttribute(
-    element: ts.JsxOpeningElement | ts.JsxSelfClosingElement
-  ): ts.JsxAttribute | undefined {
-    return element.attributes.properties.find(
-      (prop): prop is ts.JsxAttribute =>
-        ts.isJsxAttribute(prop) && 
-        prop.name.getText() === 'style'
-    );
-  }
-
-  /**
-   * Extract className value from attribute
-   */
-  private getClassNameValue(attr: ts.JsxAttribute): string {
-    if (!attr.initializer) return '';
-
-    if (ts.isStringLiteral(attr.initializer)) {
-      return attr.initializer.text;
-    }
-
-    if (ts.isJsxExpression(attr.initializer) && attr.initializer.expression) {
-      // Handle template literals and string concatenation
-      return attr.initializer.expression.getText();
-    }
-
-    return '';
-  }
-
-  /**
-   * Get line and column position of a node
-   */
-  private getPosition(node: ts.Node, sourceCode: string): { line: number; character: number } {
-    const sourceFile = node.getSourceFile();
-    const pos = sourceFile.getLineAndCharacterOfPosition(node.getStart());
-    
-    return {
-      line: pos.line + 1, // Convert to 1-indexed
-      character: pos.character + 1,
-    };
-  }
-
-  /**
-   * Analyze className string for layout issues
-   */
-  private analyzeClassName(
-    className: string,
-    filePath: string,
-    lineNumber: number,
-    columnNumber: number,
-    issues: LayoutIssue[]
-  ): void {
-    // Split className into individual classes
-    const classes = className.split(/\s+/).filter(Boolean);
-
-    for (const cls of classes) {
-      // ========================================================================
-      // OVERFLOW DETECTION (Enhanced)
-      // ========================================================================
-      
-      // Check for overflow-hidden without constraints
-      if (cls.includes('overflow-hidden') && !this.hasConstraints(classes)) {
-        const severity = this.determineOverflowSeverity(classes);
-        issues.push({
-          type: 'overflow',
-          severity,
-          filePath,
-          lineNumber,
-          columnNumber,
-          message: 'overflow-hidden used without explicit width/height constraints',
-          suggestion: 'Add w-* or h-* classes to constrain dimensions',
-          autoFixable: false,
-        });
-      }
-
-      // Check for overflow-auto/scroll without max-height
-      if ((cls === 'overflow-auto' || cls === 'overflow-scroll' || cls === 'overflow-y-auto' || cls === 'overflow-y-scroll') 
-          && !this.hasMaxHeight(classes)) {
-        issues.push({
-          type: 'overflow',
-          severity: 'moderate',
-          filePath,
-          lineNumber,
-          columnNumber,
-          message: `${cls} used without max-height constraint - may cause infinite expansion`,
-          suggestion: 'Add max-h-* class to limit scrollable area',
-          autoFixable: false,
-        });
-      }
-
-      // Check for overflow-x-hidden which often indicates responsive issues
-      if (cls === 'overflow-x-hidden') {
-        issues.push({
-          type: 'overflow',
-          severity: 'critical',
-          filePath,
-          lineNumber,
-          columnNumber,
-          message: 'overflow-x-hidden may hide horizontal scroll issues instead of fixing them',
-          suggestion: 'Fix the root cause of horizontal overflow instead of hiding it',
-          autoFixable: false,
-        });
-      }
-
-      // ========================================================================
-      // SPACING INCONSISTENCY DETECTION (Enhanced)
-      // ========================================================================
-      
-      // Check for arbitrary spacing values
-      if (this.isArbitrarySpacing(cls)) {
-        const suggestedValue = this.suggestSpacingValue(cls);
-        issues.push({
-          type: 'spacing-inconsistency',
-          severity: 'minor',
-          filePath,
-          lineNumber,
-          columnNumber,
-          message: `Arbitrary spacing value detected: ${cls}`,
-          suggestion: suggestedValue 
-            ? `Use design system value: ${suggestedValue}`
-            : 'Use design system spacing scale (0.5rem, 0.75rem, 1rem, 1.5rem, 2rem)',
-          autoFixable: false,
-        });
-      }
-
-      // Check for non-standard spacing utilities
-      if (this.isNonStandardSpacing(cls)) {
-        issues.push({
-          type: 'spacing-inconsistency',
-          severity: 'minor',
-          filePath,
-          lineNumber,
-          columnNumber,
-          message: `Non-standard spacing class: ${cls}`,
-          suggestion: 'Use standard spacing scale (p-1, p-2, p-4, p-6, p-8, etc.)',
-          autoFixable: false,
-        });
-      }
-
-      // ========================================================================
-      // Z-INDEX CONFLICT DETECTION (New)
-      // ========================================================================
-      
-      // Check for z-index usage
-      if (this.isZIndexClass(cls)) {
-        const zValue = this.extractZIndexValue(cls);
-        if (zValue !== null) {
-          this.registerZIndex(filePath, lineNumber, zValue);
-          
-          // Check for problematic z-index values
-          if (zValue > 9999) {
-            issues.push({
-              type: 'z-index-conflict',
-              severity: 'moderate',
-              filePath,
-              lineNumber,
-              columnNumber,
-              message: `Extremely high z-index value: ${zValue}`,
-              suggestion: 'Use a layered z-index system (0-10 for content, 10-50 for overlays, 50-100 for modals)',
-              autoFixable: false,
-            });
-          }
-
-          // Check for arbitrary z-index values
-          if (cls.includes('[') && cls.includes(']')) {
-            issues.push({
-              type: 'z-index-conflict',
-              severity: 'minor',
-              filePath,
-              lineNumber,
-              columnNumber,
-              message: `Arbitrary z-index value: ${cls}`,
-              suggestion: 'Use predefined z-index utilities (z-0, z-10, z-20, z-30, z-40, z-50)',
-              autoFixable: false,
-            });
-          }
-        }
-      }
-
-      // ========================================================================
-      // MISSING RESPONSIVE VARIANTS (Enhanced)
-      // ========================================================================
-      
-      // Check for missing responsive variants on sizing classes
-      if (this.isSizingClass(cls) && !this.hasResponsiveVariant(classes, cls)) {
-        const severity = this.determineResponsiveSeverity(cls);
-        issues.push({
-          type: 'missing-responsive',
-          severity,
-          filePath,
-          lineNumber,
-          columnNumber,
-          message: `Sizing class ${cls} lacks responsive variants`,
-          suggestion: 'Add responsive variants (sm:, md:, lg:, xl:)',
-          autoFixable: false,
-        });
-      }
-    }
-
-    // ========================================================================
-    // MISALIGNMENT DETECTION (Enhanced)
-    // ========================================================================
-    
-    // Check for flex containers without alignment
-    if (this.isFlexContainer(classes) && !this.hasAlignment(classes)) {
-      issues.push({
-        type: 'misalignment',
-        severity: 'minor',
-        filePath,
-        lineNumber,
-        columnNumber,
-        message: 'Flex container without explicit alignment classes',
-        suggestion: 'Add items-center, items-start, items-end, or items-baseline',
-        autoFixable: false,
-      });
-    }
-
-    // Check for grid containers without gap
-    if (this.isGridContainer(classes) && !this.hasGap(classes)) {
-      issues.push({
-        type: 'misalignment',
-        severity: 'minor',
-        filePath,
-        lineNumber,
-        columnNumber,
-        message: 'Grid container without gap spacing',
-        suggestion: 'Add gap-* class for consistent grid spacing',
-        autoFixable: false,
-      });
-    }
-
-    // Check for absolute positioning without explicit positioning classes
-    if (this.hasAbsolutePosition(classes) && !this.hasPositioningClasses(classes)) {
-      issues.push({
-        type: 'misalignment',
-        severity: 'moderate',
-        filePath,
-        lineNumber,
-        columnNumber,
-        message: 'Absolute positioning without explicit top/right/bottom/left classes',
-        suggestion: 'Add positioning classes (top-*, right-*, bottom-*, left-*) or use inset-*',
-        autoFixable: false,
-      });
-    }
-  }
-
-  /**
-   * Analyze style attribute for hardcoded values
-   */
-  private analyzeStyleAttribute(
-    attr: ts.JsxAttribute,
-    filePath: string,
-    lineNumber: number,
-    columnNumber: number,
-    issues: LayoutIssue[]
-  ): void {
-    const styleText = attr.getText();
-
-    // Check for hardcoded colors (hex, rgb, rgba)
-    const hexColorRegex = /#[0-9a-fA-F]{3,6}/g;
-    const rgbColorRegex = /rgba?\([^)]+\)/g;
-
-    if (hexColorRegex.test(styleText) || rgbColorRegex.test(styleText)) {
-      issues.push({
-        type: 'hardcoded-color',
-        severity: 'moderate',
-        filePath,
-        lineNumber,
-        columnNumber,
-        message: 'Hardcoded color value in style attribute',
-        suggestion: 'Use CSS custom properties from design system (var(--color-*))',
-        autoFixable: false,
-      });
-    }
-  }
-
-  /**
-   * Check if classes include width/height constraints
-   */
-  private hasConstraints(classes: string[]): boolean {
-    return classes.some(cls => 
-      cls.startsWith('w-') || 
-      cls.startsWith('h-') ||
-      cls.startsWith('max-w-') ||
-      cls.startsWith('max-h-') ||
-      cls.startsWith('min-w-') ||
-      cls.startsWith('min-h-')
-    );
-  }
-
-  /**
-   * Check if classes include max-height constraint
-   */
-  private hasMaxHeight(classes: string[]): boolean {
-    return classes.some(cls => 
-      cls.startsWith('max-h-') || 
-      cls.startsWith('h-')
-    );
-  }
-
-  /**
-   * Determine overflow severity based on context
-   */
-  private determineOverflowSeverity(classes: string[]): 'critical' | 'moderate' | 'minor' {
-    // Critical if it's on a container that might affect layout
-    if (classes.some(cls => cls.includes('container') || cls.includes('wrapper'))) {
-      return 'critical';
-    }
-    return 'moderate';
-  }
-
-  /**
-   * Check if class is an arbitrary spacing value
-   */
-  private isArbitrarySpacing(cls: string): boolean {
-    // Match patterns like p-[13px], m-[2.5rem], gap-[15px]
-    const arbitraryPattern = /^(p|m|gap|space)-\[[\d.]+(?:px|rem|em)\]$/;
-    return arbitraryPattern.test(cls);
-  }
-
-  /**
-   * Check if class is non-standard spacing (e.g., p-3, p-5, p-7, p-9, etc.)
-   */
-  private isNonStandardSpacing(cls: string): boolean {
-    // Standard Tailwind spacing: 0, 0.5, 1, 1.5, 2, 2.5, 3, 4, 5, 6, 8, 10, 12, 16, 20, 24, etc.
-    // Non-standard would be odd numbers like 3, 5, 7, 9, 11, 13, 15, 17, 19, 21, 23
-    const nonStandardPattern = /^(p|m|gap|space)-(3|5|7|9|11|13|15|17|19|21|23)$/;
-    return nonStandardPattern.test(cls);
-  }
-
-  /**
-   * Suggest nearest spacing value from design scale
-   */
-  private suggestSpacingValue(arbitraryClass: string): string | null {
-    // Extract the numeric value
-    const match = arbitraryClass.match(/\[([\d.]+)(?:px|rem|em)\]/);
-    if (!match) return null;
-
-    const value = parseFloat(match[1]);
-    const unit = arbitraryClass.includes('rem') ? 'rem' : 'px';
-
-    // Design scale in rem: 0.5, 0.75, 1, 1.25, 1.5, 2, 2.5, 3
-    // Convert to px (assuming 1rem = 16px): 8, 12, 16, 20, 24, 32, 40, 48
-    const scaleInPx = [8, 12, 16, 20, 24, 32, 40, 48, 64, 80, 96];
-    const scaleInRem = [0.5, 0.75, 1, 1.25, 1.5, 2, 2.5, 3, 4, 5, 6];
-
-    const scale = unit === 'rem' ? scaleInRem : scaleInPx;
-    
-    // Find nearest value
-    let nearest = scale[0];
-    let minDiff = Math.abs(value - nearest);
-
-    for (const scaleValue of scale) {
-      const diff = Math.abs(value - scaleValue);
-      if (diff < minDiff) {
-        minDiff = diff;
-        nearest = scaleValue;
-      }
-    }
-
-    // Map to Tailwind class
-    const prefix = arbitraryClass.split('-')[0];
-    const tailwindMap: Record<number, string> = {
-      0.5: '0.5', 0.75: '1', 1: '2', 1.25: '3', 1.5: '4', 2: '6', 2.5: '8', 3: '10', 4: '12', 5: '16', 6: '20'
-    };
-
-    if (unit === 'rem' && tailwindMap[nearest]) {
-      return `${prefix}-${tailwindMap[nearest]}`;
-    }
-
-    return null;
-  }
-
-  /**
-   * Check if class is a z-index class
-   */
-  private isZIndexClass(cls: string): boolean {
-    return cls.startsWith('z-') || cls.startsWith('-z-');
-  }
-
-  /**
-   * Extract z-index numeric value from class
-   */
-  private extractZIndexValue(cls: string): number | null {
-    // Handle arbitrary values like z-[999]
-    const arbitraryMatch = cls.match(/z-\[(-?\d+)\]/);
-    if (arbitraryMatch) {
-      return parseInt(arbitraryMatch[1], 10);
-    }
-
-    // Handle standard Tailwind z-index values
-    const standardMatch = cls.match(/^-?z-(\d+)$/);
-    if (standardMatch) {
-      return parseInt(standardMatch[1], 10);
-    }
-
-    // Handle named z-index values
-    const namedValues: Record<string, number> = {
-      'z-auto': 0,
-      'z-0': 0,
-      'z-10': 10,
-      'z-20': 20,
-      'z-30': 30,
-      'z-40': 40,
-      'z-50': 50,
-    };
-
-    return namedValues[cls] ?? null;
-  }
-
-  /**
-   * Register z-index usage for conflict detection
-   */
-  private registerZIndex(filePath: string, lineNumber: number, value: number): void {
-    const key = `z-${value}`;
-    if (!this.zIndexRegistry.has(key)) {
-      this.zIndexRegistry.set(key, []);
-    }
-    this.zIndexRegistry.get(key)!.push({ value, filePath, lineNumber });
-  }
-
-  /**
-   * Detect z-index conflicts across components
-   */
-  detectZIndexConflicts(): LayoutIssue[] {
-    const conflicts: LayoutIssue[] = [];
-
-    // Check for multiple components using the same high z-index
-    for (const [key, usages] of this.zIndexRegistry.entries()) {
-      if (usages.length > 1 && usages[0].value >= 40) {
-        for (const usage of usages) {
-          conflicts.push({
-            type: 'z-index-conflict',
-            severity: 'moderate',
-            filePath: usage.filePath,
-            lineNumber: usage.lineNumber,
-            columnNumber: 0,
-            message: `Multiple components use z-index ${usage.value} - potential stacking conflict`,
-            suggestion: 'Review z-index hierarchy and ensure intentional stacking order',
-            autoFixable: false,
-          });
-        }
-      }
-    }
-
-    return conflicts;
-  }
-
-  /**
-   * Check if class is a sizing class
-   */
-  private isSizingClass(cls: string): boolean {
-    return cls.startsWith('w-') || 
-           cls.startsWith('h-') || 
-           cls.startsWith('text-');
-  }
-
-  /**
-   * Determine severity for missing responsive variants
-   */
-  private determineResponsiveSeverity(cls: string): 'critical' | 'moderate' | 'minor' {
-    // Critical for width classes that might break mobile layout
-    if (cls.startsWith('w-') && !cls.includes('full') && !cls.includes('auto')) {
-      return 'critical';
-    }
-    // Moderate for text sizing
-    if (cls.startsWith('text-')) {
-      return 'moderate';
-    }
-    return 'minor';
-  }
-
-  /**
-   * Check if classes include responsive variants for a given class
-   */
-  private hasResponsiveVariant(classes: string[], baseClass: string): boolean {
-    const responsivePrefixes = ['sm:', 'md:', 'lg:', 'xl:', '2xl:'];
-    const baseClassName = baseClass.split(':').pop() || baseClass;
-    
-    return classes.some(cls => 
-      responsivePrefixes.some(prefix => cls.startsWith(prefix) && cls.includes(baseClassName))
-    );
-  }
-
-  /**
-   * Check if classes define a flex container
-   */
-  private isFlexContainer(classes: string[]): boolean {
-    return classes.some(cls => cls === 'flex' || cls.startsWith('flex-'));
-  }
-
-  /**
-   * Check if classes define a grid container
-   */
-  private isGridContainer(classes: string[]): boolean {
-    return classes.some(cls => cls === 'grid' || cls.startsWith('grid-'));
-  }
-
-  /**
-   * Check if classes include alignment
-   */
-  private hasAlignment(classes: string[]): boolean {
-    return classes.some(cls => 
-      cls.startsWith('items-') || 
-      cls.startsWith('justify-') ||
-      cls.startsWith('content-')
-    );
-  }
-
-  /**
-   * Check if classes include gap spacing
-   */
-  private hasGap(classes: string[]): boolean {
-    return classes.some(cls => cls.startsWith('gap-'));
-  }
-
-  /**
-   * Check if classes include absolute positioning
-   */
-  private hasAbsolutePosition(classes: string[]): boolean {
-    return classes.some(cls => cls === 'absolute');
-  }
-
-  /**
-   * Check if classes include positioning classes (top, right, bottom, left, inset)
-   */
-  private hasPositioningClasses(classes: string[]): boolean {
-    return classes.some(cls => 
-      cls.startsWith('top-') || 
-      cls.startsWith('right-') || 
-      cls.startsWith('bottom-') || 
-      cls.startsWith('left-') ||
-      cls.startsWith('inset-')
-    );
-  }
-
-  /**
-   * Find all component files in a directory recursively
-   */
-  private findComponentFiles(dirPath: string): string[] {
-    const files: string[] = [];
-
-    try {
-      const entries = readdirSync(dirPath);
-
-      for (const entry of entries) {
-        const fullPath = join(dirPath, entry);
-        
-        try {
-          const stat = statSync(fullPath);
-
-          if (stat.isDirectory()) {
-            // Skip node_modules and hidden directories
-            if (entry !== 'node_modules' && !entry.startsWith('.')) {
-              files.push(...this.findComponentFiles(fullPath));
-            }
-          } else if (this.isComponentFile(fullPath)) {
-            files.push(fullPath);
-          }
-        } catch (error) {
-          console.warn(`Failed to stat ${fullPath}:`, (error as Error).message);
-        }
-      }
-    } catch (error) {
-      console.error(`Failed to read directory ${dirPath}:`, (error as Error).message);
-    }
-
-    return files;
-  }
-
-  /**
-   * Check if file is a component file (tsx, jsx)
-   */
-  private isComponentFile(filePath: string): boolean {
-    const ext = extname(filePath);
-    return ext === '.tsx' || ext === '.jsx';
-  }
-
-  /**
-   * Generate analysis summary from issues
-   */
-  private generateSummary(issues: LayoutIssue[], filesScanned: number): AnalysisSummary {
-    const criticalIssues = issues.filter(i => i.severity === 'critical').length;
-    const moderateIssues = issues.filter(i => i.severity === 'moderate').length;
-    const minorIssues = issues.filter(i => i.severity === 'minor').length;
-
-    // Calculate compliance score (0-100)
-    // Weighted: critical = 10 points, moderate = 5 points, minor = 1 point
-    const totalPenalty = (criticalIssues * 10) + (moderateIssues * 5) + (minorIssues * 1);
-    const maxScore = 100;
-    const complianceScore = Math.max(0, maxScore - totalPenalty);
-
-    return {
-      totalIssues: issues.length,
-      criticalIssues,
-      moderateIssues,
-      minorIssues,
-      filesScanned,
-      pagesAudited: 0, // Will be set by responsive validator
-      complianceScore,
-    };
-  }
-}
-
diff --git a/lib/ui-analysis/config.ts b/lib/ui-analysis/config.ts
deleted file mode 100644
index 38c23b0..0000000
--- a/lib/ui-analysis/config.ts
+++ /dev/null
@@ -1,292 +0,0 @@
-/**
- * Configuration schema and loader for UI analysis system
- */
-
-import { readFileSync, existsSync } from 'fs';
-import { join } from 'path';
-import type { UIAnalysisConfig, Breakpoint, RuleConfig, ReportingConfig } from './types';
-
-// ============================================================================
-// Default Configuration
-// ============================================================================
-
-const DEFAULT_BREAKPOINTS: Breakpoint[] = [
-  { name: 'mobile', width: 375, height: 667 },
-  { name: 'tablet', width: 768, height: 1024 },
-  { name: 'desktop', width: 1280, height: 800 },
-  { name: 'wide', width: 1920, height: 1080 },
-];
-
-const DEFAULT_RULES: RuleConfig = {
-  layout: {
-    checkOverflow: true,
-    checkAlignment: true,
-    checkSpacing: true,
-    checkZIndex: true,
-  },
-  responsive: {
-    minTouchTargetSize: { width: 44, height: 44 },
-    breakpoints: [640, 768, 1024, 1280],
-    allowHorizontalScroll: false,
-  },
-  accessibility: {
-    wcagLevel: 'AA',
-    checkKeyboard: true,
-    checkFocus: true,
-    checkContrast: true,
-    checkReducedMotion: true,
-  },
-  designSystem: {
-    enforceTokens: true,
-    allowedArbitraryValues: [],
-    strictMode: false,
-  },
-};
-
-const DEFAULT_REPORTING: ReportingConfig = {
-  console: true,
-  overlay: true,
-  json: false,
-  outputPath: './ui-analysis-report.json',
-  minSeverity: 'minor',
-};
-
-export const DEFAULT_CONFIG: UIAnalysisConfig = {
-  enabled: true,
-  mode: 'development',
-  rules: DEFAULT_RULES,
-  breakpoints: DEFAULT_BREAKPOINTS,
-  reporting: DEFAULT_REPORTING,
-};
-
-// ============================================================================
-// Configuration Loader
-// ============================================================================
-
-export class ConfigLoader {
-  private config: UIAnalysisConfig;
-
-  constructor(configPath?: string) {
-    this.config = this.loadConfig(configPath);
-  }
-
-  /**
-   * Load configuration from file or use defaults
-   */
-  private loadConfig(configPath?: string): UIAnalysisConfig {
-    const paths = configPath
-      ? [configPath]
-      : [
-          join(process.cwd(), 'ui-analysis.config.json'),
-          join(process.cwd(), '.ui-analysis.json'),
-          join(process.cwd(), 'ui-analysis.config.js'),
-        ];
-
-    for (const path of paths) {
-      if (existsSync(path)) {
-        try {
-          const fileContent = readFileSync(path, 'utf-8');
-          const userConfig = path.endsWith('.js')
-            ? require(path)
-            : JSON.parse(fileContent);
-
-          return this.mergeConfig(DEFAULT_CONFIG, userConfig);
-        } catch (error) {
-          console.warn(`Failed to load config from ${path}:`, error);
-          console.warn('Using default configuration');
-        }
-      }
-    }
-
-    return DEFAULT_CONFIG;
-  }
-
-  /**
-   * Deep merge user config with defaults
-   */
-  private mergeConfig(
-    defaults: UIAnalysisConfig,
-    userConfig: Partial<UIAnalysisConfig>
-  ): UIAnalysisConfig {
-    return {
-      enabled: userConfig.enabled ?? defaults.enabled,
-      mode: userConfig.mode ?? defaults.mode,
-      rules: {
-        layout: {
-          ...defaults.rules.layout,
-          ...userConfig.rules?.layout,
-        },
-        responsive: {
-          ...defaults.rules.responsive,
-          ...userConfig.rules?.responsive,
-        },
-        accessibility: {
-          ...defaults.rules.accessibility,
-          ...userConfig.rules?.accessibility,
-        },
-        designSystem: {
-          ...defaults.rules.designSystem,
-          ...userConfig.rules?.designSystem,
-        },
-      },
-      breakpoints: userConfig.breakpoints ?? defaults.breakpoints,
-      reporting: {
-        ...defaults.reporting,
-        ...userConfig.reporting,
-      },
-    };
-  }
-
-  /**
-   * Get the loaded configuration
-   */
-  getConfig(): UIAnalysisConfig {
-    return this.config;
-  }
-
-  /**
-   * Update configuration at runtime
-   */
-  updateConfig(updates: Partial<UIAnalysisConfig>): void {
-    this.config = this.mergeConfig(this.config, updates);
-  }
-
-  /**
-   * Validate configuration
-   */
-  validate(): { valid: boolean; errors: string[] } {
-    const errors: string[] = [];
-
-    // Validate mode
-    if (!['development', 'ci', 'production'].includes(this.config.mode)) {
-      errors.push(`Invalid mode: ${this.config.mode}`);
-    }
-
-    // Validate WCAG level
-    if (!['A', 'AA', 'AAA'].includes(this.config.rules.accessibility.wcagLevel)) {
-      errors.push(`Invalid WCAG level: ${this.config.rules.accessibility.wcagLevel}`);
-    }
-
-    // Validate breakpoints
-    if (this.config.breakpoints.length === 0) {
-      errors.push('At least one breakpoint must be defined');
-    }
-
-    for (const bp of this.config.breakpoints) {
-      if (bp.width <= 0 || bp.height <= 0) {
-        errors.push(`Invalid breakpoint dimensions: ${bp.name}`);
-      }
-    }
-
-    // Validate touch target size
-    const { minTouchTargetSize } = this.config.rules.responsive;
-    if (minTouchTargetSize.width < 0 || minTouchTargetSize.height < 0) {
-      errors.push('Touch target size must be positive');
-    }
-
-    // Validate reporting config
-    if (this.config.reporting.json && !this.config.reporting.outputPath) {
-      errors.push('Output path required when JSON reporting is enabled');
-    }
-
-    // Validate severity
-    if (!['critical', 'moderate', 'minor'].includes(this.config.reporting.minSeverity)) {
-      errors.push(`Invalid severity level: ${this.config.reporting.minSeverity}`);
-    }
-
-    return {
-      valid: errors.length === 0,
-      errors,
-    };
-  }
-
-  /**
-   * Get configuration for specific mode
-   */
-  static forMode(mode: 'development' | 'ci' | 'production'): UIAnalysisConfig {
-    const config = { ...DEFAULT_CONFIG };
-    config.mode = mode;
-
-    // Adjust settings based on mode
-    switch (mode) {
-      case 'development':
-        config.reporting.console = true;
-        config.reporting.overlay = true;
-        config.reporting.json = false;
-        break;
-
-      case 'ci':
-        config.reporting.console = true;
-        config.reporting.overlay = false;
-        config.reporting.json = true;
-        config.reporting.minSeverity = 'critical';
-        config.rules.designSystem.strictMode = true;
-        break;
-
-      case 'production':
-        config.enabled = false;
-        break;
-    }
-
-    return config;
-  }
-}
-
-// ============================================================================
-// Utility Functions
-// ============================================================================
-
-/**
- * Create a default configuration file
- */
-export function createDefaultConfigFile(path: string = 'ui-analysis.config.json'): void {
-  const fs = require('fs');
-  const configJson = JSON.stringify(DEFAULT_CONFIG, null, 2);
-  fs.writeFileSync(path, configJson, 'utf-8');
-  console.log(`Created default configuration file at ${path}`);
-}
-
-/**
- * Load configuration from environment variables
- */
-export function loadConfigFromEnv(): Partial<UIAnalysisConfig> {
-  const config: Partial<UIAnalysisConfig> = {};
-
-  if (process.env.UI_ANALYSIS_ENABLED !== undefined) {
-    config.enabled = process.env.UI_ANALYSIS_ENABLED === 'true';
-  }
-
-  if (process.env.UI_ANALYSIS_MODE) {
-    config.mode = process.env.UI_ANALYSIS_MODE as 'development' | 'ci' | 'production';
-  }
-
-  if (process.env.UI_ANALYSIS_MIN_SEVERITY) {
-    config.reporting = {
-      ...DEFAULT_REPORTING,
-      minSeverity: process.env.UI_ANALYSIS_MIN_SEVERITY as 'critical' | 'moderate' | 'minor',
-    };
-  }
-
-  return config;
-}
-
-/**
- * Get configuration with environment overrides
- */
-export function getConfig(configPath?: string): UIAnalysisConfig {
-  const loader = new ConfigLoader(configPath);
-  const envConfig = loadConfigFromEnv();
-  
-  if (Object.keys(envConfig).length > 0) {
-    loader.updateConfig(envConfig);
-  }
-
-  const validation = loader.validate();
-  if (!validation.valid) {
-    console.error('Configuration validation failed:');
-    validation.errors.forEach(error => console.error(`  - ${error}`));
-    throw new Error('Invalid configuration');
-  }
-
-  return loader.getConfig();
-}
diff --git a/lib/ui-analysis/design-system-validator.ts b/lib/ui-analysis/design-system-validator.ts
deleted file mode 100644
index 0d0c98b..0000000
--- a/lib/ui-analysis/design-system-validator.ts
+++ /dev/null
@@ -1,467 +0,0 @@
-/**
- * Design System Validator
- * 
- * Token usage checker that ensures consistent application of CSS custom properties
- * and design system values across the codebase.
- * 
- * Validates:
- * - Color token usage (no hardcoded hex/rgb values)
- * - Spacing scale compliance
- * - Border radius token usage
- * - Font family token usage
- */
-
-import * as ts from 'typescript';
-import { readFileSync } from 'fs';
-import { join } from 'path';
-import type {
-  ColorViolation,
-  SpacingViolation,
-  RadiusViolation,
-  FontViolation,
-  DesignSystemReport,
-  CodeLocation,
-} from './types';
-
-// ============================================================================
-// Design System Tokens
-// ============================================================================
-
-const COLOR_TOKENS = [
-  'var(--color-page)',
-  'var(--color-surface)',
-  'var(--color-surface-subtle)',
-  'var(--color-surface-muted)',
-  'var(--color-text)',
-  'var(--color-text-muted)',
-  'var(--color-text-soft)',
-  'var(--color-accent)',
-  'var(--color-border)',
-  'var(--color-border-strong)',
-];
-
-const SPACING_SCALE = [0.5, 0.75, 1, 1.25, 1.5, 2, 2.5, 3]; // in rem
-
-const RADIUS_TOKENS = {
-  'var(--radius-sm)': 10,
-  'var(--radius-md)': 16,
-  'var(--radius-lg)': 24,
-} as const;
-
-const FONT_TOKENS = [
-  'var(--font-sans)',
-  'var(--font-mono)',
-  'var(--font-display)',
-];
-
-// ============================================================================
-// Regex Patterns
-// ============================================================================
-
-const HEX_COLOR_PATTERN = /#[0-9a-fA-F]{3,6}\b/g;
-const RGB_COLOR_PATTERN = /rgba?\s*\([^)]+\)/g;
-const ARBITRARY_SPACING_PATTERN = /\[[\d.]+(?:px|rem)\]/g;
-const ARBITRARY_RADIUS_PATTERN = /rounded-\[[\d.]+(?:px|rem)\]/g;
-
-// ============================================================================
-// Design System Validator
-// ============================================================================
-
-export class DesignSystemValidator {
-  private colorViolations: ColorViolation[] = [];
-  private spacingViolations: SpacingViolation[] = [];
-  private radiusViolations: RadiusViolation[] = [];
-  private fontViolations: FontViolation[] = [];
-
-  /**
-   * Validate colors in CSS and TSX files
-   */
-  validateColors(filePath: string, content: string): ColorViolation[] {
-    const violations: ColorViolation[] = [];
-    const lines = content.split('\n');
-
-    // Check for hardcoded hex colors
-    lines.forEach((line, index) => {
-      const hexMatches = line.matchAll(HEX_COLOR_PATTERN);
-      for (const match of hexMatches) {
-        if (match.index !== undefined) {
-          violations.push({
-            type: 'hardcoded-hex',
-            value: match[0],
-            location: {
-              filePath,
-              lineNumber: index + 1,
-              columnNumber: match.index + 1,
-              snippet: line.trim(),
-            },
-            suggestedToken: this.findNearestColorToken(match[0]),
-          });
-        }
-      }
-
-      // Check for hardcoded rgb/rgba colors
-      const rgbMatches = line.matchAll(RGB_COLOR_PATTERN);
-      for (const match of rgbMatches) {
-        if (match.index !== undefined) {
-          violations.push({
-            type: 'hardcoded-rgb',
-            value: match[0],
-            location: {
-              filePath,
-              lineNumber: index + 1,
-              columnNumber: match.index + 1,
-              snippet: line.trim(),
-            },
-            suggestedToken: 'var(--color-*)',
-          });
-        }
-      }
-    });
-
-    // Store violations in class property
-    this.colorViolations.push(...violations);
-    return violations;
-  }
-
-  /**
-   * Validate spacing values in TSX files
-   */
-  validateSpacing(filePath: string, content: string): SpacingViolation[] {
-    const violations: SpacingViolation[] = [];
-    const lines = content.split('\n');
-
-    lines.forEach((line, index) => {
-      // Check for arbitrary Tailwind spacing values
-      const matches = line.matchAll(ARBITRARY_SPACING_PATTERN);
-      for (const match of matches) {
-        if (match.index !== undefined) {
-          const value = match[0];
-          const numericValue = this.extractNumericValue(value);
-          
-          if (numericValue !== null && !this.isInSpacingScale(numericValue)) {
-            violations.push({
-              type: 'arbitrary-value',
-              value,
-              location: {
-                filePath,
-                lineNumber: index + 1,
-                columnNumber: match.index + 1,
-                snippet: line.trim(),
-              },
-              suggestedValue: this.findNearestSpacingValue(numericValue),
-            });
-          }
-        }
-      }
-    });
-
-    // Store violations in class property
-    this.spacingViolations.push(...violations);
-    return violations;
-  }
-
-  /**
-   * Validate border radius values in TSX files
-   */
-  validateBorderRadius(filePath: string, content: string): RadiusViolation[] {
-    const violations: RadiusViolation[] = [];
-    const lines = content.split('\n');
-
-    lines.forEach((line, index) => {
-      // Check for arbitrary border radius values
-      const matches = line.matchAll(ARBITRARY_RADIUS_PATTERN);
-      for (const match of matches) {
-        if (match.index !== undefined) {
-          const value = match[0];
-          const numericValue = this.extractNumericValue(value);
-          
-          if (numericValue !== null) {
-            violations.push({
-              type: 'hardcoded-radius',
-              value,
-              location: {
-                filePath,
-                lineNumber: index + 1,
-                columnNumber: match.index + 1,
-                snippet: line.trim(),
-              },
-              suggestedToken: this.findNearestRadiusToken(numericValue),
-            });
-          }
-        }
-      }
-    });
-
-    // Store violations in class property
-    this.radiusViolations.push(...violations);
-    return violations;
-  }
-
-  /**
-   * Validate font family declarations
-   */
-  validateFonts(filePath: string, content: string): FontViolation[] {
-    const violations: FontViolation[] = [];
-    const lines = content.split('\n');
-
-    lines.forEach((line, index) => {
-      // Check for hardcoded font-family declarations
-      const fontFamilyPattern = /font-family\s*:\s*['"]?([^;'"]+)['"]?/gi;
-      const matches = line.matchAll(fontFamilyPattern);
-      
-      for (const match of matches) {
-        if (match.index !== undefined) {
-          const value = match[1].trim();
-          
-          // Skip if already using a CSS variable
-          if (value.startsWith('var(--font-')) {
-            continue;
-          }
-          
-          violations.push({
-            type: 'hardcoded-font',
-            value,
-            location: {
-              filePath,
-              lineNumber: index + 1,
-              columnNumber: match.index + 1,
-              snippet: line.trim(),
-            },
-            suggestedToken: this.findNearestFontToken(value),
-          });
-        }
-      }
-    });
-
-    // Store violations in class property
-    this.fontViolations.push(...violations);
-    return violations;
-  }
-
-  /**
-   * Validate a single file for all design system violations
-   */
-  validateFile(filePath: string): void {
-    try {
-      const content = readFileSync(filePath, 'utf-8');
-      
-      // Run all validations
-      this.colorViolations.push(...this.validateColors(filePath, content));
-      this.spacingViolations.push(...this.validateSpacing(filePath, content));
-      this.radiusViolations.push(...this.validateBorderRadius(filePath, content));
-      this.fontViolations.push(...this.validateFonts(filePath, content));
-    } catch (error) {
-      console.warn(`Failed to validate file ${filePath}:`, error);
-    }
-  }
-
-  /**
-   * Generate comprehensive design system report
-   */
-  generateReport(): DesignSystemReport {
-    const totalViolations =
-      this.colorViolations.length +
-      this.spacingViolations.length +
-      this.radiusViolations.length +
-      this.fontViolations.length;
-
-    // Calculate compliance score (0-100)
-    // Assuming a baseline of 100 violations = 0 score
-    const complianceScore = Math.max(0, Math.min(100, 100 - totalViolations));
-
-    return {
-      totalViolations,
-      colorViolations: this.colorViolations,
-      spacingViolations: this.spacingViolations,
-      radiusViolations: this.radiusViolations,
-      fontViolations: this.fontViolations,
-      complianceScore,
-    };
-  }
-
-  /**
-   * Reset all violations (useful for re-running validation)
-   */
-  reset(): void {
-    this.colorViolations = [];
-    this.spacingViolations = [];
-    this.radiusViolations = [];
-    this.fontViolations = [];
-  }
-
-  // ============================================================================
-  // Helper Methods
-  // ============================================================================
-
-  /**
-   * Find the nearest color token for a given hex color
-   */
-  private findNearestColorToken(hexColor: string): string {
-    // Map common colors to tokens
-    const colorMap: Record<string, string> = {
-      '#8aa2ff': 'var(--color-accent)',
-      '#0b0d10': 'var(--color-page)',
-      '#f3f5f7': 'var(--color-text)',
-    };
-
-    const normalized = hexColor.toLowerCase();
-    return colorMap[normalized] || 'var(--color-*)';
-  }
-
-  /**
-   * Extract numeric value from arbitrary Tailwind value
-   */
-  private extractNumericValue(value: string): number | null {
-    const match = value.match(/([\d.]+)(px|rem)/);
-    if (!match) return null;
-
-    const num = parseFloat(match[1]);
-    const unit = match[2];
-
-    // Convert px to rem (assuming 16px = 1rem)
-    return unit === 'px' ? num / 16 : num;
-  }
-
-  /**
-   * Check if a value is in the spacing scale
-   */
-  private isInSpacingScale(value: number): boolean {
-    return SPACING_SCALE.some(scale => Math.abs(scale - value) < 0.01);
-  }
-
-  /**
-   * Find the nearest spacing value from the design scale
-   */
-  private findNearestSpacingValue(value: number): string {
-    let nearest = SPACING_SCALE[0];
-    let minDiff = Math.abs(value - nearest);
-
-    for (const scale of SPACING_SCALE) {
-      const diff = Math.abs(value - scale);
-      if (diff < minDiff) {
-        minDiff = diff;
-        nearest = scale;
-      }
-    }
-
-    return `${nearest}rem`;
-  }
-
-  /**
-   * Find the nearest radius token for a given pixel value
-   */
-  private findNearestRadiusToken(
-    value: number
-  ): 'var(--radius-sm)' | 'var(--radius-md)' | 'var(--radius-lg)' {
-    // Convert rem to px if needed (assuming 16px = 1rem)
-    const pxValue = value < 5 ? value * 16 : value;
-    
-    const radiusValues = {
-      'var(--radius-sm)': 10,
-      'var(--radius-md)': 16,
-      'var(--radius-lg)': 24,
-    } as const;
-
-    let nearest: keyof typeof radiusValues = 'var(--radius-sm)';
-    let minDiff = Math.abs(pxValue - radiusValues[nearest]);
-
-    for (const [token, tokenValue] of Object.entries(radiusValues)) {
-      const diff = Math.abs(pxValue - tokenValue);
-      if (diff < minDiff) {
-        minDiff = diff;
-        nearest = token as keyof typeof radiusValues;
-      }
-    }
-
-    return nearest;
-  }
-
-  /**
-   * Find the nearest font token based on font name
-   */
-  private findNearestFontToken(
-    fontName: string
-  ): 'var(--font-sans)' | 'var(--font-mono)' | 'var(--font-display)' {
-    const lower = fontName.toLowerCase();
-
-    if (lower.includes('mono') || lower.includes('code')) {
-      return 'var(--font-mono)';
-    }
-
-    if (lower.includes('display') || lower.includes('heading')) {
-      return 'var(--font-display)';
-    }
-
-    return 'var(--font-sans)';
-  }
-}
-
-// ============================================================================
-// Utility Functions
-// ============================================================================
-
-/**
- * Parse TypeScript/TSX file and extract style-related information
- */
-export function parseTSXFile(filePath: string): ts.SourceFile {
-  const content = readFileSync(filePath, 'utf-8');
-  return ts.createSourceFile(
-    filePath,
-    content,
-    ts.ScriptTarget.Latest,
-    true,
-    ts.ScriptKind.TSX
-  );
-}
-
-/**
- * Extract className attributes from JSX elements
- */
-export function extractClassNames(sourceFile: ts.SourceFile): string[] {
-  const classNames: string[] = [];
-
-  function visit(node: ts.Node) {
-    if (ts.isJsxAttribute(node)) {
-      const attrName = ts.isIdentifier(node.name) ? node.name.text : null;
-      if (attrName === 'className' && node.initializer && ts.isStringLiteral(node.initializer)) {
-        classNames.push(node.initializer.text);
-      }
-    }
-    ts.forEachChild(node, visit);
-  }
-
-  visit(sourceFile);
-  return classNames;
-}
-
-/**
- * Extract style prop values from JSX elements
- */
-export function extractStyleProps(sourceFile: ts.SourceFile): Record<string, string>[] {
-  const styles: Record<string, string>[] = [];
-
-  function visit(node: ts.Node) {
-    if (ts.isJsxAttribute(node)) {
-      const attrName = ts.isIdentifier(node.name) ? node.name.text : null;
-      if (attrName === 'style' && node.initializer && ts.isJsxExpression(node.initializer)) {
-        const expression = node.initializer.expression;
-        if (expression && ts.isObjectLiteralExpression(expression)) {
-          const styleObj: Record<string, string> = {};
-          expression.properties.forEach(prop => {
-            if (ts.isPropertyAssignment(prop) && ts.isIdentifier(prop.name)) {
-              const key = prop.name.text;
-              if (ts.isStringLiteral(prop.initializer)) {
-                styleObj[key] = prop.initializer.text;
-              }
-            }
-          });
-          styles.push(styleObj);
-        }
-      }
-    }
-    ts.forEachChild(node, visit);
-  }
-
-  visit(sourceFile);
-  return styles;
-}
diff --git a/lib/ui-analysis/index.ts b/lib/ui-analysis/index.ts
deleted file mode 100644
index 3240e97..0000000
--- a/lib/ui-analysis/index.ts
+++ /dev/null
@@ -1,48 +0,0 @@
-/**
- * UI Analysis System - Core Infrastructure
- * 
- * This module provides the foundation for automated UI analysis,
- * including layout issue detection, responsive validation, accessibility
- * checking, and design system enforcement.
- */
-
-// Export all types
-export * from './types';
-
-// Export configuration utilities
-export {
-  ConfigLoader,
-  DEFAULT_CONFIG,
-  createDefaultConfigFile,
-  loadConfigFromEnv,
-  getConfig,
-} from './config';
-
-// Export analyzer
-export { UIAnalyzer } from './analyzer';
-
-// Export responsive validator
-export {
-  ResponsiveValidator,
-  STANDARD_BREAKPOINTS,
-  createResponsiveValidator,
-  testResponsive,
-} from './responsive-validator';
-
-// Export accessibility checker
-export {
-  AccessibilityChecker,
-  createAccessibilityChecker,
-  auditAccessibility,
-} from './accessibility-checker';
-
-// Export visual hierarchy optimizer
-export { VisualHierarchyOptimizer } from './visual-hierarchy-optimizer';
-
-// Export design system validator
-export {
-  DesignSystemValidator,
-  parseTSXFile,
-  extractClassNames,
-  extractStyleProps,
-} from './design-system-validator';
diff --git a/lib/ui-analysis/responsive-validator.ts b/lib/ui-analysis/responsive-validator.ts
deleted file mode 100644
index 3b5a2cd..0000000
--- a/lib/ui-analysis/responsive-validator.ts
+++ /dev/null
@@ -1,319 +0,0 @@
-/**
- * Responsive Validator - Runtime testing framework for cross-viewport validation
- * 
- * This module uses Playwright to test layout behavior across different viewport sizes,
- * validating touch targets, horizontal scroll, and responsive breakpoints.
- */
-
-import { chromium, Browser, Page, BrowserContext } from 'playwright';
-import type {
-  ViewportReport,
-  ResponsiveReport,
-  TouchTargetIssue,
-  LayoutShift,
-  LayoutIssue,
-} from './types';
-
-// ============================================================================
-// Standard Breakpoints
-// ============================================================================
-
-export const STANDARD_BREAKPOINTS = {
-  mobile: { width: 640, height: 667 },
-  tablet: { width: 768, height: 1024 },
-  desktop: { width: 1024, height: 800 },
-  wide: { width: 1280, height: 1080 },
-} as const;
-
-// ============================================================================
-// Responsive Validator Class
-// ============================================================================
-
-export class ResponsiveValidator {
-  private browser: Browser | null = null;
-  private context: BrowserContext | null = null;
-  private minTouchTargetSize: { width: number; height: number };
-
-  constructor(minTouchTargetSize = { width: 44, height: 44 }) {
-    this.minTouchTargetSize = minTouchTargetSize;
-  }
-
-  /**
-   * Initialize browser instance
-   */
-  async initialize(): Promise<void> {
-    if (!this.browser) {
-      this.browser = await chromium.launch({
-        headless: true,
-      });
-      this.context = await this.browser.newContext();
-    }
-  }
-
-  /**
-   * Close browser instance
-   */
-  async close(): Promise<void> {
-    if (this.context) {
-      await this.context.close();
-      this.context = null;
-    }
-    if (this.browser) {
-      await this.browser.close();
-      this.browser = null;
-    }
-  }
-
-  /**
-   * Test a specific viewport size
-   */
-  async testViewport(
-    url: string,
-    width: number,
-    height: number
-  ): Promise<ViewportReport> {
-    await this.initialize();
-
-    if (!this.context) {
-      throw new Error('Browser context not initialized');
-    }
-
-    const page = await this.context.newPage();
-
-    try {
-      // Set viewport size
-      await page.setViewportSize({ width, height });
-
-      // Navigate to URL
-      await page.goto(url, { waitUntil: 'networkidle' });
-
-      // Wait for layout stabilization
-      await page.waitForTimeout(500);
-
-      // Check for horizontal scroll
-      const hasHorizontalScroll = await this.checkHorizontalScroll(page);
-
-      // Check touch targets
-      const touchTargetIssues = await this.checkTouchTargets(page);
-
-      // Measure layout shifts
-      const layoutShifts = await this.measureLayoutShifts(page);
-
-      // Capture screenshot
-      const screenshot = await page.screenshot({ fullPage: false });
-
-      return {
-        width,
-        height,
-        hasHorizontalScroll,
-        touchTargetIssues,
-        layoutShifts,
-        screenshot,
-      };
-    } finally {
-      await page.close();
-    }
-  }
-
-  /**
-   * Test all standard breakpoints
-   */
-  async testAllBreakpoints(url: string): Promise<ResponsiveReport> {
-    const issues: LayoutIssue[] = [];
-
-    // Test mobile breakpoint
-    const mobileReport = await this.testViewport(
-      url,
-      STANDARD_BREAKPOINTS.mobile.width,
-      STANDARD_BREAKPOINTS.mobile.height
-    );
-
-    // Test tablet breakpoint
-    const tabletReport = await this.testViewport(
-      url,
-      STANDARD_BREAKPOINTS.tablet.width,
-      STANDARD_BREAKPOINTS.tablet.height
-    );
-
-    // Test desktop breakpoint
-    const desktopReport = await this.testViewport(
-      url,
-      STANDARD_BREAKPOINTS.desktop.width,
-      STANDARD_BREAKPOINTS.desktop.height
-    );
-
-    // Test wide breakpoint
-    const wideReport = await this.testViewport(
-      url,
-      STANDARD_BREAKPOINTS.wide.width,
-      STANDARD_BREAKPOINTS.wide.height
-    );
-
-    // Convert viewport issues to layout issues
-    this.convertToLayoutIssues(mobileReport, 'mobile', issues);
-    this.convertToLayoutIssues(tabletReport, 'tablet', issues);
-    this.convertToLayoutIssues(desktopReport, 'desktop', issues);
-    this.convertToLayoutIssues(wideReport, 'wide', issues);
-
-    return {
-      url,
-      breakpoints: {
-        mobile: mobileReport,
-        tablet: tabletReport,
-        desktop: desktopReport,
-        wide: wideReport,
-      },
-      issues,
-    };
-  }
-
-  /**
-   * Check for horizontal scroll
-   */
-  async checkHorizontalScroll(page: Page): Promise<boolean> {
-    return await page.evaluate(() => {
-      const scrollWidth = document.documentElement.scrollWidth;
-      const clientWidth = window.innerWidth;
-      return scrollWidth > clientWidth;
-    });
-  }
-
-  /**
-   * Check touch target sizes
-   */
-  async checkTouchTargets(page: Page): Promise<TouchTargetIssue[]> {
-    const issues: TouchTargetIssue[] = [];
-
-    // Query all interactive elements
-    const interactiveSelectors = [
-      'button',
-      'a',
-      'input',
-      '[role="button"]',
-      '[onclick]',
-      'select',
-      'textarea',
-    ];
-
-    for (const selector of interactiveSelectors) {
-      const elements = await page.$$(selector);
-
-      for (const element of elements) {
-        const box = await element.boundingBox();
-
-        if (box) {
-          // Check if element meets minimum size requirements
-          if (
-            box.width < this.minTouchTargetSize.width ||
-            box.height < this.minTouchTargetSize.height
-          ) {
-            // Get element selector for reporting
-            const elementSelector = await element.evaluate((el) => {
-              const id = el.id ? `#${el.id}` : '';
-              const classes = el.className
-                ? `.${el.className.split(' ').join('.')}`
-                : '';
-              return `${el.tagName.toLowerCase()}${id}${classes}`;
-            });
-
-            issues.push({
-              selector: elementSelector,
-              width: box.width,
-              height: box.height,
-              minimumRequired: this.minTouchTargetSize,
-            });
-          }
-        }
-      }
-    }
-
-    return issues;
-  }
-
-  /**
-   * Measure layout shifts
-   */
-  private async measureLayoutShifts(page: Page): Promise<LayoutShift[]> {
-    // This is a simplified implementation
-    // In a real scenario, you'd use Performance Observer API
-    return await page.evaluate(() => {
-      const shifts: LayoutShift[] = [];
-      
-      // Check for elements without explicit dimensions
-      const images = document.querySelectorAll('img');
-      images.forEach((img) => {
-        if (!img.width || !img.height) {
-          shifts.push({
-            element: img.tagName.toLowerCase(),
-            shift: 0, // Would be calculated from actual measurements
-          });
-        }
-      });
-
-      return shifts;
-    });
-  }
-
-  /**
-   * Convert viewport issues to layout issues
-   */
-  private convertToLayoutIssues(
-    report: ViewportReport,
-    breakpoint: string,
-    issues: LayoutIssue[]
-  ): void {
-    // Add horizontal scroll issues
-    if (report.hasHorizontalScroll) {
-      issues.push({
-        type: 'overflow',
-        severity: 'critical',
-        filePath: 'runtime',
-        lineNumber: 0,
-        columnNumber: 0,
-        message: `Horizontal scroll detected at ${breakpoint} breakpoint (${report.width}px)`,
-        suggestion: 'Check for elements with fixed widths or overflow issues',
-        autoFixable: false,
-      });
-    }
-
-    // Add touch target issues
-    for (const touchIssue of report.touchTargetIssues) {
-      issues.push({
-        type: 'touch-target-small',
-        severity: 'moderate',
-        filePath: 'runtime',
-        lineNumber: 0,
-        columnNumber: 0,
-        message: `Touch target too small at ${breakpoint}: ${touchIssue.selector} (${touchIssue.width}x${touchIssue.height}px, minimum ${touchIssue.minimumRequired.width}x${touchIssue.minimumRequired.height}px)`,
-        suggestion: `Increase size to at least ${touchIssue.minimumRequired.width}x${touchIssue.minimumRequired.height}px`,
-        autoFixable: false,
-      });
-    }
-  }
-}
-
-// ============================================================================
-// Utility Functions
-// ============================================================================
-
-/**
- * Create a responsive validator with default settings
- */
-export function createResponsiveValidator(
-  minTouchTargetSize?: { width: number; height: number }
-): ResponsiveValidator {
-  return new ResponsiveValidator(minTouchTargetSize);
-}
-
-/**
- * Quick test for a single URL at all breakpoints
- */
-export async function testResponsive(url: string): Promise<ResponsiveReport> {
-  const validator = createResponsiveValidator();
-  try {
-    const report = await validator.testAllBreakpoints(url);
-    return report;
-  } finally {
-    await validator.close();
-  }
-}
diff --git a/lib/ui-analysis/types.ts b/lib/ui-analysis/types.ts
deleted file mode 100644
index 8d2ebd0..0000000
--- a/lib/ui-analysis/types.ts
+++ /dev/null
@@ -1,342 +0,0 @@
-/**
- * Shared TypeScript interfaces for UI analysis system
- */
-
-// ============================================================================
-// Issue Types
-// ============================================================================
-
-export type IssueType =
-  | 'overflow'
-  | 'misalignment'
-  | 'spacing-inconsistency'
-  | 'z-index-conflict'
-  | 'hardcoded-color'
-  | 'missing-responsive'
-  | 'touch-target-small'
-  | 'contrast-insufficient';
-
-export type IssueSeverity = 'critical' | 'moderate' | 'minor';
-
-export interface LayoutIssue {
-  type: IssueType;
-  severity: IssueSeverity;
-  filePath: string;
-  lineNumber: number;
-  columnNumber: number;
-  message: string;
-  suggestion?: string;
-  autoFixable: boolean;
-}
-
-// ============================================================================
-// Code Location
-// ============================================================================
-
-export interface CodeLocation {
-  filePath: string;
-  lineNumber: number;
-  columnNumber: number;
-  snippet: string;
-}
-
-// ============================================================================
-// Responsive Validation
-// ============================================================================
-
-export interface TouchTargetIssue {
-  selector: string;
-  width: number;
-  height: number;
-  minimumRequired: { width: number; height: number };
-}
-
-export interface LayoutShift {
-  element: string;
-  shift: number;
-}
-
-export interface ViewportReport {
-  width: number;
-  height: number;
-  hasHorizontalScroll: boolean;
-  touchTargetIssues: TouchTargetIssue[];
-  layoutShifts: LayoutShift[];
-  screenshot?: Buffer;
-}
-
-export interface ResponsiveReport {
-  url: string;
-  breakpoints: {
-    mobile: ViewportReport;
-    tablet: ViewportReport;
-    desktop: ViewportReport;
-    wide: ViewportReport;
-  };
-  issues: LayoutIssue[];
-}
-
-// ============================================================================
-// Accessibility
-// ============================================================================
-
-export interface ViolationNode {
-  html: string;
-  target: string[];
-  failureSummary: string;
-}
-
-export interface A11yViolation {
-  id: string;
-  impact: 'critical' | 'serious' | 'moderate' | 'minor';
-  description: string;
-  help: string;
-  helpUrl: string;
-  nodes: ViolationNode[];
-}
-
-export interface A11yPass {
-  id: string;
-  description: string;
-}
-
-export interface A11yIncomplete {
-  id: string;
-  description: string;
-  nodes: ViolationNode[];
-}
-
-export interface A11yReport {
-  url: string;
-  violations: A11yViolation[];
-  passes: A11yPass[];
-  incomplete: A11yIncomplete[];
-  wcagLevel: 'A' | 'AA' | 'AAA';
-  score: number;
-}
-
-export interface KeyboardIssue {
-  element: string;
-  issue: 'not-focusable' | 'no-tab-index' | 'focus-trap';
-  recommendation: string;
-}
-
-export interface FocusIssue {
-  element: string;
-  currentOutline: string;
-  requiredOutline: string;
-}
-
-export interface ContrastIssue {
-  element: string;
-  foreground: string;
-  background: string;
-  ratio: number;
-  requiredRatio: number;
-  wcagLevel: 'AA' | 'AAA';
-}
-
-export interface MotionIssue {
-  element: string;
-  issue: string;
-  recommendation: string;
-}
-
-// ============================================================================
-// Visual Hierarchy
-// ============================================================================
-
-export interface HeadingNode {
-  level: 1 | 2 | 3 | 4 | 5 | 6;
-  text: string;
-  fontSize: string;
-  fontWeight: string;
-  lineHeight: string;
-}
-
-export interface HeadingIssue {
-  type: 'skipped-level' | 'inconsistent-size' | 'multiple-h1';
-  heading: HeadingNode;
-  message: string;
-}
-
-export interface HeadingReport {
-  headings: HeadingNode[];
-  issues: HeadingIssue[];
-  structure: 'valid' | 'invalid';
-}
-
-export interface ButtonInfo {
-  text: string;
-  className: string;
-  visualWeight: number;
-}
-
-export interface ButtonIssue {
-  type: 'ambiguous-hierarchy' | 'too-many-primary';
-  message: string;
-}
-
-export interface ButtonHierarchyReport {
-  primaryButtons: ButtonInfo[];
-  secondaryButtons: ButtonInfo[];
-  issues: ButtonIssue[];
-}
-
-export interface SectionInfo {
-  selector: string;
-  marginTop: number;
-  marginBottom: number;
-  paddingTop: number;
-  paddingBottom: number;
-}
-
-export interface SpacingIssue {
-  sections: [string, string];
-  expectedGap: number;
-  actualGap: number;
-  deviation: number;
-}
-
-export interface SpacingReport {
-  sections: SectionInfo[];
-  averageGap: number;
-  inconsistencies: SpacingIssue[];
-}
-
-export interface AccentUsageReport {
-  usages: Array<{
-    location: CodeLocation;
-    context: 'interactive' | 'decorative';
-    appropriate: boolean;
-  }>;
-  issues: string[];
-}
-
-// ============================================================================
-// Design System Validation
-// ============================================================================
-
-export interface ColorViolation {
-  type: 'hardcoded-hex' | 'hardcoded-rgb' | 'non-token-var';
-  value: string;
-  location: CodeLocation;
-  suggestedToken: string;
-}
-
-export interface SpacingViolation {
-  type: 'arbitrary-value' | 'non-scale-value';
-  value: string;
-  location: CodeLocation;
-  suggestedValue: string;
-}
-
-export interface RadiusViolation {
-  type: 'hardcoded-radius' | 'non-token-radius';
-  value: string;
-  location: CodeLocation;
-  suggestedToken: 'var(--radius-sm)' | 'var(--radius-md)' | 'var(--radius-lg)';
-}
-
-export interface FontViolation {
-  type: 'hardcoded-font' | 'non-token-font';
-  value: string;
-  location: CodeLocation;
-  suggestedToken: 'var(--font-sans)' | 'var(--font-mono)' | 'var(--font-display)';
-}
-
-export interface DesignSystemReport {
-  totalViolations: number;
-  colorViolations: ColorViolation[];
-  spacingViolations: SpacingViolation[];
-  radiusViolations: RadiusViolation[];
-  fontViolations: FontViolation[];
-  complianceScore: number;
-}
-
-// ============================================================================
-// Analysis Results
-// ============================================================================
-
-export interface AnalysisSummary {
-  totalIssues: number;
-  criticalIssues: number;
-  moderateIssues: number;
-  minorIssues: number;
-  filesScanned: number;
-  pagesAudited: number;
-  complianceScore: number;
-}
-
-export interface AnalysisReport {
-  timestamp: string;
-  duration: number;
-  summary: AnalysisSummary;
-  issues: LayoutIssue[];
-  responsiveReport?: ResponsiveReport;
-  a11yReport?: A11yReport;
-  designSystemReport?: DesignSystemReport;
-}
-
-// ============================================================================
-// Configuration
-// ============================================================================
-
-export interface Breakpoint {
-  name: string;
-  width: number;
-  height: number;
-}
-
-export interface RuleConfig {
-  layout: {
-    checkOverflow: boolean;
-    checkAlignment: boolean;
-    checkSpacing: boolean;
-    checkZIndex: boolean;
-  };
-  responsive: {
-    minTouchTargetSize: { width: number; height: number };
-    breakpoints: number[];
-    allowHorizontalScroll: boolean;
-  };
-  accessibility: {
-    wcagLevel: 'A' | 'AA' | 'AAA';
-    checkKeyboard: boolean;
-    checkFocus: boolean;
-    checkContrast: boolean;
-    checkReducedMotion: boolean;
-  };
-  designSystem: {
-    enforceTokens: boolean;
-    allowedArbitraryValues: string[];
-    strictMode: boolean;
-  };
-}
-
-export interface ReportingConfig {
-  console: boolean;
-  overlay: boolean;
-  json: boolean;
-  outputPath: string;
-  minSeverity: IssueSeverity;
-}
-
-export interface UIAnalysisConfig {
-  enabled: boolean;
-  mode: 'development' | 'ci' | 'production';
-  rules: RuleConfig;
-  breakpoints: Breakpoint[];
-  reporting: ReportingConfig;
-}
-
-// ============================================================================
-// Analysis Error
-// ============================================================================
-
-export interface AnalysisError {
-  phase: 'parsing' | 'analysis' | 'reporting';
-  file: string;
-  error: Error;
-  recoverable: boolean;
-}
diff --git a/lib/ui-analysis/visual-hierarchy-optimizer.ts b/lib/ui-analysis/visual-hierarchy-optimizer.ts
deleted file mode 100644
index 560a01e..0000000
--- a/lib/ui-analysis/visual-hierarchy-optimizer.ts
+++ /dev/null
@@ -1,512 +0,0 @@
-/**
- * Visual Hierarchy Optimizer - Analysis tool for evaluating visual hierarchy
- * 
- * This module analyzes:
- * - Heading structure and hierarchy (h1-h6)
- * - Button visual hierarchy (primary vs secondary)
- * - Section spacing consistency
- * - Accent color usage patterns
- * - Contrast ratios for visual prominence
- */
-
-import type {
-  HeadingReport,
-  HeadingNode,
-  HeadingIssue,
-  ButtonHierarchyReport,
-  ButtonInfo,
-  ButtonIssue,
-  SpacingReport,
-  SectionInfo,
-  SpacingIssue,
-  AccentUsageReport,
-  CodeLocation,
-} from './types';
-
-// ============================================================================
-// VisualHierarchyOptimizer Class
-// ============================================================================
-
-export class VisualHierarchyOptimizer {
-  /**
-   * Analyze heading structure from HTML content
-   */
-  analyzeHeadingStructure(html: string): HeadingReport {
-    const headings = this.extractHeadings(html);
-    const issues = this.validateHeadingStructure(headings);
-    const structure = issues.length === 0 ? 'valid' : 'invalid';
-
-    return {
-      headings,
-      issues,
-      structure,
-    };
-  }
-
-  /**
-   * Analyze button hierarchy from page
-   * Note: This requires browser context for computed styles
-   */
-  async analyzeButtonHierarchy(page: any): Promise<ButtonHierarchyReport> {
-    // Extract button information with computed styles
-    const buttons = await this.extractButtons(page);
-    
-    // Classify buttons by visual weight
-    const primaryButtons: ButtonInfo[] = [];
-    const secondaryButtons: ButtonInfo[] = [];
-
-    for (const button of buttons) {
-      if (button.visualWeight >= 70) {
-        primaryButtons.push(button);
-      } else {
-        secondaryButtons.push(button);
-      }
-    }
-
-    // Detect hierarchy issues
-    const issues = this.validateButtonHierarchy(primaryButtons, secondaryButtons);
-
-    return {
-      primaryButtons,
-      secondaryButtons,
-      issues,
-    };
-  }
-
-  /**
-   * Analyze section spacing consistency
-   * Note: This requires browser context for computed styles
-   */
-  async analyzeSectionSpacing(page: any): Promise<SpacingReport> {
-    const sections = await this.extractSections(page);
-    const gaps = this.calculateGaps(sections);
-    const averageGap = gaps.length > 0 
-      ? gaps.reduce((sum, gap) => sum + gap, 0) / gaps.length 
-      : 0;
-    
-    const inconsistencies = this.detectSpacingInconsistencies(sections, averageGap);
-
-    return {
-      sections,
-      averageGap,
-      inconsistencies,
-    };
-  }
-
-  /**
-   * Analyze accent color usage in CSS
-   */
-  analyzeAccentUsage(css: string): AccentUsageReport {
-    const usages: AccentUsageReport['usages'] = [];
-    const issues: string[] = [];
-
-    // Search for accent color usage (#8aa2ff or var(--color-accent))
-    const accentColorRegex = /#8aa2ff|var\(--color-accent\)/gi;
-    const lines = css.split('\n');
-
-    // Track current CSS rule context
-    let currentRuleContext = '';
-    let braceDepth = 0;
-
-    for (let i = 0; i < lines.length; i++) {
-      const line = lines[i];
-      
-      // Track CSS rule context (selector)
-      if (line.includes('{')) {
-        braceDepth++;
-        if (braceDepth === 1) {
-          // This is the start of a new rule, capture the selector
-          currentRuleContext = line.split('{')[0].trim();
-        }
-      }
-      if (line.includes('}')) {
-        braceDepth--;
-        if (braceDepth === 0) {
-          currentRuleContext = '';
-        }
-      }
-
-      const matches = line.matchAll(accentColorRegex);
-
-      for (const match of matches) {
-        // Use the rule context (selector) to determine if it's interactive
-        const context = this.determineColorContext(currentRuleContext || line);
-        const appropriate = this.isAppropriateAccentUsage(context);
-
-        usages.push({
-          location: {
-            filePath: 'styles.css', // Would be set by caller
-            lineNumber: i + 1,
-            columnNumber: match.index || 0,
-            snippet: line.trim(),
-          },
-          context,
-          appropriate,
-        });
-
-        if (!appropriate) {
-          issues.push(
-            `Line ${i + 1}: Accent color used in ${context} context - should be reserved for interactive elements`
-          );
-        }
-      }
-    }
-
-    return {
-      usages,
-      issues,
-    };
-  }
-
-  // ==========================================================================
-  // Private Helper Methods - Heading Analysis
-  // ==========================================================================
-
-  /**
-   * Extract heading elements from HTML
-   */
-  private extractHeadings(html: string): HeadingNode[] {
-    const headings: HeadingNode[] = [];
-    
-    // Match heading tags with their content
-    const headingRegex = /<h([1-6])[^>]*>(.*?)<\/h\1>/gi;
-    const matches = html.matchAll(headingRegex);
-
-    for (const match of matches) {
-      const level = parseInt(match[1], 10) as 1 | 2 | 3 | 4 | 5 | 6;
-      const text = this.stripHtmlTags(match[2]);
-
-      // Extract inline styles if present
-      const styleMatch = match[0].match(/style="([^"]*)"/);
-      const styles = this.parseInlineStyles(styleMatch ? styleMatch[1] : '');
-
-      headings.push({
-        level,
-        text,
-        fontSize: styles.fontSize || this.getDefaultFontSize(level),
-        fontWeight: styles.fontWeight || this.getDefaultFontWeight(level),
-        lineHeight: styles.lineHeight || this.getDefaultLineHeight(level),
-      });
-    }
-
-    return headings;
-  }
-
-  /**
-   * Validate heading structure for issues
-   */
-  private validateHeadingStructure(headings: HeadingNode[]): HeadingIssue[] {
-    const issues: HeadingIssue[] = [];
-
-    // Check for multiple h1 elements
-    const h1Count = headings.filter(h => h.level === 1).length;
-    if (h1Count > 1) {
-      const h1Headings = headings.filter(h => h.level === 1);
-      for (const heading of h1Headings.slice(1)) {
-        issues.push({
-          type: 'multiple-h1',
-          heading,
-          message: 'Multiple h1 elements found - only one h1 should exist per page',
-        });
-      }
-    }
-
-    // Check for skipped heading levels
-    for (let i = 1; i < headings.length; i++) {
-      const current = headings[i];
-      const previous = headings[i - 1];
-
-      if (current.level > previous.level + 1) {
-        issues.push({
-          type: 'skipped-level',
-          heading: current,
-          message: `Heading level skipped: h${previous.level} followed by h${current.level}`,
-        });
-      }
-    }
-
-    // Check for inconsistent font sizes within same level
-    const sizesByLevel = new Map<number, string[]>();
-    for (const heading of headings) {
-      if (!sizesByLevel.has(heading.level)) {
-        sizesByLevel.set(heading.level, []);
-      }
-      sizesByLevel.get(heading.level)!.push(heading.fontSize);
-    }
-
-    for (const [level, sizes] of sizesByLevel.entries()) {
-      const uniqueSizes = new Set(sizes);
-      if (uniqueSizes.size > 1) {
-        const affectedHeadings = headings.filter(h => h.level === level);
-        for (const heading of affectedHeadings) {
-          issues.push({
-            type: 'inconsistent-size',
-            heading,
-            message: `Inconsistent font size for h${level} elements`,
-          });
-        }
-      }
-    }
-
-    return issues;
-  }
-
-  /**
-   * Strip HTML tags from text
-   */
-  private stripHtmlTags(html: string): string {
-    return html.replace(/<[^>]*>/g, '').trim();
-  }
-
-  /**
-   * Parse inline CSS styles
-   */
-  private parseInlineStyles(styleString: string): Record<string, string> {
-    const styles: Record<string, string> = {};
-    
-    const declarations = styleString.split(';').filter(Boolean);
-    for (const declaration of declarations) {
-      const [property, value] = declaration.split(':').map(s => s.trim());
-      if (property && value) {
-        // Convert kebab-case to camelCase
-        const camelProperty = property.replace(/-([a-z])/g, (_, letter) => letter.toUpperCase());
-        styles[camelProperty] = value;
-      }
-    }
-
-    return styles;
-  }
-
-  /**
-   * Get default font size for heading level
-   */
-  private getDefaultFontSize(level: number): string {
-    const sizes: Record<number, string> = {
-      1: '2rem',
-      2: '1.5rem',
-      3: '1.25rem',
-      4: '1rem',
-      5: '0.875rem',
-      6: '0.75rem',
-    };
-    return sizes[level] || '1rem';
-  }
-
-  /**
-   * Get default font weight for heading level
-   */
-  private getDefaultFontWeight(level: number): string {
-    return level <= 3 ? '700' : '600';
-  }
-
-  /**
-   * Get default line height for heading level
-   */
-  private getDefaultLineHeight(level: number): string {
-    return '1.2';
-  }
-
-  // ==========================================================================
-  // Private Helper Methods - Button Analysis
-  // ==========================================================================
-
-  /**
-   * Extract button information from page
-   */
-  private async extractButtons(page: any): Promise<ButtonInfo[]> {
-    // This would be called with a Playwright page object
-    // For now, return empty array as placeholder
-    return page.evaluate(() => {
-      const buttons = Array.from(document.querySelectorAll('button, a[role="button"], input[type="button"], input[type="submit"]'));
-      
-      return buttons.map((button: Element) => {
-        const styles = window.getComputedStyle(button);
-        const text = button.textContent?.trim() || '';
-        const className = button.className || '';
-
-        // Calculate visual weight based on styles
-        let visualWeight = 0;
-
-        // Background color contributes to weight
-        const bgColor = styles.backgroundColor;
-        if (bgColor && bgColor !== 'rgba(0, 0, 0, 0)' && bgColor !== 'transparent') {
-          visualWeight += 40;
-        }
-
-        // Border contributes to weight
-        const borderWidth = parseFloat(styles.borderWidth);
-        if (borderWidth > 0) {
-          visualWeight += 20;
-        }
-
-        // Padding contributes to weight
-        const padding = parseFloat(styles.paddingTop) + parseFloat(styles.paddingBottom);
-        if (padding > 16) {
-          visualWeight += 20;
-        }
-
-        // Font weight contributes
-        const fontWeight = parseInt(styles.fontWeight, 10);
-        if (fontWeight >= 600) {
-          visualWeight += 20;
-        }
-
-        return {
-          text,
-          className,
-          visualWeight,
-        };
-      });
-    });
-  }
-
-  /**
-   * Validate button hierarchy
-   */
-  private validateButtonHierarchy(
-    primaryButtons: ButtonInfo[],
-    secondaryButtons: ButtonInfo[]
-  ): ButtonIssue[] {
-    const issues: ButtonIssue[] = [];
-
-    // Check for too many primary buttons
-    if (primaryButtons.length > 2) {
-      issues.push({
-        type: 'too-many-primary',
-        message: `Found ${primaryButtons.length} primary buttons - consider limiting to 1-2 per section`,
-      });
-    }
-
-    // Check for ambiguous hierarchy (primary and secondary too similar)
-    if (primaryButtons.length > 0 && secondaryButtons.length > 0) {
-      const avgPrimaryWeight = primaryButtons.reduce((sum, b) => sum + b.visualWeight, 0) / primaryButtons.length;
-      const avgSecondaryWeight = secondaryButtons.reduce((sum, b) => sum + b.visualWeight, 0) / secondaryButtons.length;
-
-      if (Math.abs(avgPrimaryWeight - avgSecondaryWeight) < 20) {
-        issues.push({
-          type: 'ambiguous-hierarchy',
-          message: 'Primary and secondary buttons have similar visual weight - increase distinction',
-        });
-      }
-    }
-
-    return issues;
-  }
-
-  // ==========================================================================
-  // Private Helper Methods - Spacing Analysis
-  // ==========================================================================
-
-  /**
-   * Extract section information from page
-   */
-  private async extractSections(page: any): Promise<SectionInfo[]> {
-    return page.evaluate(() => {
-      const sections = Array.from(document.querySelectorAll('section, [class*="section"], main > div'));
-      
-      return sections.map((section: Element, index: number) => {
-        const styles = window.getComputedStyle(section);
-        const selector = section.tagName.toLowerCase() + (section.className ? `.${section.className.split(' ')[0]}` : '') || `section-${index}`;
-
-        return {
-          selector,
-          marginTop: parseFloat(styles.marginTop),
-          marginBottom: parseFloat(styles.marginBottom),
-          paddingTop: parseFloat(styles.paddingTop),
-          paddingBottom: parseFloat(styles.paddingBottom),
-        };
-      });
-    });
-  }
-
-  /**
-   * Calculate gaps between sections
-   */
-  private calculateGaps(sections: SectionInfo[]): number[] {
-    const gaps: number[] = [];
-
-    for (let i = 0; i < sections.length - 1; i++) {
-      const current = sections[i];
-      const next = sections[i + 1];
-      
-      // Gap is the sum of current's bottom margin and next's top margin
-      const gap = current.marginBottom + next.marginTop;
-      gaps.push(gap);
-    }
-
-    return gaps;
-  }
-
-  /**
-   * Detect spacing inconsistencies
-   */
-  private detectSpacingInconsistencies(
-    sections: SectionInfo[],
-    averageGap: number
-  ): SpacingIssue[] {
-    const inconsistencies: SpacingIssue[] = [];
-    const tolerance = 8; // 0.5rem in pixels (assuming 16px base)
-
-    for (let i = 0; i < sections.length - 1; i++) {
-      const current = sections[i];
-      const next = sections[i + 1];
-      
-      const actualGap = current.marginBottom + next.marginTop;
-      const deviation = Math.abs(actualGap - averageGap);
-
-      if (deviation > tolerance) {
-        inconsistencies.push({
-          sections: [current.selector, next.selector],
-          expectedGap: averageGap,
-          actualGap,
-          deviation,
-        });
-      }
-    }
-
-    return inconsistencies;
-  }
-
-  // ==========================================================================
-  // Private Helper Methods - Accent Color Analysis
-  // ==========================================================================
-
-  /**
-   * Determine context of color usage from CSS line
-   */
-  private determineColorContext(cssLine: string): 'interactive' | 'decorative' {
-    const line = cssLine.toLowerCase();
-
-    // Interactive contexts (check these first)
-    const interactiveKeywords = [
-      'button',
-      'link',
-      'hover',
-      'active',
-      'focus',
-      'input',
-      'select',
-      'a:',
-      'a ',
-      '[role="button"]',
-    ];
-
-    for (const keyword of interactiveKeywords) {
-      if (line.includes(keyword)) {
-        return 'interactive';
-      }
-    }
-
-    // If no interactive keywords found, check for decorative contexts
-    // Note: We don't check decorative keywords if interactive was found
-    return 'decorative';
-  }
-
-  /**
-   * Check if accent color usage is appropriate
-   */
-  private isAppropriateAccentUsage(context: 'interactive' | 'decorative'): boolean {
-    // Accent color should only be used for interactive elements
-    return context === 'interactive';
-  }
-}
diff --git a/mcp/server.mjs b/mcp/server.mjs
new file mode 100644
index 0000000..cff3b74
--- /dev/null
+++ b/mcp/server.mjs
@@ -0,0 +1,213 @@
+#!/usr/bin/env node
+/**
+ * Syllo Scout MCP server.
+ *
+ * Any MCP-capable agent (opencode, Codex, Claude) can run this file over stdio
+ * to add links to the Scout library and search what is already there. It talks
+ * to the same SQLite file as the app; there is no HTTP hop and no API key.
+ *
+ * Run: node mcp/server.mjs
+ * Optional: SCOUT_DB_PATH=/absolute/path/syllo.db node mcp/server.mjs
+ */
+import Database from "better-sqlite3";
+import { mkdirSync, readFileSync } from "node:fs";
+import { dirname, resolve } from "node:path";
+import { fileURLToPath } from "node:url";
+import { McpServer } from "@modelcontextprotocol/sdk/server/mcp.js";
+import { StdioServerTransport } from "@modelcontextprotocol/sdk/server/stdio.js";
+import { z } from "zod";
+
+const here = dirname(fileURLToPath(import.meta.url));
+const repoRoot = resolve(here, "..");
+const dbPath = resolve(process.env.SCOUT_DB_PATH?.trim() || resolve(repoRoot, ".data", "syllo.db"));
+
+mkdirSync(dirname(dbPath), { recursive: true });
+
+const db = new Database(dbPath);
+db.pragma("journal_mode = WAL");
+db.pragma("foreign_keys = ON");
+db.exec(readFileSync(resolve(repoRoot, "src", "lib", "scout", "schema.sql"), "utf8"));
+
+function nowIso() {
+    return new Date().toISOString();
+}
+
+function newId(prefix) {
+    return `${prefix}_${Date.now().toString(36)}${Math.random().toString(36).slice(2, 8)}`;
+}
+
+function slugify(value) {
+    return (
+        String(value)
+            .toLowerCase()
+            .replace(/[^a-z0-9]+/g, "-")
+            .replace(/^-+|-+$/g, "")
+            .slice(0, 60) || "resource"
+    );
+}
+
+function youtubeId(url) {
+    const match = /(?:youtu\.be\/|youtube\.com\/(?:watch\?v=|shorts\/|embed\/))([A-Za-z0-9_-]{11})/.exec(url);
+    return match ? match[1] : null;
+}
+
+function inferKind(url) {
+    if (youtubeId(url)) return "video";
+    if (/\.pdf(?:$|[?#])/i.test(url)) return "doc";
+    return "article";
+}
+
+function parseJsonArray(value) {
+    try {
+        const parsed = JSON.parse(value || "[]");
+        return Array.isArray(parsed) ? parsed : [];
+    } catch {
+        return [];
+    }
+}
+
+function toResource(row) {
+    return {
+        id: row.id,
+        kind: row.kind,
+        title: row.title,
+        url: row.url,
+        creator: row.creator ?? null,
+        summary: row.summary ?? null,
+        skills: parseJsonArray(row.skill_tags),
+        chapters: parseJsonArray(row.chapters).length,
+        createdAt: row.created_at,
+        updatedAt: row.updated_at,
+    };
+}
+
+function addResource({ url, title, note, skill }) {
+    const cleanUrl = String(url ?? "").trim();
+    if (!/^https?:\/\//i.test(cleanUrl)) {
+        throw new Error("url must start with http:// or https://");
+    }
+
+    const existing = db.prepare("SELECT * FROM resources WHERE url = ?").get(cleanUrl);
+    const now = nowIso();
+
+    if (existing) {
+        const skills = parseJsonArray(existing.skill_tags);
+        if (skill) {
+            const normalized = String(skill).trim().toLowerCase().slice(0, 60);
+            if (normalized && !skills.includes(normalized)) skills.push(normalized);
+        }
+        db.prepare(
+            `UPDATE resources SET
+                summary = COALESCE(?, summary),
+                skill_tags = ?,
+                updated_at = ?
+             WHERE id = ?`,
+        ).run(note ? String(note).trim().slice(0, 400) : null, JSON.stringify(skills), now, existing.id);
+
+        return { created: false, resource: toResource(db.prepare("SELECT * FROM resources WHERE id = ?").get(existing.id)) };
+    }
+
+    const id = newId("res");
+    const kind = inferKind(cleanUrl);
+    const skills = skill ? [String(skill).trim().toLowerCase().slice(0, 60)] : [];
+    const cleanTitle = String(title ?? "").trim().slice(0, 200) || `${kind === "video" ? "Video" : "Link"} · ${slugify(cleanUrl)}`;
+
+    db.prepare(
+        `INSERT INTO resources (
+            id, kind, source, external_id, url, title, creator, duration_seconds,
+            published_at, thumbnail_url, description, summary, key_points, skill_tags,
+            chapters, transcript, transcript_status, transcript_chars, content_hash,
+            error, created_at, updated_at
+        ) VALUES (?, ?, 'agent', ?, ?, ?, NULL, NULL, NULL, NULL, NULL, ?, '[]', ?, '[]', NULL, 'skipped', 0, NULL, NULL, ?, ?)`,
+    ).run(
+        id,
+        kind,
+        kind === "video" ? youtubeId(cleanUrl) : null,
+        cleanUrl,
+        cleanTitle,
+        note ? String(note).trim().slice(0, 400) : "Saved by an agent. Not read yet.",
+        JSON.stringify(skills),
+        now,
+        now,
+    );
+
+    return { created: true, resource: toResource(db.prepare("SELECT * FROM resources WHERE id = ?").get(id)) };
+}
+
+function searchLibrary({ query, limit }) {
+    const clean = String(query ?? "").trim();
+    if (!clean) throw new Error("query is required");
+
+    const like = `%${clean.replace(/[%_]/g, "")}%`;
+    const max = Math.min(50, Math.max(1, Number(limit) || 20));
+    const rows = db
+        .prepare(
+            `SELECT * FROM resources
+             WHERE title LIKE ? OR summary LIKE ? OR skill_tags LIKE ? OR creator LIKE ?
+             ORDER BY updated_at DESC
+             LIMIT ?`,
+        )
+        .all(like, like, like, like, max);
+
+    return { count: rows.length, resources: rows.map(toResource) };
+}
+
+const server = new McpServer({ name: "syllo-scout", version: "1.0.0" });
+
+server.registerTool(
+    "add_resource",
+    {
+        title: "Add a resource to Syllo Scout",
+        description:
+            "Save a free learning resource (video, article or doc) to the learner's Syllo Scout library. Use the exact public http(s) URL. Duplicate URLs are updated, not duplicated.",
+        inputSchema: z.object({
+            url: z.string().describe("Public http(s) URL of the resource"),
+            title: z.string().max(200).optional().describe("Resource title"),
+            note: z.string().max(400).optional().describe("One or two sentences on why it is useful"),
+            skill: z.string().max(60).optional().describe("Skill this resource teaches, e.g. 'UI design'"),
+        }),
+    },
+    async ({ url, title, note, skill }) => {
+        const result = addResource({ url, title, note, skill });
+        const verb = result.created ? "Saved" : "Updated";
+        return {
+            content: [
+                {
+                    type: "text",
+                    text: `${verb}: ${result.resource.title}\n${result.resource.url}\nID: ${result.resource.id}`,
+                },
+            ],
+            structuredContent: result,
+        };
+    },
+);
+
+server.registerTool(
+    "search_library",
+    {
+        title: "Search the Syllo Scout library",
+        description:
+            "Search saved resources by title, summary, skill or creator. Use it before adding a link, and to build a reading or watching list from what the learner already has.",
+        inputSchema: z.object({
+            query: z.string().min(1).describe("Words to search for"),
+            limit: z.number().int().min(1).max(50).optional().describe("Maximum results (default 20)"),
+        }),
+    },
+    async ({ query, limit }) => {
+        const result = searchLibrary({ query, limit });
+        const text =
+            result.count === 0
+                ? `Nothing found for "${query}".`
+                : result.resources
+                      .map((resource) => `• ${resource.title}\n  ${resource.url}${resource.skills.length ? `\n  Skills: ${resource.skills.join(", ")}` : ""}`)
+                      .join("\n\n");
+
+        return {
+            content: [{ type: "text", text }],
+            structuredContent: result,
+        };
+    },
+);
+
+const transport = new StdioServerTransport();
+await server.connect(transport);
diff --git a/next-env.d.ts b/next-env.d.ts
deleted file mode 100644
index 9edff1c..0000000
--- a/next-env.d.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-/// <reference types="next" />
-/// <reference types="next/image-types/global" />
-import "./.next/types/routes.d.ts";
-
-// NOTE: This file should not be edited
-// see https://nextjs.org/docs/app/api-reference/config/typescript for more information.
diff --git a/next.config.ts b/next.config.ts
deleted file mode 100644
index 5af2f21..0000000
--- a/next.config.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import type { NextConfig } from "next";
-
-const nextConfig: NextConfig = {
-    experimental: {
-        optimizePackageImports: ["lucide-react"],
-    },
-};
-
-export default nextConfig;
diff --git a/package-lock.json b/package-lock.json
index 3d391d3..98ba43c 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,8140 +1,9977 @@
 {
-  "name": "zns-roadmap-studio",
-  "version": "1.0.0",
-  "lockfileVersion": 3,
-  "requires": true,
-  "packages": {
-    "": {
-      "name": "zns-roadmap-studio",
-      "version": "1.0.0",
-      "dependencies": {
-        "@radix-ui/react-alert-dialog": "^1.1.15",
-        "@radix-ui/react-select": "^2.2.6",
-        "@radix-ui/react-separator": "^1.1.8",
-        "@radix-ui/react-slot": "^1.2.4",
-        "@radix-ui/react-switch": "^1.2.6",
-        "class-variance-authority": "^0.7.1",
-        "clsx": "^2.1.1",
-        "framer-motion": "^12.34.5",
-        "geist": "^1.7.0",
-        "lucide-react": "^0.576.0",
-        "motion": "^12.35.1",
-        "next": "^16.1.6",
-        "next-themes": "^0.4.6",
-        "openai": "^6.27.0",
-        "react": "^19.2.4",
-        "react-dom": "^19.2.4",
-        "sonner": "^2.0.7",
-        "tailwind-merge": "^3.5.0"
-      },
-      "devDependencies": {
-        "@tailwindcss/postcss": "^4.0.0",
-        "@types/node": "^22.0.0",
-        "@types/react": "^19.0.0",
-        "@types/react-dom": "^19.0.0",
-        "@vitest/ui": "^2.1.8",
-        "axe-core": "^4.11.1",
-        "chalk": "^5.6.2",
-        "eslint": "^9.0.0",
-        "eslint-config-next": "^15.1.0",
-        "fast-check": "^4.6.0",
-        "playwright": "^1.58.2",
-        "postcss": "^8.5.0",
-        "tailwindcss": "^4.0.0",
-        "typescript": "^5.7.0",
-        "vitest": "^2.1.8"
-      }
-    },
-    "node_modules/@alloc/quick-lru": {
-      "version": "5.2.0",
-      "resolved": "https://registry.npmjs.org/@alloc/quick-lru/-/quick-lru-5.2.0.tgz",
-      "integrity": "sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==",
-      "dev": true,
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/@emnapi/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,
-      "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==",
-      "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,
-      "optional": true,
-      "dependencies": {
-        "tslib": "^2.4.0"
-      }
-    },
-    "node_modules/@esbuild/aix-ppc64": {
-      "version": "0.21.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.21.5.tgz",
-      "integrity": "sha512-1SDgH6ZSPTlggy1yI6+Dbkiz8xzpHJEVAlF/AM1tHPLsf5STom9rwtjE4hKAF20FfXXNTFqEYXyJNWh1GiZedQ==",
-      "cpu": [
-        "ppc64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "aix"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/@esbuild/android-arm": {
-      "version": "0.21.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.21.5.tgz",
-      "integrity": "sha512-vCPvzSjpPHEi1siZdlvAlsPxXl7WbOVUBBAowWug4rJHb68Ox8KualB+1ocNvT5fjv6wpkX6o/iEpbDrf68zcg==",
-      "cpu": [
-        "arm"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "android"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/@esbuild/android-arm64": {
-      "version": "0.21.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.21.5.tgz",
-      "integrity": "sha512-c0uX9VAUBQ7dTDCjq+wdyGLowMdtR/GoC2U5IYk/7D1H1JYC0qseD7+11iMP2mRLN9RcCMRcjC4YMclCzGwS/A==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "android"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/@esbuild/android-x64": {
-      "version": "0.21.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.21.5.tgz",
-      "integrity": "sha512-D7aPRUUNHRBwHxzxRvp856rjUHRFW1SdQATKXH2hqA0kAZb1hKmi02OpYRacl0TxIGz/ZmXWlbZgjwWYaCakTA==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "android"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/@esbuild/darwin-arm64": {
-      "version": "0.21.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.21.5.tgz",
-      "integrity": "sha512-DwqXqZyuk5AiWWf3UfLiRDJ5EDd49zg6O9wclZ7kUMv2WRFr4HKjXp/5t8JZ11QbQfUS6/cRCKGwYhtNAY88kQ==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/@esbuild/darwin-x64": {
-      "version": "0.21.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.21.5.tgz",
-      "integrity": "sha512-se/JjF8NlmKVG4kNIuyWMV/22ZaerB+qaSi5MdrXtd6R08kvs2qCN4C09miupktDitvh8jRFflwGFBQcxZRjbw==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/@esbuild/freebsd-arm64": {
-      "version": "0.21.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.21.5.tgz",
-      "integrity": "sha512-5JcRxxRDUJLX8JXp/wcBCy3pENnCgBR9bN6JsY4OmhfUtIHe3ZW0mawA7+RDAcMLrMIZaf03NlQiX9DGyB8h4g==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "freebsd"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/@esbuild/freebsd-x64": {
-      "version": "0.21.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.21.5.tgz",
-      "integrity": "sha512-J95kNBj1zkbMXtHVH29bBriQygMXqoVQOQYA+ISs0/2l3T9/kj42ow2mpqerRBxDJnmkUDCaQT/dfNXWX/ZZCQ==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "freebsd"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/@esbuild/linux-arm": {
-      "version": "0.21.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.21.5.tgz",
-      "integrity": "sha512-bPb5AHZtbeNGjCKVZ9UGqGwo8EUu4cLq68E95A53KlxAPRmUyYv2D6F0uUI65XisGOL1hBP5mTronbgo+0bFcA==",
-      "cpu": [
-        "arm"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/@esbuild/linux-arm64": {
-      "version": "0.21.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.21.5.tgz",
-      "integrity": "sha512-ibKvmyYzKsBeX8d8I7MH/TMfWDXBF3db4qM6sy+7re0YXya+K1cem3on9XgdT2EQGMu4hQyZhan7TeQ8XkGp4Q==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/@esbuild/linux-ia32": {
-      "version": "0.21.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.21.5.tgz",
-      "integrity": "sha512-YvjXDqLRqPDl2dvRODYmmhz4rPeVKYvppfGYKSNGdyZkA01046pLWyRKKI3ax8fbJoK5QbxblURkwK/MWY18Tg==",
-      "cpu": [
-        "ia32"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/@esbuild/linux-loong64": {
-      "version": "0.21.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.21.5.tgz",
-      "integrity": "sha512-uHf1BmMG8qEvzdrzAqg2SIG/02+4/DHB6a9Kbya0XDvwDEKCoC8ZRWI5JJvNdUjtciBGFQ5PuBlpEOXQj+JQSg==",
-      "cpu": [
-        "loong64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/@esbuild/linux-mips64el": {
-      "version": "0.21.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.21.5.tgz",
-      "integrity": "sha512-IajOmO+KJK23bj52dFSNCMsz1QP1DqM6cwLUv3W1QwyxkyIWecfafnI555fvSGqEKwjMXVLokcV5ygHW5b3Jbg==",
-      "cpu": [
-        "mips64el"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/@esbuild/linux-ppc64": {
-      "version": "0.21.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.21.5.tgz",
-      "integrity": "sha512-1hHV/Z4OEfMwpLO8rp7CvlhBDnjsC3CttJXIhBi+5Aj5r+MBvy4egg7wCbe//hSsT+RvDAG7s81tAvpL2XAE4w==",
-      "cpu": [
-        "ppc64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/@esbuild/linux-riscv64": {
-      "version": "0.21.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.21.5.tgz",
-      "integrity": "sha512-2HdXDMd9GMgTGrPWnJzP2ALSokE/0O5HhTUvWIbD3YdjME8JwvSCnNGBnTThKGEB91OZhzrJ4qIIxk/SBmyDDA==",
-      "cpu": [
-        "riscv64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/@esbuild/linux-s390x": {
-      "version": "0.21.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.21.5.tgz",
-      "integrity": "sha512-zus5sxzqBJD3eXxwvjN1yQkRepANgxE9lgOW2qLnmr8ikMTphkjgXu1HR01K4FJg8h1kEEDAqDcZQtbrRnB41A==",
-      "cpu": [
-        "s390x"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/@esbuild/linux-x64": {
-      "version": "0.21.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.21.5.tgz",
-      "integrity": "sha512-1rYdTpyv03iycF1+BhzrzQJCdOuAOtaqHTWJZCWvijKD2N5Xu0TtVC8/+1faWqcP9iBCWOmjmhoH94dH82BxPQ==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/@esbuild/netbsd-x64": {
-      "version": "0.21.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.21.5.tgz",
-      "integrity": "sha512-Woi2MXzXjMULccIwMnLciyZH4nCIMpWQAs049KEeMvOcNADVxo0UBIQPfSmxB3CWKedngg7sWZdLvLczpe0tLg==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "netbsd"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/@esbuild/openbsd-x64": {
-      "version": "0.21.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.21.5.tgz",
-      "integrity": "sha512-HLNNw99xsvx12lFBUwoT8EVCsSvRNDVxNpjZ7bPn947b8gJPzeHWyNVhFsaerc0n3TsbOINvRP2byTZ5LKezow==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "openbsd"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/@esbuild/sunos-x64": {
-      "version": "0.21.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.21.5.tgz",
-      "integrity": "sha512-6+gjmFpfy0BHU5Tpptkuh8+uw3mnrvgs+dSPQXQOv3ekbordwnzTVEb4qnIvQcYXq6gzkyTnoZ9dZG+D4garKg==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "sunos"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/@esbuild/win32-arm64": {
-      "version": "0.21.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.21.5.tgz",
-      "integrity": "sha512-Z0gOTd75VvXqyq7nsl93zwahcTROgqvuAcYDUr+vOv8uHhNSKROyU961kgtCD1e95IqPKSQKH7tBTslnS3tA8A==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/@esbuild/win32-ia32": {
-      "version": "0.21.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.21.5.tgz",
-      "integrity": "sha512-SWXFF1CL2RVNMaVs+BBClwtfZSvDgtL//G/smwAc5oVK/UPu2Gu9tIaRgFmYFFKrmg3SyAjSrElf0TiJ1v8fYA==",
-      "cpu": [
-        "ia32"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/@esbuild/win32-x64": {
-      "version": "0.21.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.21.5.tgz",
-      "integrity": "sha512-tQd/1efJuzPC6rCFwEvLtci/xNFcTZknmXs98FYDfGE4wP9ClFV98nyKrzJKVPMhdDnjzLhdUyMX4PsQAPjwIw==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "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,
-      "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,
-      "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,
-      "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,
-      "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,
-      "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,
-      "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.4",
-      "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-3.3.4.tgz",
-      "integrity": "sha512-4h4MVF8pmBsncB60r0wSJiIeUKTSD4m7FmTFThG8RHlsg9ajqckLm9OraguFGZE4vVdpiI1Q4+hFnisopmG6gQ==",
-      "dev": true,
-      "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.3",
-        "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,
-      "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,
-      "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,
-      "dependencies": {
-        "@eslint/core": "^0.17.0",
-        "levn": "^0.4.1"
-      },
-      "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-      }
-    },
-    "node_modules/@floating-ui/core": {
-      "version": "1.7.5",
-      "resolved": "https://registry.npmjs.org/@floating-ui/core/-/core-1.7.5.tgz",
-      "integrity": "sha512-1Ih4WTWyw0+lKyFMcBHGbb5U5FtuHJuujoyyr5zTaWS5EYMeT6Jb2AuDeftsCsEuchO+mM2ij5+q9crhydzLhQ==",
-      "dependencies": {
-        "@floating-ui/utils": "^0.2.11"
-      }
-    },
-    "node_modules/@floating-ui/dom": {
-      "version": "1.7.6",
-      "resolved": "https://registry.npmjs.org/@floating-ui/dom/-/dom-1.7.6.tgz",
-      "integrity": "sha512-9gZSAI5XM36880PPMm//9dfiEngYoC6Am2izES1FF406YFsjvyBMmeJ2g4SAju3xWwtuynNRFL2s9hgxpLI5SQ==",
-      "dependencies": {
-        "@floating-ui/core": "^1.7.5",
-        "@floating-ui/utils": "^0.2.11"
-      }
-    },
-    "node_modules/@floating-ui/react-dom": {
-      "version": "2.1.8",
-      "resolved": "https://registry.npmjs.org/@floating-ui/react-dom/-/react-dom-2.1.8.tgz",
-      "integrity": "sha512-cC52bHwM/n/CxS87FH0yWdngEZrjdtLW/qVruo68qg+prK7ZQ4YGdut2GyDVpoGeAYe/h899rVeOVm6Oi40k2A==",
-      "dependencies": {
-        "@floating-ui/dom": "^1.7.6"
-      },
-      "peerDependencies": {
-        "react": ">=16.8.0",
-        "react-dom": ">=16.8.0"
-      }
-    },
-    "node_modules/@floating-ui/utils": {
-      "version": "0.2.11",
-      "resolved": "https://registry.npmjs.org/@floating-ui/utils/-/utils-0.2.11.tgz",
-      "integrity": "sha512-RiB/yIh78pcIxl6lLMG0CgBXAZ2Y0eVHqMPYugu+9U0AeT6YBeiJpf7lbdJNIugFP5SIjwNRgo4DhR1Qxi26Gg=="
-    },
-    "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,
-      "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,
-      "dependencies": {
-        "@humanfs/core": "^0.19.1",
-        "@humanwhocodes/retry": "^0.4.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,
-      "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,
-      "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==",
-      "optional": true,
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "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"
-      ],
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/libvips"
-      },
-      "optionalDependencies": {
-        "@img/sharp-libvips-darwin-arm64": "1.2.4"
-      }
-    },
-    "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"
-      ],
-      "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/@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"
-      ],
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "funding": {
-        "url": "https://opencollective.com/libvips"
-      }
-    },
-    "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"
-      ],
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "funding": {
-        "url": "https://opencollective.com/libvips"
-      }
-    },
-    "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"
-      ],
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "funding": {
-        "url": "https://opencollective.com/libvips"
-      }
-    },
-    "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"
-      ],
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "funding": {
-        "url": "https://opencollective.com/libvips"
-      }
-    },
-    "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"
-      ],
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "funding": {
-        "url": "https://opencollective.com/libvips"
-      }
-    },
-    "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"
-      ],
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "funding": {
-        "url": "https://opencollective.com/libvips"
-      }
-    },
-    "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"
-      ],
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "funding": {
-        "url": "https://opencollective.com/libvips"
-      }
-    },
-    "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"
-      ],
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "funding": {
-        "url": "https://opencollective.com/libvips"
-      }
-    },
-    "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"
-      ],
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "funding": {
-        "url": "https://opencollective.com/libvips"
-      }
-    },
-    "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"
-      ],
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "funding": {
-        "url": "https://opencollective.com/libvips"
-      }
-    },
-    "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"
-      ],
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/libvips"
-      },
-      "optionalDependencies": {
-        "@img/sharp-libvips-linux-arm": "1.2.4"
-      }
-    },
-    "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"
-      ],
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/libvips"
-      },
-      "optionalDependencies": {
-        "@img/sharp-libvips-linux-arm64": "1.2.4"
-      }
-    },
-    "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"
-      ],
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/libvips"
-      },
-      "optionalDependencies": {
-        "@img/sharp-libvips-linux-ppc64": "1.2.4"
-      }
-    },
-    "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"
-      ],
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/libvips"
-      },
-      "optionalDependencies": {
-        "@img/sharp-libvips-linux-riscv64": "1.2.4"
-      }
-    },
-    "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"
-      ],
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/libvips"
-      },
-      "optionalDependencies": {
-        "@img/sharp-libvips-linux-s390x": "1.2.4"
-      }
-    },
-    "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"
-      ],
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/libvips"
-      },
-      "optionalDependencies": {
-        "@img/sharp-libvips-linux-x64": "1.2.4"
-      }
-    },
-    "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"
-      ],
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/libvips"
-      },
-      "optionalDependencies": {
-        "@img/sharp-libvips-linuxmusl-arm64": "1.2.4"
-      }
-    },
-    "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"
-      ],
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/libvips"
-      },
-      "optionalDependencies": {
-        "@img/sharp-libvips-linuxmusl-x64": "1.2.4"
-      }
-    },
-    "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"
-      ],
-      "optional": true,
-      "dependencies": {
-        "@emnapi/runtime": "^1.7.0"
-      },
-      "engines": {
-        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/libvips"
-      }
-    },
-    "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"
-      ],
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "engines": {
-        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/libvips"
-      }
-    },
-    "node_modules/@img/sharp-win32-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"
-      ],
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "engines": {
-        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/libvips"
-      }
-    },
-    "node_modules/@img/sharp-win32-x64": {
-      "version": "0.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"
-      ],
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "engines": {
-        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/libvips"
-      }
-    },
-    "node_modules/@jridgewell/gen-mapping": {
-      "version": "0.3.13",
-      "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.13.tgz",
-      "integrity": "sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==",
-      "dev": true,
-      "dependencies": {
-        "@jridgewell/sourcemap-codec": "^1.5.0",
-        "@jridgewell/trace-mapping": "^0.3.24"
-      }
-    },
-    "node_modules/@jridgewell/remapping": {
-      "version": "2.3.5",
-      "resolved": "https://registry.npmjs.org/@jridgewell/remapping/-/remapping-2.3.5.tgz",
-      "integrity": "sha512-LI9u/+laYG4Ds1TDKSJW2YPrIlcVYOwi2fUC6xB43lueCjgxV4lffOCZCtYFiH6TNOX+tQKXx97T4IKHbhyHEQ==",
-      "dev": true,
-      "dependencies": {
-        "@jridgewell/gen-mapping": "^0.3.5",
-        "@jridgewell/trace-mapping": "^0.3.24"
-      }
-    },
-    "node_modules/@jridgewell/resolve-uri": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz",
-      "integrity": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==",
-      "dev": true,
-      "engines": {
-        "node": ">=6.0.0"
-      }
-    },
-    "node_modules/@jridgewell/sourcemap-codec": {
-      "version": "1.5.5",
-      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.5.tgz",
-      "integrity": "sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==",
-      "dev": true
-    },
-    "node_modules/@jridgewell/trace-mapping": {
-      "version": "0.3.31",
-      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.31.tgz",
-      "integrity": "sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==",
-      "dev": true,
-      "dependencies": {
-        "@jridgewell/resolve-uri": "^3.1.0",
-        "@jridgewell/sourcemap-codec": "^1.4.14"
-      }
-    },
-    "node_modules/@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,
-      "optional": true,
-      "dependencies": {
-        "@emnapi/core": "^1.4.3",
-        "@emnapi/runtime": "^1.4.3",
-        "@tybys/wasm-util": "^0.10.0"
-      }
-    },
-    "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/@next/eslint-plugin-next": {
-      "version": "15.5.12",
-      "resolved": "https://registry.npmjs.org/@next/eslint-plugin-next/-/eslint-plugin-next-15.5.12.tgz",
-      "integrity": "sha512-+ZRSDFTv4aC96aMb5E41rMjysx8ApkryevnvEYZvPZO52KvkqP5rNExLUXJFr9P4s0f3oqNQR6vopCZsPWKDcQ==",
-      "dev": true,
-      "dependencies": {
-        "fast-glob": "3.3.1"
-      }
-    },
-    "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"
-      ],
-      "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"
-      ],
-      "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"
-      ],
-      "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"
-      ],
-      "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"
-      ],
-      "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"
-      ],
-      "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"
-      ],
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "engines": {
-        "node": ">= 10"
-      }
-    },
-    "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"
-      ],
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "engines": {
-        "node": ">= 10"
-      }
-    },
-    "node_modules/@nodelib/fs.scandir": {
-      "version": "2.1.5",
-      "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
-      "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==",
-      "dev": true,
-      "dependencies": {
-        "@nodelib/fs.stat": "2.0.5",
-        "run-parallel": "^1.1.9"
-      },
-      "engines": {
-        "node": ">= 8"
-      }
-    },
-    "node_modules/@nodelib/fs.stat": {
-      "version": "2.0.5",
-      "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz",
-      "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==",
-      "dev": true,
-      "engines": {
-        "node": ">= 8"
-      }
-    },
-    "node_modules/@nodelib/fs.walk": {
-      "version": "1.2.8",
-      "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz",
-      "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==",
-      "dev": true,
-      "dependencies": {
-        "@nodelib/fs.scandir": "2.1.5",
-        "fastq": "^1.6.0"
-      },
-      "engines": {
-        "node": ">= 8"
-      }
-    },
-    "node_modules/@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,
-      "engines": {
-        "node": ">=12.4.0"
-      }
-    },
-    "node_modules/@polka/url": {
-      "version": "1.0.0-next.29",
-      "resolved": "https://registry.npmjs.org/@polka/url/-/url-1.0.0-next.29.tgz",
-      "integrity": "sha512-wwQAWhWSuHaag8c4q/KN/vCoeOJYshAIvMQwD4GpSb3OiZklFfvAgmj0VCBBImRpuF/aFgIRzllXlVX93Jevww==",
-      "dev": true
-    },
-    "node_modules/@radix-ui/number": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/number/-/number-1.1.1.tgz",
-      "integrity": "sha512-MkKCwxlXTgz6CFoJx3pCwn07GKp36+aZyu/u2Ln2VrA5DcdyCZkASEDBTd8x5whTQQL5CiYf4prXKLcgQdv29g=="
-    },
-    "node_modules/@radix-ui/primitive": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/@radix-ui/primitive/-/primitive-1.1.3.tgz",
-      "integrity": "sha512-JTF99U/6XIjCBo0wqkU5sK10glYe27MRRsfwoiq5zzOEZLHU3A3KCMa5X/azekYRCJ0HlwI0crAXS/5dEHTzDg=="
-    },
-    "node_modules/@radix-ui/react-alert-dialog": {
-      "version": "1.1.15",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-alert-dialog/-/react-alert-dialog-1.1.15.tgz",
-      "integrity": "sha512-oTVLkEw5GpdRe29BqJ0LSDFWI3qu0vR1M0mUkOQWDIUnY/QIkLpgDMWuKxP94c2NAC2LGcgVhG1ImF3jkZ5wXw==",
-      "dependencies": {
-        "@radix-ui/primitive": "1.1.3",
-        "@radix-ui/react-compose-refs": "1.1.2",
-        "@radix-ui/react-context": "1.1.2",
-        "@radix-ui/react-dialog": "1.1.15",
-        "@radix-ui/react-primitive": "2.1.3",
-        "@radix-ui/react-slot": "1.2.3"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-alert-dialog/node_modules/@radix-ui/react-slot": {
-      "version": "1.2.3",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.2.3.tgz",
-      "integrity": "sha512-aeNmHnBxbi2St0au6VBVC7JXFlhLlOnvIIlePNniyUNAClzmtAUEY8/pBiK3iHjufOlwA+c20/8jngo7xcrg8A==",
-      "dependencies": {
-        "@radix-ui/react-compose-refs": "1.1.2"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-arrow": {
-      "version": "1.1.7",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-arrow/-/react-arrow-1.1.7.tgz",
-      "integrity": "sha512-F+M1tLhO+mlQaOWspE8Wstg+z6PwxwRd8oQ8IXceWz92kfAmalTRf0EjrouQeo7QssEPfCn05B4Ihs1K9WQ/7w==",
-      "dependencies": {
-        "@radix-ui/react-primitive": "2.1.3"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-collection": {
-      "version": "1.1.7",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-collection/-/react-collection-1.1.7.tgz",
-      "integrity": "sha512-Fh9rGN0MoI4ZFUNyfFVNU4y9LUz93u9/0K+yLgA2bwRojxM8JU1DyvvMBabnZPBgMWREAJvU2jjVzq+LrFUglw==",
-      "dependencies": {
-        "@radix-ui/react-compose-refs": "1.1.2",
-        "@radix-ui/react-context": "1.1.2",
-        "@radix-ui/react-primitive": "2.1.3",
-        "@radix-ui/react-slot": "1.2.3"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-collection/node_modules/@radix-ui/react-slot": {
-      "version": "1.2.3",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.2.3.tgz",
-      "integrity": "sha512-aeNmHnBxbi2St0au6VBVC7JXFlhLlOnvIIlePNniyUNAClzmtAUEY8/pBiK3iHjufOlwA+c20/8jngo7xcrg8A==",
-      "dependencies": {
-        "@radix-ui/react-compose-refs": "1.1.2"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-compose-refs": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-compose-refs/-/react-compose-refs-1.1.2.tgz",
-      "integrity": "sha512-z4eqJvfiNnFMHIIvXP3CY57y2WJs5g2v3X0zm9mEJkrkNv4rDxu+sg9Jh8EkXyeqBkB7SOcboo9dMVqhyrACIg==",
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-context": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-context/-/react-context-1.1.2.tgz",
-      "integrity": "sha512-jCi/QKUM2r1Ju5a3J64TH2A5SpKAgh0LpknyqdQ4m6DCV0xJ2HG1xARRwNGPQfi1SLdLWZ1OJz6F4OMBBNiGJA==",
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-dialog": {
-      "version": "1.1.15",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-dialog/-/react-dialog-1.1.15.tgz",
-      "integrity": "sha512-TCglVRtzlffRNxRMEyR36DGBLJpeusFcgMVD9PZEzAKnUs1lKCgX5u9BmC2Yg+LL9MgZDugFFs1Vl+Jp4t/PGw==",
-      "dependencies": {
-        "@radix-ui/primitive": "1.1.3",
-        "@radix-ui/react-compose-refs": "1.1.2",
-        "@radix-ui/react-context": "1.1.2",
-        "@radix-ui/react-dismissable-layer": "1.1.11",
-        "@radix-ui/react-focus-guards": "1.1.3",
-        "@radix-ui/react-focus-scope": "1.1.7",
-        "@radix-ui/react-id": "1.1.1",
-        "@radix-ui/react-portal": "1.1.9",
-        "@radix-ui/react-presence": "1.1.5",
-        "@radix-ui/react-primitive": "2.1.3",
-        "@radix-ui/react-slot": "1.2.3",
-        "@radix-ui/react-use-controllable-state": "1.2.2",
-        "aria-hidden": "^1.2.4",
-        "react-remove-scroll": "^2.6.3"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-dialog/node_modules/@radix-ui/react-slot": {
-      "version": "1.2.3",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.2.3.tgz",
-      "integrity": "sha512-aeNmHnBxbi2St0au6VBVC7JXFlhLlOnvIIlePNniyUNAClzmtAUEY8/pBiK3iHjufOlwA+c20/8jngo7xcrg8A==",
-      "dependencies": {
-        "@radix-ui/react-compose-refs": "1.1.2"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-direction": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-direction/-/react-direction-1.1.1.tgz",
-      "integrity": "sha512-1UEWRX6jnOA2y4H5WczZ44gOOjTEmlqv1uNW4GAJEO5+bauCBhv8snY65Iw5/VOS/ghKN9gr2KjnLKxrsvoMVw==",
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-dismissable-layer": {
-      "version": "1.1.11",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-dismissable-layer/-/react-dismissable-layer-1.1.11.tgz",
-      "integrity": "sha512-Nqcp+t5cTB8BinFkZgXiMJniQH0PsUt2k51FUhbdfeKvc4ACcG2uQniY/8+h1Yv6Kza4Q7lD7PQV0z0oicE0Mg==",
-      "dependencies": {
-        "@radix-ui/primitive": "1.1.3",
-        "@radix-ui/react-compose-refs": "1.1.2",
-        "@radix-ui/react-primitive": "2.1.3",
-        "@radix-ui/react-use-callback-ref": "1.1.1",
-        "@radix-ui/react-use-escape-keydown": "1.1.1"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-focus-guards": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-focus-guards/-/react-focus-guards-1.1.3.tgz",
-      "integrity": "sha512-0rFg/Rj2Q62NCm62jZw0QX7a3sz6QCQU0LpZdNrJX8byRGaGVTqbrW9jAoIAHyMQqsNpeZ81YgSizOt5WXq0Pw==",
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-focus-scope": {
-      "version": "1.1.7",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-focus-scope/-/react-focus-scope-1.1.7.tgz",
-      "integrity": "sha512-t2ODlkXBQyn7jkl6TNaw/MtVEVvIGelJDCG41Okq/KwUsJBwQ4XVZsHAVUkK4mBv3ewiAS3PGuUWuY2BoK4ZUw==",
-      "dependencies": {
-        "@radix-ui/react-compose-refs": "1.1.2",
-        "@radix-ui/react-primitive": "2.1.3",
-        "@radix-ui/react-use-callback-ref": "1.1.1"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-id": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-id/-/react-id-1.1.1.tgz",
-      "integrity": "sha512-kGkGegYIdQsOb4XjsfM97rXsiHaBwco+hFI66oO4s9LU+PLAC5oJ7khdOVFxkhsmlbpUqDAvXw11CluXP+jkHg==",
-      "dependencies": {
-        "@radix-ui/react-use-layout-effect": "1.1.1"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-popper": {
-      "version": "1.2.8",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-popper/-/react-popper-1.2.8.tgz",
-      "integrity": "sha512-0NJQ4LFFUuWkE7Oxf0htBKS6zLkkjBH+hM1uk7Ng705ReR8m/uelduy1DBo0PyBXPKVnBA6YBlU94MBGXrSBCw==",
-      "dependencies": {
-        "@floating-ui/react-dom": "^2.0.0",
-        "@radix-ui/react-arrow": "1.1.7",
-        "@radix-ui/react-compose-refs": "1.1.2",
-        "@radix-ui/react-context": "1.1.2",
-        "@radix-ui/react-primitive": "2.1.3",
-        "@radix-ui/react-use-callback-ref": "1.1.1",
-        "@radix-ui/react-use-layout-effect": "1.1.1",
-        "@radix-ui/react-use-rect": "1.1.1",
-        "@radix-ui/react-use-size": "1.1.1",
-        "@radix-ui/rect": "1.1.1"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-portal": {
-      "version": "1.1.9",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-portal/-/react-portal-1.1.9.tgz",
-      "integrity": "sha512-bpIxvq03if6UNwXZ+HTK71JLh4APvnXntDc6XOX8UVq4XQOVl7lwok0AvIl+b8zgCw3fSaVTZMpAPPagXbKmHQ==",
-      "dependencies": {
-        "@radix-ui/react-primitive": "2.1.3",
-        "@radix-ui/react-use-layout-effect": "1.1.1"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-presence": {
-      "version": "1.1.5",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-presence/-/react-presence-1.1.5.tgz",
-      "integrity": "sha512-/jfEwNDdQVBCNvjkGit4h6pMOzq8bHkopq458dPt2lMjx+eBQUohZNG9A7DtO/O5ukSbxuaNGXMjHicgwy6rQQ==",
-      "dependencies": {
-        "@radix-ui/react-compose-refs": "1.1.2",
-        "@radix-ui/react-use-layout-effect": "1.1.1"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-primitive": {
-      "version": "2.1.3",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.1.3.tgz",
-      "integrity": "sha512-m9gTwRkhy2lvCPe6QJp4d3G1TYEUHn/FzJUtq9MjH46an1wJU+GdoGC5VLof8RX8Ft/DlpshApkhswDLZzHIcQ==",
-      "dependencies": {
-        "@radix-ui/react-slot": "1.2.3"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-primitive/node_modules/@radix-ui/react-slot": {
-      "version": "1.2.3",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.2.3.tgz",
-      "integrity": "sha512-aeNmHnBxbi2St0au6VBVC7JXFlhLlOnvIIlePNniyUNAClzmtAUEY8/pBiK3iHjufOlwA+c20/8jngo7xcrg8A==",
-      "dependencies": {
-        "@radix-ui/react-compose-refs": "1.1.2"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-select": {
-      "version": "2.2.6",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-select/-/react-select-2.2.6.tgz",
-      "integrity": "sha512-I30RydO+bnn2PQztvo25tswPH+wFBjehVGtmagkU78yMdwTwVf12wnAOF+AeP8S2N8xD+5UPbGhkUfPyvT+mwQ==",
-      "dependencies": {
-        "@radix-ui/number": "1.1.1",
-        "@radix-ui/primitive": "1.1.3",
-        "@radix-ui/react-collection": "1.1.7",
-        "@radix-ui/react-compose-refs": "1.1.2",
-        "@radix-ui/react-context": "1.1.2",
-        "@radix-ui/react-direction": "1.1.1",
-        "@radix-ui/react-dismissable-layer": "1.1.11",
-        "@radix-ui/react-focus-guards": "1.1.3",
-        "@radix-ui/react-focus-scope": "1.1.7",
-        "@radix-ui/react-id": "1.1.1",
-        "@radix-ui/react-popper": "1.2.8",
-        "@radix-ui/react-portal": "1.1.9",
-        "@radix-ui/react-primitive": "2.1.3",
-        "@radix-ui/react-slot": "1.2.3",
-        "@radix-ui/react-use-callback-ref": "1.1.1",
-        "@radix-ui/react-use-controllable-state": "1.2.2",
-        "@radix-ui/react-use-layout-effect": "1.1.1",
-        "@radix-ui/react-use-previous": "1.1.1",
-        "@radix-ui/react-visually-hidden": "1.2.3",
-        "aria-hidden": "^1.2.4",
-        "react-remove-scroll": "^2.6.3"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-select/node_modules/@radix-ui/react-slot": {
-      "version": "1.2.3",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.2.3.tgz",
-      "integrity": "sha512-aeNmHnBxbi2St0au6VBVC7JXFlhLlOnvIIlePNniyUNAClzmtAUEY8/pBiK3iHjufOlwA+c20/8jngo7xcrg8A==",
-      "dependencies": {
-        "@radix-ui/react-compose-refs": "1.1.2"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-separator": {
-      "version": "1.1.8",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-separator/-/react-separator-1.1.8.tgz",
-      "integrity": "sha512-sDvqVY4itsKwwSMEe0jtKgfTh+72Sy3gPmQpjqcQneqQ4PFmr/1I0YA+2/puilhggCe2gJcx5EBAYFkWkdpa5g==",
-      "dependencies": {
-        "@radix-ui/react-primitive": "2.1.4"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-separator/node_modules/@radix-ui/react-primitive": {
-      "version": "2.1.4",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.1.4.tgz",
-      "integrity": "sha512-9hQc4+GNVtJAIEPEqlYqW5RiYdrr8ea5XQ0ZOnD6fgru+83kqT15mq2OCcbe8KnjRZl5vF3ks69AKz3kh1jrhg==",
-      "dependencies": {
-        "@radix-ui/react-slot": "1.2.4"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-slot": {
-      "version": "1.2.4",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.2.4.tgz",
-      "integrity": "sha512-Jl+bCv8HxKnlTLVrcDE8zTMJ09R9/ukw4qBs/oZClOfoQk/cOTbDn+NceXfV7j09YPVQUryJPHurafcSg6EVKA==",
-      "dependencies": {
-        "@radix-ui/react-compose-refs": "1.1.2"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-switch": {
-      "version": "1.2.6",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-switch/-/react-switch-1.2.6.tgz",
-      "integrity": "sha512-bByzr1+ep1zk4VubeEVViV592vu2lHE2BZY5OnzehZqOOgogN80+mNtCqPkhn2gklJqOpxWgPoYTSnhBCqpOXQ==",
-      "dependencies": {
-        "@radix-ui/primitive": "1.1.3",
-        "@radix-ui/react-compose-refs": "1.1.2",
-        "@radix-ui/react-context": "1.1.2",
-        "@radix-ui/react-primitive": "2.1.3",
-        "@radix-ui/react-use-controllable-state": "1.2.2",
-        "@radix-ui/react-use-previous": "1.1.1",
-        "@radix-ui/react-use-size": "1.1.1"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-use-callback-ref": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-callback-ref/-/react-use-callback-ref-1.1.1.tgz",
-      "integrity": "sha512-FkBMwD+qbGQeMu1cOHnuGB6x4yzPjho8ap5WtbEJ26umhgqVXbhekKUQO+hZEL1vU92a3wHwdp0HAcqAUF5iDg==",
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-use-controllable-state": {
-      "version": "1.2.2",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-controllable-state/-/react-use-controllable-state-1.2.2.tgz",
-      "integrity": "sha512-BjasUjixPFdS+NKkypcyyN5Pmg83Olst0+c6vGov0diwTEo6mgdqVR6hxcEgFuh4QrAs7Rc+9KuGJ9TVCj0Zzg==",
-      "dependencies": {
-        "@radix-ui/react-use-effect-event": "0.0.2",
-        "@radix-ui/react-use-layout-effect": "1.1.1"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-use-effect-event": {
-      "version": "0.0.2",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-effect-event/-/react-use-effect-event-0.0.2.tgz",
-      "integrity": "sha512-Qp8WbZOBe+blgpuUT+lw2xheLP8q0oatc9UpmiemEICxGvFLYmHm9QowVZGHtJlGbS6A6yJ3iViad/2cVjnOiA==",
-      "dependencies": {
-        "@radix-ui/react-use-layout-effect": "1.1.1"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-use-escape-keydown": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-escape-keydown/-/react-use-escape-keydown-1.1.1.tgz",
-      "integrity": "sha512-Il0+boE7w/XebUHyBjroE+DbByORGR9KKmITzbR7MyQ4akpORYP/ZmbhAr0DG7RmmBqoOnZdy2QlvajJ2QA59g==",
-      "dependencies": {
-        "@radix-ui/react-use-callback-ref": "1.1.1"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-use-layout-effect": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-layout-effect/-/react-use-layout-effect-1.1.1.tgz",
-      "integrity": "sha512-RbJRS4UWQFkzHTTwVymMTUv8EqYhOp8dOOviLj2ugtTiXRaRQS7GLGxZTLL1jWhMeoSCf5zmcZkqTl9IiYfXcQ==",
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-use-previous": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-previous/-/react-use-previous-1.1.1.tgz",
-      "integrity": "sha512-2dHfToCj/pzca2Ck724OZ5L0EVrr3eHRNsG/b3xQJLA2hZpVCS99bLAX+hm1IHXDEnzU6by5z/5MIY794/a8NQ==",
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-use-rect": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-rect/-/react-use-rect-1.1.1.tgz",
-      "integrity": "sha512-QTYuDesS0VtuHNNvMh+CjlKJ4LJickCMUAqjlE3+j8w+RlRpwyX3apEQKGFzbZGdo7XNG1tXa+bQqIE7HIXT2w==",
-      "dependencies": {
-        "@radix-ui/rect": "1.1.1"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-use-size": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-size/-/react-use-size-1.1.1.tgz",
-      "integrity": "sha512-ewrXRDTAqAXlkl6t/fkXWNAhFX9I+CkKlw6zjEwk86RSPKwZr3xpBRso655aqYafwtnbpHLj6toFzmd6xdVptQ==",
-      "dependencies": {
-        "@radix-ui/react-use-layout-effect": "1.1.1"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-visually-hidden": {
-      "version": "1.2.3",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-visually-hidden/-/react-visually-hidden-1.2.3.tgz",
-      "integrity": "sha512-pzJq12tEaaIhqjbzpCuv/OypJY/BPavOofm+dbab+MHLajy277+1lLm6JFcGgF5eskJ6mquGirhXY2GD/8u8Ug==",
-      "dependencies": {
-        "@radix-ui/react-primitive": "2.1.3"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/rect": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/rect/-/rect-1.1.1.tgz",
-      "integrity": "sha512-HPwpGIzkl28mWyZqG52jiqDJ12waP11Pa1lGoiyUkIEuMLBP0oeK/C89esbXrxsky5we7dfd8U58nm0SgAWpVw=="
-    },
-    "node_modules/@rollup/rollup-android-arm-eabi": {
-      "version": "4.59.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.59.0.tgz",
-      "integrity": "sha512-upnNBkA6ZH2VKGcBj9Fyl9IGNPULcjXRlg0LLeaioQWueH30p6IXtJEbKAgvyv+mJaMxSm1l6xwDXYjpEMiLMg==",
-      "cpu": [
-        "arm"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "android"
-      ]
-    },
-    "node_modules/@rollup/rollup-android-arm64": {
-      "version": "4.59.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.59.0.tgz",
-      "integrity": "sha512-hZ+Zxj3SySm4A/DylsDKZAeVg0mvi++0PYVceVyX7hemkw7OreKdCvW2oQ3T1FMZvCaQXqOTHb8qmBShoqk69Q==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "android"
-      ]
-    },
-    "node_modules/@rollup/rollup-darwin-arm64": {
-      "version": "4.59.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.59.0.tgz",
-      "integrity": "sha512-W2Psnbh1J8ZJw0xKAd8zdNgF9HRLkdWwwdWqubSVk0pUuQkoHnv7rx4GiF9rT4t5DIZGAsConRE3AxCdJ4m8rg==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "darwin"
-      ]
-    },
-    "node_modules/@rollup/rollup-darwin-x64": {
-      "version": "4.59.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.59.0.tgz",
-      "integrity": "sha512-ZW2KkwlS4lwTv7ZVsYDiARfFCnSGhzYPdiOU4IM2fDbL+QGlyAbjgSFuqNRbSthybLbIJ915UtZBtmuLrQAT/w==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "darwin"
-      ]
-    },
-    "node_modules/@rollup/rollup-freebsd-arm64": {
-      "version": "4.59.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.59.0.tgz",
-      "integrity": "sha512-EsKaJ5ytAu9jI3lonzn3BgG8iRBjV4LxZexygcQbpiU0wU0ATxhNVEpXKfUa0pS05gTcSDMKpn3Sx+QB9RlTTA==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "freebsd"
-      ]
-    },
-    "node_modules/@rollup/rollup-freebsd-x64": {
-      "version": "4.59.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.59.0.tgz",
-      "integrity": "sha512-d3DuZi2KzTMjImrxoHIAODUZYoUUMsuUiY4SRRcJy6NJoZ6iIqWnJu9IScV9jXysyGMVuW+KNzZvBLOcpdl3Vg==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "freebsd"
-      ]
-    },
-    "node_modules/@rollup/rollup-linux-arm-gnueabihf": {
-      "version": "4.59.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.59.0.tgz",
-      "integrity": "sha512-t4ONHboXi/3E0rT6OZl1pKbl2Vgxf9vJfWgmUoCEVQVxhW6Cw/c8I6hbbu7DAvgp82RKiH7TpLwxnJeKv2pbsw==",
-      "cpu": [
-        "arm"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "node_modules/@rollup/rollup-linux-arm-musleabihf": {
-      "version": "4.59.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.59.0.tgz",
-      "integrity": "sha512-CikFT7aYPA2ufMD086cVORBYGHffBo4K8MQ4uPS/ZnY54GKj36i196u8U+aDVT2LX4eSMbyHtyOh7D7Zvk2VvA==",
-      "cpu": [
-        "arm"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "node_modules/@rollup/rollup-linux-arm64-gnu": {
-      "version": "4.59.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.59.0.tgz",
-      "integrity": "sha512-jYgUGk5aLd1nUb1CtQ8E+t5JhLc9x5WdBKew9ZgAXg7DBk0ZHErLHdXM24rfX+bKrFe+Xp5YuJo54I5HFjGDAA==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "node_modules/@rollup/rollup-linux-arm64-musl": {
-      "version": "4.59.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.59.0.tgz",
-      "integrity": "sha512-peZRVEdnFWZ5Bh2KeumKG9ty7aCXzzEsHShOZEFiCQlDEepP1dpUl/SrUNXNg13UmZl+gzVDPsiCwnV1uI0RUA==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "node_modules/@rollup/rollup-linux-loong64-gnu": {
-      "version": "4.59.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loong64-gnu/-/rollup-linux-loong64-gnu-4.59.0.tgz",
-      "integrity": "sha512-gbUSW/97f7+r4gHy3Jlup8zDG190AuodsWnNiXErp9mT90iCy9NKKU0Xwx5k8VlRAIV2uU9CsMnEFg/xXaOfXg==",
-      "cpu": [
-        "loong64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "node_modules/@rollup/rollup-linux-loong64-musl": {
-      "version": "4.59.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loong64-musl/-/rollup-linux-loong64-musl-4.59.0.tgz",
-      "integrity": "sha512-yTRONe79E+o0FWFijasoTjtzG9EBedFXJMl888NBEDCDV9I2wGbFFfJQQe63OijbFCUZqxpHz1GzpbtSFikJ4Q==",
-      "cpu": [
-        "loong64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "node_modules/@rollup/rollup-linux-ppc64-gnu": {
-      "version": "4.59.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-ppc64-gnu/-/rollup-linux-ppc64-gnu-4.59.0.tgz",
-      "integrity": "sha512-sw1o3tfyk12k3OEpRddF68a1unZ5VCN7zoTNtSn2KndUE+ea3m3ROOKRCZxEpmT9nsGnogpFP9x6mnLTCaoLkA==",
-      "cpu": [
-        "ppc64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "node_modules/@rollup/rollup-linux-ppc64-musl": {
-      "version": "4.59.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-ppc64-musl/-/rollup-linux-ppc64-musl-4.59.0.tgz",
-      "integrity": "sha512-+2kLtQ4xT3AiIxkzFVFXfsmlZiG5FXYW7ZyIIvGA7Bdeuh9Z0aN4hVyXS/G1E9bTP/vqszNIN/pUKCk/BTHsKA==",
-      "cpu": [
-        "ppc64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "node_modules/@rollup/rollup-linux-riscv64-gnu": {
-      "version": "4.59.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.59.0.tgz",
-      "integrity": "sha512-NDYMpsXYJJaj+I7UdwIuHHNxXZ/b/N2hR15NyH3m2qAtb/hHPA4g4SuuvrdxetTdndfj9b1WOmy73kcPRoERUg==",
-      "cpu": [
-        "riscv64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "node_modules/@rollup/rollup-linux-riscv64-musl": {
-      "version": "4.59.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-musl/-/rollup-linux-riscv64-musl-4.59.0.tgz",
-      "integrity": "sha512-nLckB8WOqHIf1bhymk+oHxvM9D3tyPndZH8i8+35p/1YiVoVswPid2yLzgX7ZJP0KQvnkhM4H6QZ5m0LzbyIAg==",
-      "cpu": [
-        "riscv64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "node_modules/@rollup/rollup-linux-s390x-gnu": {
-      "version": "4.59.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.59.0.tgz",
-      "integrity": "sha512-oF87Ie3uAIvORFBpwnCvUzdeYUqi2wY6jRFWJAy1qus/udHFYIkplYRW+wo+GRUP4sKzYdmE1Y3+rY5Gc4ZO+w==",
-      "cpu": [
-        "s390x"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "node_modules/@rollup/rollup-linux-x64-gnu": {
-      "version": "4.59.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.59.0.tgz",
-      "integrity": "sha512-3AHmtQq/ppNuUspKAlvA8HtLybkDflkMuLK4DPo77DfthRb71V84/c4MlWJXixZz4uruIH4uaa07IqoAkG64fg==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "node_modules/@rollup/rollup-linux-x64-musl": {
-      "version": "4.59.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.59.0.tgz",
-      "integrity": "sha512-2UdiwS/9cTAx7qIUZB/fWtToJwvt0Vbo0zmnYt7ED35KPg13Q0ym1g442THLC7VyI6JfYTP4PiSOWyoMdV2/xg==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "node_modules/@rollup/rollup-openbsd-x64": {
-      "version": "4.59.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-openbsd-x64/-/rollup-openbsd-x64-4.59.0.tgz",
-      "integrity": "sha512-M3bLRAVk6GOwFlPTIxVBSYKUaqfLrn8l0psKinkCFxl4lQvOSz8ZrKDz2gxcBwHFpci0B6rttydI4IpS4IS/jQ==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "openbsd"
-      ]
-    },
-    "node_modules/@rollup/rollup-openharmony-arm64": {
-      "version": "4.59.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-openharmony-arm64/-/rollup-openharmony-arm64-4.59.0.tgz",
-      "integrity": "sha512-tt9KBJqaqp5i5HUZzoafHZX8b5Q2Fe7UjYERADll83O4fGqJ49O1FsL6LpdzVFQcpwvnyd0i+K/VSwu/o/nWlA==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "openharmony"
-      ]
-    },
-    "node_modules/@rollup/rollup-win32-arm64-msvc": {
-      "version": "4.59.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.59.0.tgz",
-      "integrity": "sha512-V5B6mG7OrGTwnxaNUzZTDTjDS7F75PO1ae6MJYdiMu60sq0CqN5CVeVsbhPxalupvTX8gXVSU9gq+Rx1/hvu6A==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "win32"
-      ]
-    },
-    "node_modules/@rollup/rollup-win32-ia32-msvc": {
-      "version": "4.59.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.59.0.tgz",
-      "integrity": "sha512-UKFMHPuM9R0iBegwzKF4y0C4J9u8C6MEJgFuXTBerMk7EJ92GFVFYBfOZaSGLu6COf7FxpQNqhNS4c4icUPqxA==",
-      "cpu": [
-        "ia32"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "win32"
-      ]
-    },
-    "node_modules/@rollup/rollup-win32-x64-gnu": {
-      "version": "4.59.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-gnu/-/rollup-win32-x64-gnu-4.59.0.tgz",
-      "integrity": "sha512-laBkYlSS1n2L8fSo1thDNGrCTQMmxjYY5G0WFWjFFYZkKPjsMBsgJfGf4TLxXrF6RyhI60L8TMOjBMvXiTcxeA==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "win32"
-      ]
-    },
-    "node_modules/@rollup/rollup-win32-x64-msvc": {
-      "version": "4.59.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.59.0.tgz",
-      "integrity": "sha512-2HRCml6OztYXyJXAvdDXPKcawukWY2GpR5/nxKp4iBgiO3wcoEGkAaqctIbZcNB6KlUQBIqt8VYkNSj2397EfA==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "win32"
-      ]
-    },
-    "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
-    },
-    "node_modules/@rushstack/eslint-patch": {
-      "version": "1.16.1",
-      "resolved": "https://registry.npmjs.org/@rushstack/eslint-patch/-/eslint-patch-1.16.1.tgz",
-      "integrity": "sha512-TvZbIpeKqGQQ7X0zSCvPH9riMSFQFSggnfBjFZ1mEoILW+UuXCKwOoPcgjMwiUtRqFZ8jWhPJc4um14vC6I4ag==",
-      "dev": true
-    },
-    "node_modules/@swc/helpers": {
-      "version": "0.5.15",
-      "resolved": "https://registry.npmjs.org/@swc/helpers/-/helpers-0.5.15.tgz",
-      "integrity": "sha512-JQ5TuMi45Owi4/BIMAJBoSQoOJu12oOk/gADqlcUL9JEdHB8vyjUSsxqeNXnmXHjYKMi2WcYtezGEEhqUI/E2g==",
-      "dependencies": {
-        "tslib": "^2.8.0"
-      }
-    },
-    "node_modules/@tailwindcss/node": {
-      "version": "4.2.1",
-      "resolved": "https://registry.npmjs.org/@tailwindcss/node/-/node-4.2.1.tgz",
-      "integrity": "sha512-jlx6sLk4EOwO6hHe1oCGm1Q4AN/s0rSrTTPBGPM0/RQ6Uylwq17FuU8IeJJKEjtc6K6O07zsvP+gDO6MMWo7pg==",
-      "dev": true,
-      "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.1"
-      }
-    },
-    "node_modules/@tailwindcss/oxide": {
-      "version": "4.2.1",
-      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide/-/oxide-4.2.1.tgz",
-      "integrity": "sha512-yv9jeEFWnjKCI6/T3Oq50yQEOqmpmpfzG1hcZsAOaXFQPfzWprWrlHSdGPEF3WQTi8zu8ohC9Mh9J470nT5pUw==",
-      "dev": true,
-      "engines": {
-        "node": ">= 20"
-      },
-      "optionalDependencies": {
-        "@tailwindcss/oxide-android-arm64": "4.2.1",
-        "@tailwindcss/oxide-darwin-arm64": "4.2.1",
-        "@tailwindcss/oxide-darwin-x64": "4.2.1",
-        "@tailwindcss/oxide-freebsd-x64": "4.2.1",
-        "@tailwindcss/oxide-linux-arm-gnueabihf": "4.2.1",
-        "@tailwindcss/oxide-linux-arm64-gnu": "4.2.1",
-        "@tailwindcss/oxide-linux-arm64-musl": "4.2.1",
-        "@tailwindcss/oxide-linux-x64-gnu": "4.2.1",
-        "@tailwindcss/oxide-linux-x64-musl": "4.2.1",
-        "@tailwindcss/oxide-wasm32-wasi": "4.2.1",
-        "@tailwindcss/oxide-win32-arm64-msvc": "4.2.1",
-        "@tailwindcss/oxide-win32-x64-msvc": "4.2.1"
-      }
-    },
-    "node_modules/@tailwindcss/oxide-android-arm64": {
-      "version": "4.2.1",
-      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-android-arm64/-/oxide-android-arm64-4.2.1.tgz",
-      "integrity": "sha512-eZ7G1Zm5EC8OOKaesIKuw77jw++QJ2lL9N+dDpdQiAB/c/B2wDh0QPFHbkBVrXnwNugvrbJFk1gK2SsVjwWReg==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "android"
-      ],
-      "engines": {
-        "node": ">= 20"
-      }
-    },
-    "node_modules/@tailwindcss/oxide-darwin-arm64": {
-      "version": "4.2.1",
-      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-darwin-arm64/-/oxide-darwin-arm64-4.2.1.tgz",
-      "integrity": "sha512-q/LHkOstoJ7pI1J0q6djesLzRvQSIfEto148ppAd+BVQK0JYjQIFSK3JgYZJa+Yzi0DDa52ZsQx2rqytBnf8Hw==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "node": ">= 20"
-      }
-    },
-    "node_modules/@tailwindcss/oxide-darwin-x64": {
-      "version": "4.2.1",
-      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-darwin-x64/-/oxide-darwin-x64-4.2.1.tgz",
-      "integrity": "sha512-/f/ozlaXGY6QLbpvd/kFTro2l18f7dHKpB+ieXz+Cijl4Mt9AI2rTrpq7V+t04nK+j9XBQHnSMdeQRhbGyt6fw==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "node": ">= 20"
-      }
-    },
-    "node_modules/@tailwindcss/oxide-freebsd-x64": {
-      "version": "4.2.1",
-      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-freebsd-x64/-/oxide-freebsd-x64-4.2.1.tgz",
-      "integrity": "sha512-5e/AkgYJT/cpbkys/OU2Ei2jdETCLlifwm7ogMC7/hksI2fC3iiq6OcXwjibcIjPung0kRtR3TxEITkqgn0TcA==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "freebsd"
-      ],
-      "engines": {
-        "node": ">= 20"
-      }
-    },
-    "node_modules/@tailwindcss/oxide-linux-arm-gnueabihf": {
-      "version": "4.2.1",
-      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm-gnueabihf/-/oxide-linux-arm-gnueabihf-4.2.1.tgz",
-      "integrity": "sha512-Uny1EcVTTmerCKt/1ZuKTkb0x8ZaiuYucg2/kImO5A5Y/kBz41/+j0gxUZl+hTF3xkWpDmHX+TaWhOtba2Fyuw==",
-      "cpu": [
-        "arm"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">= 20"
-      }
-    },
-    "node_modules/@tailwindcss/oxide-linux-arm64-gnu": {
-      "version": "4.2.1",
-      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm64-gnu/-/oxide-linux-arm64-gnu-4.2.1.tgz",
-      "integrity": "sha512-CTrwomI+c7n6aSSQlsPL0roRiNMDQ/YzMD9EjcR+H4f0I1SQ8QqIuPnsVp7QgMkC1Qi8rtkekLkOFjo7OlEFRQ==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">= 20"
-      }
-    },
-    "node_modules/@tailwindcss/oxide-linux-arm64-musl": {
-      "version": "4.2.1",
-      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm64-musl/-/oxide-linux-arm64-musl-4.2.1.tgz",
-      "integrity": "sha512-WZA0CHRL/SP1TRbA5mp9htsppSEkWuQ4KsSUumYQnyl8ZdT39ntwqmz4IUHGN6p4XdSlYfJwM4rRzZLShHsGAQ==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">= 20"
-      }
-    },
-    "node_modules/@tailwindcss/oxide-linux-x64-gnu": {
-      "version": "4.2.1",
-      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-x64-gnu/-/oxide-linux-x64-gnu-4.2.1.tgz",
-      "integrity": "sha512-qMFzxI2YlBOLW5PhblzuSWlWfwLHaneBE0xHzLrBgNtqN6mWfs+qYbhryGSXQjFYB1Dzf5w+LN5qbUTPhW7Y5g==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">= 20"
-      }
-    },
-    "node_modules/@tailwindcss/oxide-linux-x64-musl": {
-      "version": "4.2.1",
-      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-x64-musl/-/oxide-linux-x64-musl-4.2.1.tgz",
-      "integrity": "sha512-5r1X2FKnCMUPlXTWRYpHdPYUY6a1Ar/t7P24OuiEdEOmms5lyqjDRvVY1yy9Rmioh+AunQ0rWiOTPE8F9A3v5g==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">= 20"
-      }
-    },
-    "node_modules/@tailwindcss/oxide-wasm32-wasi": {
-      "version": "4.2.1",
-      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-wasm32-wasi/-/oxide-wasm32-wasi-4.2.1.tgz",
-      "integrity": "sha512-MGFB5cVPvshR85MTJkEvqDUnuNoysrsRxd6vnk1Lf2tbiqNlXpHYZqkqOQalydienEWOHHFyyuTSYRsLfxFJ2Q==",
-      "bundleDependencies": [
-        "@napi-rs/wasm-runtime",
-        "@emnapi/core",
-        "@emnapi/runtime",
-        "@tybys/wasm-util",
-        "@emnapi/wasi-threads",
-        "tslib"
-      ],
-      "cpu": [
-        "wasm32"
-      ],
-      "dev": true,
-      "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.1",
-      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-win32-arm64-msvc/-/oxide-win32-arm64-msvc-4.2.1.tgz",
-      "integrity": "sha512-YlUEHRHBGnCMh4Nj4GnqQyBtsshUPdiNroZj8VPkvTZSoHsilRCwXcVKnG9kyi0ZFAS/3u+qKHBdDc81SADTRA==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "engines": {
-        "node": ">= 20"
-      }
-    },
-    "node_modules/@tailwindcss/oxide-win32-x64-msvc": {
-      "version": "4.2.1",
-      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-win32-x64-msvc/-/oxide-win32-x64-msvc-4.2.1.tgz",
-      "integrity": "sha512-rbO34G5sMWWyrN/idLeVxAZgAKWrn5LiR3/I90Q9MkA67s6T1oB0xtTe+0heoBvHSpbU9Mk7i6uwJnpo4u21XQ==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "engines": {
-        "node": ">= 20"
-      }
-    },
-    "node_modules/@tailwindcss/postcss": {
-      "version": "4.2.1",
-      "resolved": "https://registry.npmjs.org/@tailwindcss/postcss/-/postcss-4.2.1.tgz",
-      "integrity": "sha512-OEwGIBnXnj7zJeonOh6ZG9woofIjGrd2BORfvE5p9USYKDCZoQmfqLcfNiRWoJlRWLdNPn2IgVZuWAOM4iTYMw==",
-      "dev": true,
-      "dependencies": {
-        "@alloc/quick-lru": "^5.2.0",
-        "@tailwindcss/node": "4.2.1",
-        "@tailwindcss/oxide": "4.2.1",
-        "postcss": "^8.5.6",
-        "tailwindcss": "4.2.1"
-      }
-    },
-    "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,
-      "optional": true,
-      "dependencies": {
-        "tslib": "^2.4.0"
-      }
-    },
-    "node_modules/@types/estree": {
-      "version": "1.0.8",
-      "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.8.tgz",
-      "integrity": "sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==",
-      "dev": true
-    },
-    "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
-    },
-    "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
-    },
-    "node_modules/@types/node": {
-      "version": "22.19.13",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-22.19.13.tgz",
-      "integrity": "sha512-akNQMv0wW5uyRpD2v2IEyRSZiR+BeGuoB6L310EgGObO44HSMNT8z1xzio28V8qOrgYaopIDNA18YgdXd+qTiw==",
-      "dev": true,
-      "dependencies": {
-        "undici-types": "~6.21.0"
-      }
-    },
-    "node_modules/@types/react": {
-      "version": "19.2.14",
-      "resolved": "https://registry.npmjs.org/@types/react/-/react-19.2.14.tgz",
-      "integrity": "sha512-ilcTH/UniCkMdtexkoCN0bI7pMcJDvmQFPvuPvmEaYA/NSfFTAgdUSLAoVjaRJm7+6PvcM+q1zYOwS4wTYMF9w==",
-      "devOptional": true,
-      "dependencies": {
-        "csstype": "^3.2.2"
-      }
-    },
-    "node_modules/@types/react-dom": {
-      "version": "19.2.3",
-      "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-19.2.3.tgz",
-      "integrity": "sha512-jp2L/eY6fn+KgVVQAOqYItbF0VY/YApe5Mz2F0aykSO8gx31bYCZyvSeYxCHKvzHG5eZjc+zyaS5BrBWya2+kQ==",
-      "devOptional": true,
-      "peerDependencies": {
-        "@types/react": "^19.2.0"
-      }
-    },
-    "node_modules/@typescript-eslint/eslint-plugin": {
-      "version": "8.56.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-8.56.1.tgz",
-      "integrity": "sha512-Jz9ZztpB37dNC+HU2HI28Bs9QXpzCz+y/twHOwhyrIRdbuVDxSytJNDl6z/aAKlaRIwC7y8wJdkBv7FxYGgi0A==",
-      "dev": true,
-      "dependencies": {
-        "@eslint-community/regexpp": "^4.12.2",
-        "@typescript-eslint/scope-manager": "8.56.1",
-        "@typescript-eslint/type-utils": "8.56.1",
-        "@typescript-eslint/utils": "8.56.1",
-        "@typescript-eslint/visitor-keys": "8.56.1",
-        "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.1",
-        "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,
-      "engines": {
-        "node": ">= 4"
-      }
-    },
-    "node_modules/@typescript-eslint/parser": {
-      "version": "8.56.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-8.56.1.tgz",
-      "integrity": "sha512-klQbnPAAiGYFyI02+znpBRLyjL4/BrBd0nyWkdC0s/6xFLkXYQ8OoRrSkqacS1ddVxf/LDyODIKbQ5TgKAf/Fg==",
-      "dev": true,
-      "dependencies": {
-        "@typescript-eslint/scope-manager": "8.56.1",
-        "@typescript-eslint/types": "8.56.1",
-        "@typescript-eslint/typescript-estree": "8.56.1",
-        "@typescript-eslint/visitor-keys": "8.56.1",
-        "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.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/project-service/-/project-service-8.56.1.tgz",
-      "integrity": "sha512-TAdqQTzHNNvlVFfR+hu2PDJrURiwKsUvxFn1M0h95BB8ah5jejas08jUWG4dBA68jDMI988IvtfdAI53JzEHOQ==",
-      "dev": true,
-      "dependencies": {
-        "@typescript-eslint/tsconfig-utils": "^8.56.1",
-        "@typescript-eslint/types": "^8.56.1",
-        "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.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-8.56.1.tgz",
-      "integrity": "sha512-YAi4VDKcIZp0O4tz/haYKhmIDZFEUPOreKbfdAN3SzUDMcPhJ8QI99xQXqX+HoUVq8cs85eRKnD+rne2UAnj2w==",
-      "dev": true,
-      "dependencies": {
-        "@typescript-eslint/types": "8.56.1",
-        "@typescript-eslint/visitor-keys": "8.56.1"
-      },
-      "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.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/tsconfig-utils/-/tsconfig-utils-8.56.1.tgz",
-      "integrity": "sha512-qOtCYzKEeyr3aR9f28mPJqBty7+DBqsdd63eO0yyDwc6vgThj2UjWfJIcsFeSucYydqcuudMOprZ+x1SpF3ZuQ==",
-      "dev": true,
-      "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.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-8.56.1.tgz",
-      "integrity": "sha512-yB/7dxi7MgTtGhZdaHCemf7PuwrHMenHjmzgUW1aJpO+bBU43OycnM3Wn+DdvDO/8zzA9HlhaJ0AUGuvri4oGg==",
-      "dev": true,
-      "dependencies": {
-        "@typescript-eslint/types": "8.56.1",
-        "@typescript-eslint/typescript-estree": "8.56.1",
-        "@typescript-eslint/utils": "8.56.1",
-        "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.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.56.1.tgz",
-      "integrity": "sha512-dbMkdIUkIkchgGDIv7KLUpa0Mda4IYjo4IAMJUZ+3xNoUXxMsk9YtKpTHSChRS85o+H9ftm51gsK1dZReY9CVw==",
-      "dev": true,
-      "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.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-8.56.1.tgz",
-      "integrity": "sha512-qzUL1qgalIvKWAf9C1HpvBjif+Vm6rcT5wZd4VoMb9+Km3iS3Cv9DY6dMRMDtPnwRAFyAi7YXJpTIEXLvdfPxg==",
-      "dev": true,
-      "dependencies": {
-        "@typescript-eslint/project-service": "8.56.1",
-        "@typescript-eslint/tsconfig-utils": "8.56.1",
-        "@typescript-eslint/types": "8.56.1",
-        "@typescript-eslint/visitor-keys": "8.56.1",
-        "debug": "^4.4.3",
-        "minimatch": "^10.2.2",
-        "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/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,
-      "engines": {
-        "node": "18 || 20 || >=22"
-      }
-    },
-    "node_modules/@typescript-eslint/typescript-estree/node_modules/brace-expansion": {
-      "version": "5.0.4",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-5.0.4.tgz",
-      "integrity": "sha512-h+DEnpVvxmfVefa4jFbCf5HdH5YMDXRsmKflpf1pILZWRFlTbJpxeU55nJl4Smt5HQaGzg1o6RHFPJaOqnmBDg==",
-      "dev": true,
-      "dependencies": {
-        "balanced-match": "^4.0.2"
-      },
-      "engines": {
-        "node": "18 || 20 || >=22"
-      }
-    },
-    "node_modules/@typescript-eslint/typescript-estree/node_modules/minimatch": {
-      "version": "10.2.4",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-10.2.4.tgz",
-      "integrity": "sha512-oRjTw/97aTBN0RHbYCdtF1MQfvusSIBQM0IZEgzl6426+8jSC0nF1a/GmnVLpfB9yyr6g6FTqWqiZVbxrtaCIg==",
-      "dev": true,
-      "dependencies": {
-        "brace-expansion": "^5.0.2"
-      },
-      "engines": {
-        "node": "18 || 20 || >=22"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      }
-    },
-    "node_modules/@typescript-eslint/utils": {
-      "version": "8.56.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-8.56.1.tgz",
-      "integrity": "sha512-HPAVNIME3tABJ61siYlHzSWCGtOoeP2RTIaHXFMPqjrQKCGB9OgUVdiNgH7TJS2JNIQ5qQ4RsAUDuGaGme/KOA==",
-      "dev": true,
-      "dependencies": {
-        "@eslint-community/eslint-utils": "^4.9.1",
-        "@typescript-eslint/scope-manager": "8.56.1",
-        "@typescript-eslint/types": "8.56.1",
-        "@typescript-eslint/typescript-estree": "8.56.1"
-      },
-      "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.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-8.56.1.tgz",
-      "integrity": "sha512-KiROIzYdEV85YygXw6BI/Dx4fnBlFQu6Mq4QE4MOH9fFnhohw6wX/OAvDY2/C+ut0I3RSPKenvZJIVYqJNkhEw==",
-      "dev": true,
-      "dependencies": {
-        "@typescript-eslint/types": "8.56.1",
-        "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,
-      "engines": {
-        "node": "^20.19.0 || ^22.13.0 || >=24"
-      },
-      "funding": {
-        "url": "https://opencollective.com/eslint"
-      }
-    },
-    "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,
-      "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,
-      "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,
-      "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,
-      "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,
-      "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,
-      "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,
-      "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,
-      "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,
-      "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,
-      "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,
-      "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,
-      "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,
-      "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,
-      "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,
-      "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,
-      "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,
-      "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,
-      "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,
-      "optional": true,
-      "os": [
-        "win32"
-      ]
-    },
-    "node_modules/@vitest/expect": {
-      "version": "2.1.8",
-      "resolved": "https://registry.npmjs.org/@vitest/expect/-/expect-2.1.8.tgz",
-      "integrity": "sha512-8ytZ/fFHq2g4PJVAtDX57mayemKgDR6X3Oa2Foro+EygiOJHUXhCqBAAKQYYajZpFoIfvBCF1j6R6IYRSIUFuw==",
-      "dev": true,
-      "dependencies": {
-        "@vitest/spy": "2.1.8",
-        "@vitest/utils": "2.1.8",
-        "chai": "^5.1.2",
-        "tinyrainbow": "^1.2.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/vitest"
-      }
-    },
-    "node_modules/@vitest/mocker": {
-      "version": "2.1.8",
-      "resolved": "https://registry.npmjs.org/@vitest/mocker/-/mocker-2.1.8.tgz",
-      "integrity": "sha512-7guJ/47I6uqfttp33mgo6ga5Gr1VnL58rcqYKyShoRK9ebu8T5Rs6HN3s1NABiBeVTdWNrwUMcHH54uXZBN4zA==",
-      "dev": true,
-      "dependencies": {
-        "@vitest/spy": "2.1.8",
-        "estree-walker": "^3.0.3",
-        "magic-string": "^0.30.12"
-      },
-      "funding": {
-        "url": "https://opencollective.com/vitest"
-      },
-      "peerDependencies": {
-        "msw": "^2.4.9",
-        "vite": "^5.0.0"
-      },
-      "peerDependenciesMeta": {
-        "msw": {
-          "optional": true
-        },
-        "vite": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@vitest/pretty-format": {
-      "version": "2.1.8",
-      "resolved": "https://registry.npmjs.org/@vitest/pretty-format/-/pretty-format-2.1.8.tgz",
-      "integrity": "sha512-9HiSZ9zpqNLKlbIDRWOnAWqgcA7xu+8YxXSekhr0Ykab7PAYFkhkwoqVArPOtJhPmYeE2YHgKZlj3CP36z2AJQ==",
-      "dev": true,
-      "dependencies": {
-        "tinyrainbow": "^1.2.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/vitest"
-      }
-    },
-    "node_modules/@vitest/runner": {
-      "version": "2.1.8",
-      "resolved": "https://registry.npmjs.org/@vitest/runner/-/runner-2.1.8.tgz",
-      "integrity": "sha512-17ub8vQstRnRlIU5k50bG+QOMLHRhYPAna5tw8tYbj+jzjcspnwnwtPtiOlkuKC4+ixDPTuLZiqiWWQ2PSXHVg==",
-      "dev": true,
-      "dependencies": {
-        "@vitest/utils": "2.1.8",
-        "pathe": "^1.1.2"
-      },
-      "funding": {
-        "url": "https://opencollective.com/vitest"
-      }
-    },
-    "node_modules/@vitest/snapshot": {
-      "version": "2.1.8",
-      "resolved": "https://registry.npmjs.org/@vitest/snapshot/-/snapshot-2.1.8.tgz",
-      "integrity": "sha512-20T7xRFbmnkfcmgVEz+z3AU/3b0cEzZOt/zmnvZEctg64/QZbSDJEVm9fLnnlSi74KibmRsO9/Qabi+t0vCRPg==",
-      "dev": true,
-      "dependencies": {
-        "@vitest/pretty-format": "2.1.8",
-        "magic-string": "^0.30.12",
-        "pathe": "^1.1.2"
-      },
-      "funding": {
-        "url": "https://opencollective.com/vitest"
-      }
-    },
-    "node_modules/@vitest/spy": {
-      "version": "2.1.8",
-      "resolved": "https://registry.npmjs.org/@vitest/spy/-/spy-2.1.8.tgz",
-      "integrity": "sha512-5swjf2q95gXeYPevtW0BLk6H8+bPlMb4Vw/9Em4hFxDcaOxS+e0LOX4yqNxoHzMR2akEB2xfpnWUzkZokmgWDg==",
-      "dev": true,
-      "dependencies": {
-        "tinyspy": "^3.0.2"
-      },
-      "funding": {
-        "url": "https://opencollective.com/vitest"
-      }
-    },
-    "node_modules/@vitest/ui": {
-      "version": "2.1.8",
-      "resolved": "https://registry.npmjs.org/@vitest/ui/-/ui-2.1.8.tgz",
-      "integrity": "sha512-5zPJ1fs0ixSVSs5+5V2XJjXLmNzjugHRyV11RqxYVR+oMcogZ9qTuSfKW+OcTV0JeFNznI83BNylzH6SSNJ1+w==",
-      "dev": true,
-      "dependencies": {
-        "@vitest/utils": "2.1.8",
-        "fflate": "^0.8.2",
-        "flatted": "^3.3.1",
-        "pathe": "^1.1.2",
-        "sirv": "^3.0.0",
-        "tinyglobby": "^0.2.10",
-        "tinyrainbow": "^1.2.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/vitest"
-      },
-      "peerDependencies": {
-        "vitest": "2.1.8"
-      }
-    },
-    "node_modules/@vitest/utils": {
-      "version": "2.1.8",
-      "resolved": "https://registry.npmjs.org/@vitest/utils/-/utils-2.1.8.tgz",
-      "integrity": "sha512-dwSoui6djdwbfFmIgbIjX2ZhIoG7Ex/+xpxyiEgIGzjliY8xGkcpITKTlp6B4MgtGkF2ilvm97cPM96XZaAgcA==",
-      "dev": true,
-      "dependencies": {
-        "@vitest/pretty-format": "2.1.8",
-        "loupe": "^3.1.2",
-        "tinyrainbow": "^1.2.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/vitest"
-      }
-    },
-    "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,
-      "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,
-      "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,
-      "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-styles": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
-      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-      "dev": true,
-      "dependencies": {
-        "color-convert": "^2.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
-      }
-    },
-    "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
-    },
-    "node_modules/aria-hidden": {
-      "version": "1.2.6",
-      "resolved": "https://registry.npmjs.org/aria-hidden/-/aria-hidden-1.2.6.tgz",
-      "integrity": "sha512-ik3ZgC9dY/lYVVM++OISsaYDeg1tb0VtP5uL3ouh1koGOaUMDPpbFIei4JkFimWUFPn90sbMNMXQAIVOlnYKJA==",
-      "dependencies": {
-        "tslib": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "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,
-      "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,
-      "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,
-      "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,
-      "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,
-      "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,
-      "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,
-      "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,
-      "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,
-      "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/assertion-error": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/assertion-error/-/assertion-error-2.0.1.tgz",
-      "integrity": "sha512-Izi8RQcffqCeNVgFigKli1ssklIbpHnCYc6AknXGYoB6grJqyeby7jv12JUQgmTAnIDnbck1uxksT4dzN3PWBA==",
-      "dev": true,
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "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
-    },
-    "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,
-      "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,
-      "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,
-      "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,
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "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
-    },
-    "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==",
-      "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,
-      "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,
-      "dependencies": {
-        "fill-range": "^7.1.1"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/cac": {
-      "version": "6.7.14",
-      "resolved": "https://registry.npmjs.org/cac/-/cac-6.7.14.tgz",
-      "integrity": "sha512-b6Ilus+c3RrdDk+JhLKUAQfzzgLEPy6wcXqS7f/xe1EETvsDP6GORG7SFuOs6cID5YkqchW/LXZbX5bc8j7ZcQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "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,
-      "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,
-      "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,
-      "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,
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/caniuse-lite": {
-      "version": "1.0.30001776",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001776.tgz",
-      "integrity": "sha512-sg01JDPzZ9jGshqKSckOQthXnYwOEP50jeVFhaSFbZcOy05TiuuaffDOfcwtCisJ9kNQuLBFibYywv2Bgm9osw==",
-      "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/chai": {
-      "version": "5.3.3",
-      "resolved": "https://registry.npmjs.org/chai/-/chai-5.3.3.tgz",
-      "integrity": "sha512-4zNhdJD/iOjSH0A05ea+Ke6MU5mmpQcbQsSOkgdaUMJ9zTlDTD/GYlwohmIE2u0gaxHYiVHEn1Fw9mZ/ktJWgw==",
-      "dev": true,
-      "dependencies": {
-        "assertion-error": "^2.0.1",
-        "check-error": "^2.1.1",
-        "deep-eql": "^5.0.1",
-        "loupe": "^3.1.0",
-        "pathval": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "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,
-      "engines": {
-        "node": "^12.17.0 || ^14.13 || >=16.0.0"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/chalk?sponsor=1"
-      }
-    },
-    "node_modules/check-error": {
-      "version": "2.1.3",
-      "resolved": "https://registry.npmjs.org/check-error/-/check-error-2.1.3.tgz",
-      "integrity": "sha512-PAJdDJusoxnwm1VwW07VWwUN1sl7smmC3OKggvndJFadxxDRyFJBX/ggnu/KE4kQAB7a3Dp8f/YXC1FlUprWmA==",
-      "dev": true,
-      "engines": {
-        "node": ">= 16"
-      }
-    },
-    "node_modules/class-variance-authority": {
-      "version": "0.7.1",
-      "resolved": "https://registry.npmjs.org/class-variance-authority/-/class-variance-authority-0.7.1.tgz",
-      "integrity": "sha512-Ka+9Trutv7G8M6WT6SeiRWz792K5qEqIGEGzXKhAE6xOWAY6pPH8U+9IY3oCMv6kqTmLsv7Xh/2w2RigkePMsg==",
-      "dependencies": {
-        "clsx": "^2.1.1"
-      },
-      "funding": {
-        "url": "https://polar.sh/cva"
-      }
-    },
-    "node_modules/client-only": {
-      "version": "0.0.1",
-      "resolved": "https://registry.npmjs.org/client-only/-/client-only-0.0.1.tgz",
-      "integrity": "sha512-IV3Ou0jSMzZrd3pZ48nLkT9DA7Ag1pnPzaiQhpW7c3RbcqqzvzzVu+L8gfqMp/8IM2MQtSiqaCxrrcfu8I8rMA=="
-    },
-    "node_modules/clsx": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/clsx/-/clsx-2.1.1.tgz",
-      "integrity": "sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA==",
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "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,
-      "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
-    },
-    "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
-    },
-    "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,
-      "dependencies": {
-        "path-key": "^3.1.0",
-        "shebang-command": "^2.0.0",
-        "which": "^2.0.1"
-      },
-      "engines": {
-        "node": ">= 8"
-      }
-    },
-    "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==",
-      "devOptional": true
-    },
-    "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
-    },
-    "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,
-      "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,
-      "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,
-      "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==",
-      "dev": true,
-      "dependencies": {
-        "ms": "^2.1.3"
-      },
-      "engines": {
-        "node": ">=6.0"
-      },
-      "peerDependenciesMeta": {
-        "supports-color": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/deep-eql": {
-      "version": "5.0.2",
-      "resolved": "https://registry.npmjs.org/deep-eql/-/deep-eql-5.0.2.tgz",
-      "integrity": "sha512-h5k/5U50IJJFpzfL6nO9jaaumfjO/f2NjK/oYB2Djzm4p9L+3T9qWpZqZ2hAbLPuuYq9wrU08WQyBTL5GbPk5Q==",
-      "dev": true,
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "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
-    },
-    "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,
-      "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,
-      "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/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,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/detect-node-es": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/detect-node-es/-/detect-node-es-1.1.0.tgz",
-      "integrity": "sha512-ypdmJU/TbBby2Dxibuv7ZLW3Bs1QEmM7nHjEANfohJLvE0XVujisn1qPJcZxg+qDucsr+bP6fLD1rPS3AhJ7EQ=="
-    },
-    "node_modules/doctrine": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-2.1.0.tgz",
-      "integrity": "sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==",
-      "dev": true,
-      "dependencies": {
-        "esutils": "^2.0.2"
-      },
-      "engines": {
-        "node": ">=0.10.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==",
-      "dev": true,
-      "dependencies": {
-        "call-bind-apply-helpers": "^1.0.1",
-        "es-errors": "^1.3.0",
-        "gopd": "^1.2.0"
-      },
-      "engines": {
-        "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
-    },
-    "node_modules/enhanced-resolve": {
-      "version": "5.20.0",
-      "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.20.0.tgz",
-      "integrity": "sha512-/ce7+jQ1PQ6rVXwe+jKEg5hW5ciicHwIQUagZkp6IufBoY3YDgdTTY1azVs0qoRgVmvsNB+rbjLJxDAeHHtwsQ==",
-      "dev": true,
-      "dependencies": {
-        "graceful-fs": "^4.2.4",
-        "tapable": "^2.3.0"
-      },
-      "engines": {
-        "node": ">=10.13.0"
-      }
-    },
-    "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==",
-      "dev": true,
-      "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,
-      "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,
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "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==",
-      "dev": true,
-      "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"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/es-module-lexer": {
-      "version": "1.7.0",
-      "resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-1.7.0.tgz",
-      "integrity": "sha512-jEQoCwk8hyb2AZziIOLhDqpm5+2ww5uIE6lkO/6jcOCusfk6LhMHpXXfBLXTZ7Ydyt0j4VoUQv6uGNYbdW+kBA==",
-      "dev": true
-    },
-    "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,
-      "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,
-      "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,
-      "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,
-      "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.21.5",
-      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.21.5.tgz",
-      "integrity": "sha512-mg3OPMV4hXywwpoDxu3Qda5xCKQi+vCTZq8S9J/EpkhB2HzKXq4SNFZE3+NK93JYxc8VMSep+lOUSC/RVKaBqw==",
-      "dev": true,
-      "hasInstallScript": true,
-      "bin": {
-        "esbuild": "bin/esbuild"
-      },
-      "engines": {
-        "node": ">=12"
-      },
-      "optionalDependencies": {
-        "@esbuild/aix-ppc64": "0.21.5",
-        "@esbuild/android-arm": "0.21.5",
-        "@esbuild/android-arm64": "0.21.5",
-        "@esbuild/android-x64": "0.21.5",
-        "@esbuild/darwin-arm64": "0.21.5",
-        "@esbuild/darwin-x64": "0.21.5",
-        "@esbuild/freebsd-arm64": "0.21.5",
-        "@esbuild/freebsd-x64": "0.21.5",
-        "@esbuild/linux-arm": "0.21.5",
-        "@esbuild/linux-arm64": "0.21.5",
-        "@esbuild/linux-ia32": "0.21.5",
-        "@esbuild/linux-loong64": "0.21.5",
-        "@esbuild/linux-mips64el": "0.21.5",
-        "@esbuild/linux-ppc64": "0.21.5",
-        "@esbuild/linux-riscv64": "0.21.5",
-        "@esbuild/linux-s390x": "0.21.5",
-        "@esbuild/linux-x64": "0.21.5",
-        "@esbuild/netbsd-x64": "0.21.5",
-        "@esbuild/openbsd-x64": "0.21.5",
-        "@esbuild/sunos-x64": "0.21.5",
-        "@esbuild/win32-arm64": "0.21.5",
-        "@esbuild/win32-ia32": "0.21.5",
-        "@esbuild/win32-x64": "0.21.5"
-      }
-    },
-    "node_modules/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,
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "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==",
-      "dev": true,
-      "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"
-      },
-      "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": "15.5.12",
-      "resolved": "https://registry.npmjs.org/eslint-config-next/-/eslint-config-next-15.5.12.tgz",
-      "integrity": "sha512-ktW3XLfd+ztEltY5scJNjxjHwtKWk6vU2iwzZqSN09UsbBmMeE/cVlJ1yESg6Yx5LW7p/Z8WzUAgYXGLEmGIpg==",
-      "dev": true,
-      "dependencies": {
-        "@next/eslint-plugin-next": "15.5.12",
-        "@rushstack/eslint-patch": "^1.10.3",
-        "@typescript-eslint/eslint-plugin": "^5.4.2 || ^6.0.0 || ^7.0.0 || ^8.0.0",
-        "@typescript-eslint/parser": "^5.4.2 || ^6.0.0 || ^7.0.0 || ^8.0.0",
-        "eslint-import-resolver-node": "^0.3.6",
-        "eslint-import-resolver-typescript": "^3.5.2",
-        "eslint-plugin-import": "^2.31.0",
-        "eslint-plugin-jsx-a11y": "^6.10.0",
-        "eslint-plugin-react": "^7.37.0",
-        "eslint-plugin-react-hooks": "^5.0.0"
-      },
-      "peerDependencies": {
-        "eslint": "^7.23.0 || ^8.0.0 || ^9.0.0",
-        "typescript": ">=3.3.1"
-      },
-      "peerDependenciesMeta": {
-        "typescript": {
-          "optional": true
-        }
-      }
-    },
-    "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,
-      "dependencies": {
-        "debug": "^3.2.7",
-        "is-core-module": "^2.13.0",
-        "resolve": "^1.22.4"
-      }
-    },
-    "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,
-      "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,
-      "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,
-      "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,
-      "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,
-      "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,
-      "dependencies": {
-        "ms": "^2.1.1"
-      }
-    },
-    "node_modules/eslint-plugin-import/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,
-      "bin": {
-        "semver": "bin/semver.js"
-      }
-    },
-    "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,
-      "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,
-      "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": "5.2.0",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-5.2.0.tgz",
-      "integrity": "sha512-+f15FfK64YQwZdJNELETdn5ibXEUQmW1DZL6KXhNnc2heoy/sg9VJJeT7n8TlMWouzWqSWavFkIhHyIbIAEapg==",
-      "dev": true,
-      "engines": {
-        "node": ">=10"
-      },
-      "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_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,
-      "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/eslint-plugin-react/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,
-      "bin": {
-        "semver": "bin/semver.js"
-      }
-    },
-    "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,
-      "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,
-      "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/eslint"
-      }
-    },
-    "node_modules/eslint/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,
-      "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/espree": {
-      "version": "10.4.0",
-      "resolved": "https://registry.npmjs.org/espree/-/espree-10.4.0.tgz",
-      "integrity": "sha512-j6PAQ2uUr79PZhBjP5C5fhl8e39FmRnOjsD5lGnWrFU8i2G776tBK7+nP8KuQUTTyAZUwfQqXAgrVH5MbH9CYQ==",
-      "dev": true,
-      "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/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,
-      "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,
-      "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,
-      "engines": {
-        "node": ">=4.0"
-      }
-    },
-    "node_modules/estree-walker": {
-      "version": "3.0.3",
-      "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-3.0.3.tgz",
-      "integrity": "sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g==",
-      "dev": true,
-      "dependencies": {
-        "@types/estree": "^1.0.0"
-      }
-    },
-    "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,
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/expect-type": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/expect-type/-/expect-type-1.3.0.tgz",
-      "integrity": "sha512-knvyeauYhqjOYvQ66MznSMs83wmHrCycNEN6Ao+2AeYEfxUIkuiVxdEa1qlGEPK+We3n0THiDciYSsCcgW/DoA==",
-      "dev": true,
-      "engines": {
-        "node": ">=12.0.0"
-      }
-    },
-    "node_modules/fast-check": {
-      "version": "4.6.0",
-      "resolved": "https://registry.npmjs.org/fast-check/-/fast-check-4.6.0.tgz",
-      "integrity": "sha512-h7H6Dm0Fy+H4ciQYFxFjXnXkzR2kr9Fb22c0UBpHnm59K2zpr2t13aPTHlltFiNT6zuxp6HMPAVVvgur4BLdpA==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "individual",
-          "url": "https://github.com/sponsors/dubzzz"
-        },
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/fast-check"
-        }
-      ],
-      "dependencies": {
-        "pure-rand": "^8.0.0"
-      },
-      "engines": {
-        "node": ">=12.17.0"
-      }
-    },
-    "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
-    },
-    "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,
-      "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,
-      "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
-    },
-    "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
-    },
-    "node_modules/fastq": {
-      "version": "1.20.1",
-      "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.20.1.tgz",
-      "integrity": "sha512-GGToxJ/w1x32s/D2EKND7kTil4n8OVk/9mycTc4VDza13lOvpUZTGX3mFSCtV9ksdGBVzvsyAVLM6mHFThxXxw==",
-      "dev": true,
-      "dependencies": {
-        "reusify": "^1.0.4"
-      }
-    },
-    "node_modules/fflate": {
-      "version": "0.8.2",
-      "resolved": "https://registry.npmjs.org/fflate/-/fflate-0.8.2.tgz",
-      "integrity": "sha512-cPJU47OaAoCbg0pBvzsgpTPhmhqI5eJjh/JIu8tPj5q+T7iLvW/JAYUqmE7KOB4R1ZyEhzBaIQpQpardBF5z8A==",
-      "dev": true
-    },
-    "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,
-      "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,
-      "dependencies": {
-        "to-regex-range": "^5.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "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,
-      "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,
-      "dependencies": {
-        "flatted": "^3.2.9",
-        "keyv": "^4.5.4"
-      },
-      "engines": {
-        "node": ">=16"
-      }
-    },
-    "node_modules/flatted": {
-      "version": "3.4.0",
-      "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.4.0.tgz",
-      "integrity": "sha512-kC6Bb+ooptOIvWj5B63EQWkF0FEnNjV2ZNkLMLZRDDduIiWeFF4iKnslwhiWxjAdbg4NzTNo6h0qLuvFrcx+Sw==",
-      "dev": true
-    },
-    "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,
-      "dependencies": {
-        "is-callable": "^1.2.7"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/framer-motion": {
-      "version": "12.35.1",
-      "resolved": "https://registry.npmjs.org/framer-motion/-/framer-motion-12.35.1.tgz",
-      "integrity": "sha512-rL8cLrjYZNShZqKV3U0Qj6Y5WDiZXYEM5giiTLfEqsIZxtspzMDCkKmrO5po76jWfvOg04+Vk+sfBvTD0iMmLw==",
-      "dependencies": {
-        "motion-dom": "^12.35.1",
-        "motion-utils": "^12.29.2",
-        "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/fsevents": {
-      "version": "2.3.2",
-      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz",
-      "integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==",
-      "dev": true,
-      "hasInstallScript": true,
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
-      }
-    },
-    "node_modules/function-bind": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
-      "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
-      "dev": true,
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/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,
-      "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,
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/geist": {
-      "version": "1.7.0",
-      "resolved": "https://registry.npmjs.org/geist/-/geist-1.7.0.tgz",
-      "integrity": "sha512-ZaoiZwkSf0DwwB1ncdLKp+ggAldqxl5L1+SXaNIBGkPAqcu+xjVJLxlf3/S8vLt9UHx1xu5fz3lbzKCj5iOVdQ==",
-      "peerDependencies": {
-        "next": ">=13.2.0"
-      }
-    },
-    "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,
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "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,
-      "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-nonce": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/get-nonce/-/get-nonce-1.0.1.tgz",
-      "integrity": "sha512-FJhYRoDaiatfEkUK8HKlicmu/3SGFD51q3itKDGoSTysQJBnfOcxU5GxnhE1E6soB76MbT0MBtnKJuXyAx+96Q==",
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "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,
-      "dependencies": {
-        "dunder-proto": "^1.0.1",
-        "es-object-atoms": "^1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "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,
-      "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.13.6",
-      "resolved": "https://registry.npmjs.org/get-tsconfig/-/get-tsconfig-4.13.6.tgz",
-      "integrity": "sha512-shZT/QMiSHc/YBLxxOkMtgSid5HFoauqCE3/exfsEcwg1WkeqjG+V40yBbBrsD+jW2HDXcs28xOfcbm2jI8Ddw==",
-      "dev": true,
-      "dependencies": {
-        "resolve-pkg-maps": "^1.0.0"
-      },
-      "funding": {
-        "url": "https://github.com/privatenumber/get-tsconfig?sponsor=1"
-      }
-    },
-    "node_modules/glob-parent": {
-      "version": "6.0.2",
-      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
-      "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
-      "dev": true,
-      "dependencies": {
-        "is-glob": "^4.0.3"
-      },
-      "engines": {
-        "node": ">=10.13.0"
-      }
-    },
-    "node_modules/globals": {
-      "version": "14.0.0",
-      "resolved": "https://registry.npmjs.org/globals/-/globals-14.0.0.tgz",
-      "integrity": "sha512-oahGvuMGQlPw/ivIYBjVSrWAfWLBeku5tpPE2fOPLi+WHffIWbuh2tCjhyQhTBPMf5E9jDEH4FOmTYgYwbKwtQ==",
-      "dev": true,
-      "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,
-      "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,
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "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==",
-      "dev": true
-    },
-    "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,
-      "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,
-      "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,
-      "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,
-      "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,
-      "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,
-      "dependencies": {
-        "has-symbols": "^1.0.3"
-      },
-      "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==",
-      "dev": true,
-      "dependencies": {
-        "function-bind": "^1.1.2"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "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,
-      "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,
-      "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,
-      "engines": {
-        "node": ">=0.8.19"
-      }
-    },
-    "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,
-      "dependencies": {
-        "es-errors": "^1.3.0",
-        "hasown": "^2.0.2",
-        "side-channel": "^1.1.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "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,
-      "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,
-      "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,
-      "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,
-      "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,
-      "dependencies": {
-        "semver": "^7.7.1"
-      }
-    },
-    "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,
-      "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,
-      "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,
-      "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,
-      "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-extglob": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
-      "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/is-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,
-      "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,
-      "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,
-      "dependencies": {
-        "is-extglob": "^2.1.1"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "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,
-      "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,
-      "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,
-      "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,
-      "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-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,
-      "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,
-      "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,
-      "dependencies": {
-        "call-bound": "^1.0.3"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "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,
-      "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,
-      "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,
-      "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,
-      "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,
-      "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,
-      "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
-    },
-    "node_modules/isexe": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
-      "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==",
-      "dev": true
-    },
-    "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,
-      "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/jiti": {
-      "version": "2.6.1",
-      "resolved": "https://registry.npmjs.org/jiti/-/jiti-2.6.1.tgz",
-      "integrity": "sha512-ekilCSN1jwRvIbgeg/57YFh8qQDNbwDb9xT/qu2DAHbFFZUicIl4ygVaAvzveMhMVr3LnpSKTNnwt8PoOfmKhQ==",
-      "dev": true,
-      "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",
-      "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==",
-      "dev": true
-    },
-    "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,
-      "dependencies": {
-        "argparse": "^2.0.1"
-      },
-      "bin": {
-        "js-yaml": "bin/js-yaml.js"
-      }
-    },
-    "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
-    },
-    "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
-    },
-    "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
-    },
-    "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,
-      "dependencies": {
-        "minimist": "^1.2.0"
-      },
-      "bin": {
-        "json5": "lib/cli.js"
-      }
-    },
-    "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,
-      "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/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,
-      "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
-    },
-    "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,
-      "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,
-      "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,
-      "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,
-      "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,
-      "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"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "node": ">= 12.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/parcel"
-      }
-    },
-    "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"
-      ],
-      "dev": true,
-      "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.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"
-      ],
-      "dev": true,
-      "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.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,
-      "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.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,
-      "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.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"
-      ],
-      "dev": true,
-      "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.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"
-      ],
-      "dev": true,
-      "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.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"
-      ],
-      "dev": true,
-      "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.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"
-      ],
-      "dev": true,
-      "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",
-      "integrity": "sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==",
-      "dev": true,
-      "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
-    },
-    "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,
-      "dependencies": {
-        "js-tokens": "^3.0.0 || ^4.0.0"
-      },
-      "bin": {
-        "loose-envify": "cli.js"
-      }
-    },
-    "node_modules/loupe": {
-      "version": "3.2.1",
-      "resolved": "https://registry.npmjs.org/loupe/-/loupe-3.2.1.tgz",
-      "integrity": "sha512-CdzqowRJCeLU72bHvWqwRBBlLcMEtIvGrlvef74kMnV2AolS9Y8xUv1I0U/MNAWMhBlKIoyuEgoJ0t/bbwHbLQ==",
-      "dev": true
-    },
-    "node_modules/lucide-react": {
-      "version": "0.576.0",
-      "resolved": "https://registry.npmjs.org/lucide-react/-/lucide-react-0.576.0.tgz",
-      "integrity": "sha512-koNxU14BXrxUfZQ9cUaP0ES1uyPZKYDjk31FQZB6dQ/x+tXk979sVAn9ppZ/pVeJJyOxVM8j1E+8QEuSc02Vug==",
-      "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==",
-      "dev": true,
-      "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",
-      "integrity": "sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==",
-      "dev": true,
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/merge2": {
-      "version": "1.4.1",
-      "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
-      "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==",
-      "dev": true,
-      "engines": {
-        "node": ">= 8"
-      }
-    },
-    "node_modules/micromatch": {
-      "version": "4.0.8",
-      "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz",
-      "integrity": "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==",
-      "dev": true,
-      "dependencies": {
-        "braces": "^3.0.3",
-        "picomatch": "^2.3.1"
-      },
-      "engines": {
-        "node": ">=8.6"
-      }
-    },
-    "node_modules/minimatch": {
-      "version": "3.1.5",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.5.tgz",
-      "integrity": "sha512-VgjWUsnnT6n+NUk6eZq77zeFdpW2LWDzP6zFGrCbHXiYNul5Dzqk2HHQ5uFH2DNW5Xbp8+jVzaeNt94ssEEl4w==",
-      "dev": true,
-      "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,
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/motion": {
-      "version": "12.35.1",
-      "resolved": "https://registry.npmjs.org/motion/-/motion-12.35.1.tgz",
-      "integrity": "sha512-yEt/49kWC0VU/IEduDfeZw82eDemlPwa1cyo/gcEEUCN4WgpSJpUcxz6BUwakGabvJiTzLQ58J73515I5tfykQ==",
-      "dependencies": {
-        "framer-motion": "^12.35.1",
-        "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/motion-dom": {
-      "version": "12.35.1",
-      "resolved": "https://registry.npmjs.org/motion-dom/-/motion-dom-12.35.1.tgz",
-      "integrity": "sha512-7n6r7TtNOsH2UFSAXzTkfzOeO5616v9B178qBIjmu/WgEyJK0uqwytCEhwKBTuM/HJA40ptAw7hLFpxtPAMRZQ==",
-      "dependencies": {
-        "motion-utils": "^12.29.2"
-      }
-    },
-    "node_modules/motion-utils": {
-      "version": "12.29.2",
-      "resolved": "https://registry.npmjs.org/motion-utils/-/motion-utils-12.29.2.tgz",
-      "integrity": "sha512-G3kc34H2cX2gI63RqU+cZq+zWRRPSsNIOjpdl9TN4AQwC4sgwYPl/Q/Obf/d53nOm569T0fYK+tcoSV50BWx8A=="
-    },
-    "node_modules/mrmime": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/mrmime/-/mrmime-2.0.1.tgz",
-      "integrity": "sha512-Y3wQdFg2Va6etvQ5I82yUhGdsKrcYox6p7FfL1LbK2J4V01F9TGlepTIhnK24t7koZibmg82KGglhA1XK5IsLQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "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==",
-      "dev": true
-    },
-    "node_modules/nanoid": {
-      "version": "3.3.11",
-      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.11.tgz",
-      "integrity": "sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==",
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/ai"
-        }
-      ],
-      "bin": {
-        "nanoid": "bin/nanoid.cjs"
-      },
-      "engines": {
-        "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
-      }
-    },
-    "node_modules/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,
-      "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
-    },
-    "node_modules/next": {
-      "version": "16.1.6",
-      "resolved": "https://registry.npmjs.org/next/-/next-16.1.6.tgz",
-      "integrity": "sha512-hkyRkcu5x/41KoqnROkfTm2pZVbKxvbZRuNvKXLRXxs3VfyO0WhY50TQS40EuKO9SW3rBj/sF3WbVwDACeMZyw==",
-      "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/next-themes": {
-      "version": "0.4.6",
-      "resolved": "https://registry.npmjs.org/next-themes/-/next-themes-0.4.6.tgz",
-      "integrity": "sha512-pZvgD5L0IEvX5/9GWyHMf3m8BKiVQwsCMHfoFosXtXBMnaS0ZnIJ9ST4b4NqLVKDEm8QBxoNNGNaBv2JNF6XNA==",
-      "peerDependencies": {
-        "react": "^16.8 || ^17 || ^18 || ^19 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17 || ^18 || ^19 || ^19.0.0-rc"
-      }
-    },
-    "node_modules/next/node_modules/postcss": {
-      "version": "8.4.31",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.31.tgz",
-      "integrity": "sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ==",
-      "funding": [
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/postcss/"
-        },
-        {
-          "type": "tidelift",
-          "url": "https://tidelift.com/funding/github/npm/postcss"
-        },
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/ai"
-        }
-      ],
-      "dependencies": {
-        "nanoid": "^3.3.6",
-        "picocolors": "^1.0.0",
-        "source-map-js": "^1.0.2"
-      },
-      "engines": {
-        "node": "^10 || ^12 || >=14"
-      }
-    },
-    "node_modules/node-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,
-      "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-exports-info/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,
-      "bin": {
-        "semver": "bin/semver.js"
-      }
-    },
-    "node_modules/object-assign": {
-      "version": "4.1.1",
-      "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
-      "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/object-inspect": {
-      "version": "1.13.4",
-      "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.4.tgz",
-      "integrity": "sha512-W67iLl4J2EXEGTbfeHCffrjDfitvLANg0UlX3wFUUSTx92KXRFegMHUVgSqE+wvhAbi4WqjGg9czysTV2Epbew==",
-      "dev": true,
-      "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,
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "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,
-      "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,
-      "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,
-      "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,
-      "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,
-      "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/openai": {
-      "version": "6.27.0",
-      "resolved": "https://registry.npmjs.org/openai/-/openai-6.27.0.tgz",
-      "integrity": "sha512-osTKySlrdYrLYTt0zjhY8yp0JUBmWDCN+Q+QxsV4xMQnnoVFpylgKGgxwN8sSdTNw0G4y+WUXs4eCMWpyDNWZQ==",
-      "bin": {
-        "openai": "bin/cli"
-      },
-      "peerDependencies": {
-        "ws": "^8.18.0",
-        "zod": "^3.25 || ^4.0"
-      },
-      "peerDependenciesMeta": {
-        "ws": {
-          "optional": true
-        },
-        "zod": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/optionator": {
-      "version": "0.9.4",
-      "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.4.tgz",
-      "integrity": "sha512-6IpQ7mKUxRcZNLIObR0hz7lxsapSSIYNZJwXPGeF0mTVqGKFIXj1DQcMoT22S3ROcLyY/rz0PWaWZ9ayWmad9g==",
-      "dev": true,
-      "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,
-      "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,
-      "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,
-      "dependencies": {
-        "p-limit": "^3.0.2"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "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,
-      "dependencies": {
-        "callsites": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "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,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "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,
-      "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
-    },
-    "node_modules/pathe": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/pathe/-/pathe-1.1.2.tgz",
-      "integrity": "sha512-whLdWMYL2TwI08hn8/ZqAbrVemu0LNaNNJZX73O6qaIdCTfXutsLhMkjdENX0qhsQ9uIimo4/aQOmXkoon2nDQ==",
-      "dev": true
-    },
-    "node_modules/pathval": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/pathval/-/pathval-2.0.1.tgz",
-      "integrity": "sha512-//nshmD55c46FuFw26xV/xFAaB5HF9Xdap7HJBBnrKdAd6/GxDBaNA1870O79+9ueg61cZLSVc+OaFlfmObYVQ==",
-      "dev": true,
-      "engines": {
-        "node": ">= 14.16"
-      }
-    },
-    "node_modules/picocolors": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
-      "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA=="
-    },
-    "node_modules/picomatch": {
-      "version": "2.3.1",
-      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
-      "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
-      "dev": true,
-      "engines": {
-        "node": ">=8.6"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/jonschlinkert"
-      }
-    },
-    "node_modules/playwright": {
-      "version": "1.58.2",
-      "resolved": "https://registry.npmjs.org/playwright/-/playwright-1.58.2.tgz",
-      "integrity": "sha512-vA30H8Nvkq/cPBnNw4Q8TWz1EJyqgpuinBcHET0YVJVFldr8JDNiU9LaWAE1KqSkRYazuaBhTpB5ZzShOezQ6A==",
-      "dev": true,
-      "dependencies": {
-        "playwright-core": "1.58.2"
-      },
-      "bin": {
-        "playwright": "cli.js"
-      },
-      "engines": {
-        "node": ">=18"
-      },
-      "optionalDependencies": {
-        "fsevents": "2.3.2"
-      }
-    },
-    "node_modules/playwright-core": {
-      "version": "1.58.2",
-      "resolved": "https://registry.npmjs.org/playwright-core/-/playwright-core-1.58.2.tgz",
-      "integrity": "sha512-yZkEtftgwS8CsfYo7nm0KE8jsvm6i/PTgVtB8DL726wNf6H2IMsDuxCpJj59KDaxCtSnrWan2AeDqM7JBaultg==",
-      "dev": true,
-      "bin": {
-        "playwright-core": "cli.js"
-      },
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "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,
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/postcss": {
-      "version": "8.5.8",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.8.tgz",
-      "integrity": "sha512-OW/rX8O/jXnm82Ey1k44pObPtdblfiuWnrd8X7GJ7emImCOstunGbXUpp7HdBrFQX6rJzn3sPT397Wp5aCwCHg==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/postcss/"
-        },
-        {
-          "type": "tidelift",
-          "url": "https://tidelift.com/funding/github/npm/postcss"
-        },
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/ai"
-        }
-      ],
-      "dependencies": {
-        "nanoid": "^3.3.11",
-        "picocolors": "^1.1.1",
-        "source-map-js": "^1.2.1"
-      },
-      "engines": {
-        "node": "^10 || ^12 || >=14"
-      }
-    },
-    "node_modules/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,
-      "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,
-      "dependencies": {
-        "loose-envify": "^1.4.0",
-        "object-assign": "^4.1.1",
-        "react-is": "^16.13.1"
-      }
-    },
-    "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,
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/pure-rand": {
-      "version": "8.0.0",
-      "resolved": "https://registry.npmjs.org/pure-rand/-/pure-rand-8.0.0.tgz",
-      "integrity": "sha512-7rgWlxG2gAvFPIQfUreo1XYlNvrQ9VnQPFWdncPkdl3icucLK0InOxsaafbvxGTnI6Bk/Rxmslg0lQlRCuzOXw==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "individual",
-          "url": "https://github.com/sponsors/dubzzz"
-        },
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/fast-check"
-        }
-      ]
-    },
-    "node_modules/queue-microtask": {
-      "version": "1.2.3",
-      "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
-      "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/feross"
-        },
-        {
-          "type": "patreon",
-          "url": "https://www.patreon.com/feross"
-        },
-        {
-          "type": "consulting",
-          "url": "https://feross.org/support"
-        }
-      ]
-    },
-    "node_modules/react": {
-      "version": "19.2.4",
-      "resolved": "https://registry.npmjs.org/react/-/react-19.2.4.tgz",
-      "integrity": "sha512-9nfp2hYpCwOjAN+8TZFGhtWEwgvWHXqESH8qT89AT/lWklpLON22Lc8pEtnpsZz7VmawabSU0gCjnj8aC0euHQ==",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/react-dom": {
-      "version": "19.2.4",
-      "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-19.2.4.tgz",
-      "integrity": "sha512-AXJdLo8kgMbimY95O2aKQqsz2iWi9jMgKJhRBAxECE4IFxfcazB2LmzloIoibJI3C12IlY20+KFaLv+71bUJeQ==",
-      "dependencies": {
-        "scheduler": "^0.27.0"
-      },
-      "peerDependencies": {
-        "react": "^19.2.4"
-      }
-    },
-    "node_modules/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
-    },
-    "node_modules/react-remove-scroll": {
-      "version": "2.7.2",
-      "resolved": "https://registry.npmjs.org/react-remove-scroll/-/react-remove-scroll-2.7.2.tgz",
-      "integrity": "sha512-Iqb9NjCCTt6Hf+vOdNIZGdTiH1QSqr27H/Ek9sv/a97gfueI/5h1s3yRi1nngzMUaOOToin5dI1dXKdXiF+u0Q==",
-      "dependencies": {
-        "react-remove-scroll-bar": "^2.3.7",
-        "react-style-singleton": "^2.2.3",
-        "tslib": "^2.1.0",
-        "use-callback-ref": "^1.3.3",
-        "use-sidecar": "^1.1.3"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/react-remove-scroll-bar": {
-      "version": "2.3.8",
-      "resolved": "https://registry.npmjs.org/react-remove-scroll-bar/-/react-remove-scroll-bar-2.3.8.tgz",
-      "integrity": "sha512-9r+yi9+mgU33AKcj6IbT9oRCO78WriSj6t/cF8DWBZJ9aOGPOTEDvdUDz1FwKim7QXWwmHqtdHnRJfhAxEG46Q==",
-      "dependencies": {
-        "react-style-singleton": "^2.2.2",
-        "tslib": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/react-style-singleton": {
-      "version": "2.2.3",
-      "resolved": "https://registry.npmjs.org/react-style-singleton/-/react-style-singleton-2.2.3.tgz",
-      "integrity": "sha512-b6jSvxvVnyptAiLjbkWLE/lOnR4lfTtDAl+eUC7RZy+QQWc6wRzIV2CE6xBuMmDxc2qIihtDCZD5NPOFl7fRBQ==",
-      "dependencies": {
-        "get-nonce": "^1.0.0",
-        "tslib": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
-      }
-    },
-    "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,
-      "dependencies": {
-        "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/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,
-      "dependencies": {
-        "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/resolve": {
-      "version": "1.22.11",
-      "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.11.tgz",
-      "integrity": "sha512-RfqAvLnMl313r7c9oclB1HhUEAezcpLjz95wFH4LVuhk9JF/r22qmVP9AMmOU4vMX7Q8pN8jwNg/CSpdFnMjTQ==",
-      "dev": true,
-      "dependencies": {
-        "is-core-module": "^2.16.1",
-        "path-parse": "^1.0.7",
-        "supports-preserve-symlinks-flag": "^1.0.0"
-      },
-      "bin": {
-        "resolve": "bin/resolve"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/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,
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "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,
-      "funding": {
-        "url": "https://github.com/privatenumber/resolve-pkg-maps?sponsor=1"
-      }
-    },
-    "node_modules/reusify": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.1.0.tgz",
-      "integrity": "sha512-g6QUff04oZpHs0eG5p83rFLhHeV00ug/Yf9nZM6fLeUrPguBTkTQOdpAWWspMh55TZfVQDPaN3NQJfbVRAxdIw==",
-      "dev": true,
-      "engines": {
-        "iojs": ">=1.0.0",
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/rollup": {
-      "version": "4.59.0",
-      "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.59.0.tgz",
-      "integrity": "sha512-2oMpl67a3zCH9H79LeMcbDhXW/UmWG/y2zuqnF2jQq5uq9TbM9TVyXvA4+t+ne2IIkBdrLpAaRQAvo7YI/Yyeg==",
-      "dev": true,
-      "dependencies": {
-        "@types/estree": "1.0.8"
-      },
-      "bin": {
-        "rollup": "dist/bin/rollup"
-      },
-      "engines": {
-        "node": ">=18.0.0",
-        "npm": ">=8.0.0"
-      },
-      "optionalDependencies": {
-        "@rollup/rollup-android-arm-eabi": "4.59.0",
-        "@rollup/rollup-android-arm64": "4.59.0",
-        "@rollup/rollup-darwin-arm64": "4.59.0",
-        "@rollup/rollup-darwin-x64": "4.59.0",
-        "@rollup/rollup-freebsd-arm64": "4.59.0",
-        "@rollup/rollup-freebsd-x64": "4.59.0",
-        "@rollup/rollup-linux-arm-gnueabihf": "4.59.0",
-        "@rollup/rollup-linux-arm-musleabihf": "4.59.0",
-        "@rollup/rollup-linux-arm64-gnu": "4.59.0",
-        "@rollup/rollup-linux-arm64-musl": "4.59.0",
-        "@rollup/rollup-linux-loong64-gnu": "4.59.0",
-        "@rollup/rollup-linux-loong64-musl": "4.59.0",
-        "@rollup/rollup-linux-ppc64-gnu": "4.59.0",
-        "@rollup/rollup-linux-ppc64-musl": "4.59.0",
-        "@rollup/rollup-linux-riscv64-gnu": "4.59.0",
-        "@rollup/rollup-linux-riscv64-musl": "4.59.0",
-        "@rollup/rollup-linux-s390x-gnu": "4.59.0",
-        "@rollup/rollup-linux-x64-gnu": "4.59.0",
-        "@rollup/rollup-linux-x64-musl": "4.59.0",
-        "@rollup/rollup-openbsd-x64": "4.59.0",
-        "@rollup/rollup-openharmony-arm64": "4.59.0",
-        "@rollup/rollup-win32-arm64-msvc": "4.59.0",
-        "@rollup/rollup-win32-ia32-msvc": "4.59.0",
-        "@rollup/rollup-win32-x64-gnu": "4.59.0",
-        "@rollup/rollup-win32-x64-msvc": "4.59.0",
-        "fsevents": "~2.3.2"
-      }
-    },
-    "node_modules/run-parallel": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
-      "integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/feross"
-        },
-        {
-          "type": "patreon",
-          "url": "https://www.patreon.com/feross"
-        },
-        {
-          "type": "consulting",
-          "url": "https://feross.org/support"
-        }
-      ],
-      "dependencies": {
-        "queue-microtask": "^1.2.2"
-      }
-    },
-    "node_modules/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,
-      "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": ">=0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "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,
-      "dependencies": {
-        "es-errors": "^1.3.0",
-        "isarray": "^2.0.5"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "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,
-      "dependencies": {
-        "call-bound": "^1.0.2",
-        "es-errors": "^1.3.0",
-        "is-regex": "^1.2.1"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/scheduler": {
-      "version": "0.27.0",
-      "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.27.0.tgz",
-      "integrity": "sha512-eNv+WrVbKu1f3vbYJT/xtiF5syA5HPIMtf9IgY/nKg0sWqzAUEvqY/xm7OcZc/qafLx/iO9FgOmeSAp4v5ti/Q=="
-    },
-    "node_modules/semver": {
-      "version": "7.7.4",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.4.tgz",
-      "integrity": "sha512-vFKC2IEtQnVhpT78h1Yp8wzwrf8CM+MzKMHGJZfBtzhZNycRFnXsHk6E5TxIkkMsgNS7mdX3AGB7x2QM2di4lA==",
-      "devOptional": true,
-      "bin": {
-        "semver": "bin/semver.js"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "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,
-      "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"
-      }
-    },
-    "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,
-      "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_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,
-      "dependencies": {
-        "dunder-proto": "^1.0.1",
-        "es-errors": "^1.3.0",
-        "es-object-atoms": "^1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/sharp": {
-      "version": "0.34.5",
-      "resolved": "https://registry.npmjs.org/sharp/-/sharp-0.34.5.tgz",
-      "integrity": "sha512-Ou9I5Ft9WNcCbXrU9cMgPBcCK8LiwLqcbywW3t4oDV37n1pzpuNLsYiAV8eODnjbtQlSDwZ2cUEeQz4E54Hltg==",
-      "hasInstallScript": true,
-      "optional": true,
-      "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"
-      },
-      "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/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,
-      "dependencies": {
-        "shebang-regex": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "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,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "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,
-      "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"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "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==",
-      "dev": true,
-      "dependencies": {
-        "es-errors": "^1.3.0",
-        "object-inspect": "^1.13.3"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "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==",
-      "dev": true,
-      "dependencies": {
-        "call-bound": "^1.0.2",
-        "es-errors": "^1.3.0",
-        "get-intrinsic": "^1.2.5",
-        "object-inspect": "^1.13.3"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "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==",
-      "dev": true,
-      "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"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/siginfo": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/siginfo/-/siginfo-2.0.0.tgz",
-      "integrity": "sha512-ybx0WO1/8bSBLEWXZvEd7gMW3Sn3JFlW3TvX1nREbDLRNQNaeNN8WK0meBwPdAaOI7TtRRRJn/Es1zhrrCHu7g==",
-      "dev": true
-    },
-    "node_modules/sirv": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/sirv/-/sirv-3.0.2.tgz",
-      "integrity": "sha512-2wcC/oGxHis/BoHkkPwldgiPSYcpZK3JU28WoMVv55yHJgcZ8rlXvuG9iZggz+sU1d4bRgIGASwyWqjxu3FM0g==",
-      "dev": true,
-      "dependencies": {
-        "@polka/url": "^1.0.0-next.24",
-        "mrmime": "^2.0.0",
-        "totalist": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/sonner": {
-      "version": "2.0.7",
-      "resolved": "https://registry.npmjs.org/sonner/-/sonner-2.0.7.tgz",
-      "integrity": "sha512-W6ZN4p58k8aDKA4XPcx2hpIQXBRAgyiWVkYhT7CvK6D3iAu7xjvVyhQHg2/iaKJZ1XVJ4r7XuwGL+WGEK37i9w==",
-      "peerDependencies": {
-        "react": "^18.0.0 || ^19.0.0 || ^19.0.0-rc",
-        "react-dom": "^18.0.0 || ^19.0.0 || ^19.0.0-rc"
-      }
-    },
-    "node_modules/source-map-js": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz",
-      "integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/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
-    },
-    "node_modules/stackback": {
-      "version": "0.0.2",
-      "resolved": "https://registry.npmjs.org/stackback/-/stackback-0.0.2.tgz",
-      "integrity": "sha512-1XMJE5fQo1jGH6Y/7ebnwPOBEkIEnT4QF32d5R1+VXdXveM0IBMJt8zfaxX1P3QhVwrYe+576+jkANtSS2mBbw==",
-      "dev": true
-    },
-    "node_modules/std-env": {
-      "version": "3.10.0",
-      "resolved": "https://registry.npmjs.org/std-env/-/std-env-3.10.0.tgz",
-      "integrity": "sha512-5GS12FdOZNliM5mAOxFRg7Ir0pWz8MdpYm6AY6VPkGpbA7ZzmbzNcBJQ0GPvvyWgcY7QAhCgf9Uy89I03faLkg==",
-      "dev": true
-    },
-    "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==",
-      "dev": true,
-      "dependencies": {
-        "es-errors": "^1.3.0",
-        "internal-slot": "^1.1.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "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,
-      "dependencies": {
-        "call-bind": "^1.0.7",
-        "define-properties": "^1.2.1",
-        "es-abstract": "^1.23.3"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "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,
-      "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-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"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "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==",
-      "dev": true,
-      "dependencies": {
-        "define-properties": "^1.1.3",
-        "es-abstract": "^1.17.5"
-      }
-    },
-    "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,
-      "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"
-      }
-    },
-    "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,
-      "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"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "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,
-      "dependencies": {
-        "call-bind": "^1.0.7",
-        "define-properties": "^1.2.1",
-        "es-object-atoms": "^1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "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,
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "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,
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/styled-jsx": {
-      "version": "5.1.6",
-      "resolved": "https://registry.npmjs.org/styled-jsx/-/styled-jsx-5.1.6.tgz",
-      "integrity": "sha512-qSVyDTeMotdvQYoHWLNGwRFJHC+i+ZvdBRYosOFgC+Wg1vx4frN2/RG/NA7SYqqvKNLf39P2LSRA2pu6n0XYZA==",
-      "dependencies": {
-        "client-only": "0.0.1"
-      },
-      "engines": {
-        "node": ">= 12.0.0"
-      },
-      "peerDependencies": {
-        "react": ">= 16.8.0 || 17.x.x || ^18.0.0-0 || ^19.0.0-0"
-      },
-      "peerDependenciesMeta": {
-        "@babel/core": {
-          "optional": true
-        },
-        "babel-plugin-macros": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/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,
-      "dependencies": {
-        "has-flag": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/supports-preserve-symlinks-flag": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz",
-      "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==",
-      "dev": true,
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/tailwind-merge": {
-      "version": "3.5.0",
-      "resolved": "https://registry.npmjs.org/tailwind-merge/-/tailwind-merge-3.5.0.tgz",
-      "integrity": "sha512-I8K9wewnVDkL1NTGoqWmVEIlUcB9gFriAEkXkfCjX5ib8ezGxtR3xD7iZIxrfArjEsH7F1CHD4RFUtxefdqV/A==",
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/dcastil"
-      }
-    },
-    "node_modules/tailwindcss": {
-      "version": "4.2.1",
-      "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-4.2.1.tgz",
-      "integrity": "sha512-/tBrSQ36vCleJkAOsy9kbNTgaxvGbyOamC30PRePTQe/o1MFwEKHQk4Cn7BNGaPtjp+PuUrByJehM1hgxfq4sw==",
-      "dev": true
-    },
-    "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,
-      "engines": {
-        "node": ">=6"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/webpack"
-      }
-    },
-    "node_modules/tinybench": {
-      "version": "2.9.0",
-      "resolved": "https://registry.npmjs.org/tinybench/-/tinybench-2.9.0.tgz",
-      "integrity": "sha512-0+DUvqWMValLmha6lr4kD8iAMK1HzV0/aKnCtWb9v9641TnP/MFb7Pc2bxoxQjTXAErryXVgUOfv2YqNllqGeg==",
-      "dev": true
-    },
-    "node_modules/tinyexec": {
-      "version": "0.3.2",
-      "resolved": "https://registry.npmjs.org/tinyexec/-/tinyexec-0.3.2.tgz",
-      "integrity": "sha512-KQQR9yN7R5+OSwaK0XQoj22pwHoTlgYqmUscPYoknOoWCWfj/5/ABTMRi69FrKU5ffPVh5QcFikpWJI/P1ocHA==",
-      "dev": true
-    },
-    "node_modules/tinyglobby": {
-      "version": "0.2.15",
-      "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.15.tgz",
-      "integrity": "sha512-j2Zq4NyQYG5XMST4cbs02Ak8iJUdxRM0XI5QyxXuZOzKOINmWurp3smXu3y5wDcJrptwpSjgXHzIQxR0omXljQ==",
-      "dev": true,
-      "dependencies": {
-        "fdir": "^6.5.0",
-        "picomatch": "^4.0.3"
-      },
-      "engines": {
-        "node": ">=12.0.0"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/SuperchupuDev"
-      }
-    },
-    "node_modules/tinyglobby/node_modules/fdir": {
-      "version": "6.5.0",
-      "resolved": "https://registry.npmjs.org/fdir/-/fdir-6.5.0.tgz",
-      "integrity": "sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==",
-      "dev": true,
-      "engines": {
-        "node": ">=12.0.0"
-      },
-      "peerDependencies": {
-        "picomatch": "^3 || ^4"
-      },
-      "peerDependenciesMeta": {
-        "picomatch": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/tinyglobby/node_modules/picomatch": {
-      "version": "4.0.3",
-      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.3.tgz",
-      "integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==",
-      "dev": true,
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/jonschlinkert"
-      }
-    },
-    "node_modules/tinypool": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/tinypool/-/tinypool-1.1.1.tgz",
-      "integrity": "sha512-Zba82s87IFq9A9XmjiX5uZA/ARWDrB03OHlq+Vw1fSdt0I+4/Kutwy8BP4Y/y/aORMo61FQ0vIb5j44vSo5Pkg==",
-      "dev": true,
-      "engines": {
-        "node": "^18.0.0 || >=20.0.0"
-      }
-    },
-    "node_modules/tinyrainbow": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/tinyrainbow/-/tinyrainbow-1.2.0.tgz",
-      "integrity": "sha512-weEDEq7Z5eTHPDh4xjX789+fHfF+P8boiFB+0vbWzpbnbsEr/GRaohi/uMKxg8RZMXnl1ItAi/IUHWMsjDV7kQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=14.0.0"
-      }
-    },
-    "node_modules/tinyspy": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/tinyspy/-/tinyspy-3.0.2.tgz",
-      "integrity": "sha512-n1cw8k1k0x4pgA2+9XrOkFydTerNcJ1zWCO5Nn9scWHTD+5tp8dghT2x1uduQePZTZgd3Tupf+x9BxJjeJi77Q==",
-      "dev": true,
-      "engines": {
-        "node": ">=14.0.0"
-      }
-    },
-    "node_modules/to-regex-range": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
-      "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
-      "dev": true,
-      "dependencies": {
-        "is-number": "^7.0.0"
-      },
-      "engines": {
-        "node": ">=8.0"
-      }
-    },
-    "node_modules/totalist": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/totalist/-/totalist-3.0.1.tgz",
-      "integrity": "sha512-sf4i37nQ2LBx4m3wB74y+ubopq6W/dIzXg0FDGjsYnZHVa1Da8FH853wlL2gtUhg+xJXjfk3kUZS3BRoQeoQBQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "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==",
-      "dev": true,
-      "engines": {
-        "node": ">=18.12"
-      },
-      "peerDependencies": {
-        "typescript": ">=4.8.4"
-      }
-    },
-    "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,
-      "dependencies": {
-        "@types/json5": "^0.0.29",
-        "json5": "^1.0.2",
-        "minimist": "^1.2.6",
-        "strip-bom": "^3.0.0"
-      }
-    },
-    "node_modules/tslib": {
-      "version": "2.8.1",
-      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
-      "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w=="
-    },
-    "node_modules/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,
-      "dependencies": {
-        "prelude-ls": "^1.2.1"
-      },
-      "engines": {
-        "node": ">= 0.8.0"
-      }
-    },
-    "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,
-      "dependencies": {
-        "call-bound": "^1.0.3",
-        "es-errors": "^1.3.0",
-        "is-typed-array": "^1.1.14"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "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,
-      "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"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "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==",
-      "dev": true,
-      "dependencies": {
-        "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"
-      },
-      "funding": {
-        "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==",
-      "dev": true,
-      "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_modules/typescript": {
-      "version": "5.9.3",
-      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.9.3.tgz",
-      "integrity": "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==",
-      "dev": true,
-      "bin": {
-        "tsc": "bin/tsc",
-        "tsserver": "bin/tsserver"
-      },
-      "engines": {
-        "node": ">=14.17"
-      }
-    },
-    "node_modules/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,
-      "dependencies": {
-        "call-bound": "^1.0.3",
-        "has-bigints": "^1.0.2",
-        "has-symbols": "^1.1.0",
-        "which-boxed-primitive": "^1.1.1"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/undici-types": {
-      "version": "6.21.0",
-      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-6.21.0.tgz",
-      "integrity": "sha512-iwDZqg0QAGrg9Rav5H4n0M64c3mkR59cJ6wQp+7C4nI0gsmExaedaYLNO44eT4AtBBwjbTiGPMlt2Md0T9H9JQ==",
-      "dev": true
-    },
-    "node_modules/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,
-      "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"
-      }
-    },
-    "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,
-      "dependencies": {
-        "punycode": "^2.1.0"
-      }
-    },
-    "node_modules/use-callback-ref": {
-      "version": "1.3.3",
-      "resolved": "https://registry.npmjs.org/use-callback-ref/-/use-callback-ref-1.3.3.tgz",
-      "integrity": "sha512-jQL3lRnocaFtu3V00JToYz/4QkNWswxijDaCVNZRiRTO3HQDLsdu1ZtmIUvV4yPp+rvWm5j0y0TG/S61cuijTg==",
-      "dependencies": {
-        "tslib": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/use-sidecar": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/use-sidecar/-/use-sidecar-1.1.3.tgz",
-      "integrity": "sha512-Fedw0aZvkhynoPYlA5WXrMCAMm+nSWdZt6lzJQ7Ok8S6Q+VsHmHpRWndVRJ8Be0ZbkfPc5LRYH+5XrzXcEeLRQ==",
-      "dependencies": {
-        "detect-node-es": "^1.1.0",
-        "tslib": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/vite": {
-      "version": "5.4.21",
-      "resolved": "https://registry.npmjs.org/vite/-/vite-5.4.21.tgz",
-      "integrity": "sha512-o5a9xKjbtuhY6Bi5S3+HvbRERmouabWbyUcpXXUA1u+GNUKoROi9byOJ8M0nHbHYHkYICiMlqxkg1KkYmm25Sw==",
-      "dev": true,
-      "dependencies": {
-        "esbuild": "^0.21.3",
-        "postcss": "^8.4.43",
-        "rollup": "^4.20.0"
-      },
-      "bin": {
-        "vite": "bin/vite.js"
-      },
-      "engines": {
-        "node": "^18.0.0 || >=20.0.0"
-      },
-      "funding": {
-        "url": "https://github.com/vitejs/vite?sponsor=1"
-      },
-      "optionalDependencies": {
-        "fsevents": "~2.3.3"
-      },
-      "peerDependencies": {
-        "@types/node": "^18.0.0 || >=20.0.0",
-        "less": "*",
-        "lightningcss": "^1.21.0",
-        "sass": "*",
-        "sass-embedded": "*",
-        "stylus": "*",
-        "sugarss": "*",
-        "terser": "^5.4.0"
-      },
-      "peerDependenciesMeta": {
-        "@types/node": {
-          "optional": true
-        },
-        "less": {
-          "optional": true
-        },
-        "lightningcss": {
-          "optional": true
-        },
-        "sass": {
-          "optional": true
-        },
-        "sass-embedded": {
-          "optional": true
-        },
-        "stylus": {
-          "optional": true
-        },
-        "sugarss": {
-          "optional": true
-        },
-        "terser": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/vite-node": {
-      "version": "2.1.8",
-      "resolved": "https://registry.npmjs.org/vite-node/-/vite-node-2.1.8.tgz",
-      "integrity": "sha512-uPAwSr57kYjAUux+8E2j0q0Fxpn8M9VoyfGiRI8Kfktz9NcYMCenwY5RnZxnF1WTu3TGiYipirIzacLL3VVGFg==",
-      "dev": true,
-      "dependencies": {
-        "cac": "^6.7.14",
-        "debug": "^4.3.7",
-        "es-module-lexer": "^1.5.4",
-        "pathe": "^1.1.2",
-        "vite": "^5.0.0"
-      },
-      "bin": {
-        "vite-node": "vite-node.mjs"
-      },
-      "engines": {
-        "node": "^18.0.0 || >=20.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/vitest"
-      }
-    },
-    "node_modules/vite/node_modules/fsevents": {
-      "version": "2.3.3",
-      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
-      "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
-      "dev": true,
-      "hasInstallScript": true,
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
-      }
-    },
-    "node_modules/vitest": {
-      "version": "2.1.8",
-      "resolved": "https://registry.npmjs.org/vitest/-/vitest-2.1.8.tgz",
-      "integrity": "sha512-1vBKTZskHw/aosXqQUlVWWlGUxSJR8YtiyZDJAFeW2kPAeX6S3Sool0mjspO+kXLuxVWlEDDowBAeqeAQefqLQ==",
-      "dev": true,
-      "dependencies": {
-        "@vitest/expect": "2.1.8",
-        "@vitest/mocker": "2.1.8",
-        "@vitest/pretty-format": "^2.1.8",
-        "@vitest/runner": "2.1.8",
-        "@vitest/snapshot": "2.1.8",
-        "@vitest/spy": "2.1.8",
-        "@vitest/utils": "2.1.8",
-        "chai": "^5.1.2",
-        "debug": "^4.3.7",
-        "expect-type": "^1.1.0",
-        "magic-string": "^0.30.12",
-        "pathe": "^1.1.2",
-        "std-env": "^3.8.0",
-        "tinybench": "^2.9.0",
-        "tinyexec": "^0.3.1",
-        "tinypool": "^1.0.1",
-        "tinyrainbow": "^1.2.0",
-        "vite": "^5.0.0",
-        "vite-node": "2.1.8",
-        "why-is-node-running": "^2.3.0"
-      },
-      "bin": {
-        "vitest": "vitest.mjs"
-      },
-      "engines": {
-        "node": "^18.0.0 || >=20.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/vitest"
-      },
-      "peerDependencies": {
-        "@edge-runtime/vm": "*",
-        "@types/node": "^18.0.0 || >=20.0.0",
-        "@vitest/browser": "2.1.8",
-        "@vitest/ui": "2.1.8",
-        "happy-dom": "*",
-        "jsdom": "*"
-      },
-      "peerDependenciesMeta": {
-        "@edge-runtime/vm": {
-          "optional": true
-        },
-        "@types/node": {
-          "optional": true
-        },
-        "@vitest/browser": {
-          "optional": true
-        },
-        "@vitest/ui": {
-          "optional": true
-        },
-        "happy-dom": {
-          "optional": true
-        },
-        "jsdom": {
-          "optional": true
+    "name": "syllo",
+    "version": "1.0.0",
+    "lockfileVersion": 3,
+    "requires": true,
+    "packages": {
+        "": {
+            "name": "syllo",
+            "version": "1.0.0",
+            "dependencies": {
+                "@ai-sdk/google": "4.0.101",
+                "@ai-sdk/openai": "4.0.98",
+                "@auth/core": "0.41.3",
+                "@convex-dev/auth": "0.0.96",
+                "@fontsource-variable/geist": "5.3.0",
+                "@fontsource-variable/geist-mono": "5.3.0",
+                "@modelcontextprotocol/sdk": "1.32.1",
+                "@radix-ui/react-alert-dialog": "1.1.15",
+                "@radix-ui/react-select": "2.2.6",
+                "@radix-ui/react-separator": "1.1.8",
+                "@radix-ui/react-slot": "1.2.4",
+                "@radix-ui/react-switch": "1.2.6",
+                "@tanstack/react-router": "1.170.45",
+                "@tanstack/react-start": "1.169.3",
+                "ai": "7.0.147",
+                "better-sqlite3": "13.0.3",
+                "class-variance-authority": "0.7.1",
+                "clsx": "2.1.1",
+                "convex": "1.47.0",
+                "cross-spawn": "7.0.6",
+                "epubjs": "0.3.93",
+                "framer-motion": "12.34.5",
+                "lucide-react": "0.576.0",
+                "motion": "12.35.1",
+                "openai": "6.27.0",
+                "react": "19.2.4",
+                "react-dom": "19.2.4",
+                "sonner": "2.0.7",
+                "tailwind-merge": "3.5.0",
+                "ts-fsrs": "5.4.2",
+                "zod": "4.6.7"
+            },
+            "devDependencies": {
+                "@eslint/js": "9.39.5",
+                "@tailwindcss/vite": "4.3.3",
+                "@tanstack/router-plugin": "1.168.47",
+                "@types/better-sqlite3": "7.6.13",
+                "@types/cross-spawn": "6.0.6",
+                "@types/node": "24.19.2",
+                "@types/react": "19.3.0",
+                "@types/react-dom": "19.3.0",
+                "@types/youtube": "0.3.0",
+                "@vitejs/plugin-react": "6.1.2",
+                "@xmldom/xmldom": "0.9.12",
+                "eslint": "9.39.5",
+                "eslint-plugin-jsx-a11y": "6.10.2",
+                "eslint-plugin-react-hooks": "7.1.1",
+                "fake-indexeddb": "6.2.6",
+                "globals": "17.13.0",
+                "happy-dom": "21.0.4",
+                "jszip": "3.10.2",
+                "tailwindcss": "4.3.3",
+                "typescript": "5.9.3",
+                "typescript-eslint": "8.72.0",
+                "vite": "8.3.4",
+                "vitest": "4.1.12"
+            }
+        },
+        "node_modules/@ai-sdk/gateway": {
+            "version": "4.0.120",
+            "resolved": "https://registry.npmjs.org/@ai-sdk/gateway/-/gateway-4.0.120.tgz",
+            "integrity": "sha512-hHGDQrCBgiEiPuimtc1NHPRGwte7sBG3XQuxTdurrpuGXKqCSHVlrBIDsiXjFOBYOms1+9aDz2xpTq+kOhiJWA==",
+            "license": "Apache-2.0",
+            "dependencies": {
+                "@ai-sdk/provider": "4.0.31",
+                "@ai-sdk/provider-utils": "5.0.64",
+                "@vercel/oidc": "3.2.0"
+            },
+            "engines": {
+                "node": ">=22"
+            },
+            "peerDependencies": {
+                "zod": "^3.25.76 || ^4.1.8"
+            }
+        },
+        "node_modules/@ai-sdk/google": {
+            "version": "4.0.101",
+            "resolved": "https://registry.npmjs.org/@ai-sdk/google/-/google-4.0.101.tgz",
+            "integrity": "sha512-1uplIBDqdjfVOJXTcyjCMkpEqeERpdvBPXUNwVVApoBRlllANHiDC0mAyDc5YGiGwf+VDCbPVj6EH5rKbfvWqw==",
+            "license": "Apache-2.0",
+            "dependencies": {
+                "@ai-sdk/provider": "4.0.31",
+                "@ai-sdk/provider-utils": "5.0.64"
+            },
+            "engines": {
+                "node": ">=22"
+            },
+            "peerDependencies": {
+                "zod": "^3.25.76 || ^4.1.8"
+            }
+        },
+        "node_modules/@ai-sdk/openai": {
+            "version": "4.0.98",
+            "resolved": "https://registry.npmjs.org/@ai-sdk/openai/-/openai-4.0.98.tgz",
+            "integrity": "sha512-RvrbLblENKj//cQWlzsbmVKvvV8ZUq8FFB8/68ODWnu5sS3T+lUmRoKOM7NjR2UIX0/7YDrtauJr9fxQ0cwkug==",
+            "license": "Apache-2.0",
+            "dependencies": {
+                "@ai-sdk/provider": "4.0.31",
+                "@ai-sdk/provider-utils": "5.0.64"
+            },
+            "engines": {
+                "node": ">=22"
+            },
+            "peerDependencies": {
+                "zod": "^3.25.76 || ^4.1.8"
+            }
+        },
+        "node_modules/@ai-sdk/provider": {
+            "version": "4.0.31",
+            "resolved": "https://registry.npmjs.org/@ai-sdk/provider/-/provider-4.0.31.tgz",
+            "integrity": "sha512-3wJnwVTFg8SwOyoZCv+ov7Re2GB+7IQnU5a5MYJACrtiWDDUHgqTBeeesq2MB2ddgojzL8hgWleltwpAgtUqfg==",
+            "license": "Apache-2.0",
+            "dependencies": {
+                "json-schema": "^0.4.0"
+            },
+            "engines": {
+                "node": ">=22"
+            }
+        },
+        "node_modules/@ai-sdk/provider-utils": {
+            "version": "5.0.64",
+            "resolved": "https://registry.npmjs.org/@ai-sdk/provider-utils/-/provider-utils-5.0.64.tgz",
+            "integrity": "sha512-BDU8rDR6mBR+na5U/Dj4B33LX980x200lqhBGRIOxxx1NFunoixuvvweqIB+sCsCoFC8cGCsa82Ce2fKoAPOqw==",
+            "license": "Apache-2.0",
+            "dependencies": {
+                "@ai-sdk/provider": "4.0.31",
+                "@standard-schema/spec": "^1.1.0",
+                "@workflow/serde": "4.1.0",
+                "eventsource-parser": "^3.0.8",
+                "undici": "^7.29.0"
+            },
+            "engines": {
+                "node": ">=22"
+            },
+            "peerDependencies": {
+                "zod": "^3.25.76 || ^4.1.8"
+            }
+        },
+        "node_modules/@auth/core": {
+            "version": "0.41.3",
+            "resolved": "https://registry.npmjs.org/@auth/core/-/core-0.41.3.tgz",
+            "integrity": "sha512-sJ3JMHHkXMD3aOjopv7mOBTO1Ocw4b0fAEXJBz6k7YHLpYQI6C40jCUPc5fNvUKxXRXNE1/sRISA15UrwWJBTw==",
+            "license": "ISC",
+            "dependencies": {
+                "@panva/hkdf": "^1.2.1",
+                "jose": "^6.0.6",
+                "oauth4webapi": "^3.3.0",
+                "preact": "10.24.3",
+                "preact-render-to-string": "6.5.11"
+            },
+            "peerDependencies": {
+                "@simplewebauthn/browser": "^9.0.1",
+                "@simplewebauthn/server": "^9.0.2",
+                "nodemailer": "^7.0.7 || ^8.0.5"
+            },
+            "peerDependenciesMeta": {
+                "@simplewebauthn/browser": {
+                    "optional": true
+                },
+                "@simplewebauthn/server": {
+                    "optional": true
+                },
+                "nodemailer": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/@babel/code-frame": {
+            "version": "7.29.7",
+            "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.29.7.tgz",
+            "integrity": "sha512-Aup7aUOfpbAUg2ROOJN6Iw5f9DMBlzu0mIkm/malLQFN/YQgO48wCj0Kxa3sEHJvPVFg7siR+qRInwXd2qhQKw==",
+            "license": "MIT",
+            "dependencies": {
+                "@babel/helper-validator-identifier": "^7.29.7",
+                "js-tokens": "^4.0.0",
+                "picocolors": "^1.1.1"
+            },
+            "engines": {
+                "node": ">=6.9.0"
+            }
+        },
+        "node_modules/@babel/compat-data": {
+            "version": "7.29.7",
+            "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.29.7.tgz",
+            "integrity": "sha512-locTkQyKvwIEgBzVrn8693ebc97F2U8ZHjbXwDXJ5Fn2TCpNwTlKcaKLkdHop5c/icOFE7qt7Q9JC5hnKNa6Gg==",
+            "license": "MIT",
+            "engines": {
+                "node": ">=6.9.0"
+            }
+        },
+        "node_modules/@babel/core": {
+            "version": "7.29.7",
+            "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.29.7.tgz",
+            "integrity": "sha512-RgHBCvtjbOK2gXSNBNIkNoEc9qoVEtau3hj8gEqKQuL3HZAibKarWFEI3Lfm6EYKkLalOh8eSrj9b+ch9H/VBA==",
+            "license": "MIT",
+            "dependencies": {
+                "@babel/code-frame": "^7.29.7",
+                "@babel/generator": "^7.29.7",
+                "@babel/helper-compilation-targets": "^7.29.7",
+                "@babel/helper-module-transforms": "^7.29.7",
+                "@babel/helpers": "^7.29.7",
+                "@babel/parser": "^7.29.7",
+                "@babel/template": "^7.29.7",
+                "@babel/traverse": "^7.29.7",
+                "@babel/types": "^7.29.7",
+                "@jridgewell/remapping": "^2.3.5",
+                "convert-source-map": "^2.0.0",
+                "debug": "^4.1.0",
+                "gensync": "^1.0.0-beta.2",
+                "json5": "^2.2.3",
+                "semver": "^6.3.1"
+            },
+            "engines": {
+                "node": ">=6.9.0"
+            },
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/babel"
+            }
+        },
+        "node_modules/@babel/generator": {
+            "version": "7.29.8",
+            "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.29.8.tgz",
+            "integrity": "sha512-gZbepsdh3WDtgZKWL+vTPh71LSBrm/Y4/QDZBVCcYfmeTEEuoOYwlSy+G1StfJg+/Zy550u/3TATbm7qDbbMtg==",
+            "license": "MIT",
+            "dependencies": {
+                "@babel/parser": "^7.29.8",
+                "@babel/types": "^7.29.8",
+                "@jridgewell/gen-mapping": "^0.3.12",
+                "@jridgewell/trace-mapping": "^0.3.28",
+                "jsesc": "^3.0.2"
+            },
+            "engines": {
+                "node": ">=6.9.0"
+            }
+        },
+        "node_modules/@babel/helper-compilation-targets": {
+            "version": "7.29.7",
+            "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.29.7.tgz",
+            "integrity": "sha512-wem6WaBj4NaVYVdNhLPPVacES6ZJ+KBBfSkTMD3YZxbP3rm3Di85tJU5ljaUNhaOynt+Aj0xruhYuzQBt8n71g==",
+            "license": "MIT",
+            "dependencies": {
+                "@babel/compat-data": "^7.29.7",
+                "@babel/helper-validator-option": "^7.29.7",
+                "browserslist": "^4.24.0",
+                "lru-cache": "^5.1.1",
+                "semver": "^6.3.1"
+            },
+            "engines": {
+                "node": ">=6.9.0"
+            }
+        },
+        "node_modules/@babel/helper-globals": {
+            "version": "7.29.7",
+            "resolved": "https://registry.npmjs.org/@babel/helper-globals/-/helper-globals-7.29.7.tgz",
+            "integrity": "sha512-3nQVUAtvkKH9zahfWgw96Jc/uFOmjACE1kQz82E2lqWmHBgjzbNlsC22nuQTfahmWeQtTq5nQ/4Nnd2A1wj4zA==",
+            "license": "MIT",
+            "engines": {
+                "node": ">=6.9.0"
+            }
+        },
+        "node_modules/@babel/helper-module-imports": {
+            "version": "7.29.7",
+            "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.29.7.tgz",
+            "integrity": "sha512-ejHwrQQYcm9xnTivShn2IDOlIzInN34AXskvq9QicvCtEzq1Vzclu/tKF8Jq1Cg8JG2GL6/EmjgsCT7lXepE3g==",
+            "license": "MIT",
+            "dependencies": {
+                "@babel/traverse": "^7.29.7",
+                "@babel/types": "^7.29.7"
+            },
+            "engines": {
+                "node": ">=6.9.0"
+            }
+        },
+        "node_modules/@babel/helper-module-transforms": {
+            "version": "7.29.7",
+            "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.29.7.tgz",
+            "integrity": "sha512-UPUVSyXbOh627KiCIGQSgwWzGeBKLkaJ9PJEdrngIwMSzxLR4jS4+f1f1jb7VzBbg8nFLaYotvVPFCTqdrmTAg==",
+            "license": "MIT",
+            "dependencies": {
+                "@babel/helper-module-imports": "^7.29.7",
+                "@babel/helper-validator-identifier": "^7.29.7",
+                "@babel/traverse": "^7.29.7"
+            },
+            "engines": {
+                "node": ">=6.9.0"
+            },
+            "peerDependencies": {
+                "@babel/core": "^7.0.0"
+            }
+        },
+        "node_modules/@babel/helper-string-parser": {
+            "version": "7.29.7",
+            "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.29.7.tgz",
+            "integrity": "sha512-Pb5ijPrZ89GDH8223L4UP8i6QApWxs04RbPQJTeWDV0/keR2E36MeKnyr6LYmUUvqRRI+Iv87SuF1W6ErINzYw==",
+            "license": "MIT",
+            "engines": {
+                "node": ">=6.9.0"
+            }
+        },
+        "node_modules/@babel/helper-validator-identifier": {
+            "version": "7.29.7",
+            "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.29.7.tgz",
+            "integrity": "sha512-qehxGkRj55h/ff8EMaJ+cYhyaKlHIxqYDn682wQD7RNp9UujOQsHog2uS0r2vzr4pW+sXf90NeeayjcNaX3fFg==",
+            "license": "MIT",
+            "engines": {
+                "node": ">=6.9.0"
+            }
+        },
+        "node_modules/@babel/helper-validator-option": {
+            "version": "7.29.7",
+            "resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.29.7.tgz",
+            "integrity": "sha512-N9ZErrD+yW5geCDtBqnOoxmR8+tNKiGuxKlDpuJxfsqpa2dFcexaziGAE/qoHLiDDreVNMupxGmSoNlyvsA3gw==",
+            "license": "MIT",
+            "engines": {
+                "node": ">=6.9.0"
+            }
+        },
+        "node_modules/@babel/helpers": {
+            "version": "7.29.10",
+            "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.29.10.tgz",
+            "integrity": "sha512-EMCx3AGZ3WfAl6ht7AyQoPm2Lh+BGYEMdc4Q6Hf7uSCDOZFuLq44qNwL+iaim8VlyYhRAo4X43+weadK8ZB4Yg==",
+            "license": "MIT",
+            "dependencies": {
+                "@babel/template": "^7.29.7",
+                "@babel/types": "^7.29.8"
+            },
+            "engines": {
+                "node": ">=6.9.0"
+            }
+        },
+        "node_modules/@babel/parser": {
+            "version": "7.29.9",
+            "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.29.9.tgz",
+            "integrity": "sha512-CjXrNHTnvqBVqHgdBysY3vk2T8tpJHb5/RMeHJBTyVa9xgugCB0CJTx/3oO8RV2QRQP391RWpB7D6hLjm8V9uA==",
+            "license": "MIT",
+            "dependencies": {
+                "@babel/types": "^7.29.8"
+            },
+            "bin": {
+                "parser": "bin/babel-parser.js"
+            },
+            "engines": {
+                "node": ">=6.0.0"
+            }
+        },
+        "node_modules/@babel/template": {
+            "version": "7.29.7",
+            "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.29.7.tgz",
+            "integrity": "sha512-puq+Gf35oI24FeN11LkoUQFqv9uwNeWpxXZi/Ji3rRIoKAzKnxRaZ+Gkj0vKS9ZCiTESfng1N9LyOyXvo+m+Gg==",
+            "license": "MIT",
+            "dependencies": {
+                "@babel/code-frame": "^7.29.7",
+                "@babel/parser": "^7.29.7",
+                "@babel/types": "^7.29.7"
+            },
+            "engines": {
+                "node": ">=6.9.0"
+            }
+        },
+        "node_modules/@babel/traverse": {
+            "version": "7.29.10",
+            "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.29.10.tgz",
+            "integrity": "sha512-B3lYAs2nkKskbgQ1nfy8Ma9ao9Q1rntTAQHrzzyDuj+TSO+X3le6PfWwqDvodsb+OumE10eMFfuMCTQSQ5iuIQ==",
+            "license": "MIT",
+            "dependencies": {
+                "@babel/code-frame": "^7.29.7",
+                "@babel/generator": "^7.29.8",
+                "@babel/helper-globals": "^7.29.7",
+                "@babel/parser": "^7.29.9",
+                "@babel/template": "^7.29.7",
+                "@babel/types": "^7.29.8",
+                "debug": "^4.3.1"
+            },
+            "engines": {
+                "node": ">=6.9.0"
+            }
+        },
+        "node_modules/@babel/types": {
+            "version": "7.29.8",
+            "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.29.8.tgz",
+            "integrity": "sha512-Vj1jF3cPfxg7OAfoI7QnVKLoILlm2JF9pnVHrX8qx7AHMiYWT+NDAA7jChlNgRS4WTLc/fD1lXLmPixluj+3Gg==",
+            "license": "MIT",
+            "dependencies": {
+                "@babel/helper-string-parser": "^7.29.7",
+                "@babel/helper-validator-identifier": "^7.29.7"
+            },
+            "engines": {
+                "node": ">=6.9.0"
+            }
+        },
+        "node_modules/@convex-dev/auth": {
+            "version": "0.0.96",
+            "resolved": "https://registry.npmjs.org/@convex-dev/auth/-/auth-0.0.96.tgz",
+            "integrity": "sha512-4vcoQmmlbInLpR6BK43iIH21JwVPG5U7kRIjLaUWkeEr+hVaS/DuYsQRrDsDLu9rbHpq9PT2ZkUrtPDLkxYx0A==",
+            "license": "Apache-2.0",
+            "dependencies": {
+                "@oslojs/crypto": "^1.0.1",
+                "@oslojs/encoding": "^1.1.0",
+                "cookie": "^1.0.1",
+                "is-network-error": "^1.1.0",
+                "jose": "^5.2.2",
+                "jwt-decode": "^4.0.0",
+                "lucia": "^3.2.0",
+                "oauth4webapi": "^3.1.2",
+                "path-to-regexp": "^6.3.0",
+                "server-only": "^0.0.1"
+            },
+            "bin": {
+                "auth": "dist/bin.cjs"
+            },
+            "peerDependencies": {
+                "@auth/core": "^0.41.1",
+                "convex": "^1.17.0",
+                "react": "^18.2.0 || ^19.0.0-0"
+            },
+            "peerDependenciesMeta": {
+                "react": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/@convex-dev/auth/node_modules/cookie": {
+            "version": "1.1.1",
+            "resolved": "https://registry.npmjs.org/cookie/-/cookie-1.1.1.tgz",
+            "integrity": "sha512-ei8Aos7ja0weRpFzJnEA9UHJ/7XQmqglbRwnf2ATjcB9Wq874VKH9kfjjirM6UhU2/E5fFYadylyhFldcqSidQ==",
+            "license": "MIT",
+            "engines": {
+                "node": ">=18"
+            },
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/express"
+            }
+        },
+        "node_modules/@convex-dev/auth/node_modules/jose": {
+            "version": "5.10.0",
+            "resolved": "https://registry.npmjs.org/jose/-/jose-5.10.0.tgz",
+            "integrity": "sha512-s+3Al/p9g32Iq+oqXxkW//7jk2Vig6FF1CFqzVXoTUXt2qz89YWbL+OwS17NFYEvxC35n0FKeGO2LGYSxeM2Gg==",
+            "license": "MIT",
+            "funding": {
+                "url": "https://github.com/sponsors/panva"
+            }
+        },
+        "node_modules/@convex-dev/auth/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==",
+            "license": "MIT"
+        },
+        "node_modules/@esbuild/aix-ppc64": {
+            "version": "0.27.0",
+            "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.27.0.tgz",
+            "integrity": "sha512-KuZrd2hRjz01y5JK9mEBSD3Vj3mbCvemhT466rSuJYeE/hjuBrHfjjcjMdTm/sz7au+++sdbJZJmuBwQLuw68A==",
+            "cpu": [
+                "ppc64"
+            ],
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "aix"
+            ],
+            "engines": {
+                "node": ">=18"
+            }
+        },
+        "node_modules/@esbuild/android-arm": {
+            "version": "0.27.0",
+            "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.27.0.tgz",
+            "integrity": "sha512-j67aezrPNYWJEOHUNLPj9maeJte7uSMM6gMoxfPC9hOg8N02JuQi/T7ewumf4tNvJadFkvLZMlAq73b9uwdMyQ==",
+            "cpu": [
+                "arm"
+            ],
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "android"
+            ],
+            "engines": {
+                "node": ">=18"
+            }
+        },
+        "node_modules/@esbuild/android-arm64": {
+            "version": "0.27.0",
+            "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.27.0.tgz",
+            "integrity": "sha512-CC3vt4+1xZrs97/PKDkl0yN7w8edvU2vZvAFGD16n9F0Cvniy5qvzRXjfO1l94efczkkQE6g1x0i73Qf5uthOQ==",
+            "cpu": [
+                "arm64"
+            ],
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "android"
+            ],
+            "engines": {
+                "node": ">=18"
+            }
+        },
+        "node_modules/@esbuild/android-x64": {
+            "version": "0.27.0",
+            "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.27.0.tgz",
+            "integrity": "sha512-wurMkF1nmQajBO1+0CJmcN17U4BP6GqNSROP8t0X/Jiw2ltYGLHpEksp9MpoBqkrFR3kv2/te6Sha26k3+yZ9Q==",
+            "cpu": [
+                "x64"
+            ],
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "android"
+            ],
+            "engines": {
+                "node": ">=18"
+            }
+        },
+        "node_modules/@esbuild/darwin-arm64": {
+            "version": "0.27.0",
+            "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.27.0.tgz",
+            "integrity": "sha512-uJOQKYCcHhg07DL7i8MzjvS2LaP7W7Pn/7uA0B5S1EnqAirJtbyw4yC5jQ5qcFjHK9l6o/MX9QisBg12kNkdHg==",
+            "cpu": [
+                "arm64"
+            ],
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "darwin"
+            ],
+            "engines": {
+                "node": ">=18"
+            }
+        },
+        "node_modules/@esbuild/darwin-x64": {
+            "version": "0.27.0",
+            "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.27.0.tgz",
+            "integrity": "sha512-8mG6arH3yB/4ZXiEnXof5MK72dE6zM9cDvUcPtxhUZsDjESl9JipZYW60C3JGreKCEP+p8P/72r69m4AZGJd5g==",
+            "cpu": [
+                "x64"
+            ],
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "darwin"
+            ],
+            "engines": {
+                "node": ">=18"
+            }
+        },
+        "node_modules/@esbuild/freebsd-arm64": {
+            "version": "0.27.0",
+            "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.27.0.tgz",
+            "integrity": "sha512-9FHtyO988CwNMMOE3YIeci+UV+x5Zy8fI2qHNpsEtSF83YPBmE8UWmfYAQg6Ux7Gsmd4FejZqnEUZCMGaNQHQw==",
+            "cpu": [
+                "arm64"
+            ],
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "freebsd"
+            ],
+            "engines": {
+                "node": ">=18"
+            }
+        },
+        "node_modules/@esbuild/freebsd-x64": {
+            "version": "0.27.0",
+            "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.27.0.tgz",
+            "integrity": "sha512-zCMeMXI4HS/tXvJz8vWGexpZj2YVtRAihHLk1imZj4efx1BQzN76YFeKqlDr3bUWI26wHwLWPd3rwh6pe4EV7g==",
+            "cpu": [
+                "x64"
+            ],
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "freebsd"
+            ],
+            "engines": {
+                "node": ">=18"
+            }
+        },
+        "node_modules/@esbuild/linux-arm": {
+            "version": "0.27.0",
+            "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.27.0.tgz",
+            "integrity": "sha512-t76XLQDpxgmq2cNXKTVEB7O7YMb42atj2Re2Haf45HkaUpjM2J0UuJZDuaGbPbamzZ7bawyGFUkodL+zcE+jvQ==",
+            "cpu": [
+                "arm"
+            ],
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">=18"
+            }
+        },
+        "node_modules/@esbuild/linux-arm64": {
+            "version": "0.27.0",
+            "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.27.0.tgz",
+            "integrity": "sha512-AS18v0V+vZiLJyi/4LphvBE+OIX682Pu7ZYNsdUHyUKSoRwdnOsMf6FDekwoAFKej14WAkOef3zAORJgAtXnlQ==",
+            "cpu": [
+                "arm64"
+            ],
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">=18"
+            }
+        },
+        "node_modules/@esbuild/linux-ia32": {
+            "version": "0.27.0",
+            "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.27.0.tgz",
+            "integrity": "sha512-Mz1jxqm/kfgKkc/KLHC5qIujMvnnarD9ra1cEcrs7qshTUSksPihGrWHVG5+osAIQ68577Zpww7SGapmzSt4Nw==",
+            "cpu": [
+                "ia32"
+            ],
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">=18"
+            }
+        },
+        "node_modules/@esbuild/linux-loong64": {
+            "version": "0.27.0",
+            "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.27.0.tgz",
+            "integrity": "sha512-QbEREjdJeIreIAbdG2hLU1yXm1uu+LTdzoq1KCo4G4pFOLlvIspBm36QrQOar9LFduavoWX2msNFAAAY9j4BDg==",
+            "cpu": [
+                "loong64"
+            ],
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">=18"
+            }
+        },
+        "node_modules/@esbuild/linux-mips64el": {
+            "version": "0.27.0",
+            "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.27.0.tgz",
+            "integrity": "sha512-sJz3zRNe4tO2wxvDpH/HYJilb6+2YJxo/ZNbVdtFiKDufzWq4JmKAiHy9iGoLjAV7r/W32VgaHGkk35cUXlNOg==",
+            "cpu": [
+                "mips64el"
+            ],
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">=18"
+            }
+        },
+        "node_modules/@esbuild/linux-ppc64": {
+            "version": "0.27.0",
+            "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.27.0.tgz",
+            "integrity": "sha512-z9N10FBD0DCS2dmSABDBb5TLAyF1/ydVb+N4pi88T45efQ/w4ohr/F/QYCkxDPnkhkp6AIpIcQKQ8F0ANoA2JA==",
+            "cpu": [
+                "ppc64"
+            ],
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">=18"
+            }
+        },
+        "node_modules/@esbuild/linux-riscv64": {
+            "version": "0.27.0",
+            "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.27.0.tgz",
+            "integrity": "sha512-pQdyAIZ0BWIC5GyvVFn5awDiO14TkT/19FTmFcPdDec94KJ1uZcmFs21Fo8auMXzD4Tt+diXu1LW1gHus9fhFQ==",
+            "cpu": [
+                "riscv64"
+            ],
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">=18"
+            }
+        },
+        "node_modules/@esbuild/linux-s390x": {
+            "version": "0.27.0",
+            "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.27.0.tgz",
+            "integrity": "sha512-hPlRWR4eIDDEci953RI1BLZitgi5uqcsjKMxwYfmi4LcwyWo2IcRP+lThVnKjNtk90pLS8nKdroXYOqW+QQH+w==",
+            "cpu": [
+                "s390x"
+            ],
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">=18"
+            }
+        },
+        "node_modules/@esbuild/linux-x64": {
+            "version": "0.27.0",
+            "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.27.0.tgz",
+            "integrity": "sha512-1hBWx4OUJE2cab++aVZ7pObD6s+DK4mPGpemtnAORBvb5l/g5xFGk0vc0PjSkrDs0XaXj9yyob3d14XqvnQ4gw==",
+            "cpu": [
+                "x64"
+            ],
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">=18"
+            }
+        },
+        "node_modules/@esbuild/netbsd-arm64": {
+            "version": "0.27.0",
+            "resolved": "https://registry.npmjs.org/@esbuild/netbsd-arm64/-/netbsd-arm64-0.27.0.tgz",
+            "integrity": "sha512-6m0sfQfxfQfy1qRuecMkJlf1cIzTOgyaeXaiVaaki8/v+WB+U4hc6ik15ZW6TAllRlg/WuQXxWj1jx6C+dfy3w==",
+            "cpu": [
+                "arm64"
+            ],
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "netbsd"
+            ],
+            "engines": {
+                "node": ">=18"
+            }
+        },
+        "node_modules/@esbuild/netbsd-x64": {
+            "version": "0.27.0",
+            "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.27.0.tgz",
+            "integrity": "sha512-xbbOdfn06FtcJ9d0ShxxvSn2iUsGd/lgPIO2V3VZIPDbEaIj1/3nBBe1AwuEZKXVXkMmpr6LUAgMkLD/4D2PPA==",
+            "cpu": [
+                "x64"
+            ],
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "netbsd"
+            ],
+            "engines": {
+                "node": ">=18"
+            }
+        },
+        "node_modules/@esbuild/openbsd-arm64": {
+            "version": "0.27.0",
+            "resolved": "https://registry.npmjs.org/@esbuild/openbsd-arm64/-/openbsd-arm64-0.27.0.tgz",
+            "integrity": "sha512-fWgqR8uNbCQ/GGv0yhzttj6sU/9Z5/Sv/VGU3F5OuXK6J6SlriONKrQ7tNlwBrJZXRYk5jUhuWvF7GYzGguBZQ==",
+            "cpu": [
+                "arm64"
+            ],
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "openbsd"
+            ],
+            "engines": {
+                "node": ">=18"
+            }
+        },
+        "node_modules/@esbuild/openbsd-x64": {
+            "version": "0.27.0",
+            "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.27.0.tgz",
+            "integrity": "sha512-aCwlRdSNMNxkGGqQajMUza6uXzR/U0dIl1QmLjPtRbLOx3Gy3otfFu/VjATy4yQzo9yFDGTxYDo1FfAD9oRD2A==",
+            "cpu": [
+                "x64"
+            ],
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "openbsd"
+            ],
+            "engines": {
+                "node": ">=18"
+            }
+        },
+        "node_modules/@esbuild/openharmony-arm64": {
+            "version": "0.27.0",
+            "resolved": "https://registry.npmjs.org/@esbuild/openharmony-arm64/-/openharmony-arm64-0.27.0.tgz",
+            "integrity": "sha512-nyvsBccxNAsNYz2jVFYwEGuRRomqZ149A39SHWk4hV0jWxKM0hjBPm3AmdxcbHiFLbBSwG6SbpIcUbXjgyECfA==",
+            "cpu": [
+                "arm64"
+            ],
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "openharmony"
+            ],
+            "engines": {
+                "node": ">=18"
+            }
+        },
+        "node_modules/@esbuild/sunos-x64": {
+            "version": "0.27.0",
+            "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.27.0.tgz",
+            "integrity": "sha512-Q1KY1iJafM+UX6CFEL+F4HRTgygmEW568YMqDA5UV97AuZSm21b7SXIrRJDwXWPzr8MGr75fUZPV67FdtMHlHA==",
+            "cpu": [
+                "x64"
+            ],
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "sunos"
+            ],
+            "engines": {
+                "node": ">=18"
+            }
+        },
+        "node_modules/@esbuild/win32-arm64": {
+            "version": "0.27.0",
+            "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.27.0.tgz",
+            "integrity": "sha512-W1eyGNi6d+8kOmZIwi/EDjrL9nxQIQ0MiGqe/AWc6+IaHloxHSGoeRgDRKHFISThLmsewZ5nHFvGFWdBYlgKPg==",
+            "cpu": [
+                "arm64"
+            ],
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "win32"
+            ],
+            "engines": {
+                "node": ">=18"
+            }
+        },
+        "node_modules/@esbuild/win32-ia32": {
+            "version": "0.27.0",
+            "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.27.0.tgz",
+            "integrity": "sha512-30z1aKL9h22kQhilnYkORFYt+3wp7yZsHWus+wSKAJR8JtdfI76LJ4SBdMsCopTR3z/ORqVu5L1vtnHZWVj4cQ==",
+            "cpu": [
+                "ia32"
+            ],
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "win32"
+            ],
+            "engines": {
+                "node": ">=18"
+            }
+        },
+        "node_modules/@esbuild/win32-x64": {
+            "version": "0.27.0",
+            "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.27.0.tgz",
+            "integrity": "sha512-aIitBcjQeyOhMTImhLZmtxfdOcuNRpwlPNmlFKPcHQYPhEssw75Cl1TSXJXpMkzaua9FUetx/4OQKq7eJul5Cg==",
+            "cpu": [
+                "x64"
+            ],
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "win32"
+            ],
+            "engines": {
+                "node": ">=18"
+            }
+        },
+        "node_modules/@eslint-community/eslint-utils": {
+            "version": "4.10.1",
+            "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.10.1.tgz",
+            "integrity": "sha512-cuadcxVFE8sDK6iWJbs8Sn0av2Nrh2QSGQhVlBW9AaAHqHwjWsZHT8LJ4hFGPh7ASBV2deFdM7H/DPjulmh8rg==",
+            "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.2",
+            "resolved": "https://registry.npmjs.org/@eslint/config-array/-/config-array-0.21.2.tgz",
+            "integrity": "sha512-nJl2KGTlrf9GjLimgIru+V/mzgSK0ABCDQRvxw5BjURL7WfH5uoWmizbH7QB6MmnMBd8cIC9uceWnezL1VZWWw==",
+            "dev": true,
+            "license": "Apache-2.0",
+            "dependencies": {
+                "@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"
+            }
+        },
+        "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.7",
+            "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-3.3.7.tgz",
+            "integrity": "sha512-F42g89Qd5oAWtp0k0nnSrjziAKza7w8SVT4mStc18LZMaRb4J1HQAHLCalEtDCxrTuksx7NU9qsmeLwpOfPqWw==",
+            "dev": true,
+            "license": "MIT",
+            "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.3.2",
+                "minimatch": "^3.1.5",
+                "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/eslintrc/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/@eslint/js": {
+            "version": "9.39.5",
+            "resolved": "https://registry.npmjs.org/@eslint/js/-/js-9.39.5.tgz",
+            "integrity": "sha512-QywQuszQh77pIXCsq998c8hbhSTI/azTty1Z6N53dmAudKHhy573j3yvRLsX2BSp8YpLtoCEG8E9DJe+8zUh4A==",
+            "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/@floating-ui/core": {
+            "version": "1.8.0",
+            "resolved": "https://registry.npmjs.org/@floating-ui/core/-/core-1.8.0.tgz",
+            "integrity": "sha512-0CIZ5itps/8x7BG8dEIhs53BvCUH2PCoogtakwRTut+Arm58sJooJ0AuZhLw2HJYIR5cMLNPBSS728sPho2khQ==",
+            "license": "MIT",
+            "dependencies": {
+                "@floating-ui/utils": "^0.2.12"
+            }
+        },
+        "node_modules/@floating-ui/dom": {
+            "version": "1.8.0",
+            "resolved": "https://registry.npmjs.org/@floating-ui/dom/-/dom-1.8.0.tgz",
+            "integrity": "sha512-yXSrzeHZBTZadLOlfyhCkJHNeLJnHRnRInwdZ40L7ZiaAtrBwoYlsDrX3v5zB1Utk7CLfzcOVnVVWoXEky7Ceg==",
+            "license": "MIT",
+            "dependencies": {
+                "@floating-ui/core": "^1.8.0",
+                "@floating-ui/utils": "^0.2.12"
+            }
+        },
+        "node_modules/@floating-ui/react-dom": {
+            "version": "2.1.9",
+            "resolved": "https://registry.npmjs.org/@floating-ui/react-dom/-/react-dom-2.1.9.tgz",
+            "integrity": "sha512-JDjEFGCpImxDCA7JJKviA0M9+RtmJdj0m/NVU5IMgBK+AmZouAQQ7/+2GLH0GXXY0YMw9oXPB8hKdbPYg5QLYg==",
+            "license": "MIT",
+            "dependencies": {
+                "@floating-ui/dom": "^1.8.0"
+            },
+            "peerDependencies": {
+                "react": ">=16.8.0",
+                "react-dom": ">=16.8.0"
+            }
+        },
+        "node_modules/@floating-ui/utils": {
+            "version": "0.2.12",
+            "resolved": "https://registry.npmjs.org/@floating-ui/utils/-/utils-0.2.12.tgz",
+            "integrity": "sha512-HpCo8tmWzLVad5s2d19EhAz5zqrrQ6s69qd6moPMQvkOuSwDT1YgRfWSVuc4ennqrgv3OHppiOGMQ7oC13yIww==",
+            "license": "MIT"
+        },
+        "node_modules/@fontsource-variable/geist": {
+            "version": "5.3.0",
+            "resolved": "https://registry.npmjs.org/@fontsource-variable/geist/-/geist-5.3.0.tgz",
+            "integrity": "sha512-j0m+vLQuG5XAYoHtGCVu0spvlGreR3EzpECUVzkFmI1mTVnAO38l/NEPDCFgZ177JxzYJCLSmTQibIiYPilGrA==",
+            "license": "OFL-1.1",
+            "funding": {
+                "url": "https://github.com/sponsors/ayuhito"
+            }
+        },
+        "node_modules/@fontsource-variable/geist-mono": {
+            "version": "5.3.0",
+            "resolved": "https://registry.npmjs.org/@fontsource-variable/geist-mono/-/geist-mono-5.3.0.tgz",
+            "integrity": "sha512-vBbuwDEo9AkrqADMXOrlAR3DFcJi4/JxeuU43FoiQERnNwsfXNnvxvReZG02cQKmyk4DZkZdBZX3oTDvy2zBAw==",
+            "license": "OFL-1.1",
+            "funding": {
+                "url": "https://github.com/sponsors/ayuhito"
+            }
+        },
+        "node_modules/@hono/node-server": {
+            "version": "2.1.5",
+            "resolved": "https://registry.npmjs.org/@hono/node-server/-/node-server-2.1.5.tgz",
+            "integrity": "sha512-MgP/I06GdvsilDspMk/qmRzpk8LOUStP6jFAbSRi40W09DhoyUn+Mj7eyKICPqeYKybOjVFLVIAQzvu1bfIa7Q==",
+            "license": "MIT",
+            "engines": {
+                "node": ">=20"
+            },
+            "peerDependencies": {
+                "hono": "^4 || ^5.0.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==",
+            "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/@jridgewell/gen-mapping": {
+            "version": "0.3.13",
+            "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.13.tgz",
+            "integrity": "sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==",
+            "license": "MIT",
+            "dependencies": {
+                "@jridgewell/sourcemap-codec": "^1.5.0",
+                "@jridgewell/trace-mapping": "^0.3.24"
+            }
+        },
+        "node_modules/@jridgewell/remapping": {
+            "version": "2.3.5",
+            "resolved": "https://registry.npmjs.org/@jridgewell/remapping/-/remapping-2.3.5.tgz",
+            "integrity": "sha512-LI9u/+laYG4Ds1TDKSJW2YPrIlcVYOwi2fUC6xB43lueCjgxV4lffOCZCtYFiH6TNOX+tQKXx97T4IKHbhyHEQ==",
+            "license": "MIT",
+            "dependencies": {
+                "@jridgewell/gen-mapping": "^0.3.5",
+                "@jridgewell/trace-mapping": "^0.3.24"
+            }
+        },
+        "node_modules/@jridgewell/resolve-uri": {
+            "version": "3.1.2",
+            "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz",
+            "integrity": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==",
+            "license": "MIT",
+            "engines": {
+                "node": ">=6.0.0"
+            }
+        },
+        "node_modules/@jridgewell/sourcemap-codec": {
+            "version": "1.6.0",
+            "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.6.0.tgz",
+            "integrity": "sha512-T7jf+5zgsZHwNJ4lvQ7/aezbyk0nNX+zJVWpmHA7VYsEx7a7qr5Rg5IbtJFqkgze5Y2sruq1RUY8Q837Od7iFw==",
+            "license": "MIT"
+        },
+        "node_modules/@jridgewell/trace-mapping": {
+            "version": "0.3.31",
+            "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.31.tgz",
+            "integrity": "sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==",
+            "license": "MIT",
+            "dependencies": {
+                "@jridgewell/resolve-uri": "^3.1.0",
+                "@jridgewell/sourcemap-codec": "^1.4.14"
+            }
+        },
+        "node_modules/@modelcontextprotocol/sdk": {
+            "version": "1.32.1",
+            "resolved": "https://registry.npmjs.org/@modelcontextprotocol/sdk/-/sdk-1.32.1.tgz",
+            "integrity": "sha512-2DdE+SJDtzLEEWzY1ZjY7Q+VcPhcV1KisD3zI4u0XZyktsjHum1mwbMI+JaulUBi2OZk+KJAi2uPXzxichPkdw==",
+            "license": "MIT",
+            "dependencies": {
+                "@hono/node-server": "^1.19.9 || ^2.0.5",
+                "ajv": "^8.17.1",
+                "ajv-formats": "^3.0.1",
+                "content-type": "^1.0.5",
+                "cors": "^2.8.5",
+                "cross-spawn": "^7.0.5",
+                "eventsource": "^3.0.2",
+                "eventsource-parser": "^3.0.0",
+                "express": "^5.2.1",
+                "express-rate-limit": "^8.2.1",
+                "hono": "^4.11.4",
+                "jose": "^6.1.3",
+                "json-schema-typed": "^8.0.2",
+                "pkce-challenge": "^5.0.0",
+                "raw-body": "^3.0.0",
+                "zod": "^3.25 || ^4.0",
+                "zod-to-json-schema": "^3.25.1"
+            },
+            "engines": {
+                "node": ">=18"
+            },
+            "peerDependencies": {
+                "@cfworker/json-schema": "^4.1.1",
+                "zod": "^3.25 || ^4.0"
+            },
+            "peerDependenciesMeta": {
+                "@cfworker/json-schema": {
+                    "optional": true
+                },
+                "zod": {
+                    "optional": false
+                }
+            }
+        },
+        "node_modules/@modelcontextprotocol/sdk/node_modules/ajv": {
+            "version": "8.20.0",
+            "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.20.0.tgz",
+            "integrity": "sha512-Thbli+OlOj+iMPYFBVBfJ3OmCAnaSyNn4M1vz9T6Gka5Jt9ba/HIR56joy65tY6kx/FCF5VXNB819Y7/GUrBGA==",
+            "license": "MIT",
+            "dependencies": {
+                "fast-deep-equal": "^3.1.3",
+                "fast-uri": "^3.0.1",
+                "json-schema-traverse": "^1.0.0",
+                "require-from-string": "^2.0.2"
+            },
+            "funding": {
+                "type": "github",
+                "url": "https://github.com/sponsors/epoberezkin"
+            }
+        },
+        "node_modules/@modelcontextprotocol/sdk/node_modules/json-schema-traverse": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
+            "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==",
+            "license": "MIT"
+        },
+        "node_modules/@oozcitak/dom": {
+            "version": "2.0.2",
+            "resolved": "https://registry.npmjs.org/@oozcitak/dom/-/dom-2.0.2.tgz",
+            "integrity": "sha512-GjpKhkSYC3Mj4+lfwEyI1dqnsKTgwGy48ytZEhm4A/xnH/8z9M3ZVXKr/YGQi3uCLs1AEBS+x5T2JPiueEDW8w==",
+            "license": "MIT",
+            "dependencies": {
+                "@oozcitak/infra": "^2.0.2",
+                "@oozcitak/url": "^3.0.0",
+                "@oozcitak/util": "^10.0.0"
+            },
+            "engines": {
+                "node": ">=20.0"
+            }
+        },
+        "node_modules/@oozcitak/infra": {
+            "version": "2.0.2",
+            "resolved": "https://registry.npmjs.org/@oozcitak/infra/-/infra-2.0.2.tgz",
+            "integrity": "sha512-2g+E7hoE2dgCz/APPOEK5s3rMhJvNxSMBrP+U+j1OWsIbtSpWxxlUjq1lU8RIsFJNYv7NMlnVsCuHcUzJW+8vA==",
+            "license": "MIT",
+            "dependencies": {
+                "@oozcitak/util": "^10.0.0"
+            },
+            "engines": {
+                "node": ">=20.0"
+            }
+        },
+        "node_modules/@oozcitak/url": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/@oozcitak/url/-/url-3.0.0.tgz",
+            "integrity": "sha512-ZKfET8Ak1wsLAiLWNfFkZc/BraDccuTJKR6svTYc7sVjbR+Iu0vtXdiDMY4o6jaFl5TW2TlS7jbLl4VovtAJWQ==",
+            "license": "MIT",
+            "dependencies": {
+                "@oozcitak/infra": "^2.0.2",
+                "@oozcitak/util": "^10.0.0"
+            },
+            "engines": {
+                "node": ">=20.0"
+            }
+        },
+        "node_modules/@oozcitak/util": {
+            "version": "10.0.0",
+            "resolved": "https://registry.npmjs.org/@oozcitak/util/-/util-10.0.0.tgz",
+            "integrity": "sha512-hAX0pT/73190NLqBPPWSdBVGtbY6VOhWYK3qqHqtXQ1gK7kS2yz4+ivsN07hpJ6I3aeMtKP6J6npsEKOAzuTLA==",
+            "license": "MIT",
+            "engines": {
+                "node": ">=20.0"
+            }
+        },
+        "node_modules/@oslojs/asn1": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/@oslojs/asn1/-/asn1-1.0.0.tgz",
+            "integrity": "sha512-zw/wn0sj0j0QKbIXfIlnEcTviaCzYOY3V5rAyjR6YtOByFtJiT574+8p9Wlach0lZH9fddD4yb9laEAIl4vXQA==",
+            "deprecated": "Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.",
+            "license": "MIT",
+            "dependencies": {
+                "@oslojs/binary": "1.0.0"
+            }
+        },
+        "node_modules/@oslojs/binary": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/@oslojs/binary/-/binary-1.0.0.tgz",
+            "integrity": "sha512-9RCU6OwXU6p67H4NODbuxv2S3eenuQ4/WFLrsq+K/k682xrznH5EVWA7N4VFk9VYVcbFtKqur5YQQZc0ySGhsQ==",
+            "deprecated": "Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.",
+            "license": "MIT"
+        },
+        "node_modules/@oslojs/crypto": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/@oslojs/crypto/-/crypto-1.0.1.tgz",
+            "integrity": "sha512-7n08G8nWjAr/Yu3vu9zzrd0L9XnrJfpMioQcvCMxBIiF5orECHe5/3J0jmXRVvgfqMm/+4oxlQ+Sq39COYLcNQ==",
+            "deprecated": "Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.",
+            "license": "MIT",
+            "dependencies": {
+                "@oslojs/asn1": "1.0.0",
+                "@oslojs/binary": "1.0.0"
+            }
+        },
+        "node_modules/@oslojs/encoding": {
+            "version": "1.1.0",
+            "resolved": "https://registry.npmjs.org/@oslojs/encoding/-/encoding-1.1.0.tgz",
+            "integrity": "sha512-70wQhgYmndg4GCPxPPxPGevRKqTIJ2Nh4OkiMWmDAVYsTQ+Ta7Sq+rPevXyXGdzr30/qZBnyOalCszoMxlyldQ==",
+            "license": "MIT"
+        },
+        "node_modules/@oxc-project/types": {
+            "version": "0.154.0",
+            "resolved": "https://registry.npmjs.org/@oxc-project/types/-/types-0.154.0.tgz",
+            "integrity": "sha512-KYOUGQFlLWR+s4QMV2Q9ko38TZm7EdO87Qm7rvZLqk/webse/cDjtyxKhg/47l0byCbs/k46LT8qc4PKjAikzA==",
+            "devOptional": true,
+            "license": "MIT",
+            "funding": {
+                "url": "https://github.com/sponsors/oxc-project"
+            }
+        },
+        "node_modules/@panva/hkdf": {
+            "version": "1.2.1",
+            "resolved": "https://registry.npmjs.org/@panva/hkdf/-/hkdf-1.2.1.tgz",
+            "integrity": "sha512-6oclG6Y3PiDFcoyk8srjLfVKyMfVCKJ27JwNPViuXziFpmdz+MZnZN/aKY0JGXgYuO/VghU0jcOAZgWXZ1Dmrw==",
+            "license": "MIT",
+            "funding": {
+                "url": "https://github.com/sponsors/panva"
+            }
+        },
+        "node_modules/@radix-ui/number": {
+            "version": "1.1.1",
+            "resolved": "https://registry.npmjs.org/@radix-ui/number/-/number-1.1.1.tgz",
+            "integrity": "sha512-MkKCwxlXTgz6CFoJx3pCwn07GKp36+aZyu/u2Ln2VrA5DcdyCZkASEDBTd8x5whTQQL5CiYf4prXKLcgQdv29g==",
+            "license": "MIT"
+        },
+        "node_modules/@radix-ui/primitive": {
+            "version": "1.1.3",
+            "resolved": "https://registry.npmjs.org/@radix-ui/primitive/-/primitive-1.1.3.tgz",
+            "integrity": "sha512-JTF99U/6XIjCBo0wqkU5sK10glYe27MRRsfwoiq5zzOEZLHU3A3KCMa5X/azekYRCJ0HlwI0crAXS/5dEHTzDg==",
+            "license": "MIT"
+        },
+        "node_modules/@radix-ui/react-alert-dialog": {
+            "version": "1.1.15",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-alert-dialog/-/react-alert-dialog-1.1.15.tgz",
+            "integrity": "sha512-oTVLkEw5GpdRe29BqJ0LSDFWI3qu0vR1M0mUkOQWDIUnY/QIkLpgDMWuKxP94c2NAC2LGcgVhG1ImF3jkZ5wXw==",
+            "license": "MIT",
+            "dependencies": {
+                "@radix-ui/primitive": "1.1.3",
+                "@radix-ui/react-compose-refs": "1.1.2",
+                "@radix-ui/react-context": "1.1.2",
+                "@radix-ui/react-dialog": "1.1.15",
+                "@radix-ui/react-primitive": "2.1.3",
+                "@radix-ui/react-slot": "1.2.3"
+            },
+            "peerDependencies": {
+                "@types/react": "*",
+                "@types/react-dom": "*",
+                "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+                "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+            },
+            "peerDependenciesMeta": {
+                "@types/react": {
+                    "optional": true
+                },
+                "@types/react-dom": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/@radix-ui/react-alert-dialog/node_modules/@radix-ui/react-slot": {
+            "version": "1.2.3",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.2.3.tgz",
+            "integrity": "sha512-aeNmHnBxbi2St0au6VBVC7JXFlhLlOnvIIlePNniyUNAClzmtAUEY8/pBiK3iHjufOlwA+c20/8jngo7xcrg8A==",
+            "license": "MIT",
+            "dependencies": {
+                "@radix-ui/react-compose-refs": "1.1.2"
+            },
+            "peerDependencies": {
+                "@types/react": "*",
+                "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+            },
+            "peerDependenciesMeta": {
+                "@types/react": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/@radix-ui/react-arrow": {
+            "version": "1.1.7",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-arrow/-/react-arrow-1.1.7.tgz",
+            "integrity": "sha512-F+M1tLhO+mlQaOWspE8Wstg+z6PwxwRd8oQ8IXceWz92kfAmalTRf0EjrouQeo7QssEPfCn05B4Ihs1K9WQ/7w==",
+            "license": "MIT",
+            "dependencies": {
+                "@radix-ui/react-primitive": "2.1.3"
+            },
+            "peerDependencies": {
+                "@types/react": "*",
+                "@types/react-dom": "*",
+                "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+                "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+            },
+            "peerDependenciesMeta": {
+                "@types/react": {
+                    "optional": true
+                },
+                "@types/react-dom": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/@radix-ui/react-collection": {
+            "version": "1.1.7",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-collection/-/react-collection-1.1.7.tgz",
+            "integrity": "sha512-Fh9rGN0MoI4ZFUNyfFVNU4y9LUz93u9/0K+yLgA2bwRojxM8JU1DyvvMBabnZPBgMWREAJvU2jjVzq+LrFUglw==",
+            "license": "MIT",
+            "dependencies": {
+                "@radix-ui/react-compose-refs": "1.1.2",
+                "@radix-ui/react-context": "1.1.2",
+                "@radix-ui/react-primitive": "2.1.3",
+                "@radix-ui/react-slot": "1.2.3"
+            },
+            "peerDependencies": {
+                "@types/react": "*",
+                "@types/react-dom": "*",
+                "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+                "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+            },
+            "peerDependenciesMeta": {
+                "@types/react": {
+                    "optional": true
+                },
+                "@types/react-dom": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/@radix-ui/react-collection/node_modules/@radix-ui/react-slot": {
+            "version": "1.2.3",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.2.3.tgz",
+            "integrity": "sha512-aeNmHnBxbi2St0au6VBVC7JXFlhLlOnvIIlePNniyUNAClzmtAUEY8/pBiK3iHjufOlwA+c20/8jngo7xcrg8A==",
+            "license": "MIT",
+            "dependencies": {
+                "@radix-ui/react-compose-refs": "1.1.2"
+            },
+            "peerDependencies": {
+                "@types/react": "*",
+                "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+            },
+            "peerDependenciesMeta": {
+                "@types/react": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/@radix-ui/react-compose-refs": {
+            "version": "1.1.2",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-compose-refs/-/react-compose-refs-1.1.2.tgz",
+            "integrity": "sha512-z4eqJvfiNnFMHIIvXP3CY57y2WJs5g2v3X0zm9mEJkrkNv4rDxu+sg9Jh8EkXyeqBkB7SOcboo9dMVqhyrACIg==",
+            "license": "MIT",
+            "peerDependencies": {
+                "@types/react": "*",
+                "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+            },
+            "peerDependenciesMeta": {
+                "@types/react": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/@radix-ui/react-context": {
+            "version": "1.1.2",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-context/-/react-context-1.1.2.tgz",
+            "integrity": "sha512-jCi/QKUM2r1Ju5a3J64TH2A5SpKAgh0LpknyqdQ4m6DCV0xJ2HG1xARRwNGPQfi1SLdLWZ1OJz6F4OMBBNiGJA==",
+            "license": "MIT",
+            "peerDependencies": {
+                "@types/react": "*",
+                "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+            },
+            "peerDependenciesMeta": {
+                "@types/react": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/@radix-ui/react-dialog": {
+            "version": "1.1.15",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-dialog/-/react-dialog-1.1.15.tgz",
+            "integrity": "sha512-TCglVRtzlffRNxRMEyR36DGBLJpeusFcgMVD9PZEzAKnUs1lKCgX5u9BmC2Yg+LL9MgZDugFFs1Vl+Jp4t/PGw==",
+            "license": "MIT",
+            "dependencies": {
+                "@radix-ui/primitive": "1.1.3",
+                "@radix-ui/react-compose-refs": "1.1.2",
+                "@radix-ui/react-context": "1.1.2",
+                "@radix-ui/react-dismissable-layer": "1.1.11",
+                "@radix-ui/react-focus-guards": "1.1.3",
+                "@radix-ui/react-focus-scope": "1.1.7",
+                "@radix-ui/react-id": "1.1.1",
+                "@radix-ui/react-portal": "1.1.9",
+                "@radix-ui/react-presence": "1.1.5",
+                "@radix-ui/react-primitive": "2.1.3",
+                "@radix-ui/react-slot": "1.2.3",
+                "@radix-ui/react-use-controllable-state": "1.2.2",
+                "aria-hidden": "^1.2.4",
+                "react-remove-scroll": "^2.6.3"
+            },
+            "peerDependencies": {
+                "@types/react": "*",
+                "@types/react-dom": "*",
+                "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+                "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+            },
+            "peerDependenciesMeta": {
+                "@types/react": {
+                    "optional": true
+                },
+                "@types/react-dom": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/@radix-ui/react-dialog/node_modules/@radix-ui/react-slot": {
+            "version": "1.2.3",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.2.3.tgz",
+            "integrity": "sha512-aeNmHnBxbi2St0au6VBVC7JXFlhLlOnvIIlePNniyUNAClzmtAUEY8/pBiK3iHjufOlwA+c20/8jngo7xcrg8A==",
+            "license": "MIT",
+            "dependencies": {
+                "@radix-ui/react-compose-refs": "1.1.2"
+            },
+            "peerDependencies": {
+                "@types/react": "*",
+                "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+            },
+            "peerDependenciesMeta": {
+                "@types/react": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/@radix-ui/react-direction": {
+            "version": "1.1.1",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-direction/-/react-direction-1.1.1.tgz",
+            "integrity": "sha512-1UEWRX6jnOA2y4H5WczZ44gOOjTEmlqv1uNW4GAJEO5+bauCBhv8snY65Iw5/VOS/ghKN9gr2KjnLKxrsvoMVw==",
+            "license": "MIT",
+            "peerDependencies": {
+                "@types/react": "*",
+                "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+            },
+            "peerDependenciesMeta": {
+                "@types/react": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/@radix-ui/react-dismissable-layer": {
+            "version": "1.1.11",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-dismissable-layer/-/react-dismissable-layer-1.1.11.tgz",
+            "integrity": "sha512-Nqcp+t5cTB8BinFkZgXiMJniQH0PsUt2k51FUhbdfeKvc4ACcG2uQniY/8+h1Yv6Kza4Q7lD7PQV0z0oicE0Mg==",
+            "license": "MIT",
+            "dependencies": {
+                "@radix-ui/primitive": "1.1.3",
+                "@radix-ui/react-compose-refs": "1.1.2",
+                "@radix-ui/react-primitive": "2.1.3",
+                "@radix-ui/react-use-callback-ref": "1.1.1",
+                "@radix-ui/react-use-escape-keydown": "1.1.1"
+            },
+            "peerDependencies": {
+                "@types/react": "*",
+                "@types/react-dom": "*",
+                "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+                "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+            },
+            "peerDependenciesMeta": {
+                "@types/react": {
+                    "optional": true
+                },
+                "@types/react-dom": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/@radix-ui/react-focus-guards": {
+            "version": "1.1.3",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-focus-guards/-/react-focus-guards-1.1.3.tgz",
+            "integrity": "sha512-0rFg/Rj2Q62NCm62jZw0QX7a3sz6QCQU0LpZdNrJX8byRGaGVTqbrW9jAoIAHyMQqsNpeZ81YgSizOt5WXq0Pw==",
+            "license": "MIT",
+            "peerDependencies": {
+                "@types/react": "*",
+                "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+            },
+            "peerDependenciesMeta": {
+                "@types/react": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/@radix-ui/react-focus-scope": {
+            "version": "1.1.7",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-focus-scope/-/react-focus-scope-1.1.7.tgz",
+            "integrity": "sha512-t2ODlkXBQyn7jkl6TNaw/MtVEVvIGelJDCG41Okq/KwUsJBwQ4XVZsHAVUkK4mBv3ewiAS3PGuUWuY2BoK4ZUw==",
+            "license": "MIT",
+            "dependencies": {
+                "@radix-ui/react-compose-refs": "1.1.2",
+                "@radix-ui/react-primitive": "2.1.3",
+                "@radix-ui/react-use-callback-ref": "1.1.1"
+            },
+            "peerDependencies": {
+                "@types/react": "*",
+                "@types/react-dom": "*",
+                "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+                "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+            },
+            "peerDependenciesMeta": {
+                "@types/react": {
+                    "optional": true
+                },
+                "@types/react-dom": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/@radix-ui/react-id": {
+            "version": "1.1.1",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-id/-/react-id-1.1.1.tgz",
+            "integrity": "sha512-kGkGegYIdQsOb4XjsfM97rXsiHaBwco+hFI66oO4s9LU+PLAC5oJ7khdOVFxkhsmlbpUqDAvXw11CluXP+jkHg==",
+            "license": "MIT",
+            "dependencies": {
+                "@radix-ui/react-use-layout-effect": "1.1.1"
+            },
+            "peerDependencies": {
+                "@types/react": "*",
+                "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+            },
+            "peerDependenciesMeta": {
+                "@types/react": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/@radix-ui/react-popper": {
+            "version": "1.2.8",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-popper/-/react-popper-1.2.8.tgz",
+            "integrity": "sha512-0NJQ4LFFUuWkE7Oxf0htBKS6zLkkjBH+hM1uk7Ng705ReR8m/uelduy1DBo0PyBXPKVnBA6YBlU94MBGXrSBCw==",
+            "license": "MIT",
+            "dependencies": {
+                "@floating-ui/react-dom": "^2.0.0",
+                "@radix-ui/react-arrow": "1.1.7",
+                "@radix-ui/react-compose-refs": "1.1.2",
+                "@radix-ui/react-context": "1.1.2",
+                "@radix-ui/react-primitive": "2.1.3",
+                "@radix-ui/react-use-callback-ref": "1.1.1",
+                "@radix-ui/react-use-layout-effect": "1.1.1",
+                "@radix-ui/react-use-rect": "1.1.1",
+                "@radix-ui/react-use-size": "1.1.1",
+                "@radix-ui/rect": "1.1.1"
+            },
+            "peerDependencies": {
+                "@types/react": "*",
+                "@types/react-dom": "*",
+                "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+                "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+            },
+            "peerDependenciesMeta": {
+                "@types/react": {
+                    "optional": true
+                },
+                "@types/react-dom": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/@radix-ui/react-portal": {
+            "version": "1.1.9",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-portal/-/react-portal-1.1.9.tgz",
+            "integrity": "sha512-bpIxvq03if6UNwXZ+HTK71JLh4APvnXntDc6XOX8UVq4XQOVl7lwok0AvIl+b8zgCw3fSaVTZMpAPPagXbKmHQ==",
+            "license": "MIT",
+            "dependencies": {
+                "@radix-ui/react-primitive": "2.1.3",
+                "@radix-ui/react-use-layout-effect": "1.1.1"
+            },
+            "peerDependencies": {
+                "@types/react": "*",
+                "@types/react-dom": "*",
+                "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+                "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+            },
+            "peerDependenciesMeta": {
+                "@types/react": {
+                    "optional": true
+                },
+                "@types/react-dom": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/@radix-ui/react-presence": {
+            "version": "1.1.5",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-presence/-/react-presence-1.1.5.tgz",
+            "integrity": "sha512-/jfEwNDdQVBCNvjkGit4h6pMOzq8bHkopq458dPt2lMjx+eBQUohZNG9A7DtO/O5ukSbxuaNGXMjHicgwy6rQQ==",
+            "license": "MIT",
+            "dependencies": {
+                "@radix-ui/react-compose-refs": "1.1.2",
+                "@radix-ui/react-use-layout-effect": "1.1.1"
+            },
+            "peerDependencies": {
+                "@types/react": "*",
+                "@types/react-dom": "*",
+                "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+                "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+            },
+            "peerDependenciesMeta": {
+                "@types/react": {
+                    "optional": true
+                },
+                "@types/react-dom": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/@radix-ui/react-primitive": {
+            "version": "2.1.3",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.1.3.tgz",
+            "integrity": "sha512-m9gTwRkhy2lvCPe6QJp4d3G1TYEUHn/FzJUtq9MjH46an1wJU+GdoGC5VLof8RX8Ft/DlpshApkhswDLZzHIcQ==",
+            "license": "MIT",
+            "dependencies": {
+                "@radix-ui/react-slot": "1.2.3"
+            },
+            "peerDependencies": {
+                "@types/react": "*",
+                "@types/react-dom": "*",
+                "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+                "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+            },
+            "peerDependenciesMeta": {
+                "@types/react": {
+                    "optional": true
+                },
+                "@types/react-dom": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/@radix-ui/react-primitive/node_modules/@radix-ui/react-slot": {
+            "version": "1.2.3",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.2.3.tgz",
+            "integrity": "sha512-aeNmHnBxbi2St0au6VBVC7JXFlhLlOnvIIlePNniyUNAClzmtAUEY8/pBiK3iHjufOlwA+c20/8jngo7xcrg8A==",
+            "license": "MIT",
+            "dependencies": {
+                "@radix-ui/react-compose-refs": "1.1.2"
+            },
+            "peerDependencies": {
+                "@types/react": "*",
+                "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+            },
+            "peerDependenciesMeta": {
+                "@types/react": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/@radix-ui/react-select": {
+            "version": "2.2.6",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-select/-/react-select-2.2.6.tgz",
+            "integrity": "sha512-I30RydO+bnn2PQztvo25tswPH+wFBjehVGtmagkU78yMdwTwVf12wnAOF+AeP8S2N8xD+5UPbGhkUfPyvT+mwQ==",
+            "license": "MIT",
+            "dependencies": {
+                "@radix-ui/number": "1.1.1",
+                "@radix-ui/primitive": "1.1.3",
+                "@radix-ui/react-collection": "1.1.7",
+                "@radix-ui/react-compose-refs": "1.1.2",
+                "@radix-ui/react-context": "1.1.2",
+                "@radix-ui/react-direction": "1.1.1",
+                "@radix-ui/react-dismissable-layer": "1.1.11",
+                "@radix-ui/react-focus-guards": "1.1.3",
+                "@radix-ui/react-focus-scope": "1.1.7",
+                "@radix-ui/react-id": "1.1.1",
+                "@radix-ui/react-popper": "1.2.8",
+                "@radix-ui/react-portal": "1.1.9",
+                "@radix-ui/react-primitive": "2.1.3",
+                "@radix-ui/react-slot": "1.2.3",
+                "@radix-ui/react-use-callback-ref": "1.1.1",
+                "@radix-ui/react-use-controllable-state": "1.2.2",
+                "@radix-ui/react-use-layout-effect": "1.1.1",
+                "@radix-ui/react-use-previous": "1.1.1",
+                "@radix-ui/react-visually-hidden": "1.2.3",
+                "aria-hidden": "^1.2.4",
+                "react-remove-scroll": "^2.6.3"
+            },
+            "peerDependencies": {
+                "@types/react": "*",
+                "@types/react-dom": "*",
+                "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+                "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+            },
+            "peerDependenciesMeta": {
+                "@types/react": {
+                    "optional": true
+                },
+                "@types/react-dom": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/@radix-ui/react-select/node_modules/@radix-ui/react-slot": {
+            "version": "1.2.3",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.2.3.tgz",
+            "integrity": "sha512-aeNmHnBxbi2St0au6VBVC7JXFlhLlOnvIIlePNniyUNAClzmtAUEY8/pBiK3iHjufOlwA+c20/8jngo7xcrg8A==",
+            "license": "MIT",
+            "dependencies": {
+                "@radix-ui/react-compose-refs": "1.1.2"
+            },
+            "peerDependencies": {
+                "@types/react": "*",
+                "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+            },
+            "peerDependenciesMeta": {
+                "@types/react": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/@radix-ui/react-separator": {
+            "version": "1.1.8",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-separator/-/react-separator-1.1.8.tgz",
+            "integrity": "sha512-sDvqVY4itsKwwSMEe0jtKgfTh+72Sy3gPmQpjqcQneqQ4PFmr/1I0YA+2/puilhggCe2gJcx5EBAYFkWkdpa5g==",
+            "license": "MIT",
+            "dependencies": {
+                "@radix-ui/react-primitive": "2.1.4"
+            },
+            "peerDependencies": {
+                "@types/react": "*",
+                "@types/react-dom": "*",
+                "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+                "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+            },
+            "peerDependenciesMeta": {
+                "@types/react": {
+                    "optional": true
+                },
+                "@types/react-dom": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/@radix-ui/react-separator/node_modules/@radix-ui/react-primitive": {
+            "version": "2.1.4",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.1.4.tgz",
+            "integrity": "sha512-9hQc4+GNVtJAIEPEqlYqW5RiYdrr8ea5XQ0ZOnD6fgru+83kqT15mq2OCcbe8KnjRZl5vF3ks69AKz3kh1jrhg==",
+            "license": "MIT",
+            "dependencies": {
+                "@radix-ui/react-slot": "1.2.4"
+            },
+            "peerDependencies": {
+                "@types/react": "*",
+                "@types/react-dom": "*",
+                "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+                "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+            },
+            "peerDependenciesMeta": {
+                "@types/react": {
+                    "optional": true
+                },
+                "@types/react-dom": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/@radix-ui/react-slot": {
+            "version": "1.2.4",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.2.4.tgz",
+            "integrity": "sha512-Jl+bCv8HxKnlTLVrcDE8zTMJ09R9/ukw4qBs/oZClOfoQk/cOTbDn+NceXfV7j09YPVQUryJPHurafcSg6EVKA==",
+            "license": "MIT",
+            "dependencies": {
+                "@radix-ui/react-compose-refs": "1.1.2"
+            },
+            "peerDependencies": {
+                "@types/react": "*",
+                "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+            },
+            "peerDependenciesMeta": {
+                "@types/react": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/@radix-ui/react-switch": {
+            "version": "1.2.6",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-switch/-/react-switch-1.2.6.tgz",
+            "integrity": "sha512-bByzr1+ep1zk4VubeEVViV592vu2lHE2BZY5OnzehZqOOgogN80+mNtCqPkhn2gklJqOpxWgPoYTSnhBCqpOXQ==",
+            "license": "MIT",
+            "dependencies": {
+                "@radix-ui/primitive": "1.1.3",
+                "@radix-ui/react-compose-refs": "1.1.2",
+                "@radix-ui/react-context": "1.1.2",
+                "@radix-ui/react-primitive": "2.1.3",
+                "@radix-ui/react-use-controllable-state": "1.2.2",
+                "@radix-ui/react-use-previous": "1.1.1",
+                "@radix-ui/react-use-size": "1.1.1"
+            },
+            "peerDependencies": {
+                "@types/react": "*",
+                "@types/react-dom": "*",
+                "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+                "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+            },
+            "peerDependenciesMeta": {
+                "@types/react": {
+                    "optional": true
+                },
+                "@types/react-dom": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/@radix-ui/react-use-callback-ref": {
+            "version": "1.1.1",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-use-callback-ref/-/react-use-callback-ref-1.1.1.tgz",
+            "integrity": "sha512-FkBMwD+qbGQeMu1cOHnuGB6x4yzPjho8ap5WtbEJ26umhgqVXbhekKUQO+hZEL1vU92a3wHwdp0HAcqAUF5iDg==",
+            "license": "MIT",
+            "peerDependencies": {
+                "@types/react": "*",
+                "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+            },
+            "peerDependenciesMeta": {
+                "@types/react": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/@radix-ui/react-use-controllable-state": {
+            "version": "1.2.2",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-use-controllable-state/-/react-use-controllable-state-1.2.2.tgz",
+            "integrity": "sha512-BjasUjixPFdS+NKkypcyyN5Pmg83Olst0+c6vGov0diwTEo6mgdqVR6hxcEgFuh4QrAs7Rc+9KuGJ9TVCj0Zzg==",
+            "license": "MIT",
+            "dependencies": {
+                "@radix-ui/react-use-effect-event": "0.0.2",
+                "@radix-ui/react-use-layout-effect": "1.1.1"
+            },
+            "peerDependencies": {
+                "@types/react": "*",
+                "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+            },
+            "peerDependenciesMeta": {
+                "@types/react": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/@radix-ui/react-use-effect-event": {
+            "version": "0.0.2",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-use-effect-event/-/react-use-effect-event-0.0.2.tgz",
+            "integrity": "sha512-Qp8WbZOBe+blgpuUT+lw2xheLP8q0oatc9UpmiemEICxGvFLYmHm9QowVZGHtJlGbS6A6yJ3iViad/2cVjnOiA==",
+            "license": "MIT",
+            "dependencies": {
+                "@radix-ui/react-use-layout-effect": "1.1.1"
+            },
+            "peerDependencies": {
+                "@types/react": "*",
+                "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+            },
+            "peerDependenciesMeta": {
+                "@types/react": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/@radix-ui/react-use-escape-keydown": {
+            "version": "1.1.1",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-use-escape-keydown/-/react-use-escape-keydown-1.1.1.tgz",
+            "integrity": "sha512-Il0+boE7w/XebUHyBjroE+DbByORGR9KKmITzbR7MyQ4akpORYP/ZmbhAr0DG7RmmBqoOnZdy2QlvajJ2QA59g==",
+            "license": "MIT",
+            "dependencies": {
+                "@radix-ui/react-use-callback-ref": "1.1.1"
+            },
+            "peerDependencies": {
+                "@types/react": "*",
+                "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+            },
+            "peerDependenciesMeta": {
+                "@types/react": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/@radix-ui/react-use-layout-effect": {
+            "version": "1.1.1",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-use-layout-effect/-/react-use-layout-effect-1.1.1.tgz",
+            "integrity": "sha512-RbJRS4UWQFkzHTTwVymMTUv8EqYhOp8dOOviLj2ugtTiXRaRQS7GLGxZTLL1jWhMeoSCf5zmcZkqTl9IiYfXcQ==",
+            "license": "MIT",
+            "peerDependencies": {
+                "@types/react": "*",
+                "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+            },
+            "peerDependenciesMeta": {
+                "@types/react": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/@radix-ui/react-use-previous": {
+            "version": "1.1.1",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-use-previous/-/react-use-previous-1.1.1.tgz",
+            "integrity": "sha512-2dHfToCj/pzca2Ck724OZ5L0EVrr3eHRNsG/b3xQJLA2hZpVCS99bLAX+hm1IHXDEnzU6by5z/5MIY794/a8NQ==",
+            "license": "MIT",
+            "peerDependencies": {
+                "@types/react": "*",
+                "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+            },
+            "peerDependenciesMeta": {
+                "@types/react": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/@radix-ui/react-use-rect": {
+            "version": "1.1.1",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-use-rect/-/react-use-rect-1.1.1.tgz",
+            "integrity": "sha512-QTYuDesS0VtuHNNvMh+CjlKJ4LJickCMUAqjlE3+j8w+RlRpwyX3apEQKGFzbZGdo7XNG1tXa+bQqIE7HIXT2w==",
+            "license": "MIT",
+            "dependencies": {
+                "@radix-ui/rect": "1.1.1"
+            },
+            "peerDependencies": {
+                "@types/react": "*",
+                "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+            },
+            "peerDependenciesMeta": {
+                "@types/react": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/@radix-ui/react-use-size": {
+            "version": "1.1.1",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-use-size/-/react-use-size-1.1.1.tgz",
+            "integrity": "sha512-ewrXRDTAqAXlkl6t/fkXWNAhFX9I+CkKlw6zjEwk86RSPKwZr3xpBRso655aqYafwtnbpHLj6toFzmd6xdVptQ==",
+            "license": "MIT",
+            "dependencies": {
+                "@radix-ui/react-use-layout-effect": "1.1.1"
+            },
+            "peerDependencies": {
+                "@types/react": "*",
+                "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+            },
+            "peerDependenciesMeta": {
+                "@types/react": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/@radix-ui/react-visually-hidden": {
+            "version": "1.2.3",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-visually-hidden/-/react-visually-hidden-1.2.3.tgz",
+            "integrity": "sha512-pzJq12tEaaIhqjbzpCuv/OypJY/BPavOofm+dbab+MHLajy277+1lLm6JFcGgF5eskJ6mquGirhXY2GD/8u8Ug==",
+            "license": "MIT",
+            "dependencies": {
+                "@radix-ui/react-primitive": "2.1.3"
+            },
+            "peerDependencies": {
+                "@types/react": "*",
+                "@types/react-dom": "*",
+                "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+                "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+            },
+            "peerDependenciesMeta": {
+                "@types/react": {
+                    "optional": true
+                },
+                "@types/react-dom": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/@radix-ui/rect": {
+            "version": "1.1.1",
+            "resolved": "https://registry.npmjs.org/@radix-ui/rect/-/rect-1.1.1.tgz",
+            "integrity": "sha512-HPwpGIzkl28mWyZqG52jiqDJ12waP11Pa1lGoiyUkIEuMLBP0oeK/C89esbXrxsky5we7dfd8U58nm0SgAWpVw==",
+            "license": "MIT"
+        },
+        "node_modules/@rolldown/binding-android-arm-eabi": {
+            "version": "1.2.14",
+            "resolved": "https://registry.npmjs.org/@rolldown/binding-android-arm-eabi/-/binding-android-arm-eabi-1.2.14.tgz",
+            "integrity": "sha512-aWR+XKH9+rW7m5fWq/5360J3mHycrx/o6xZM2DQFdJnTMdyP7/WzxPjhtLbVWdKo2y612/4U1bWqb3HQhiF7vg==",
+            "cpu": [
+                "arm"
+            ],
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "android"
+            ],
+            "engines": {
+                "node": "^20.19.0 || >=22.12.0"
+            }
+        },
+        "node_modules/@rolldown/binding-android-arm64": {
+            "version": "1.2.14",
+            "resolved": "https://registry.npmjs.org/@rolldown/binding-android-arm64/-/binding-android-arm64-1.2.14.tgz",
+            "integrity": "sha512-QiVxHofl6A8lQU7WAtOUY4QMVZXohxwz7WJJoeh8NBEUyKfIkMRKhYyq8az/1RypNiIXzNTtiS6KwHz0erxYRQ==",
+            "cpu": [
+                "arm64"
+            ],
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "android"
+            ],
+            "engines": {
+                "node": "^20.19.0 || >=22.12.0"
+            }
+        },
+        "node_modules/@rolldown/binding-darwin-arm64": {
+            "version": "1.2.14",
+            "resolved": "https://registry.npmjs.org/@rolldown/binding-darwin-arm64/-/binding-darwin-arm64-1.2.14.tgz",
+            "integrity": "sha512-lTQOzHuBIooh3jIr5XINQkjPGEuGy+Dsy0meXDr6Sjty0b99kYgGh4uBC/8mJX1T0kC8d6S0aPP1Y+bHkh6aBw==",
+            "cpu": [
+                "arm64"
+            ],
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "darwin"
+            ],
+            "engines": {
+                "node": "^20.19.0 || >=22.12.0"
+            }
+        },
+        "node_modules/@rolldown/binding-darwin-x64": {
+            "version": "1.2.14",
+            "resolved": "https://registry.npmjs.org/@rolldown/binding-darwin-x64/-/binding-darwin-x64-1.2.14.tgz",
+            "integrity": "sha512-hyMKEGatjmBYCs/Q4sbIcL/GqpFEqsX3wc+HYVQ/85A4rxc1o7rPm4DUI4GV4k/h0ITddwFSGpqQunI14GXjTA==",
+            "cpu": [
+                "x64"
+            ],
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "darwin"
+            ],
+            "engines": {
+                "node": "^20.19.0 || >=22.12.0"
+            }
+        },
+        "node_modules/@rolldown/binding-freebsd-x64": {
+            "version": "1.2.14",
+            "resolved": "https://registry.npmjs.org/@rolldown/binding-freebsd-x64/-/binding-freebsd-x64-1.2.14.tgz",
+            "integrity": "sha512-u371GbXoVXrEgP20PwzoGNOdAOqAMhzo19JzzY+V4YmmnC+DTOoqdbMu+O+54emM59Mik/UdrtWgcuEDKWRPKA==",
+            "cpu": [
+                "x64"
+            ],
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "freebsd"
+            ],
+            "engines": {
+                "node": "^20.19.0 || >=22.12.0"
+            }
+        },
+        "node_modules/@rolldown/binding-linux-arm-gnueabihf": {
+            "version": "1.2.14",
+            "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-arm-gnueabihf/-/binding-linux-arm-gnueabihf-1.2.14.tgz",
+            "integrity": "sha512-BqwKsdZQf6EqVWr8fv2MrDYzAvOZ7+NYFSJESRGs87fkseEhs0TU9TXgRJTkZoRRkxTizyEg1LKUXfU3/78uqg==",
+            "cpu": [
+                "arm"
+            ],
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": "^20.19.0 || >=22.12.0"
+            }
+        },
+        "node_modules/@rolldown/binding-linux-arm64-gnu": {
+            "version": "1.2.14",
+            "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-arm64-gnu/-/binding-linux-arm64-gnu-1.2.14.tgz",
+            "integrity": "sha512-SD9kY8M009x/7s57Z1dgUVlP5+uYBgKQK0Tkr1WIWngrtUJmRCW1RJFMY7QDla2khXhmg2i5Io7MUjcmZNZ/KQ==",
+            "cpu": [
+                "arm64"
+            ],
+            "libc": [
+                "glibc"
+            ],
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": "^20.19.0 || >=22.12.0"
+            }
+        },
+        "node_modules/@rolldown/binding-linux-arm64-musl": {
+            "version": "1.2.14",
+            "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-arm64-musl/-/binding-linux-arm64-musl-1.2.14.tgz",
+            "integrity": "sha512-BJ2CL19M6uuWesMgnqJzgxoI+N+eV7b0A9O9vLV42y+gitC41fNa8KElau1tHVzuLWX5GzEuxMPhAO0tQXQMkg==",
+            "cpu": [
+                "arm64"
+            ],
+            "libc": [
+                "musl"
+            ],
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": "^20.19.0 || >=22.12.0"
+            }
+        },
+        "node_modules/@rolldown/binding-linux-ppc64-gnu": {
+            "version": "1.2.14",
+            "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-ppc64-gnu/-/binding-linux-ppc64-gnu-1.2.14.tgz",
+            "integrity": "sha512-4+Kl8daPV8NDHaD7mfCcc1pRM+Qg7ab8DyMm5FG5WoZgv4h2i3KFN1CybYBNbQqmuYm7ftJLvmMI1eHYJ22S/Q==",
+            "cpu": [
+                "ppc64"
+            ],
+            "libc": [
+                "glibc"
+            ],
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": "^20.19.0 || >=22.12.0"
+            }
+        },
+        "node_modules/@rolldown/binding-linux-s390x-gnu": {
+            "version": "1.2.14",
+            "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-s390x-gnu/-/binding-linux-s390x-gnu-1.2.14.tgz",
+            "integrity": "sha512-V/h8ePq1fKDrmtFMz6xcCN3DKvuvMRrwwD1q0PkBeeo4DpK64biaKvqWGVxqCeYKqeRk7gE7/iKPxLCn08O97A==",
+            "cpu": [
+                "s390x"
+            ],
+            "libc": [
+                "glibc"
+            ],
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": "^20.19.0 || >=22.12.0"
+            }
+        },
+        "node_modules/@rolldown/binding-linux-x64-gnu": {
+            "version": "1.2.14",
+            "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-x64-gnu/-/binding-linux-x64-gnu-1.2.14.tgz",
+            "integrity": "sha512-WxalXzgrLVpKC93xfpaJ3gCXUWzeCr+FRCbDVD2mUAy4L6Vo3lNVz0epUEUpxPWJkLNYUwM4OSIikv36OJ9mLg==",
+            "cpu": [
+                "x64"
+            ],
+            "libc": [
+                "glibc"
+            ],
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": "^20.19.0 || >=22.12.0"
+            }
+        },
+        "node_modules/@rolldown/binding-linux-x64-musl": {
+            "version": "1.2.14",
+            "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-x64-musl/-/binding-linux-x64-musl-1.2.14.tgz",
+            "integrity": "sha512-3G3tnAmTpdk9jO3GQtyHXqeFD2SlecfTws/Y3M2mmj9nMBwwuLT4kur8sZKeu7ENUHSpVO3cIsm5A52LEWWwlg==",
+            "cpu": [
+                "x64"
+            ],
+            "libc": [
+                "musl"
+            ],
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": "^20.19.0 || >=22.12.0"
+            }
+        },
+        "node_modules/@rolldown/binding-openharmony-arm64": {
+            "version": "1.2.14",
+            "resolved": "https://registry.npmjs.org/@rolldown/binding-openharmony-arm64/-/binding-openharmony-arm64-1.2.14.tgz",
+            "integrity": "sha512-qyr5XiNGxm2ytx17vvtcJ9nXn6v1gENETi503bJx3OGwZ1tSonj7BosxbMa/xeAfSl5iS9X6KjEWYXLu6v1L7Q==",
+            "cpu": [
+                "arm64"
+            ],
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "openharmony"
+            ],
+            "engines": {
+                "node": "^20.19.0 || >=22.12.0"
+            }
+        },
+        "node_modules/@rolldown/binding-win32-arm64-msvc": {
+            "version": "1.2.14",
+            "resolved": "https://registry.npmjs.org/@rolldown/binding-win32-arm64-msvc/-/binding-win32-arm64-msvc-1.2.14.tgz",
+            "integrity": "sha512-oA4o5o0S2yB199YyYXDzKUv1Z56Rc+mgOjwm7Z/vJ9Z8igiDPYvoOuDyo6g7AK/ZaF09nPhDKVnGBcYHO11GXA==",
+            "cpu": [
+                "arm64"
+            ],
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "win32"
+            ],
+            "engines": {
+                "node": "^20.19.0 || >=22.12.0"
+            }
+        },
+        "node_modules/@rolldown/binding-win32-x64-msvc": {
+            "version": "1.2.14",
+            "resolved": "https://registry.npmjs.org/@rolldown/binding-win32-x64-msvc/-/binding-win32-x64-msvc-1.2.14.tgz",
+            "integrity": "sha512-9mE94bf2GZUaR/fUSXCMpBoWkctu421Mi0ORpm4zqfbkjKep7RxzPFa5etcGs5h+2KApoWBOA/hAJa/7saGgEQ==",
+            "cpu": [
+                "x64"
+            ],
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "win32"
+            ],
+            "engines": {
+                "node": "^20.19.0 || >=22.12.0"
+            }
+        },
+        "node_modules/@rolldown/pluginutils": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/@rolldown/pluginutils/-/pluginutils-1.0.1.tgz",
+            "integrity": "sha512-2j9bGt5Jh8hj+vPtgzPtl72j0yRxHAyumoo6TNfAjsLB04UtpSvPbPcDcBMxz7n+9CYB0c1GxQFxYRg2jimqGw==",
+            "devOptional": true,
+            "license": "MIT"
+        },
+        "node_modules/@standard-schema/spec": {
+            "version": "1.1.0",
+            "resolved": "https://registry.npmjs.org/@standard-schema/spec/-/spec-1.1.0.tgz",
+            "integrity": "sha512-l2aFy5jALhniG5HgqrD6jXLi/rUWrKvqN/qJx6yoJsgKhblVd+iqqU4RCXavm/jPityDo5TCvKMnpjKnOriy0w==",
+            "license": "MIT"
+        },
+        "node_modules/@tailwindcss/node": {
+            "version": "4.3.3",
+            "resolved": "https://registry.npmjs.org/@tailwindcss/node/-/node-4.3.3.tgz",
+            "integrity": "sha512-/T8IKEsf9VTU6tLjgC7+sv2mOPtQxzE2jMw7u4Tt40Tx+QSZxpzh95/H6cMKoja9XuW7iMdLJYBB0o9G1CaAgg==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "@jridgewell/remapping": "^2.3.5",
+                "enhanced-resolve": "^5.24.1",
+                "jiti": "^2.7.0",
+                "lightningcss": "1.32.0",
+                "magic-string": "^0.30.21",
+                "source-map-js": "^1.2.1",
+                "tailwindcss": "4.3.3"
+            }
+        },
+        "node_modules/@tailwindcss/oxide": {
+            "version": "4.3.3",
+            "resolved": "https://registry.npmjs.org/@tailwindcss/oxide/-/oxide-4.3.3.tgz",
+            "integrity": "sha512-krXjAikiaFSPaK/FkAQT5UTx3VormQaiZ5hBFlJZ9UFQGB/rwg1MZIhHAG9smMQRTdyJxP6Qt5MwMtdyU5FWrA==",
+            "dev": true,
+            "license": "MIT",
+            "engines": {
+                "node": ">= 20"
+            },
+            "optionalDependencies": {
+                "@tailwindcss/oxide-android-arm64": "4.3.3",
+                "@tailwindcss/oxide-darwin-arm64": "4.3.3",
+                "@tailwindcss/oxide-darwin-x64": "4.3.3",
+                "@tailwindcss/oxide-freebsd-x64": "4.3.3",
+                "@tailwindcss/oxide-linux-arm-gnueabihf": "4.3.3",
+                "@tailwindcss/oxide-linux-arm64-gnu": "4.3.3",
+                "@tailwindcss/oxide-linux-arm64-musl": "4.3.3",
+                "@tailwindcss/oxide-linux-x64-gnu": "4.3.3",
+                "@tailwindcss/oxide-linux-x64-musl": "4.3.3",
+                "@tailwindcss/oxide-wasm32-wasi": "4.3.3",
+                "@tailwindcss/oxide-win32-arm64-msvc": "4.3.3",
+                "@tailwindcss/oxide-win32-x64-msvc": "4.3.3"
+            }
+        },
+        "node_modules/@tailwindcss/oxide-android-arm64": {
+            "version": "4.3.3",
+            "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-android-arm64/-/oxide-android-arm64-4.3.3.tgz",
+            "integrity": "sha512-Y85A2gmPSkl5Ve5qR86GL4HT509cFqQh1aes9p3sSkyTPwt0Pppf3GkwGe4JPACcRYjgJIEhQgM6dBClnr0NYw==",
+            "cpu": [
+                "arm64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "android"
+            ],
+            "engines": {
+                "node": ">= 20"
+            }
+        },
+        "node_modules/@tailwindcss/oxide-darwin-arm64": {
+            "version": "4.3.3",
+            "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-darwin-arm64/-/oxide-darwin-arm64-4.3.3.tgz",
+            "integrity": "sha512-BiaWatpBcERQFDlOjRDpIVXuFK5PJez5SA4JMg6VYZdBYU+qKfV/vqjcIs+IYmtitf1xYQZTwXvU/8y4lfZUGw==",
+            "cpu": [
+                "arm64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "darwin"
+            ],
+            "engines": {
+                "node": ">= 20"
+            }
+        },
+        "node_modules/@tailwindcss/oxide-darwin-x64": {
+            "version": "4.3.3",
+            "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-darwin-x64/-/oxide-darwin-x64-4.3.3.tgz",
+            "integrity": "sha512-fAeUqfV5ndhxRwai8cXGzdLvul9utWOmeTkv69unv4ZXixjn61Z+p9lCWdwOwA3TYboG3BwdVuN/RDjhBRl0mw==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "darwin"
+            ],
+            "engines": {
+                "node": ">= 20"
+            }
+        },
+        "node_modules/@tailwindcss/oxide-freebsd-x64": {
+            "version": "4.3.3",
+            "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-freebsd-x64/-/oxide-freebsd-x64-4.3.3.tgz",
+            "integrity": "sha512-iyf5bV6+wnAlflVeEy7R25dupxTNECZN5QMI0qNT6eT+EgaGdZcKhGkr5SdoaWiLJ3spLqIY9VCeSGrwmtg4kw==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "freebsd"
+            ],
+            "engines": {
+                "node": ">= 20"
+            }
+        },
+        "node_modules/@tailwindcss/oxide-linux-arm-gnueabihf": {
+            "version": "4.3.3",
+            "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm-gnueabihf/-/oxide-linux-arm-gnueabihf-4.3.3.tgz",
+            "integrity": "sha512-aAYUprJAJQWWbRrPvtjdroZ56Md+JM8pMiopS6xGEwDfLhqj+2ver2p4nU4Mb3CRqcMmNBjo8KkUgcxhkzVQGQ==",
+            "cpu": [
+                "arm"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">= 20"
+            }
+        },
+        "node_modules/@tailwindcss/oxide-linux-arm64-gnu": {
+            "version": "4.3.3",
+            "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm64-gnu/-/oxide-linux-arm64-gnu-4.3.3.tgz",
+            "integrity": "sha512-nDxldcEENOxZRzC2uu9jrutZdAAQtb+8WWDCSnWL1zvBk1+FN+x6MtDViPB5AJMfttVCUhehGWus3XBPgatM/w==",
+            "cpu": [
+                "arm64"
+            ],
+            "dev": true,
+            "libc": [
+                "glibc"
+            ],
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">= 20"
+            }
+        },
+        "node_modules/@tailwindcss/oxide-linux-arm64-musl": {
+            "version": "4.3.3",
+            "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm64-musl/-/oxide-linux-arm64-musl-4.3.3.tgz",
+            "integrity": "sha512-Md44bD6veX/PC5iyF8cDVnw4HBIANZepRZZ7a8DQOvkfo5WUBwcp6iAuCUz23u+4SUkhJlD3eL7hNdW8ezd/kA==",
+            "cpu": [
+                "arm64"
+            ],
+            "dev": true,
+            "libc": [
+                "musl"
+            ],
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">= 20"
+            }
+        },
+        "node_modules/@tailwindcss/oxide-linux-x64-gnu": {
+            "version": "4.3.3",
+            "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-x64-gnu/-/oxide-linux-x64-gnu-4.3.3.tgz",
+            "integrity": "sha512-tx7us1muwOKAKWao2v/GaafFeQboE6aj88vC6ziN2NCGcRm8gWUhwjzg+YdVB1e4boAtdtma4L43onunI6NS4w==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "libc": [
+                "glibc"
+            ],
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">= 20"
+            }
+        },
+        "node_modules/@tailwindcss/oxide-linux-x64-musl": {
+            "version": "4.3.3",
+            "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-x64-musl/-/oxide-linux-x64-musl-4.3.3.tgz",
+            "integrity": "sha512-SJxX60smvHgasZoBy11dX6YRjXJFovwWBoedhbQPOBzgFWBHGB+TVPWB9BxzR7TTxU8FQZAI2AyiNCMzFm8Img==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "libc": [
+                "musl"
+            ],
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">= 20"
+            }
+        },
+        "node_modules/@tailwindcss/oxide-wasm32-wasi": {
+            "version": "4.3.3",
+            "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-wasm32-wasi/-/oxide-wasm32-wasi-4.3.3.tgz",
+            "integrity": "sha512-jx1+rPhY/5Ympkktd656HBWEBLxP7dH06losBLjjf5vgCODXvi9KhtftWcMIwTFIDqBr7cRnQkdLnAG+IOlGvQ==",
+            "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.11.1",
+                "@emnapi/runtime": "^1.11.1",
+                "@emnapi/wasi-threads": "^1.2.2",
+                "@napi-rs/wasm-runtime": "^1.1.4",
+                "@tybys/wasm-util": "^0.10.2",
+                "tslib": "^2.8.1"
+            },
+            "engines": {
+                "node": ">=14.0.0"
+            }
+        },
+        "node_modules/@tailwindcss/oxide-wasm32-wasi/node_modules/@emnapi/core": {
+            "version": "1.11.1",
+            "dev": true,
+            "inBundle": true,
+            "license": "MIT",
+            "optional": true,
+            "dependencies": {
+                "@emnapi/wasi-threads": "1.2.2",
+                "tslib": "^2.4.0"
+            }
+        },
+        "node_modules/@tailwindcss/oxide-wasm32-wasi/node_modules/@emnapi/runtime": {
+            "version": "1.11.1",
+            "dev": true,
+            "inBundle": true,
+            "license": "MIT",
+            "optional": true,
+            "dependencies": {
+                "tslib": "^2.4.0"
+            }
+        },
+        "node_modules/@tailwindcss/oxide-wasm32-wasi/node_modules/@emnapi/wasi-threads": {
+            "version": "1.2.2",
+            "dev": true,
+            "inBundle": true,
+            "license": "MIT",
+            "optional": true,
+            "dependencies": {
+                "tslib": "^2.4.0"
+            }
+        },
+        "node_modules/@tailwindcss/oxide-wasm32-wasi/node_modules/@napi-rs/wasm-runtime": {
+            "version": "1.1.4",
+            "dev": true,
+            "inBundle": true,
+            "license": "MIT",
+            "optional": true,
+            "dependencies": {
+                "@tybys/wasm-util": "^0.10.1"
+            },
+            "funding": {
+                "type": "github",
+                "url": "https://github.com/sponsors/Brooooooklyn"
+            },
+            "peerDependencies": {
+                "@emnapi/core": "^1.7.1",
+                "@emnapi/runtime": "^1.7.1"
+            }
+        },
+        "node_modules/@tailwindcss/oxide-wasm32-wasi/node_modules/@tybys/wasm-util": {
+            "version": "0.10.2",
+            "dev": true,
+            "inBundle": true,
+            "license": "MIT",
+            "optional": true,
+            "dependencies": {
+                "tslib": "^2.4.0"
+            }
+        },
+        "node_modules/@tailwindcss/oxide-wasm32-wasi/node_modules/tslib": {
+            "version": "2.8.1",
+            "dev": true,
+            "inBundle": true,
+            "license": "0BSD",
+            "optional": true
+        },
+        "node_modules/@tailwindcss/oxide-win32-arm64-msvc": {
+            "version": "4.3.3",
+            "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-win32-arm64-msvc/-/oxide-win32-arm64-msvc-4.3.3.tgz",
+            "integrity": "sha512-3rc292Ca2ceK6Ulcc/bAVnTs/3nDtoPhyEKlgPv+yQJQi/JS/AMJlqzxvlDacL1nekbrcf6bTqp/jV4qgnPxNQ==",
+            "cpu": [
+                "arm64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "win32"
+            ],
+            "engines": {
+                "node": ">= 20"
+            }
+        },
+        "node_modules/@tailwindcss/oxide-win32-x64-msvc": {
+            "version": "4.3.3",
+            "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-win32-x64-msvc/-/oxide-win32-x64-msvc-4.3.3.tgz",
+            "integrity": "sha512-yJ0pwIVc/nYeGoV02WtsN8KYyLQv7kyI2wDnkezyJlGGjkd4QLwDGAwl47YpPJeuI0M0ObaXGSPjvWDPeTPggw==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "win32"
+            ],
+            "engines": {
+                "node": ">= 20"
+            }
+        },
+        "node_modules/@tailwindcss/vite": {
+            "version": "4.3.3",
+            "resolved": "https://registry.npmjs.org/@tailwindcss/vite/-/vite-4.3.3.tgz",
+            "integrity": "sha512-yYU8cogLeSh/ms2jh8Fj7jaba/EWa7Ja6GoUqYZaraEuCI5YS6ms6ObZgjjedm+jm6XZjdNRWBpPP6Z86oOxcw==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "@tailwindcss/node": "4.3.3",
+                "@tailwindcss/oxide": "4.3.3",
+                "tailwindcss": "4.3.3"
+            },
+            "peerDependencies": {
+                "vite": "^5.2.0 || ^6 || ^7 || ^8"
+            }
+        },
+        "node_modules/@tanstack/history": {
+            "version": "1.162.5",
+            "resolved": "https://registry.npmjs.org/@tanstack/history/-/history-1.162.5.tgz",
+            "integrity": "sha512-w1+YvwmTkwt5n8yUqEH3IWZ9DsmorCZW/EQ3KYHnqEgIkOZpH54NvW6/Epq3Dzb8H0ifIeYX8PExvrNLIH5FIA==",
+            "license": "MIT",
+            "engines": {
+                "node": ">=20.19"
+            },
+            "funding": {
+                "type": "github",
+                "url": "https://github.com/sponsors/tannerlinsley"
+            }
+        },
+        "node_modules/@tanstack/react-router": {
+            "version": "1.170.45",
+            "resolved": "https://registry.npmjs.org/@tanstack/react-router/-/react-router-1.170.45.tgz",
+            "integrity": "sha512-6tuiIAFb82zsk/YxveJRyGjbsm6kIfgUuoH7qCp2R2aSHveW6W0t/6j+Sn4m1iIlA2lLU4cvooqks08/YMOThw==",
+            "license": "MIT",
+            "dependencies": {
+                "@tanstack/history": "1.162.5",
+                "@tanstack/react-store": "^0.11.2",
+                "@tanstack/router-core": "1.171.38",
+                "isbot": "^5.1.22"
+            },
+            "engines": {
+                "node": ">=20.19"
+            },
+            "funding": {
+                "type": "github",
+                "url": "https://github.com/sponsors/tannerlinsley"
+            },
+            "peerDependencies": {
+                "react": ">=18.0.0 || >=19.0.0",
+                "react-dom": ">=18.0.0 || >=19.0.0"
+            }
+        },
+        "node_modules/@tanstack/react-start": {
+            "version": "1.169.3",
+            "resolved": "https://registry.npmjs.org/@tanstack/react-start/-/react-start-1.169.3.tgz",
+            "integrity": "sha512-tujqzu41T6c74zMj9c8rUpNOA5MExSHyLxCoE/m7QpfDLzTrloD5TUhk/9Z97c8AM91oFGdsQYN4JC5iUxl6Ow==",
+            "license": "MIT",
+            "dependencies": {
+                "@tanstack/react-router": "1.170.45",
+                "@tanstack/react-start-client": "1.168.43",
+                "@tanstack/react-start-rsc": "0.1.64",
+                "@tanstack/react-start-server": "1.167.51",
+                "@tanstack/router-utils": "1.162.4",
+                "@tanstack/start-client-core": "1.170.38",
+                "@tanstack/start-plugin-core": "1.171.54",
+                "@tanstack/start-server-core": "1.169.44",
+                "pathe": "^2.0.3"
+            },
+            "engines": {
+                "node": ">=22.12.0"
+            },
+            "funding": {
+                "type": "github",
+                "url": "https://github.com/sponsors/tannerlinsley"
+            },
+            "peerDependencies": {
+                "@rsbuild/core": "^2.0.0",
+                "react": ">=18.0.0 || >=19.0.0",
+                "react-dom": ">=18.0.0 || >=19.0.0",
+                "vite": ">=8.0.0"
+            },
+            "peerDependenciesMeta": {
+                "@rsbuild/core": {
+                    "optional": true
+                },
+                "@vitejs/plugin-rsc": {
+                    "optional": true
+                },
+                "vite": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/@tanstack/react-start-client": {
+            "version": "1.168.43",
+            "resolved": "https://registry.npmjs.org/@tanstack/react-start-client/-/react-start-client-1.168.43.tgz",
+            "integrity": "sha512-XolxHGl5d0uLxVZ4A03iG+dL/xyAFwqbZYXque9iKftN/o/bbQ4ejjgc6yo3+FXb7LBcdjlWLyzy92r1vHFBog==",
+            "license": "MIT",
+            "dependencies": {
+                "@tanstack/react-router": "1.170.45",
+                "@tanstack/router-core": "1.171.38",
+                "@tanstack/start-client-core": "1.170.38"
+            },
+            "engines": {
+                "node": ">=22.12.0"
+            },
+            "funding": {
+                "type": "github",
+                "url": "https://github.com/sponsors/tannerlinsley"
+            },
+            "peerDependencies": {
+                "react": ">=18.0.0 || >=19.0.0",
+                "react-dom": ">=18.0.0 || >=19.0.0"
+            }
+        },
+        "node_modules/@tanstack/react-start-server": {
+            "version": "1.167.51",
+            "resolved": "https://registry.npmjs.org/@tanstack/react-start-server/-/react-start-server-1.167.51.tgz",
+            "integrity": "sha512-vITebNqXC3ievzYQr3b4z2jZWpEo95oYPfXP1kBi5OudSbcp2pN2A2/pzDsoJ/ei3oZ2rjEEbnOVrbDSHiO+HA==",
+            "license": "MIT",
+            "dependencies": {
+                "@tanstack/react-router": "1.170.45",
+                "@tanstack/router-core": "1.171.38",
+                "@tanstack/start-server-core": "1.169.44"
+            },
+            "engines": {
+                "node": ">=22.12.0"
+            },
+            "funding": {
+                "type": "github",
+                "url": "https://github.com/sponsors/tannerlinsley"
+            },
+            "peerDependencies": {
+                "react": ">=18.0.0 || >=19.0.0",
+                "react-dom": ">=18.0.0 || >=19.0.0"
+            }
+        },
+        "node_modules/@tanstack/react-start/node_modules/@tanstack/react-start-rsc": {
+            "version": "0.1.64",
+            "resolved": "https://registry.npmjs.org/@tanstack/react-start-rsc/-/react-start-rsc-0.1.64.tgz",
+            "integrity": "sha512-pxiz1O9c1HAo2BwzBuMUjkutKeDYlDlJHOzYrNaj6w4mwokOdN1b9B0myzDxNhnS9Ign0zU12vP9JVr20DUDSQ==",
+            "license": "MIT",
+            "dependencies": {
+                "@tanstack/react-router": "1.170.45",
+                "@tanstack/router-core": "1.171.38",
+                "@tanstack/router-utils": "1.162.4",
+                "@tanstack/start-client-core": "1.170.38",
+                "@tanstack/start-fn-stubs": "1.162.0",
+                "@tanstack/start-plugin-core": "1.171.54",
+                "@tanstack/start-storage-context": "1.167.40",
+                "pathe": "^2.0.3"
+            },
+            "engines": {
+                "node": ">=22.12.0"
+            },
+            "funding": {
+                "type": "github",
+                "url": "https://github.com/sponsors/tannerlinsley"
+            },
+            "peerDependencies": {
+                "@rspack/core": ">=2.0.0-0",
+                "@vitejs/plugin-rsc": ">=0.5.30",
+                "react": ">=18.0.0 || >=19.0.0",
+                "react-dom": ">=18.0.0 || >=19.0.0",
+                "react-server-dom-rspack": ">=0.0.2"
+            },
+            "peerDependenciesMeta": {
+                "@rspack/core": {
+                    "optional": true
+                },
+                "@vitejs/plugin-rsc": {
+                    "optional": true
+                },
+                "react-server-dom-rspack": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/@tanstack/react-store": {
+            "version": "0.11.2",
+            "resolved": "https://registry.npmjs.org/@tanstack/react-store/-/react-store-0.11.2.tgz",
+            "integrity": "sha512-oj5O5DmiMWE+ih+SioX2ayC1kbK7d3fpLx0B75fPJr9nY3zU+hoW010yr64qXsY/9fyiLVE2bn5mGNV3owm8RQ==",
+            "license": "MIT",
+            "dependencies": {
+                "@tanstack/store": "0.11.2",
+                "use-sync-external-store": "^1.6.0"
+            },
+            "funding": {
+                "type": "github",
+                "url": "https://github.com/sponsors/tannerlinsley"
+            },
+            "peerDependencies": {
+                "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
+                "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
+            }
+        },
+        "node_modules/@tanstack/router-core": {
+            "version": "1.171.38",
+            "resolved": "https://registry.npmjs.org/@tanstack/router-core/-/router-core-1.171.38.tgz",
+            "integrity": "sha512-XRZVxiO6BIexICmEo3XfPmpoyyLhbjgaMJsONz4gIf5oYys0UiaG1BJGRyj9x8QZPDZcBhvAMuTYN70wSxV0gA==",
+            "license": "MIT",
+            "dependencies": {
+                "@tanstack/history": "1.162.5",
+                "cookie-es": "^3.0.0",
+                "seroval": "^1.6.7",
+                "seroval-plugins": "^1.6.7"
+            },
+            "engines": {
+                "node": ">=20.19"
+            },
+            "funding": {
+                "type": "github",
+                "url": "https://github.com/sponsors/tannerlinsley"
+            }
+        },
+        "node_modules/@tanstack/router-generator": {
+            "version": "1.167.45",
+            "resolved": "https://registry.npmjs.org/@tanstack/router-generator/-/router-generator-1.167.45.tgz",
+            "integrity": "sha512-oCtNqtsMNcBJkPIOu1O7a68jnxt4TkVJj3jHrW3VgiZdBeaj/lBJQh50yvzmNRswRcyIkRg0g30g25bbLRrAGw==",
+            "license": "MIT",
+            "dependencies": {
+                "@babel/types": "^7.29.8",
+                "@tanstack/router-core": "1.171.38",
+                "@tanstack/router-utils": "1.162.4",
+                "@tanstack/virtual-file-routes": "1.162.0",
+                "jiti": "^2.7.0",
+                "magic-string": "^0.30.21",
+                "prettier": "^3.9.6",
+                "zod": "^4.5.4"
+            },
+            "engines": {
+                "node": ">=20.19"
+            },
+            "funding": {
+                "type": "github",
+                "url": "https://github.com/sponsors/tannerlinsley"
+            }
+        },
+        "node_modules/@tanstack/router-plugin": {
+            "version": "1.168.47",
+            "resolved": "https://registry.npmjs.org/@tanstack/router-plugin/-/router-plugin-1.168.47.tgz",
+            "integrity": "sha512-1qvMto2Id0Uulux4qd+WttCbOFloIEQ5x82m68T4knt6NmUDQC66P/u/5yzN0FWGSO0u2U2nbDSIQoR6g7HNmQ==",
+            "license": "MIT",
+            "dependencies": {
+                "@babel/core": "^7.29.7",
+                "@babel/template": "^7.29.7",
+                "@babel/types": "^7.29.8",
+                "@tanstack/router-core": "1.171.38",
+                "@tanstack/router-generator": "1.167.45",
+                "@tanstack/router-utils": "1.162.4",
+                "chokidar": "^5.0.0",
+                "unplugin": "^3.3.0",
+                "zod": "^4.5.4"
+            },
+            "engines": {
+                "node": ">=20.19"
+            },
+            "funding": {
+                "type": "github",
+                "url": "https://github.com/sponsors/tannerlinsley"
+            },
+            "peerDependencies": {
+                "@rsbuild/core": ">=1.0.2 || ^2.0.0",
+                "@tanstack/react-router": "^1.170.45",
+                "vite": ">=5.0.0 || >=6.0.0 || >=7.0.0 || >=8.0.0",
+                "vite-plugin-solid": "^2.11.10 || ^3.0.0-0",
+                "webpack": ">=5.92.0"
+            },
+            "peerDependenciesMeta": {
+                "@rsbuild/core": {
+                    "optional": true
+                },
+                "@tanstack/react-router": {
+                    "optional": true
+                },
+                "vite": {
+                    "optional": true
+                },
+                "vite-plugin-solid": {
+                    "optional": true
+                },
+                "webpack": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/@tanstack/router-utils": {
+            "version": "1.162.4",
+            "resolved": "https://registry.npmjs.org/@tanstack/router-utils/-/router-utils-1.162.4.tgz",
+            "integrity": "sha512-3TSH3rwAQTqQOtTBF8IXMFXmGNJWnjwIm+l87uguyC/of0pSRKcU9GJrozaf0fY9it8dLQvUZJA2MOlfqbW1sA==",
+            "license": "MIT",
+            "dependencies": {
+                "@babel/generator": "^7.29.8",
+                "@babel/parser": "^7.29.8",
+                "@babel/types": "^7.29.8",
+                "ansis": "^4.3.1",
+                "babel-dead-code-elimination": "^1.0.12",
+                "diff": "^9.0.0",
+                "pathe": "^2.0.3",
+                "tinyglobby": "^0.2.17"
+            },
+            "engines": {
+                "node": ">=20.19"
+            },
+            "funding": {
+                "type": "github",
+                "url": "https://github.com/sponsors/tannerlinsley"
+            }
+        },
+        "node_modules/@tanstack/start-client-core": {
+            "version": "1.170.38",
+            "resolved": "https://registry.npmjs.org/@tanstack/start-client-core/-/start-client-core-1.170.38.tgz",
+            "integrity": "sha512-XK+HVhXz9Fs7bJAYmsdLccq3lc/85Z83oPt7He7b3BMX6Ejw2/N9JzUeqwcxXtd29SPBRFb5VRMtZf3uu4Tlag==",
+            "license": "MIT",
+            "dependencies": {
+                "@tanstack/router-core": "1.171.38",
+                "@tanstack/start-fn-stubs": "1.162.0",
+                "@tanstack/start-storage-context": "1.167.40",
+                "seroval": "^1.6.7"
+            },
+            "engines": {
+                "node": ">=22.12.0"
+            },
+            "funding": {
+                "type": "github",
+                "url": "https://github.com/sponsors/tannerlinsley"
+            }
+        },
+        "node_modules/@tanstack/start-fn-stubs": {
+            "version": "1.162.0",
+            "resolved": "https://registry.npmjs.org/@tanstack/start-fn-stubs/-/start-fn-stubs-1.162.0.tgz",
+            "integrity": "sha512-QWfUZ3Yo923tdQn38LyKMU8rcTw69zc+T4dAvgTWV4O56SqFRsGfS0lSWIMhJRwXIx/bvdi7nTUBDdZtTHtpTQ==",
+            "license": "MIT",
+            "engines": {
+                "node": ">=22.12.0"
+            },
+            "funding": {
+                "type": "github",
+                "url": "https://github.com/sponsors/tannerlinsley"
+            }
+        },
+        "node_modules/@tanstack/start-plugin-core": {
+            "version": "1.171.54",
+            "resolved": "https://registry.npmjs.org/@tanstack/start-plugin-core/-/start-plugin-core-1.171.54.tgz",
+            "integrity": "sha512-EQJDF1HC1tIdz0pNey+GI0VWci4GU4zGKM4jTzwbNMQmoqlilFhkNwgrPgUP4TBRtkBbgpuuGlrafChzj66A3w==",
+            "license": "MIT",
+            "dependencies": {
+                "@babel/code-frame": "7.29.7",
+                "@babel/core": "^7.29.7",
+                "@babel/types": "^7.29.8",
+                "@jridgewell/remapping": "^2.3.5",
+                "@tanstack/router-core": "1.171.38",
+                "@tanstack/router-generator": "1.167.45",
+                "@tanstack/router-plugin": "1.168.47",
+                "@tanstack/router-utils": "1.162.4",
+                "@tanstack/start-server-core": "1.169.44",
+                "exsolve": "^1.1.1",
+                "lightningcss": "^1.33.0",
+                "pathe": "^2.0.3",
+                "picomatch": "^4.0.7",
+                "seroval": "^1.6.7",
+                "source-map": "^0.7.6",
+                "srvx": "^1.0.0",
+                "tinyglobby": "^0.2.17",
+                "ufo": "^1.6.4",
+                "vitefu": "^1.1.3",
+                "xmlbuilder2": "^4.0.3",
+                "zod": "^4.5.4"
+            },
+            "engines": {
+                "node": ">=22.12.0"
+            },
+            "funding": {
+                "type": "github",
+                "url": "https://github.com/sponsors/tannerlinsley"
+            },
+            "peerDependencies": {
+                "@rsbuild/core": "^2.0.0",
+                "vite": ">=8.0.0"
+            },
+            "peerDependenciesMeta": {
+                "@rsbuild/core": {
+                    "optional": true
+                },
+                "vite": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/@tanstack/start-plugin-core/node_modules/lightningcss": {
+            "version": "1.33.0",
+            "resolved": "https://registry.npmjs.org/lightningcss/-/lightningcss-1.33.0.tgz",
+            "integrity": "sha512-WkUDrojuJs0xkgGf2udWxa3yGBRxPtxUkB79i6aCZLRgc7PM8fZe9TosfPDcvEpQZbuFASnHYmRLBLUbmLOIIA==",
+            "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.33.0",
+                "lightningcss-darwin-arm64": "1.33.0",
+                "lightningcss-darwin-x64": "1.33.0",
+                "lightningcss-freebsd-x64": "1.33.0",
+                "lightningcss-linux-arm-gnueabihf": "1.33.0",
+                "lightningcss-linux-arm64-gnu": "1.33.0",
+                "lightningcss-linux-arm64-musl": "1.33.0",
+                "lightningcss-linux-x64-gnu": "1.33.0",
+                "lightningcss-linux-x64-musl": "1.33.0",
+                "lightningcss-win32-arm64-msvc": "1.33.0",
+                "lightningcss-win32-x64-msvc": "1.33.0"
+            }
+        },
+        "node_modules/@tanstack/start-plugin-core/node_modules/lightningcss-android-arm64": {
+            "version": "1.33.0",
+            "resolved": "https://registry.npmjs.org/lightningcss-android-arm64/-/lightningcss-android-arm64-1.33.0.tgz",
+            "integrity": "sha512-gEpRTalKdosp4Bb8qWtc2iOgE5SeIHlpS1up9bFq2wAyYhl1UdTObYiHe98zEM9SQvSoqQZ1IQD0JNpg3Ml5pg==",
+            "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/@tanstack/start-plugin-core/node_modules/lightningcss-darwin-arm64": {
+            "version": "1.33.0",
+            "resolved": "https://registry.npmjs.org/lightningcss-darwin-arm64/-/lightningcss-darwin-arm64-1.33.0.tgz",
+            "integrity": "sha512-Sciaz8eenNTKn9b3t7+xr0ipTp9YxKQY4npwQ3mrRuL0BAVHBLyZxofhaKBAVtzmtRZ/zTyo0/to4B1uWG/Djg==",
+            "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/@tanstack/start-plugin-core/node_modules/lightningcss-darwin-x64": {
+            "version": "1.33.0",
+            "resolved": "https://registry.npmjs.org/lightningcss-darwin-x64/-/lightningcss-darwin-x64-1.33.0.tgz",
+            "integrity": "sha512-Z5UPAxzrjlWNNyGy6i65cJzzvgJ5D3T6wMvs+gWpY9d7qRhANrxqAp6LhxIgZhWEw18RfJTGcRxjuLIBr+m8XQ==",
+            "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/@tanstack/start-plugin-core/node_modules/lightningcss-freebsd-x64": {
+            "version": "1.33.0",
+            "resolved": "https://registry.npmjs.org/lightningcss-freebsd-x64/-/lightningcss-freebsd-x64-1.33.0.tgz",
+            "integrity": "sha512-QQM/Ti/hQajJwCY+RiWuCZ9sdtI/XQk7nDK5vC8kkdwixezOlDgvDx7+RT+QjK6FcFT4MpsuoBnHIo/O3StRRg==",
+            "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/@tanstack/start-plugin-core/node_modules/lightningcss-linux-arm-gnueabihf": {
+            "version": "1.33.0",
+            "resolved": "https://registry.npmjs.org/lightningcss-linux-arm-gnueabihf/-/lightningcss-linux-arm-gnueabihf-1.33.0.tgz",
+            "integrity": "sha512-N7FVBe6iS24MlM6R/4RBTxGhQheZGs7tiQ9U32UtF75NzP5Q7xWPRqLBCKxlRQRk3rY1jCIPLzx7WzOhuUIRLQ==",
+            "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/@tanstack/start-plugin-core/node_modules/lightningcss-linux-arm64-gnu": {
+            "version": "1.33.0",
+            "resolved": "https://registry.npmjs.org/lightningcss-linux-arm64-gnu/-/lightningcss-linux-arm64-gnu-1.33.0.tgz",
+            "integrity": "sha512-j2v/itmy4HlNxlc6voKXYgBqNi0Ng2LShg4z7GufpEgs05P+2suBVyi9I6YHq5uoVFx9ETin3eCEhLVyXGQnKg==",
+            "cpu": [
+                "arm64"
+            ],
+            "libc": [
+                "glibc"
+            ],
+            "license": "MPL-2.0",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">= 12.0.0"
+            },
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/parcel"
+            }
+        },
+        "node_modules/@tanstack/start-plugin-core/node_modules/lightningcss-linux-arm64-musl": {
+            "version": "1.33.0",
+            "resolved": "https://registry.npmjs.org/lightningcss-linux-arm64-musl/-/lightningcss-linux-arm64-musl-1.33.0.tgz",
+            "integrity": "sha512-yiO5ROMuYQgXbC60yjZU5CYSFZGKXL0HFATXt9mHJn1+zW55oCtMI9NfcVhYLMFDL7gV7oBPon/EmMMGg2OvtQ==",
+            "cpu": [
+                "arm64"
+            ],
+            "libc": [
+                "musl"
+            ],
+            "license": "MPL-2.0",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">= 12.0.0"
+            },
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/parcel"
+            }
+        },
+        "node_modules/@tanstack/start-plugin-core/node_modules/lightningcss-linux-x64-gnu": {
+            "version": "1.33.0",
+            "resolved": "https://registry.npmjs.org/lightningcss-linux-x64-gnu/-/lightningcss-linux-x64-gnu-1.33.0.tgz",
+            "integrity": "sha512-ar+Ju7LmcN0Jo4FpL4hpFybwNG9/3A/Br5KW2n2jyODg3MEZXaDYADdemoNS+BDNfMgKvylJLj4S5tyRActuAg==",
+            "cpu": [
+                "x64"
+            ],
+            "libc": [
+                "glibc"
+            ],
+            "license": "MPL-2.0",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">= 12.0.0"
+            },
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/parcel"
+            }
+        },
+        "node_modules/@tanstack/start-plugin-core/node_modules/lightningcss-linux-x64-musl": {
+            "version": "1.33.0",
+            "resolved": "https://registry.npmjs.org/lightningcss-linux-x64-musl/-/lightningcss-linux-x64-musl-1.33.0.tgz",
+            "integrity": "sha512-RYiYbkokw0trfKqqzfF55lginwEPrD3OJDfTuJzFs1MK6iFnDenaz1fqLLtX4ITG3OktJQXOeTaw1awrBAlZPw==",
+            "cpu": [
+                "x64"
+            ],
+            "libc": [
+                "musl"
+            ],
+            "license": "MPL-2.0",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">= 12.0.0"
+            },
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/parcel"
+            }
+        },
+        "node_modules/@tanstack/start-plugin-core/node_modules/lightningcss-win32-arm64-msvc": {
+            "version": "1.33.0",
+            "resolved": "https://registry.npmjs.org/lightningcss-win32-arm64-msvc/-/lightningcss-win32-arm64-msvc-1.33.0.tgz",
+            "integrity": "sha512-1K+MPfLSFVpphzpdbfkhlWk6wBrTObBzS2T6db10PNOZgR9GoVsAWzwNyuhUYYbTp23j+4RrncfujZ4uAzXvwA==",
+            "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/@tanstack/start-plugin-core/node_modules/lightningcss-win32-x64-msvc": {
+            "version": "1.33.0",
+            "resolved": "https://registry.npmjs.org/lightningcss-win32-x64-msvc/-/lightningcss-win32-x64-msvc-1.33.0.tgz",
+            "integrity": "sha512-OlEICDx/Xl0FqSp4bry8zFnCvGpig3Gl4gCquvYwHuqJKEC1+n9NgDniFvqHGmMv1ZkqDJrDqKKSykTDX+ehuA==",
+            "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/@tanstack/start-server-core": {
+            "version": "1.169.44",
+            "resolved": "https://registry.npmjs.org/@tanstack/start-server-core/-/start-server-core-1.169.44.tgz",
+            "integrity": "sha512-xgZfItp1af0zBbR326R54ageMeQwnrZgRrapAc3sO9uMgANdy1rpxwvSPqT5+0T6HQbFQavRPwxydWSxT7Rr6g==",
+            "license": "MIT",
+            "dependencies": {
+                "@tanstack/history": "1.162.5",
+                "@tanstack/router-core": "1.171.38",
+                "@tanstack/start-client-core": "1.170.38",
+                "@tanstack/start-storage-context": "1.167.40",
+                "cookie-es": "^3.0.0",
+                "fetchdts": "^0.2.0",
+                "seroval": "^1.6.7"
+            },
+            "engines": {
+                "node": ">=22.12.0"
+            },
+            "funding": {
+                "type": "github",
+                "url": "https://github.com/sponsors/tannerlinsley"
+            }
+        },
+        "node_modules/@tanstack/start-storage-context": {
+            "version": "1.167.40",
+            "resolved": "https://registry.npmjs.org/@tanstack/start-storage-context/-/start-storage-context-1.167.40.tgz",
+            "integrity": "sha512-xolDIZPyOiAk3XE5m4UICArqwkRNB6z3nr6aAKJphvCM8nzHKlu/laJ+3WtfWFb2iPB9B3K6R/X+fKSoz4OpVA==",
+            "license": "MIT",
+            "dependencies": {
+                "@tanstack/router-core": "1.171.38"
+            },
+            "engines": {
+                "node": ">=22.12.0"
+            },
+            "funding": {
+                "type": "github",
+                "url": "https://github.com/sponsors/tannerlinsley"
+            }
+        },
+        "node_modules/@tanstack/store": {
+            "version": "0.11.2",
+            "resolved": "https://registry.npmjs.org/@tanstack/store/-/store-0.11.2.tgz",
+            "integrity": "sha512-sJ4mjol8uQsHV0gOJzzjwXfh2Fwm+Sz0+8deqiTm4jGbMdjzNSW+xZCFm0kUa870uhd8yi+DpKnZb5Kc4apa0Q==",
+            "license": "MIT",
+            "funding": {
+                "type": "github",
+                "url": "https://github.com/sponsors/tannerlinsley"
+            }
+        },
+        "node_modules/@tanstack/virtual-file-routes": {
+            "version": "1.162.0",
+            "resolved": "https://registry.npmjs.org/@tanstack/virtual-file-routes/-/virtual-file-routes-1.162.0.tgz",
+            "integrity": "sha512-uhOeFyxLcU41HzvrxsGpiWdcMbScY1EDgbZ5K7DVRMYInbLYWAC0EA/kx9wXAoSM8q82bUG2hRl8+EAjE6XAbA==",
+            "license": "MIT",
+            "engines": {
+                "node": ">=20.19"
+            },
+            "funding": {
+                "type": "github",
+                "url": "https://github.com/sponsors/tannerlinsley"
+            }
+        },
+        "node_modules/@types/better-sqlite3": {
+            "version": "7.6.13",
+            "resolved": "https://registry.npmjs.org/@types/better-sqlite3/-/better-sqlite3-7.6.13.tgz",
+            "integrity": "sha512-NMv9ASNARoKksWtsq/SHakpYAYnhBrQgGD8zkLYk/jaK8jUGn08CfEdTRgYhMypUQAfzSP8W6gNLe0q19/t4VA==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "@types/node": "*"
+            }
+        },
+        "node_modules/@types/chai": {
+            "version": "5.2.3",
+            "resolved": "https://registry.npmjs.org/@types/chai/-/chai-5.2.3.tgz",
+            "integrity": "sha512-Mw558oeA9fFbv65/y4mHtXDs9bPnFMZAL/jxdPFUpOHHIXX91mcgEHbS5Lahr+pwZFR8A7GQleRWeI6cGFC2UA==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "@types/deep-eql": "*",
+                "assertion-error": "^2.0.1"
+            }
+        },
+        "node_modules/@types/cross-spawn": {
+            "version": "6.0.6",
+            "resolved": "https://registry.npmjs.org/@types/cross-spawn/-/cross-spawn-6.0.6.tgz",
+            "integrity": "sha512-fXRhhUkG4H3TQk5dBhQ7m/JDdSNHKwR2BBia62lhwEIq9xGiQKLxd6LymNhn47SjXhsUEPmxi+PKw2OkW4LLjA==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "@types/node": "*"
+            }
+        },
+        "node_modules/@types/deep-eql": {
+            "version": "4.0.2",
+            "resolved": "https://registry.npmjs.org/@types/deep-eql/-/deep-eql-4.0.2.tgz",
+            "integrity": "sha512-c9h9dVVMigMPc4bwTvC5dxqtqJZwQPePsWjPlpSOnojbor6pGqdk541lfA7AqFQr5pB1BRdq0juY9db81BwyFw==",
+            "dev": true,
+            "license": "MIT"
+        },
+        "node_modules/@types/estree": {
+            "version": "1.0.9",
+            "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.9.tgz",
+            "integrity": "sha512-GhdPgy1el4/ImP05X05Uw4cw2/M93BCUmnEvWZNStlCzEKME4Fkk+YpoA5OiHNQmoS7Cafb8Xa3Pya8m1Qrzeg==",
+            "dev": true,
+            "license": "MIT"
+        },
+        "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/localforage": {
+            "version": "0.0.34",
+            "resolved": "https://registry.npmjs.org/@types/localforage/-/localforage-0.0.34.tgz",
+            "integrity": "sha512-tJxahnjm9dEI1X+hQSC5f2BSd/coZaqbIl1m3TCl0q9SVuC52XcXfV0XmoCU1+PmjyucuVITwoTnN8OlTbEXXA==",
+            "deprecated": "This is a stub types definition for localforage (https://github.com/localForage/localForage). localforage provides its own type definitions, so you don't need @types/localforage installed!",
+            "license": "MIT",
+            "dependencies": {
+                "localforage": "*"
+            }
+        },
+        "node_modules/@types/node": {
+            "version": "24.19.2",
+            "resolved": "https://registry.npmjs.org/@types/node/-/node-24.19.2.tgz",
+            "integrity": "sha512-93d49wCWJkCyN87MxLpNN6KXPCwFw7bVUg79mGUV1OS40JGWwVCr8n61DXCSqz7CV6/VfPkb7xec7uP2M+QHWQ==",
+            "devOptional": true,
+            "license": "MIT",
+            "dependencies": {
+                "undici-types": ">=7.24.0 <7.24.7"
+            }
+        },
+        "node_modules/@types/react": {
+            "version": "19.3.0",
+            "resolved": "https://registry.npmjs.org/@types/react/-/react-19.3.0.tgz",
+            "integrity": "sha512-N0rFCuH9YoxG9/m61l9MfpJKfmLOVU0em7ipIz6TRgSSkvReLB9vL85GB+yr8Bs5leqpvg96JSwF4ZS1s4viQg==",
+            "devOptional": true,
+            "license": "MIT",
+            "dependencies": {
+                "csstype": "^3.2.2"
+            }
+        },
+        "node_modules/@types/react-dom": {
+            "version": "19.3.0",
+            "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-19.3.0.tgz",
+            "integrity": "sha512-ZI7bU42mZXXKHn/qNLEw2IrbiINU7X5+vfgdixBHkCNpYWXjKgfQ/P+uyGb5CjOLB9UcnTeg3rylQtV2hym44Q==",
+            "devOptional": true,
+            "license": "MIT",
+            "peerDependencies": {
+                "@types/react": "^19.3.0"
+            }
+        },
+        "node_modules/@types/whatwg-mimetype": {
+            "version": "3.0.2",
+            "resolved": "https://registry.npmjs.org/@types/whatwg-mimetype/-/whatwg-mimetype-3.0.2.tgz",
+            "integrity": "sha512-c2AKvDT8ToxLIOUlN51gTiHXflsfIFisS4pO7pDPoKouJCESkhZnEy623gwP9laCy5lnLDAw1vAzu2vM2YLOrA==",
+            "dev": true,
+            "license": "MIT"
+        },
+        "node_modules/@types/ws": {
+            "version": "8.18.2",
+            "resolved": "https://registry.npmjs.org/@types/ws/-/ws-8.18.2.tgz",
+            "integrity": "sha512-67MQl+fpWKVTT1NYdnmo3U4sc/xPo/zQBncVnI74qmQa0z/b+1g6iYqNmGCPbxO+zz2aklb08a0oHfegiVd0/w==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "@types/node": "*"
+            }
+        },
+        "node_modules/@types/youtube": {
+            "version": "0.3.0",
+            "resolved": "https://registry.npmjs.org/@types/youtube/-/youtube-0.3.0.tgz",
+            "integrity": "sha512-a+JnwvmYfCShUv2fPs9JL/rUr9JGx5BPjSn7sp3V5UEyyj2AIVkSCRlVoe4CjFBrkBIv9jMpOPakfitMq7tegA==",
+            "dev": true,
+            "license": "MIT"
+        },
+        "node_modules/@typescript-eslint/eslint-plugin": {
+            "version": "8.72.0",
+            "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-8.72.0.tgz",
+            "integrity": "sha512-aysKgysPX9XOv/dk95UkvUDe++Q3n3dJPG9CEWT3RUccxfkPJ+Qn6nhKPDhZXU6Ofo9kgwGWwKyQCnZIXTgngg==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "@eslint-community/regexpp": "^4.12.2",
+                "@typescript-eslint/scope-manager": "8.72.0",
+                "@typescript-eslint/type-utils": "8.72.0",
+                "@typescript-eslint/utils": "8.72.0",
+                "@typescript-eslint/visitor-keys": "8.72.0",
+                "ignore": "^7.0.5",
+                "natural-compare": "^1.4.0",
+                "ts-api-utils": "^2.5.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.72.0",
+                "eslint": "^8.57.0 || ^9.0.0 || ^10.0.0",
+                "typescript": ">=4.8.4 <6.1.0"
+            }
+        },
+        "node_modules/@typescript-eslint/eslint-plugin/node_modules/ignore": {
+            "version": "7.0.13",
+            "resolved": "https://registry.npmjs.org/ignore/-/ignore-7.0.13.tgz",
+            "integrity": "sha512-2E8Q6rh+1RRSq/YdaGsNfXsEZy9FVqv6BSSrkmZJP7BnaoPnRfKL+YaofPvP+5rzdk144qSm6i4+hvPgUcbV4Q==",
+            "dev": true,
+            "license": "MIT",
+            "engines": {
+                "node": ">= 4"
+            }
+        },
+        "node_modules/@typescript-eslint/parser": {
+            "version": "8.72.0",
+            "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-8.72.0.tgz",
+            "integrity": "sha512-0O+x3ynciD6zuXb1CKSu165haQV6ey53DKhHHUnujP7U+XlltJG+/keT0Xhd1HXCze+IHf7Tvt39ovyepX/LNw==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "@typescript-eslint/scope-manager": "8.72.0",
+                "@typescript-eslint/types": "8.72.0",
+                "@typescript-eslint/typescript-estree": "8.72.0",
+                "@typescript-eslint/visitor-keys": "8.72.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.1.0"
+            }
+        },
+        "node_modules/@typescript-eslint/project-service": {
+            "version": "8.72.0",
+            "resolved": "https://registry.npmjs.org/@typescript-eslint/project-service/-/project-service-8.72.0.tgz",
+            "integrity": "sha512-bzHngBbmIgzj6TsTjVUCntGx6FFLgE7mPjpO0PzHycOaZHXqS43XnrkFIHRS16LLr/xO6FHSXG3GJFo/F4bSBQ==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "@typescript-eslint/tsconfig-utils": "^8.72.0",
+                "@typescript-eslint/types": "^8.72.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.1.0"
+            }
+        },
+        "node_modules/@typescript-eslint/scope-manager": {
+            "version": "8.72.0",
+            "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-8.72.0.tgz",
+            "integrity": "sha512-JewPyJOYcXBSAS7PIgufscHOwZqhTGyBRiQJhhuDln66tMchxvvt7nJ90JKKIoOelmdHA3kAQbm9cEUHc4JSEA==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "@typescript-eslint/types": "8.72.0",
+                "@typescript-eslint/visitor-keys": "8.72.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.72.0",
+            "resolved": "https://registry.npmjs.org/@typescript-eslint/tsconfig-utils/-/tsconfig-utils-8.72.0.tgz",
+            "integrity": "sha512-0vbxCf7xLVPSjcOdm6eQbgViH8EDJ8xnl1laLT9yoqSz2YmcSfSg5Vdl0JUvZf6rcuJ0ZivJIuMD4edTg8obaA==",
+            "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.1.0"
+            }
+        },
+        "node_modules/@typescript-eslint/type-utils": {
+            "version": "8.72.0",
+            "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-8.72.0.tgz",
+            "integrity": "sha512-gEXxmmbSTSOVTC37IYYvremOM31v+UN2W772bJxmVYPhAOPSUxtacyb7wkm1EhkYKU6KzFJsdU44DCV4to0LWw==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "@typescript-eslint/types": "8.72.0",
+                "@typescript-eslint/typescript-estree": "8.72.0",
+                "@typescript-eslint/utils": "8.72.0",
+                "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/typescript-eslint"
+            },
+            "peerDependencies": {
+                "eslint": "^8.57.0 || ^9.0.0 || ^10.0.0",
+                "typescript": ">=4.8.4 <6.1.0"
+            }
+        },
+        "node_modules/@typescript-eslint/types": {
+            "version": "8.72.0",
+            "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.72.0.tgz",
+            "integrity": "sha512-Adfoy59kxNEjT5E5fnyrp7GpHYuWs8ONbdohu4ez6IU46qDq8LltG90tLmkucZB2uhYL8mqBjtXqGd8yhfjXqQ==",
+            "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.72.0",
+            "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-8.72.0.tgz",
+            "integrity": "sha512-gwLfFgWcw15tN2KXDCJvxEOQjPn+P3j/n3eSqkZ5sX4VpW9Cosodr+tWwBZRvJT3TcKx6HnPRGZMCNAiP1Xhug==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "@typescript-eslint/project-service": "8.72.0",
+                "@typescript-eslint/tsconfig-utils": "8.72.0",
+                "@typescript-eslint/types": "8.72.0",
+                "@typescript-eslint/visitor-keys": "8.72.0",
+                "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/typescript-eslint"
+            },
+            "peerDependencies": {
+                "typescript": ">=4.8.4 <6.1.0"
+            }
+        },
+        "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",
+            "engines": {
+                "node": "18 || 20 || >=22"
+            }
+        },
+        "node_modules/@typescript-eslint/typescript-estree/node_modules/brace-expansion": {
+            "version": "5.0.12",
+            "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-5.0.12.tgz",
+            "integrity": "sha512-YovQ3rzhaLMIrDjNDMkNS01tea93qhEhG5xy8f6+R0l+dw3Ki+5sCoIoI942iuLZTHWogWktgwVDhU09iNEimQ==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "balanced-match": "^4.0.2"
+            },
+            "engines": {
+                "node": "20 || >=22"
+            }
+        },
+        "node_modules/@typescript-eslint/typescript-estree/node_modules/minimatch": {
+            "version": "10.2.6",
+            "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-10.2.6.tgz",
+            "integrity": "sha512-vpLQEs+VLCr1nU0BXS07maYoFwlDAH0gngQuuttxIwutDFEMHq2blX+8vpgxDdK3J1PwjCJiep77OitTZ4Ll1A==",
+            "dev": true,
+            "license": "BlueOak-1.0.0",
+            "dependencies": {
+                "brace-expansion": "^5.0.8"
+            },
+            "engines": {
+                "node": "18 || 20 || >=22"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/isaacs"
+            }
+        },
+        "node_modules/@typescript-eslint/typescript-estree/node_modules/semver": {
+            "version": "7.8.5",
+            "resolved": "https://registry.npmjs.org/semver/-/semver-7.8.5.tgz",
+            "integrity": "sha512-Y7/KDsb8LjooZpwaqGyulO6DQlksgCncchHGk+sZIY4SBvUocMBEFH5Ur1fI4dV+Jvl0w6cjvucaIi40puRioA==",
+            "dev": true,
+            "license": "ISC",
+            "bin": {
+                "semver": "bin/semver.js"
+            },
+            "engines": {
+                "node": ">=10"
+            }
+        },
+        "node_modules/@typescript-eslint/utils": {
+            "version": "8.72.0",
+            "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-8.72.0.tgz",
+            "integrity": "sha512-0up3oArJZBYnzOaEXKo8DmI43QvMZyPoFEt9LWzRJcyl/RcJjfKKPebknN1VbTgXBf3M/KggUh5uUMdURLnseg==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "@eslint-community/eslint-utils": "^4.9.1",
+                "@typescript-eslint/scope-manager": "8.72.0",
+                "@typescript-eslint/types": "8.72.0",
+                "@typescript-eslint/typescript-estree": "8.72.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.1.0"
+            }
+        },
+        "node_modules/@typescript-eslint/visitor-keys": {
+            "version": "8.72.0",
+            "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-8.72.0.tgz",
+            "integrity": "sha512-E2mroviasaWecDzTGiGMtuEguuLVOeRggnrIn93CJuxYJzQBHbyymlT08aVQydbBal5538o+JkBKXh2sRuCyIA==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "@typescript-eslint/types": "8.72.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/@vercel/oidc": {
+            "version": "3.2.0",
+            "resolved": "https://registry.npmjs.org/@vercel/oidc/-/oidc-3.2.0.tgz",
+            "integrity": "sha512-UycprH3T6n3jH0k44NHMa7pnFHGu/N05MjojYr+Mc6I7obkoLIJujSWwin1pCvdy/eOxrI/l3uDLQsmcrOb4ug==",
+            "license": "Apache-2.0",
+            "engines": {
+                "node": ">= 20"
+            }
+        },
+        "node_modules/@vitejs/plugin-react": {
+            "version": "6.1.2",
+            "resolved": "https://registry.npmjs.org/@vitejs/plugin-react/-/plugin-react-6.1.2.tgz",
+            "integrity": "sha512-fhJNGUdscQa4HkI0xFxwonWyhnVReCPDbXI7FH7jmzpnVCrFQI7PRrhWecO263610vOrs9tr2Y4xcf8uAdFxbw==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "@rolldown/pluginutils": "^1.0.1"
+            },
+            "engines": {
+                "node": "^20.19.0 || >=22.12.0"
+            },
+            "peerDependencies": {
+                "@rolldown/plugin-babel": "^0.1.7 || ^0.2.0",
+                "babel-plugin-react-compiler": "^1.0.0",
+                "oxc-transform-react": "^0.152.0",
+                "vite": "^8.0.0"
+            },
+            "peerDependenciesMeta": {
+                "@rolldown/plugin-babel": {
+                    "optional": true
+                },
+                "babel-plugin-react-compiler": {
+                    "optional": true
+                },
+                "oxc-transform-react": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/@vitest/expect": {
+            "version": "4.1.12",
+            "resolved": "https://registry.npmjs.org/@vitest/expect/-/expect-4.1.12.tgz",
+            "integrity": "sha512-vFlTt+YEu9WBpNjdGayNmlMVzrWPi1+sv853/7t2FU7hpO5gAFBKHzQmkCq5Xjpr+evegF2994LQT3hF3mRlqQ==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "@standard-schema/spec": "^1.1.0",
+                "@types/chai": "^5.2.2",
+                "@vitest/spy": "4.1.12",
+                "@vitest/utils": "4.1.12",
+                "chai": "^6.2.2",
+                "tinyrainbow": "^3.1.0"
+            },
+            "funding": {
+                "url": "https://opencollective.com/vitest"
+            }
+        },
+        "node_modules/@vitest/mocker": {
+            "version": "4.1.12",
+            "resolved": "https://registry.npmjs.org/@vitest/mocker/-/mocker-4.1.12.tgz",
+            "integrity": "sha512-fKShNpKZzupWZuY0z7egydvL0sqW4INEZBEExMBMAa6izlENEVHwoXgdaTCaBZ5fwlr4xf2o1wXC83n9RpO+NA==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "@vitest/spy": "4.1.12",
+                "estree-walker": "^3.0.3",
+                "magic-string": "^0.30.21"
+            },
+            "funding": {
+                "url": "https://opencollective.com/vitest"
+            },
+            "peerDependencies": {
+                "msw": "^2.4.9",
+                "vite": "^6.0.0 || ^7.0.0 || ^8.0.0"
+            },
+            "peerDependenciesMeta": {
+                "msw": {
+                    "optional": true
+                },
+                "vite": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/@vitest/pretty-format": {
+            "version": "4.1.12",
+            "resolved": "https://registry.npmjs.org/@vitest/pretty-format/-/pretty-format-4.1.12.tgz",
+            "integrity": "sha512-XW9O8+Mxx4VpCtkYdMJLZQQwsVryP9wk7cPKDxtXFfwSak6yRh5+2fep/Y0XF/ElBvJHq8bcYdi6aeuai0opZA==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "tinyrainbow": "^3.1.0"
+            },
+            "funding": {
+                "url": "https://opencollective.com/vitest"
+            }
+        },
+        "node_modules/@vitest/runner": {
+            "version": "4.1.12",
+            "resolved": "https://registry.npmjs.org/@vitest/runner/-/runner-4.1.12.tgz",
+            "integrity": "sha512-NKlVKCr5QnCe8jijdMnmkpHHU+WTqiLFR6G0pHji9uRjXK9xJl1k1nTw6F3pOOj2PDcsDt2GKQMI7wIsaT491w==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "@vitest/utils": "4.1.12",
+                "pathe": "^2.0.3"
+            },
+            "funding": {
+                "url": "https://opencollective.com/vitest"
+            }
+        },
+        "node_modules/@vitest/snapshot": {
+            "version": "4.1.12",
+            "resolved": "https://registry.npmjs.org/@vitest/snapshot/-/snapshot-4.1.12.tgz",
+            "integrity": "sha512-ko1y1Qgb/slzQ9mr+b89Cuqud8WG1TKtsPD8r7ZUBdvVOGt85Af2HwCqHujrhwJq95hs/9RM7fcAPg57o1vlzw==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "@vitest/pretty-format": "4.1.12",
+                "@vitest/utils": "4.1.12",
+                "magic-string": "^0.30.21",
+                "pathe": "^2.0.3"
+            },
+            "funding": {
+                "url": "https://opencollective.com/vitest"
+            }
+        },
+        "node_modules/@vitest/spy": {
+            "version": "4.1.12",
+            "resolved": "https://registry.npmjs.org/@vitest/spy/-/spy-4.1.12.tgz",
+            "integrity": "sha512-RGq9x4JNGNTZHEJxvN0oSiJjeSCExm0n2gZKKJZHY9cX5AVA6M7VJILBT3ZJ/tJ/0J9uWT7fETV9/btoi//vSg==",
+            "dev": true,
+            "license": "MIT",
+            "funding": {
+                "url": "https://opencollective.com/vitest"
+            }
+        },
+        "node_modules/@vitest/utils": {
+            "version": "4.1.12",
+            "resolved": "https://registry.npmjs.org/@vitest/utils/-/utils-4.1.12.tgz",
+            "integrity": "sha512-Q3awXrwOfEV+qc3WmO5ONyE0yO7Q1gQ9/oyHxGLZ/pl7N3NO/ZztqQwKLuwMkV+CA1JYSIeO3gkHnRDIo4AVaA==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "@vitest/pretty-format": "4.1.12",
+                "convert-source-map": "^2.0.0",
+                "tinyrainbow": "^3.1.0"
+            },
+            "funding": {
+                "url": "https://opencollective.com/vitest"
+            }
+        },
+        "node_modules/@workflow/serde": {
+            "version": "4.1.0",
+            "resolved": "https://registry.npmjs.org/@workflow/serde/-/serde-4.1.0.tgz",
+            "integrity": "sha512-pav4F2BoirECWR7Nf1TKt+2eETcBj7jj4cBefQ8VXQCA6NPkaKeLfj/zMgi+3zYV5ZIBT4GuUiphsj0/b9hPQQ==",
+            "license": "Apache-2.0"
+        },
+        "node_modules/@xmldom/xmldom": {
+            "version": "0.9.12",
+            "resolved": "https://registry.npmjs.org/@xmldom/xmldom/-/xmldom-0.9.12.tgz",
+            "integrity": "sha512-5AXjrcMClTryPe9LgZrygpB1lj7s0S9E0+W+AHaVKAVyHanafK86iPSvG5xHVSp/jC+VH1UXu0TAEmY279xH7A==",
+            "license": "MIT",
+            "engines": {
+                "node": ">=14.6"
+            }
+        },
+        "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==",
+            "license": "MIT",
+            "dependencies": {
+                "mime-types": "^3.0.0",
+                "negotiator": "^1.0.0"
+            },
+            "engines": {
+                "node": ">= 0.6"
+            }
+        },
+        "node_modules/acorn": {
+            "version": "8.19.0",
+            "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.19.0.tgz",
+            "integrity": "sha512-oJlA3XiRm7Cyk6qFD2Jn8ak9B7jSy0qy00ADO3+8dpT0LSjFihQYv4C02LFCSYJV3Q37xYwwRy5m+IpIiUzqWw==",
+            "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/ai": {
+            "version": "7.0.147",
+            "resolved": "https://registry.npmjs.org/ai/-/ai-7.0.147.tgz",
+            "integrity": "sha512-9MsjkCddqIPYGDMDc6HF+i4cydkFpC2xteQGlR6Dz5cuWLIV5sCARbFCqaiTUn3/GaNxg3bIfRlfSzxPvi77fw==",
+            "license": "Apache-2.0",
+            "dependencies": {
+                "@ai-sdk/gateway": "4.0.120",
+                "@ai-sdk/provider": "4.0.31",
+                "@ai-sdk/provider-utils": "5.0.64"
+            },
+            "engines": {
+                "node": ">=22"
+            },
+            "peerDependencies": {
+                "zod": "^3.25.76 || ^4.1.8"
+            }
+        },
+        "node_modules/ajv": {
+            "version": "6.15.0",
+            "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.15.0.tgz",
+            "integrity": "sha512-fgFx7Hfoq60ytK2c7DhnF8jIvzYgOMxfugjLOSMHjLIPgenqa7S7oaagATUq99mV6IYvN2tRmC0wnTYX6iPbMw==",
+            "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/ajv-formats": {
+            "version": "3.0.1",
+            "resolved": "https://registry.npmjs.org/ajv-formats/-/ajv-formats-3.0.1.tgz",
+            "integrity": "sha512-8iUql50EUR+uUcdRQ3HDqa6EVyo3docL8g5WJ3FNcWmu62IbkGUue/pEyLBW8VGKKucTPgqeks4fIU1DA4yowQ==",
+            "license": "MIT",
+            "dependencies": {
+                "ajv": "^8.0.0"
+            },
+            "peerDependencies": {
+                "ajv": "^8.0.0"
+            },
+            "peerDependenciesMeta": {
+                "ajv": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/ajv-formats/node_modules/ajv": {
+            "version": "8.20.0",
+            "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.20.0.tgz",
+            "integrity": "sha512-Thbli+OlOj+iMPYFBVBfJ3OmCAnaSyNn4M1vz9T6Gka5Jt9ba/HIR56joy65tY6kx/FCF5VXNB819Y7/GUrBGA==",
+            "license": "MIT",
+            "dependencies": {
+                "fast-deep-equal": "^3.1.3",
+                "fast-uri": "^3.0.1",
+                "json-schema-traverse": "^1.0.0",
+                "require-from-string": "^2.0.2"
+            },
+            "funding": {
+                "type": "github",
+                "url": "https://github.com/sponsors/epoberezkin"
+            }
+        },
+        "node_modules/ajv-formats/node_modules/json-schema-traverse": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
+            "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==",
+            "license": "MIT"
+        },
+        "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/ansis": {
+            "version": "4.4.0",
+            "resolved": "https://registry.npmjs.org/ansis/-/ansis-4.4.0.tgz",
+            "integrity": "sha512-9k3v7xcHwgdO/DruxGIg4HtjvlAZlcnsX/mzqUb1t3NkYnl9kK2UJ+Gq0io+vQf7iT//BD/HB/NBkUR1LWxoeA==",
+            "license": "ISC",
+            "engines": {
+                "node": ">=14"
+            }
+        },
+        "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==",
+            "license": "Python-2.0"
+        },
+        "node_modules/aria-hidden": {
+            "version": "1.2.6",
+            "resolved": "https://registry.npmjs.org/aria-hidden/-/aria-hidden-1.2.6.tgz",
+            "integrity": "sha512-ik3ZgC9dY/lYVVM++OISsaYDeg1tb0VtP5uL3ouh1koGOaUMDPpbFIei4JkFimWUFPn90sbMNMXQAIVOlnYKJA==",
+            "license": "MIT",
+            "dependencies": {
+                "tslib": "^2.0.0"
+            },
+            "engines": {
+                "node": ">=10"
+            }
+        },
+        "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.2.0",
+            "resolved": "https://registry.npmjs.org/array-includes/-/array-includes-3.2.0.tgz",
+            "integrity": "sha512-VXY5eFRarnXcYxwBjJzPmEhH55+rmP79/+ueDhi0F+TuqfHCItagIHqxeUZrmgrOPa31QTh9H85DjX3FfJ0FTg==",
+            "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-object-atoms": "^1.1.2",
+                "es-shim-unscopables": "^1.1.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.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/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/assertion-error": {
+            "version": "2.0.1",
+            "resolved": "https://registry.npmjs.org/assertion-error/-/assertion-error-2.0.1.tgz",
+            "integrity": "sha512-Izi8RQcffqCeNVgFigKli1ssklIbpHnCYc6AknXGYoB6grJqyeby7jv12JUQgmTAnIDnbck1uxksT4dzN3PWBA==",
+            "dev": true,
+            "license": "MIT",
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "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.14.0",
+            "resolved": "https://registry.npmjs.org/axe-core/-/axe-core-4.14.0.tgz",
+            "integrity": "sha512-9WTZxEjsZ7b13TH8JPmbV2z8CHbl80/2hm3XPEG4JgNdQLK81IBRXmSxHfMAOkSqQeRxT/0dwNDz2GOm3zzpcQ==",
+            "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-dead-code-elimination": {
+            "version": "1.0.12",
+            "resolved": "https://registry.npmjs.org/babel-dead-code-elimination/-/babel-dead-code-elimination-1.0.12.tgz",
+            "integrity": "sha512-GERT7L2TiYcYDtYk1IpD+ASAYXjKbLTDPhBtYj7X1NuRMDTMtAx9kyBenub1Ev41lo91OHCKdmP+egTDmfQ7Ig==",
+            "license": "MIT",
+            "dependencies": {
+                "@babel/core": "^7.23.7",
+                "@babel/parser": "^7.23.6",
+                "@babel/traverse": "^7.23.7",
+                "@babel/types": "^7.23.6"
+            }
+        },
+        "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.11.30",
+            "resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.11.30.tgz",
+            "integrity": "sha512-YJs6Pz17RMNv8HoyKREtCY38E3BV1nPkWVmIb+XN1uHC1Vqt3KZCH/uJH9ZKRoiKb/icZ6tvehyee6RZNbFfRA==",
+            "license": "Apache-2.0",
+            "bin": {
+                "baseline-browser-mapping": "dist/cli.cjs"
+            },
+            "engines": {
+                "node": ">=6.0.0"
+            }
+        },
+        "node_modules/better-sqlite3": {
+            "version": "13.0.3",
+            "resolved": "https://registry.npmjs.org/better-sqlite3/-/better-sqlite3-13.0.3.tgz",
+            "integrity": "sha512-RbOBxmLBG8uvFUc15X9+9SFemKcQ0WBuISBVkpuiaUB2qblC8UWlHEjdWVoZ8AdhSwmoEgsiXKfopX0CQxaACQ==",
+            "hasInstallScript": true,
+            "license": "MIT",
+            "dependencies": {
+                "node-addon-api": "^8.0.0"
+            },
+            "engines": {
+                "node": ">=22"
+            }
+        },
+        "node_modules/body-parser": {
+            "version": "2.3.0",
+            "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-2.3.0.tgz",
+            "integrity": "sha512-2cGmJupaNgg+QUwVLAucDuWuoMZ6EX9iHDRswZ5lsNYEmwPaRknMPCLZz07yTzVq/83p4o/wzbDZbBrTvGGTIw==",
+            "license": "MIT",
+            "dependencies": {
+                "bytes": "^3.1.2",
+                "content-type": "^2.0.0",
+                "debug": "^4.4.3",
+                "http-errors": "^2.0.1",
+                "iconv-lite": "^0.7.2",
+                "on-finished": "^2.4.1",
+                "qs": "^6.15.2",
+                "raw-body": "^3.0.2",
+                "type-is": "^2.1.0"
+            },
+            "engines": {
+                "node": ">=18"
+            },
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/express"
+            }
+        },
+        "node_modules/body-parser/node_modules/content-type": {
+            "version": "2.1.0",
+            "resolved": "https://registry.npmjs.org/content-type/-/content-type-2.1.0.tgz",
+            "integrity": "sha512-mj7UPXE0jaqaOsukNZRUEfEi2AcL7C/vwmwcHV0O97eO1E1pxBZuyjlZrx5seTaNBg1U6+o35wpa35Qfcc+7ag==",
+            "license": "MIT",
+            "engines": {
+                "node": ">=18"
+            },
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/express"
+            }
+        },
+        "node_modules/brace-expansion": {
+            "version": "1.1.21",
+            "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.21.tgz",
+            "integrity": "sha512-9zeA+KLZNNzglF2TPKRQEDyx6Yby7daAkuy8MiPzpXPsYDWi/DRM8jmwUDxokQjYqBpv5DgPiwD4h4ZZSy1Ujw==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "balanced-match": "^1.0.0",
+                "concat-map": "0.0.1"
+            }
+        },
+        "node_modules/browserslist": {
+            "version": "4.29.4",
+            "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.29.4.tgz",
+            "integrity": "sha512-2TcbbiwXEq+N0kD36tykpCfyyQigUXmuwNQbnPp4Xk4PX9JOqVIKjJlIDjpH7uY6tmRGoAd+apeT1p60T8wsdA==",
+            "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.11.29",
+                "caniuse-lite": "^1.0.30001816",
+                "electron-to-chromium": "^1.5.459",
+                "node-releases": "^2.0.59",
+                "update-browserslist-db": "^1.3.4"
+            },
+            "bin": {
+                "browserslist": "cli.js"
+            },
+            "engines": {
+                "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7"
+            }
+        },
+        "node_modules/buffer-image-size": {
+            "version": "0.6.4",
+            "resolved": "https://registry.npmjs.org/buffer-image-size/-/buffer-image-size-0.6.4.tgz",
+            "integrity": "sha512-nEh+kZOPY1w+gcCMobZ6ETUp9WfibndnosbpwB1iJk/8Gt5ZF2bhS6+B6bPYz424KtwsR6Rflc3tCz1/ghX2dQ==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "@types/node": "*"
+            },
+            "engines": {
+                "node": ">=4.0"
+            }
+        },
+        "node_modules/bytes": {
+            "version": "3.1.2",
+            "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.1.2.tgz",
+            "integrity": "sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg==",
+            "license": "MIT",
+            "engines": {
+                "node": ">= 0.8"
+            }
+        },
+        "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": {
+                "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/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==",
+            "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==",
+            "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/caniuse-lite": {
+            "version": "1.0.30001817",
+            "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001817.tgz",
+            "integrity": "sha512-uZ1JG80BwhtMalIAGPxPfmNhHyd/B/nTdr3hITWlRamSyAdUStP1Gop01e7SD5q6J90ixJvWDbvmiFVfDgn4bw==",
+            "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/chai": {
+            "version": "6.3.0",
+            "resolved": "https://registry.npmjs.org/chai/-/chai-6.3.0.tgz",
+            "integrity": "sha512-XWAtwJ6OHO+tj0EKCs0Y2UamnyOxseZWltU4x2U2wh8g4AigdjwvtUjvLP2tqkA/avxHEtzxNaqGq/YGNwckKg==",
+            "dev": true,
+            "license": "MIT",
+            "engines": {
+                "node": ">=18"
+            }
+        },
+        "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/chokidar": {
+            "version": "5.0.0",
+            "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-5.0.0.tgz",
+            "integrity": "sha512-TQMmc3w+5AxjpL8iIiwebF73dRDF4fBIieAqGn9RGCWaEVwQ6Fb2cGe31Yns0RRIzii5goJ1Y7xbMwo1TxMplw==",
+            "license": "MIT",
+            "dependencies": {
+                "readdirp": "^5.0.0"
+            },
+            "engines": {
+                "node": ">= 20.19.0"
+            },
+            "funding": {
+                "url": "https://paulmillr.com/funding/"
+            }
+        },
+        "node_modules/class-variance-authority": {
+            "version": "0.7.1",
+            "resolved": "https://registry.npmjs.org/class-variance-authority/-/class-variance-authority-0.7.1.tgz",
+            "integrity": "sha512-Ka+9Trutv7G8M6WT6SeiRWz792K5qEqIGEGzXKhAE6xOWAY6pPH8U+9IY3oCMv6kqTmLsv7Xh/2w2RigkePMsg==",
+            "license": "Apache-2.0",
+            "dependencies": {
+                "clsx": "^2.1.1"
+            },
+            "funding": {
+                "url": "https://polar.sh/cva"
+            }
+        },
+        "node_modules/clsx": {
+            "version": "2.1.1",
+            "resolved": "https://registry.npmjs.org/clsx/-/clsx-2.1.1.tgz",
+            "integrity": "sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA==",
+            "license": "MIT",
+            "engines": {
+                "node": ">=6"
+            }
+        },
+        "node_modules/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/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": "2.0.1",
+            "resolved": "https://registry.npmjs.org/content-disposition/-/content-disposition-2.0.1.tgz",
+            "integrity": "sha512-e+H0ZXHSWYrENhQzw1LPuP4oF5MzVKmDU6d3hxlvaPEYLLg62MxtQNPRx4SYSuYJSBUgnQIG4HIN2tEtNv7Dog==",
+            "license": "MIT",
+            "engines": {
+                "node": ">=18"
+            },
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/express"
+            }
+        },
+        "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==",
+            "license": "MIT",
+            "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==",
+            "license": "MIT"
+        },
+        "node_modules/convex": {
+            "version": "1.47.0",
+            "resolved": "https://registry.npmjs.org/convex/-/convex-1.47.0.tgz",
+            "integrity": "sha512-B1z/lOmex7i09NASq8+2WG9rZLzGXXOSkpwGOpaNIvOs4awyW4RMgpVBjt8r2wvvHwhEBEsOr2pGYpulnmAxYQ==",
+            "license": "Apache-2.0",
+            "dependencies": {
+                "esbuild": "0.27.0",
+                "prettier": "^3.0.0",
+                "ws": "8.21.0"
+            },
+            "bin": {
+                "convex": "bin/main.js"
+            },
+            "engines": {
+                "node": ">=20.0.0",
+                "npm": ">=7.0.0"
+            },
+            "peerDependencies": {
+                "@auth0/auth0-react": "^2.0.1",
+                "@clerk/clerk-react": "^4.12.8 || ^5.0.0",
+                "@clerk/react": "^6.4.3",
+                "react": "^18.0.0 || ^19.0.0-0 || ^19.0.0"
+            },
+            "peerDependenciesMeta": {
+                "@auth0/auth0-react": {
+                    "optional": true
+                },
+                "@clerk/clerk-react": {
+                    "optional": true
+                },
+                "@clerk/react": {
+                    "optional": true
+                },
+                "react": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/cookie": {
+            "version": "0.7.2",
+            "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.7.2.tgz",
+            "integrity": "sha512-yki5XnKuf750l50uGTllt6kKILY4nQ1eNIQatoXEByZ5dWgnKqbnqmTrBE5B4N7lrMJKQ2ytWMiTO2o0v6Ew/w==",
+            "license": "MIT",
+            "engines": {
+                "node": ">= 0.6"
+            }
+        },
+        "node_modules/cookie-es": {
+            "version": "3.1.1",
+            "resolved": "https://registry.npmjs.org/cookie-es/-/cookie-es-3.1.1.tgz",
+            "integrity": "sha512-UaXxwISYJPTr9hwQxMFYZ7kNhSXboMXP+Z3TRX6f1/NyaGPfuNUZOWP1pUEb75B2HjfklIYLVRfWiFZJyC6Npg==",
+            "license": "MIT"
+        },
+        "node_modules/cookie-signature": {
+            "version": "1.2.2",
+            "resolved": "https://registry.npmjs.org/cookie-signature/-/cookie-signature-1.2.2.tgz",
+            "integrity": "sha512-D76uU73ulSXrD1UXF4KE2TMxVVwhsnCgfAyTg9k8P6KGZjlXKrOLe4dJQKI3Bxi5wjesZoFXJWElNWBjPZMbhg==",
+            "license": "MIT",
+            "engines": {
+                "node": ">=6.6.0"
+            }
+        },
+        "node_modules/core-js": {
+            "version": "3.51.0",
+            "resolved": "https://registry.npmjs.org/core-js/-/core-js-3.51.0.tgz",
+            "integrity": "sha512-7bDKx/5jm5MxzsXxc93g6Z2+4ZsuT/MddrfRmTDJNAkWsYWHU8EVNEsBiIEWnMAMCHMmRfUEjkuo3jeNBOIHRw==",
+            "hasInstallScript": true,
+            "license": "MIT",
+            "engines": {
+                "node": "*"
+            },
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/core-js"
+            }
+        },
+        "node_modules/core-util-is": {
+            "version": "1.0.3",
+            "resolved": "https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.3.tgz",
+            "integrity": "sha512-ZQBvi1DcpJ4GDqanjucZ2Hj3wEO5pZDS89BWbkcrvdxksJorwUDDZamX9ldFkp9aw2lmBDLgkObEA4DWNJ9FYQ==",
+            "license": "MIT"
+        },
+        "node_modules/cors": {
+            "version": "2.8.6",
+            "resolved": "https://registry.npmjs.org/cors/-/cors-2.8.6.tgz",
+            "integrity": "sha512-tJtZBBHA6vjIAaF6EnIaq6laBBP9aq/Y3ouVJjEfoHbRBcHBAHYcMh/w8LDrk2PvIMMq8gmopa5D4V8RmbrxGw==",
+            "license": "MIT",
+            "dependencies": {
+                "object-assign": "^4",
+                "vary": "^1"
+            },
+            "engines": {
+                "node": ">= 0.10"
+            },
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/express"
+            }
+        },
+        "node_modules/cross-spawn": {
+            "version": "7.0.6",
+            "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz",
+            "integrity": "sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==",
+            "license": "MIT",
+            "dependencies": {
+                "path-key": "^3.1.0",
+                "shebang-command": "^2.0.0",
+                "which": "^2.0.1"
+            },
+            "engines": {
+                "node": ">= 8"
+            }
+        },
+        "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==",
+            "devOptional": true,
+            "license": "MIT"
+        },
+        "node_modules/d": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/d/-/d-1.0.2.tgz",
+            "integrity": "sha512-MOqHvMWF9/9MX6nza0KgvFH4HpMU0EF5uUDXqX/BtxtU8NfB0QzRtJ8Oe/6SuS4kbhyzVJwjd97EA4PKrzJ8bw==",
+            "license": "ISC",
+            "dependencies": {
+                "es5-ext": "^0.10.64",
+                "type": "^2.7.2"
+            },
+            "engines": {
+                "node": ">=0.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/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/depd": {
+            "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/depd/-/depd-2.0.0.tgz",
+            "integrity": "sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==",
+            "license": "MIT",
+            "engines": {
+                "node": ">= 0.8"
+            }
+        },
+        "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",
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/detect-node-es": {
+            "version": "1.1.0",
+            "resolved": "https://registry.npmjs.org/detect-node-es/-/detect-node-es-1.1.0.tgz",
+            "integrity": "sha512-ypdmJU/TbBby2Dxibuv7ZLW3Bs1QEmM7nHjEANfohJLvE0XVujisn1qPJcZxg+qDucsr+bP6fLD1rPS3AhJ7EQ==",
+            "license": "MIT"
+        },
+        "node_modules/diff": {
+            "version": "9.0.0",
+            "resolved": "https://registry.npmjs.org/diff/-/diff-9.0.0.tgz",
+            "integrity": "sha512-svtcdpS8CgJyqAjEQIXdb3OjhFVVYjzGAPO8WGCmRbrml64SPw/jJD4GoE98aR7r25A0XcgrK3F02yw9R/vhQw==",
+            "license": "BSD-3-Clause",
+            "engines": {
+                "node": ">=0.3.1"
+            }
+        },
+        "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==",
+            "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/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==",
+            "license": "MIT"
+        },
+        "node_modules/electron-to-chromium": {
+            "version": "1.5.462",
+            "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.462.tgz",
+            "integrity": "sha512-9qpCBlXPy5v7n1Q7WTO5rW2StI4WNQhl96HpgXRZLPlNoXAD0LbsQUflovQYAO44Yia073ISusqohncvGSMbGA==",
+            "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==",
+            "license": "MIT",
+            "engines": {
+                "node": ">= 0.8"
+            }
+        },
+        "node_modules/enhanced-resolve": {
+            "version": "5.26.0",
+            "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.26.0.tgz",
+            "integrity": "sha512-9vhedylFonb2YGogzUKX6+Ja72gOJbN1QHAqdrvqLwhdl/QWbKopzoUC9EbQNVsAns/bx/4uyqalrQAoy1IByw==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "graceful-fs": "^4.2.4",
+                "tapable": "^2.3.3"
+            },
+            "engines": {
+                "node": ">=10.13.0"
+            }
+        },
+        "node_modules/entities": {
+            "version": "7.0.1",
+            "resolved": "https://registry.npmjs.org/entities/-/entities-7.0.1.tgz",
+            "integrity": "sha512-TWrgLOFUQTH994YUyl1yT4uyavY5nNB5muff+RtWaqNVCAK408b5ZnnbNAUEWLTCpum9w6arT70i1XdQ4UeOPA==",
+            "dev": true,
+            "license": "BSD-2-Clause",
+            "engines": {
+                "node": ">=0.12"
+            },
+            "funding": {
+                "url": "https://github.com/fb55/entities?sponsor=1"
+            }
+        },
+        "node_modules/epubjs": {
+            "version": "0.3.93",
+            "resolved": "https://registry.npmjs.org/epubjs/-/epubjs-0.3.93.tgz",
+            "integrity": "sha512-c06pNSdBxcXv3dZSbXAVLE1/pmleRhOT6mXNZo6INKmvuKpYB65MwU/lO7830czCtjIiK9i+KR+3S+p0wtljrw==",
+            "license": "BSD-2-Clause",
+            "dependencies": {
+                "@types/localforage": "0.0.34",
+                "@xmldom/xmldom": "^0.7.5",
+                "core-js": "^3.18.3",
+                "event-emitter": "^0.3.5",
+                "jszip": "^3.7.1",
+                "localforage": "^1.10.0",
+                "lodash": "^4.17.21",
+                "marks-pane": "^1.0.9",
+                "path-webpack": "0.0.3"
+            }
+        },
+        "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-abstract-get": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/es-abstract-get/-/es-abstract-get-1.0.0.tgz",
+            "integrity": "sha512-6PMWXpdhshVvFp+FoWYs1EvG1Nj0tvk0dZM+XcK0xMEM1czRVcP6ohqPWHy6qPagSpC8j4+p89WXlT+xXJs/fg==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "es-errors": "^1.3.0",
+                "es-object-atoms": "^1.1.2",
+                "is-callable": "^1.2.7",
+                "object-inspect": "^1.13.4"
+            },
+            "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==",
+            "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==",
+            "license": "MIT",
+            "engines": {
+                "node": ">= 0.4"
+            }
+        },
+        "node_modules/es-module-lexer": {
+            "version": "2.3.2",
+            "resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-2.3.2.tgz",
+            "integrity": "sha512-poHGpORABojJJucnV9KbOavETW8lBVnphkW77ER5/BQ5Fz7oXSoCNek7IH3vR5nRjdsEz926ibFYX8KtLQmdyw==",
+            "dev": true,
+            "license": "MIT"
+        },
+        "node_modules/es-object-atoms": {
+            "version": "1.1.2",
+            "resolved": "https://registry.npmjs.org/es-object-atoms/-/es-object-atoms-1.1.2.tgz",
+            "integrity": "sha512-HWcBoN6NileqtSydK2FqHbS/LoDd2pqrnQHLyJzBj4kOp/ky2MWMN694xOfkK8/SnUsW2DH7EfyVlydKCsm1Zw==",
+            "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.4",
+            "resolved": "https://registry.npmjs.org/es-to-primitive/-/es-to-primitive-1.3.4.tgz",
+            "integrity": "sha512-yPDz7wqpg1/mmHLmS3tcfTfbw5f1eryXvyghYBffGdERwe+mV7ZcWzTR8LR17Kvqt3qfPurjlonmnq3MKXIOXw==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "es-abstract-get": "^1.0.0",
+                "es-define-property": "^1.0.1",
+                "es-errors": "^1.3.0",
+                "is-callable": "^1.2.7",
+                "is-date-object": "^1.1.0",
+                "is-symbol": "^1.1.1"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/es5-ext": {
+            "version": "0.10.64",
+            "resolved": "https://registry.npmjs.org/es5-ext/-/es5-ext-0.10.64.tgz",
+            "integrity": "sha512-p2snDhiLaXe6dahss1LddxqEm+SkuDvV8dnIQG0MWjyHpcMNfXKPE+/Cc0y+PhxJX3A4xGNeFCj5oc0BUh6deg==",
+            "hasInstallScript": true,
+            "license": "ISC",
+            "dependencies": {
+                "es6-iterator": "^2.0.3",
+                "es6-symbol": "^3.1.3",
+                "esniff": "^2.0.1",
+                "next-tick": "^1.1.0"
+            },
+            "engines": {
+                "node": ">=0.10"
+            }
+        },
+        "node_modules/es6-iterator": {
+            "version": "2.0.3",
+            "resolved": "https://registry.npmjs.org/es6-iterator/-/es6-iterator-2.0.3.tgz",
+            "integrity": "sha512-zw4SRzoUkd+cl+ZoE15A9o1oQd920Bb0iOJMQkQhl3jNc03YqVjAhG7scf9C5KWRU/R13Orf588uCC6525o02g==",
+            "license": "MIT",
+            "dependencies": {
+                "d": "1",
+                "es5-ext": "^0.10.35",
+                "es6-symbol": "^3.1.1"
+            }
+        },
+        "node_modules/es6-symbol": {
+            "version": "3.1.4",
+            "resolved": "https://registry.npmjs.org/es6-symbol/-/es6-symbol-3.1.4.tgz",
+            "integrity": "sha512-U9bFFjX8tFiATgtkJ1zg25+KviIXpgRvRHS8sau3GfhVzThRQrOeksPeT0BWW2MNZs1OEWJ1DPXOQMn0KKRkvg==",
+            "license": "ISC",
+            "dependencies": {
+                "d": "^1.0.2",
+                "ext": "^1.7.0"
+            },
+            "engines": {
+                "node": ">=0.12"
+            }
+        },
+        "node_modules/esbuild": {
+            "version": "0.27.0",
+            "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.27.0.tgz",
+            "integrity": "sha512-jd0f4NHbD6cALCyGElNpGAOtWxSq46l9X/sWB0Nzd5er4Kz2YTm+Vl0qKFT9KUJvD8+fiO8AvoHhFvEatfVixA==",
+            "hasInstallScript": true,
+            "license": "MIT",
+            "bin": {
+                "esbuild": "bin/esbuild"
+            },
+            "engines": {
+                "node": ">=18"
+            },
+            "optionalDependencies": {
+                "@esbuild/aix-ppc64": "0.27.0",
+                "@esbuild/android-arm": "0.27.0",
+                "@esbuild/android-arm64": "0.27.0",
+                "@esbuild/android-x64": "0.27.0",
+                "@esbuild/darwin-arm64": "0.27.0",
+                "@esbuild/darwin-x64": "0.27.0",
+                "@esbuild/freebsd-arm64": "0.27.0",
+                "@esbuild/freebsd-x64": "0.27.0",
+                "@esbuild/linux-arm": "0.27.0",
+                "@esbuild/linux-arm64": "0.27.0",
+                "@esbuild/linux-ia32": "0.27.0",
+                "@esbuild/linux-loong64": "0.27.0",
+                "@esbuild/linux-mips64el": "0.27.0",
+                "@esbuild/linux-ppc64": "0.27.0",
+                "@esbuild/linux-riscv64": "0.27.0",
+                "@esbuild/linux-s390x": "0.27.0",
+                "@esbuild/linux-x64": "0.27.0",
+                "@esbuild/netbsd-arm64": "0.27.0",
+                "@esbuild/netbsd-x64": "0.27.0",
+                "@esbuild/openbsd-arm64": "0.27.0",
+                "@esbuild/openbsd-x64": "0.27.0",
+                "@esbuild/openharmony-arm64": "0.27.0",
+                "@esbuild/sunos-x64": "0.27.0",
+                "@esbuild/win32-arm64": "0.27.0",
+                "@esbuild/win32-ia32": "0.27.0",
+                "@esbuild/win32-x64": "0.27.0"
+            }
+        },
+        "node_modules/escalade": {
+            "version": "3.2.0",
+            "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.2.0.tgz",
+            "integrity": "sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==",
+            "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==",
+            "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.5",
+            "resolved": "https://registry.npmjs.org/eslint/-/eslint-9.39.5.tgz",
+            "integrity": "sha512-DgZS62aPLXKlnxILS/AYCoRvHaZeXceIzlXPkkGGzJWSow1aEk0lbTlxUSlyjC8jcaKxAdOnTDz+o1JFSBsyjw==",
+            "deprecated": "This version is no longer supported. Please see https://eslint.org/version-support for other options.",
+            "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.6",
+                "@eslint/js": "9.39.5",
+                "@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-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-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/esniff": {
+            "version": "2.0.1",
+            "resolved": "https://registry.npmjs.org/esniff/-/esniff-2.0.1.tgz",
+            "integrity": "sha512-kTUIGKQ/mDPFoJ0oVfcmyJn4iBDRptjNVIzwIFR7tqWXdVI9xfA2RMwY/gbSpJG3lkdWNEjLap/NqVHZiJsdfg==",
+            "license": "ISC",
+            "dependencies": {
+                "d": "^1.0.1",
+                "es5-ext": "^0.10.62",
+                "event-emitter": "^0.3.5",
+                "type": "^2.7.2"
+            },
+            "engines": {
+                "node": ">=0.10"
+            }
+        },
+        "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/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-walker": {
+            "version": "3.0.3",
+            "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-3.0.3.tgz",
+            "integrity": "sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "@types/estree": "^1.0.0"
+            }
+        },
+        "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==",
+            "license": "MIT",
+            "engines": {
+                "node": ">= 0.6"
+            }
+        },
+        "node_modules/event-emitter": {
+            "version": "0.3.5",
+            "resolved": "https://registry.npmjs.org/event-emitter/-/event-emitter-0.3.5.tgz",
+            "integrity": "sha512-D9rRn9y7kLPnJ+hMq7S/nhvoKwwvVJahBi2BPmx3bvbsEdK3W9ii8cBSGjP+72/LnM4n6fo3+dkCX5FeTQruXA==",
+            "license": "MIT",
+            "dependencies": {
+                "d": "1",
+                "es5-ext": "~0.10.14"
+            }
+        },
+        "node_modules/eventsource": {
+            "version": "3.0.7",
+            "resolved": "https://registry.npmjs.org/eventsource/-/eventsource-3.0.7.tgz",
+            "integrity": "sha512-CRT1WTyuQoD771GW56XEZFQ/ZoSfWid1alKGDYMmkt2yl8UXrVR4pspqWNEcqKvVIzg6PAltWjxcSSPrboA4iA==",
+            "license": "MIT",
+            "dependencies": {
+                "eventsource-parser": "^3.0.1"
+            },
+            "engines": {
+                "node": ">=18.0.0"
+            }
+        },
+        "node_modules/eventsource-parser": {
+            "version": "3.1.1",
+            "resolved": "https://registry.npmjs.org/eventsource-parser/-/eventsource-parser-3.1.1.tgz",
+            "integrity": "sha512-EKN1vKAMcZ8MlYMpaNuxN6R9yakzH6uajHcHVTqWJzvu5pWw9DyhbP35HH8MVBQ+dZjAfDxk+A8NiR9KWaXiyQ==",
+            "license": "MIT",
+            "engines": {
+                "node": ">=18.0.0"
+            }
+        },
+        "node_modules/expect-type": {
+            "version": "1.4.0",
+            "resolved": "https://registry.npmjs.org/expect-type/-/expect-type-1.4.0.tgz",
+            "integrity": "sha512-KfYbmpRm0VbLjEvVa9yGwCi9GI34xvi7A/HXYWQO65CSD2u3MczUJSuwXKFIxlGsgBQizV9q5J9NHj4VG0n+pA==",
+            "dev": true,
+            "license": "Apache-2.0",
+            "engines": {
+                "node": ">=12.0.0"
+            }
+        },
+        "node_modules/express": {
+            "version": "5.3.0",
+            "resolved": "https://registry.npmjs.org/express/-/express-5.3.0.tgz",
+            "integrity": "sha512-qCqy1xSoaugxOD4IVHb1ZWdkvCF2W3aE2okKouWj8VwJ+ztskSiXoBnCSJqfKT+cVPJhuJqe9YLbY425+Zh00g==",
+            "license": "MIT",
+            "dependencies": {
+                "accepts": "^2.0.0",
+                "body-parser": "^2.3.0",
+                "content-disposition": "^2.0.1",
+                "content-type": "^2.0.0",
+                "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.8",
+                "qs": "^6.16.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.1.0",
+                "vary": "^1.1.2"
+            },
+            "engines": {
+                "node": ">= 18"
+            },
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/express"
+            }
+        },
+        "node_modules/express-rate-limit": {
+            "version": "8.7.1",
+            "resolved": "https://registry.npmjs.org/express-rate-limit/-/express-rate-limit-8.7.1.tgz",
+            "integrity": "sha512-2FXbqkygil3mZiXzEtM0IjE/UBmBNot0J1GEVrJT4JbrvwOSoEtqtO+wHbiMQELWe1eNvHoYRg2dkjOid+6JkA==",
+            "license": "MIT",
+            "dependencies": {
+                "debug": "^4.4.3",
+                "ip-address": "^10.2.0"
+            },
+            "engines": {
+                "node": ">= 16"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/express-rate-limit"
+            },
+            "peerDependencies": {
+                "express": ">= 4.11"
+            }
+        },
+        "node_modules/express/node_modules/content-type": {
+            "version": "2.1.0",
+            "resolved": "https://registry.npmjs.org/content-type/-/content-type-2.1.0.tgz",
+            "integrity": "sha512-mj7UPXE0jaqaOsukNZRUEfEi2AcL7C/vwmwcHV0O97eO1E1pxBZuyjlZrx5seTaNBg1U6+o35wpa35Qfcc+7ag==",
+            "license": "MIT",
+            "engines": {
+                "node": ">=18"
+            },
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/express"
+            }
+        },
+        "node_modules/exsolve": {
+            "version": "1.1.3",
+            "resolved": "https://registry.npmjs.org/exsolve/-/exsolve-1.1.3.tgz",
+            "integrity": "sha512-kuzL9zherLQoqDeQaS55AiiIg1kb4KYXaSusTtgZTPlvKP2gGCI82LNmBNh5RjDVUXIcmgx+/Mx7vPwRzBbhJA==",
+            "license": "MIT"
+        },
+        "node_modules/ext": {
+            "version": "1.7.0",
+            "resolved": "https://registry.npmjs.org/ext/-/ext-1.7.0.tgz",
+            "integrity": "sha512-6hxeJYaL110a9b5TEJSj0gojyHQAmA2ch5Os+ySCiA1QGdS697XWY1pzsrSjqA9LDEEgdB/KypIlR59RcLuHYw==",
+            "license": "ISC",
+            "dependencies": {
+                "type": "^2.7.2"
+            }
+        },
+        "node_modules/fake-indexeddb": {
+            "version": "6.2.6",
+            "resolved": "https://registry.npmjs.org/fake-indexeddb/-/fake-indexeddb-6.2.6.tgz",
+            "integrity": "sha512-ihhmr0KoET51jT8R4YhbUYuLLvr1qqO6INISygtN16i8loR8kAxtAUr4+EKHTSMjL+lggaAn4OC7DRqzrNgnuQ==",
+            "dev": true,
+            "license": "Apache-2.0",
+            "engines": {
+                "node": ">=18"
+            }
+        },
+        "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==",
+            "license": "MIT"
+        },
+        "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-uri": {
+            "version": "3.1.9",
+            "resolved": "https://registry.npmjs.org/fast-uri/-/fast-uri-3.1.9.tgz",
+            "integrity": "sha512-hS/0Wt3Ya043oKXs0sIxrMpKQITXhMLIrVAKKXi4gozGC9v7YRWVnXIZzjNPTO02M9BdxLCWqK1yRXgNziVyJQ==",
+            "funding": [
+                {
+                    "type": "github",
+                    "url": "https://github.com/sponsors/fastify"
+                },
+                {
+                    "type": "opencollective",
+                    "url": "https://opencollective.com/fastify"
+                }
+            ],
+            "license": "BSD-3-Clause"
+        },
+        "node_modules/fdir": {
+            "version": "6.5.0",
+            "resolved": "https://registry.npmjs.org/fdir/-/fdir-6.5.0.tgz",
+            "integrity": "sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==",
+            "license": "MIT",
+            "engines": {
+                "node": ">=12.0.0"
+            },
+            "peerDependencies": {
+                "picomatch": "^3 || ^4"
+            },
+            "peerDependenciesMeta": {
+                "picomatch": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/fetchdts": {
+            "version": "0.2.0",
+            "resolved": "https://registry.npmjs.org/fetchdts/-/fetchdts-0.2.0.tgz",
+            "integrity": "sha512-PJb4ZTGT2/wK78RmVrxZITStWabhZlKBsL52VOgq+c7clEkdHdEB+0rtzrXCbZJqeYJj+IwNWYqB5/G6vouA6A==",
+            "license": "MIT"
+        },
+        "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/finalhandler": {
+            "version": "2.1.1",
+            "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-2.1.1.tgz",
+            "integrity": "sha512-S8KoZgRZN+a5rNwqTxlZZePjT/4cnm0ROV70LedRHZ0p8u9fRID0hJUZQpkKLzro8LfmC8sx23bY6tVNxv8pQA==",
+            "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.4",
+            "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.4.4.tgz",
+            "integrity": "sha512-5+ybhBZANEJxaH3X5evAFatUxLfEHSr7n6kYJ+1Qd0mUqr4eu9gIf6GDbWHf8RJijHrjjO8G+la14SlL2SeS1Q==",
+            "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/forwarded": {
+            "version": "0.2.0",
+            "resolved": "https://registry.npmjs.org/forwarded/-/forwarded-0.2.0.tgz",
+            "integrity": "sha512-buRG0fpBtRHSTCOASe6hD258tEubFoRLb4ZNA6NxMVHNw2gOcwHo9wyablzMzOA5z9xA9L1KNjk/Nt6MT9aYow==",
+            "license": "MIT",
+            "engines": {
+                "node": ">= 0.6"
+            }
+        },
+        "node_modules/framer-motion": {
+            "version": "12.34.5",
+            "resolved": "https://registry.npmjs.org/framer-motion/-/framer-motion-12.34.5.tgz",
+            "integrity": "sha512-Z2dQ+o7BsfpJI3+u0SQUNCrN+ajCKJen1blC4rCHx1Ta2EOHs+xKJegLT2aaD9iSMbU3OoX+WabQXkloUbZmJQ==",
+            "license": "MIT",
+            "dependencies": {
+                "motion-dom": "^12.34.5",
+                "motion-utils": "^12.29.2",
+                "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",
+            "integrity": "sha512-Rx/WycZ60HOaqLKAi6cHRKKI7zxWbJ31MhntmtwMoaTeF7XFH9hhBp8vITaMidfljRQ6eYWCKkaTK+ykVJHP2A==",
+            "license": "MIT",
+            "engines": {
+                "node": ">= 0.8"
+            }
+        },
+        "node_modules/fsevents": {
+            "version": "2.3.3",
+            "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
+            "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
+            "hasInstallScript": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "darwin"
+            ],
+            "engines": {
+                "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
+            }
+        },
+        "node_modules/function-bind": {
+            "version": "1.1.2",
+            "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
+            "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
+            "license": "MIT",
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/function.prototype.name": {
+            "version": "1.2.0",
+            "resolved": "https://registry.npmjs.org/function.prototype.name/-/function.prototype.name-1.2.0.tgz",
+            "integrity": "sha512-jObKIik1P2QjPHP5nz5BaOtUlfgS0fWo8IUByNXkM+o+02sJOi94em77GwJKQSJ3gfPHdgzLNrHc1uokV4P/ew==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "call-bind": "^1.0.9",
+                "call-bound": "^1.0.4",
+                "es-define-property": "^1.0.1",
+                "es-errors": "^1.3.0",
+                "functions-have-names": "^1.2.3",
+                "has-property-descriptors": "^1.0.2",
+                "hasown": "^2.0.4",
+                "is-callable": "^1.2.7",
+                "is-document.all": "^1.0.0"
+            },
+            "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==",
+            "license": "MIT",
+            "engines": {
+                "node": ">=6.9.0"
+            }
+        },
+        "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==",
+            "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-nonce": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/get-nonce/-/get-nonce-1.0.1.tgz",
+            "integrity": "sha512-FJhYRoDaiatfEkUK8HKlicmu/3SGFD51q3itKDGoSTysQJBnfOcxU5GxnhE1E6soB76MbT0MBtnKJuXyAx+96Q==",
+            "license": "MIT",
+            "engines": {
+                "node": ">=6"
+            }
+        },
+        "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==",
+            "license": "MIT",
+            "dependencies": {
+                "dunder-proto": "^1.0.1",
+                "es-object-atoms": "^1.0.0"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            }
+        },
+        "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/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/globals": {
+            "version": "17.13.0",
+            "resolved": "https://registry.npmjs.org/globals/-/globals-17.13.0.tgz",
+            "integrity": "sha512-RwMTC61u7hrG3ZJMkZQOK4JLJrKS8QtoTii63EmWvFXHqycY9FObBJQCbsLxSO8kjKhWE5kV1GC+Vb1g3RI0Zg==",
+            "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==",
+            "license": "MIT",
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "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==",
+            "dev": true,
+            "license": "ISC"
+        },
+        "node_modules/happy-dom": {
+            "version": "21.0.4",
+            "resolved": "https://registry.npmjs.org/happy-dom/-/happy-dom-21.0.4.tgz",
+            "integrity": "sha512-tFm+GaLBgo6o0awHnvHaNoraVo27qJ+2tZEtZ+cIa08hXbeitrxAJajLI05hsUy/2/YTKcUjQYzHe5mCcraLBw==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "@types/node": ">=20.0.0",
+                "@types/whatwg-mimetype": "^3.0.2",
+                "@types/ws": "^8.18.1",
+                "buffer-image-size": "^0.6.4",
+                "entities": "^7.0.1",
+                "whatwg-mimetype": "^3.0.0",
+                "ws": "^8.21.0"
+            },
+            "engines": {
+                "node": ">=20.0.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==",
+            "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==",
+            "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.4",
+            "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.4.tgz",
+            "integrity": "sha512-T2UbfbBEF32wiepXIsMlTW9+dDYC6wMh/t/vYA4tuOMKqWz/n3vr1NFSxQiyP+zk2mXsoMA/i/7qV6LKut1t1A==",
+            "license": "MIT",
+            "dependencies": {
+                "function-bind": "^1.1.2"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            }
+        },
+        "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/hono": {
+            "version": "4.13.13",
+            "resolved": "https://registry.npmjs.org/hono/-/hono-4.13.13.tgz",
+            "integrity": "sha512-CQ46U0ZkAGmbT/4UxdzzGJpacP2IeKgY4a5/tOI9AABbpOMfK739wfDXmv1usCk+3RkKj1hQy4/fjhiwa2xlrA==",
+            "license": "MIT",
+            "engines": {
+                "node": ">=16.9.0"
+            }
+        },
+        "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==",
+            "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/iconv-lite": {
+            "version": "0.7.3",
+            "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.7.3.tgz",
+            "integrity": "sha512-IKXpvIzjnC9XTAUbVBcMfGS0EPaIXtW6v+zr+RRp+hqULEpo0owZax6wyRwPOJbWbzjYspQwusTsfVr0ifh4uQ==",
+            "license": "MIT",
+            "dependencies": {
+                "safer-buffer": ">= 2.1.2 < 3.0.0"
+            },
+            "engines": {
+                "node": ">=0.10.0"
+            },
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/express"
+            }
+        },
+        "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/immediate": {
+            "version": "3.0.6",
+            "resolved": "https://registry.npmjs.org/immediate/-/immediate-3.0.6.tgz",
+            "integrity": "sha512-XXOFtyqDjNDAQxVfYxuF7g9Il/IbWmmlQg2MYKOH8ExIT1qg6xc4zyS3HaEEATgs1btfzxq15ciUiY7gjSXRGQ==",
+            "license": "MIT"
+        },
+        "node_modules/import-fresh": {
+            "version": "3.3.1",
+            "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.1.tgz",
+            "integrity": "sha512-TR3KfrTZTYLPB6jUjfx6MF9WcWrHL9su5TObK4ZkYgBdWKPOFoSoQIdEuTuR82pmtxH2spWG9h6etwfr1pLBqQ==",
+            "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==",
+            "license": "ISC"
+        },
+        "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/ip-address": {
+            "version": "10.7.4",
+            "resolved": "https://registry.npmjs.org/ip-address/-/ip-address-10.7.4.tgz",
+            "integrity": "sha512-DWBMKyeM25D70nrIiTkgQth59/G+naKOTep6huF9j+GmeK3DMD60Zvxg5d5qQnz+38AHgou6ean2LECX+lrKDg==",
+            "license": "MIT",
+            "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==",
+            "license": "MIT",
+            "engines": {
+                "node": ">= 0.10"
+            }
+        },
+        "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-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-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-document.all": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/is-document.all/-/is-document.all-1.0.0.tgz",
+            "integrity": "sha512-+XSoyS05OdBbhFuELhgTCpFNHkpBOJqtsZfUFFpe5QTw+9Sjbh8zitxhQkYAo6wV7e1Vb8cAPvpCk9jGam/82g==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "call-bound": "^1.0.4"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/is-extglob": {
+            "version": "2.1.1",
+            "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
+            "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
+            "dev": true,
+            "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-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-network-error": {
+            "version": "1.3.2",
+            "resolved": "https://registry.npmjs.org/is-network-error/-/is-network-error-1.3.2.tgz",
+            "integrity": "sha512-PhBY86zaxNZUuWP6h13Vu5oFe0XY6/UlKzQnYFELzGVHygP3MxmvTfYSG7GN3aIab/iWudSMgjSnG9Dq+nHrgA==",
+            "license": "MIT",
+            "engines": {
+                "node": ">=16"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/sindresorhus"
+            }
+        },
+        "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-promise": {
+            "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/is-promise/-/is-promise-4.0.0.tgz",
+            "integrity": "sha512-hvpoI6korhJMnej285dSg6nu1+e6uxs7zG3BYAm5byqDsgJNWwxzM6z6iZiAgQR4TJ30JmBTOwqZUw3WlyH3AQ==",
+            "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-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/isbot": {
+            "version": "5.2.2",
+            "resolved": "https://registry.npmjs.org/isbot/-/isbot-5.2.2.tgz",
+            "integrity": "sha512-iQcBXcd+Rv/pkubRyGh2utW2j1oPG5hZY6TUhVPpqK4G+o3IbxpJNx04hgksjc/N7GK5pEorUxDeg31cFgEk/w==",
+            "license": "Unlicense",
+            "engines": {
+                "node": ">=18"
+            }
+        },
+        "node_modules/isexe": {
+            "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
+            "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==",
+            "license": "ISC"
+        },
+        "node_modules/jiti": {
+            "version": "2.7.0",
+            "resolved": "https://registry.npmjs.org/jiti/-/jiti-2.7.0.tgz",
+            "integrity": "sha512-AC/7JofJvZGrrneWNaEnJeOLUx+JlGt7tNa0wZiRPT4MY1wmfKjt2+6O2p2uz2+skll8OZZmJMNqeke7kKbNgQ==",
+            "license": "MIT",
+            "bin": {
+                "jiti": "lib/jiti-cli.mjs"
+            }
+        },
+        "node_modules/jose": {
+            "version": "6.2.13",
+            "resolved": "https://registry.npmjs.org/jose/-/jose-6.2.13.tgz",
+            "integrity": "sha512-7TIg10ZE1x82YediN+lcrPNvGMKge9yFHQD+Qho/b8y2adfugU3AsvvHfxV0fzyFllT6l9xCjf4RWY9g/Z9PJQ==",
+            "license": "MIT",
+            "funding": {
+                "url": "https://github.com/sponsors/panva"
+            }
+        },
+        "node_modules/js-tokens": {
+            "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
+            "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==",
+            "license": "MIT"
+        },
+        "node_modules/js-yaml": {
+            "version": "4.3.2",
+            "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.3.2.tgz",
+            "integrity": "sha512-SFNOvSJ+Dgf/9An904Yx+CgSlIPCkIpao4qo51lpee25TIRejdH3rhR4EZMGoNx3/TP3O+wzWuiTFl4sqbltzA==",
+            "funding": [
+                {
+                    "type": "github",
+                    "url": "https://github.com/sponsors/puzrin"
+                },
+                {
+                    "type": "github",
+                    "url": "https://github.com/sponsors/nodeca"
+                }
+            ],
+            "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==",
+            "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": {
+            "version": "0.4.0",
+            "resolved": "https://registry.npmjs.org/json-schema/-/json-schema-0.4.0.tgz",
+            "integrity": "sha512-es94M3nTIfsEPisRafak+HDLfHXnKBhV3vU5eqPcS3flIWqcxJWgXHXiey3YrpaNsanY5ei1VoYEbOzijuq9BA==",
+            "license": "(AFL-2.1 OR BSD-3-Clause)"
+        },
+        "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-schema-typed": {
+            "version": "8.0.2",
+            "resolved": "https://registry.npmjs.org/json-schema-typed/-/json-schema-typed-8.0.2.tgz",
+            "integrity": "sha512-fQhoXdcvc3V28x7C7BMs4P5+kNlgUURe2jmUT1T//oBRMDrqy1QPelJimwZGo7Hg9VPV3EQV5Bnq4hbFy2vetA==",
+            "license": "BSD-2-Clause"
+        },
+        "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==",
+            "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/jszip": {
+            "version": "3.10.2",
+            "resolved": "https://registry.npmjs.org/jszip/-/jszip-3.10.2.tgz",
+            "integrity": "sha512-3l+rb15IOWtUhU0H5MFqES/T6Kh7abYwjosBey/vD6hDt8zoEffkSC5Ws5SGtgVw3gBx2NEbhTeSW1+kWkpyTQ==",
+            "license": "(MIT OR GPL-3.0-or-later)",
+            "dependencies": {
+                "lie": "~3.3.0",
+                "pako": "~1.0.2",
+                "readable-stream": "~2.3.6",
+                "setimmediate": "^1.0.5"
+            }
+        },
+        "node_modules/jwt-decode": {
+            "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/jwt-decode/-/jwt-decode-4.0.0.tgz",
+            "integrity": "sha512-+KJGIyHgkGuIq3IEBNftfhW/LfWhXUIY6OmyVWjliu5KH1y0fw7VQ8YndE2O4qZdMSd9SqbnC8GOcZEy0Om7sA==",
+            "license": "MIT",
+            "engines": {
+                "node": ">=18"
+            }
+        },
+        "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/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/lie": {
+            "version": "3.3.0",
+            "resolved": "https://registry.npmjs.org/lie/-/lie-3.3.0.tgz",
+            "integrity": "sha512-UaiMJzeWRlEujzAuw5LokY1L5ecNQYZKfmyZ9L7wDHb/p5etKaxXhohBcrw0EYby+G/NA52vRSN4N39dxHAIwQ==",
+            "license": "MIT",
+            "dependencies": {
+                "immediate": "~3.0.5"
+            }
+        },
+        "node_modules/lightningcss": {
+            "version": "1.32.0",
+            "resolved": "https://registry.npmjs.org/lightningcss/-/lightningcss-1.32.0.tgz",
+            "integrity": "sha512-NXYBzinNrblfraPGyrbPoD19C1h9lfI/1mzgWYvXUTe414Gz/X1FD2XBZSZM7rRTrMA8JL3OtAaGifrIKhQ5yQ==",
+            "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.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"
+            ],
+            "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.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"
+            ],
+            "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.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"
+            ],
+            "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-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"
+            ],
+            "dev": true,
+            "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"
+            ],
+            "dev": true,
+            "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"
+            ],
+            "dev": true,
+            "libc": [
+                "glibc"
+            ],
+            "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"
+            ],
+            "dev": true,
+            "libc": [
+                "musl"
+            ],
+            "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"
+            ],
+            "dev": true,
+            "libc": [
+                "glibc"
+            ],
+            "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"
+            ],
+            "dev": true,
+            "libc": [
+                "musl"
+            ],
+            "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"
+            ],
+            "dev": true,
+            "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"
+            ],
+            "dev": true,
+            "license": "MPL-2.0",
+            "optional": true,
+            "os": [
+                "win32"
+            ],
+            "engines": {
+                "node": ">= 12.0.0"
+            },
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/parcel"
+            }
+        },
+        "node_modules/localforage": {
+            "version": "1.10.0",
+            "resolved": "https://registry.npmjs.org/localforage/-/localforage-1.10.0.tgz",
+            "integrity": "sha512-14/H1aX7hzBBmmh7sGPd+AOMkkIrHM3Z1PAyGgZigA1H1p5O5ANnMyWzvpAETtG68/dC4pC0ncy3+PPGzXZHPg==",
+            "license": "Apache-2.0",
+            "dependencies": {
+                "lie": "3.1.1"
+            }
+        },
+        "node_modules/localforage/node_modules/lie": {
+            "version": "3.1.1",
+            "resolved": "https://registry.npmjs.org/lie/-/lie-3.1.1.tgz",
+            "integrity": "sha512-RiNhHysUjhrDQntfYSfY4MU24coXXdEOgw9WGcKHNeEwffDYbF//u87M1EWaMGzuFoSbqW0C9C6lEEhDOAswfw==",
+            "license": "MIT",
+            "dependencies": {
+                "immediate": "~3.0.5"
+            }
+        },
+        "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": {
+            "version": "4.18.1",
+            "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.18.1.tgz",
+            "integrity": "sha512-dMInicTPVE8d1e5otfwmmjlxkZoUpiVLwyeTdUsi/Caj/gfzzblBcCE5sRHV/AsjuCmxWrte2TNGSYuCeCq+0Q==",
+            "license": "MIT"
+        },
+        "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/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==",
+            "license": "ISC",
+            "dependencies": {
+                "yallist": "^3.0.2"
+            }
+        },
+        "node_modules/lucia": {
+            "version": "3.2.2",
+            "resolved": "https://registry.npmjs.org/lucia/-/lucia-3.2.2.tgz",
+            "integrity": "sha512-P1FlFBGCMPMXu+EGdVD9W4Mjm0DqsusmKgO7Xc33mI5X1bklmsQb0hfzPhXomQr9waWIBDsiOjvr1e6BTaUqpA==",
+            "deprecated": "This package has been deprecated. Please see https://lucia-auth.com/lucia-v3/migrate.",
+            "license": "MIT",
+            "dependencies": {
+                "@oslojs/crypto": "^1.0.1",
+                "@oslojs/encoding": "^1.1.0"
+            }
+        },
+        "node_modules/lucide-react": {
+            "version": "0.576.0",
+            "resolved": "https://registry.npmjs.org/lucide-react/-/lucide-react-0.576.0.tgz",
+            "integrity": "sha512-koNxU14BXrxUfZQ9cUaP0ES1uyPZKYDjk31FQZB6dQ/x+tXk979sVAn9ppZ/pVeJJyOxVM8j1E+8QEuSc02Vug==",
+            "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/marks-pane": {
+            "version": "1.0.9",
+            "resolved": "https://registry.npmjs.org/marks-pane/-/marks-pane-1.0.9.tgz",
+            "integrity": "sha512-Ahs4oeG90tbdPWwAJkAAoHg2lRR8lAs9mZXETNPO9hYg3AkjUJBKi1NQ4aaIQZVGrig7c/3NUV1jANl8rFTeMg==",
+            "license": "MIT"
+        },
+        "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==",
+            "license": "MIT",
+            "engines": {
+                "node": ">= 0.4"
+            }
+        },
+        "node_modules/media-typer": {
+            "version": "1.1.1",
+            "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-1.1.1.tgz",
+            "integrity": "sha512-yz3xRaG20c6/BOzvYoDaGtPmGscs7YivItZEEqe6GbwNfHuxu9YNmvnEkMzKldAGY4/80pRcQRZSEnhquk9XuQ==",
+            "license": "MIT",
+            "engines": {
+                "node": ">= 0.8"
+            },
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/express"
+            }
+        },
+        "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==",
+            "license": "MIT",
+            "engines": {
+                "node": ">=18"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/sindresorhus"
+            }
+        },
+        "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==",
+            "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==",
+            "license": "MIT",
+            "dependencies": {
+                "mime-db": "^1.54.0"
+            },
+            "engines": {
+                "node": ">=18"
+            },
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/express"
+            }
+        },
+        "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/motion": {
+            "version": "12.35.1",
+            "resolved": "https://registry.npmjs.org/motion/-/motion-12.35.1.tgz",
+            "integrity": "sha512-yEt/49kWC0VU/IEduDfeZw82eDemlPwa1cyo/gcEEUCN4WgpSJpUcxz6BUwakGabvJiTzLQ58J73515I5tfykQ==",
+            "license": "MIT",
+            "dependencies": {
+                "framer-motion": "^12.35.1",
+                "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/motion-dom": {
+            "version": "12.43.0",
+            "resolved": "https://registry.npmjs.org/motion-dom/-/motion-dom-12.43.0.tgz",
+            "integrity": "sha512-azKON4d9S65PEoFUiQTMTgPheEmzf2QngdRc50AKfJp9Q9mmcBVw22c8eMq9k8kxOFHdL7+WZY7N/5F/lwiDag==",
+            "license": "MIT",
+            "dependencies": {
+                "motion-utils": "^12.39.0"
+            }
+        },
+        "node_modules/motion-utils": {
+            "version": "12.39.0",
+            "resolved": "https://registry.npmjs.org/motion-utils/-/motion-utils-12.39.0.tgz",
+            "integrity": "sha512-8nadJAJjTtqRkmRF36FoJTrywK9nnFmnPwnSMyxaOCU7GDjN9RTMJIxx9De8ErM+vpPhMccr/6fo5WciyQLnMQ==",
+            "license": "MIT"
+        },
+        "node_modules/motion/node_modules/framer-motion": {
+            "version": "12.43.0",
+            "resolved": "https://registry.npmjs.org/framer-motion/-/framer-motion-12.43.0.tgz",
+            "integrity": "sha512-1eaL3RvR/kAlbG7UYcpMptEyzPoENO0c6w7ZnB3/hh2vSAz/6uGAFn6fdoqTBguNstf3MsFhJHsD/0DHiclG+g==",
+            "license": "MIT",
+            "dependencies": {
+                "motion-dom": "^12.43.0",
+                "motion-utils": "^12.39.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/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.20",
+            "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.20.tgz",
+            "integrity": "sha512-uKdg2G3GNCKQn9byYOpxbGqrT2fGO5KRt5J/8b3pok8rT6qxGWF6hxMyJiEYtAf+FVyYuD9hRaDqX5uPFYJ4ZQ==",
+            "devOptional": true,
+            "funding": [
+                {
+                    "type": "github",
+                    "url": "https://github.com/sponsors/ai"
+                }
+            ],
+            "license": "MIT",
+            "bin": {
+                "nanoid": "bin/nanoid.cjs"
+            },
+            "engines": {
+                "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
+            }
+        },
+        "node_modules/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.1.0",
+            "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-1.1.0.tgz",
+            "integrity": "sha512-NMPBRMJgiQHjbd8phG3Vebdx4kZ1H121rbl5IkMqeOsahptB9BKo/d7oJ3zTXqTgagn2bWlNSXkh0QUGM31RYg==",
+            "license": "MIT",
+            "dependencies": {
+                "content-type": "^2.1.0"
+            },
+            "engines": {
+                "node": ">=18"
+            },
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/express"
+            }
+        },
+        "node_modules/negotiator/node_modules/content-type": {
+            "version": "2.1.0",
+            "resolved": "https://registry.npmjs.org/content-type/-/content-type-2.1.0.tgz",
+            "integrity": "sha512-mj7UPXE0jaqaOsukNZRUEfEi2AcL7C/vwmwcHV0O97eO1E1pxBZuyjlZrx5seTaNBg1U6+o35wpa35Qfcc+7ag==",
+            "license": "MIT",
+            "engines": {
+                "node": ">=18"
+            },
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/express"
+            }
+        },
+        "node_modules/next-tick": {
+            "version": "1.1.0",
+            "resolved": "https://registry.npmjs.org/next-tick/-/next-tick-1.1.0.tgz",
+            "integrity": "sha512-CXdUiJembsNjuToQvxayPZF9Vqht7hewsvy2sOWafLvi2awflj9mOC6bHIg50orX8IJvWKY9wYQ/zB2kogPslQ==",
+            "license": "ISC"
+        },
+        "node_modules/node-addon-api": {
+            "version": "8.9.2",
+            "resolved": "https://registry.npmjs.org/node-addon-api/-/node-addon-api-8.9.2.tgz",
+            "integrity": "sha512-VijLXbi3UACN69I0JVXJsX4tjACjNoQDgv2gTF6sx2wWEi8tkSg2eX8p5gSIFi8z2+DL3oHmY6OyKce38SDolg==",
+            "license": "MIT",
+            "engines": {
+                "node": "^18 || ^20 || >= 21"
+            }
+        },
+        "node_modules/node-releases": {
+            "version": "2.0.59",
+            "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.59.tgz",
+            "integrity": "sha512-5qr2okC4ItAI0hG5SaV0HoYMpnM/Y6+Oqr7AmPYy/2uEoGvS+GbSKLeRxSS1uAdu59yz0ouzcuXievSgg///WA==",
+            "license": "MIT",
+            "engines": {
+                "node": ">=18"
+            }
+        },
+        "node_modules/oauth4webapi": {
+            "version": "3.8.8",
+            "resolved": "https://registry.npmjs.org/oauth4webapi/-/oauth4webapi-3.8.8.tgz",
+            "integrity": "sha512-8N28E+a/oxfXWBgOMt+ZP/JUf/XR+IFbvkAEPP3gznXOMv9BpAAwiIj0TFNz3tGTPc0ZQ8zmWBNgN1nAys0gng==",
+            "license": "MIT",
+            "funding": {
+                "url": "https://github.com/sponsors/panva"
+            }
+        },
+        "node_modules/object-assign": {
+            "version": "4.1.1",
+            "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
+            "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==",
+            "license": "MIT",
+            "engines": {
+                "node": ">=0.10.0"
+            }
+        },
+        "node_modules/object-inspect": {
+            "version": "1.13.4",
+            "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.4.tgz",
+            "integrity": "sha512-W67iLl4J2EXEGTbfeHCffrjDfitvLANg0UlX3wFUUSTx92KXRFegMHUVgSqE+wvhAbi4WqjGg9czysTV2Epbew==",
+            "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.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.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.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/obug": {
+            "version": "2.2.1",
+            "resolved": "https://registry.npmjs.org/obug/-/obug-2.2.1.tgz",
+            "integrity": "sha512-XrsrhT5sybtKI6wakr2SPOlGZWWYbUXZ7a0jT8/QOeAPau+1X/bSegNe5YR75oJmEZQbKningirmGOEJCIk61Q==",
+            "dev": true,
+            "funding": [
+                "https://github.com/sponsors/sxzz",
+                "https://opencollective.com/debug"
+            ],
+            "license": "MIT",
+            "engines": {
+                "node": ">=12.20.0"
+            }
+        },
+        "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==",
+            "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==",
+            "license": "ISC",
+            "dependencies": {
+                "wrappy": "1"
+            }
+        },
+        "node_modules/openai": {
+            "version": "6.27.0",
+            "resolved": "https://registry.npmjs.org/openai/-/openai-6.27.0.tgz",
+            "integrity": "sha512-osTKySlrdYrLYTt0zjhY8yp0JUBmWDCN+Q+QxsV4xMQnnoVFpylgKGgxwN8sSdTNw0G4y+WUXs4eCMWpyDNWZQ==",
+            "license": "Apache-2.0",
+            "bin": {
+                "openai": "bin/cli"
+            },
+            "peerDependencies": {
+                "ws": "^8.18.0",
+                "zod": "^3.25 || ^4.0"
+            },
+            "peerDependenciesMeta": {
+                "ws": {
+                    "optional": true
+                },
+                "zod": {
+                    "optional": true
+                }
+            }
+        },
+        "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.2",
+            "resolved": "https://registry.npmjs.org/own-keys/-/own-keys-1.0.2.tgz",
+            "integrity": "sha512-19YVAg7T+WTrxggPukVq7DjTv6+PJ867TmhCvBsYwmbFCsZd344rq2Ld1p0wo8f8Qrrhgp82c6FJRqdXWtSEhg==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "call-bound": "^1.0.4",
+                "get-intrinsic": "^1.3.0",
+                "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/pako": {
+            "version": "1.0.11",
+            "resolved": "https://registry.npmjs.org/pako/-/pako-1.0.11.tgz",
+            "integrity": "sha512-4hLB8Py4zZce5s4yd9XzopqwVv/yGNhV1Bl8NTmCq1763HeK2+EwVTv+leGeL13Dnh2wfbqowVPXCIO0z4taYw==",
+            "license": "(MIT AND Zlib)"
+        },
+        "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/parseurl": {
+            "version": "1.3.3",
+            "resolved": "https://registry.npmjs.org/parseurl/-/parseurl-1.3.3.tgz",
+            "integrity": "sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ==",
+            "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-key": {
+            "version": "3.1.1",
+            "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
+            "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
+            "license": "MIT",
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "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==",
+            "license": "MIT",
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/express"
+            }
+        },
+        "node_modules/path-webpack": {
+            "version": "0.0.3",
+            "resolved": "https://registry.npmjs.org/path-webpack/-/path-webpack-0.0.3.tgz",
+            "integrity": "sha512-AmeDxedoo5svf7aB3FYqSAKqMxys014lVKBzy1o/5vv9CtU7U4wgGWL1dA2o6MOzcD53ScN4Jmiq6VbtLz1vIQ==",
+            "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==",
+            "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": "4.0.7",
+            "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.7.tgz",
+            "integrity": "sha512-qcJu88Q2IWqJsDD529JKMdwGm/dvInW4HvQnRwiH9JtihJvzGOscDtHE3x1pBKeUOTysQ8kVmLnJ2kJu7yhcGA==",
+            "license": "MIT",
+            "engines": {
+                "node": ">=12"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/jonschlinkert"
+            }
+        },
+        "node_modules/pkce-challenge": {
+            "version": "5.0.1",
+            "resolved": "https://registry.npmjs.org/pkce-challenge/-/pkce-challenge-5.0.1.tgz",
+            "integrity": "sha512-wQ0b/W4Fr01qtpHlqSqspcj3EhBvimsdh0KlHhH8HRZnMsEa0ea2fTULOXOS9ccQr3om+GcGRk4e+isrZWV8qQ==",
+            "license": "MIT",
+            "engines": {
+                "node": ">=16.20.0"
+            }
+        },
+        "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.5.31",
+            "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.31.tgz",
+            "integrity": "sha512-YUbWYCgErwnMAVkjUnYa+KlMBzGpHwiIt/DE7f0G33AuX2LH9UcTk6KgWxd3zRU+pN3u/C+Xl3EnMLM4Hea7Sg==",
+            "devOptional": true,
+            "funding": [
+                {
+                    "type": "opencollective",
+                    "url": "https://opencollective.com/postcss/"
+                },
+                {
+                    "type": "tidelift",
+                    "url": "https://tidelift.com/funding/github/npm/postcss"
+                },
+                {
+                    "type": "github",
+                    "url": "https://github.com/sponsors/ai"
+                }
+            ],
+            "license": "MIT",
+            "dependencies": {
+                "nanoid": "^3.3.20",
+                "picocolors": "^1.1.1",
+                "source-map-js": "^1.2.2"
+            },
+            "engines": {
+                "node": "^10 || ^12 || >=14"
+            }
+        },
+        "node_modules/preact": {
+            "version": "10.24.3",
+            "resolved": "https://registry.npmjs.org/preact/-/preact-10.24.3.tgz",
+            "integrity": "sha512-Z2dPnBnMUfyQfSQ+GBdsGa16hz35YmLmtTLhM169uW944hYL6xzTYkJjC07j+Wosz733pMWx0fgON3JNw1jJQA==",
+            "license": "MIT",
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/preact"
+            }
+        },
+        "node_modules/preact-render-to-string": {
+            "version": "6.5.11",
+            "resolved": "https://registry.npmjs.org/preact-render-to-string/-/preact-render-to-string-6.5.11.tgz",
+            "integrity": "sha512-ubnauqoGczeGISiOh6RjX0/cdaF8v/oDXIjO85XALCQjwQP+SB4RDXXtvZ6yTYSjG+PC1QRP2AhPgCEsM2EvUw==",
+            "license": "MIT",
+            "peerDependencies": {
+                "preact": ">=10"
+            }
+        },
+        "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/prettier": {
+            "version": "3.9.10",
+            "resolved": "https://registry.npmjs.org/prettier/-/prettier-3.9.10.tgz",
+            "integrity": "sha512-skGHTH1Yb9QvaTC4hWnRTzEYtCpApF0UMBPz+t/0ZPzP8ihefo/btKd+QA7pUE0fEwA1SbS/NmhyEcstdXOIdA==",
+            "license": "MIT",
+            "bin": {
+                "prettier": "bin/prettier.cjs"
+            },
+            "engines": {
+                "node": ">=14"
+            },
+            "funding": {
+                "url": "https://github.com/prettier/prettier?sponsor=1"
+            }
+        },
+        "node_modules/process-nextick-args": {
+            "version": "2.0.1",
+            "resolved": "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-2.0.1.tgz",
+            "integrity": "sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==",
+            "license": "MIT"
+        },
+        "node_modules/proxy-addr": {
+            "version": "2.0.8",
+            "resolved": "https://registry.npmjs.org/proxy-addr/-/proxy-addr-2.0.8.tgz",
+            "integrity": "sha512-5nnx0yGyVUcY6t9RnWcARWtwT9F1D8O9rt08htPvnd49W1IgZtmLkhu9WfMzQj1cFxjHIO6connUNVW5k7AVyQ==",
+            "license": "MIT",
+            "dependencies": {
+                "forwarded": "0.2.0",
+                "ipaddr.js": "1.9.1"
+            },
+            "engines": {
+                "node": ">= 0.10"
+            },
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/express"
+            }
+        },
+        "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.16.1",
+            "resolved": "https://registry.npmjs.org/qs/-/qs-6.16.1.tgz",
+            "integrity": "sha512-5Px6J7rfHBAGUhNQ3es4YzcOdBBw0SDcVtThJml4RdnKw4tKs2epA0kPZ+K8X+WiHktT93RHVcQ/3ym5aTCgtg==",
+            "license": "BSD-3-Clause",
+            "dependencies": {
+                "es-define-property": "^1.0.1",
+                "side-channel": "^1.1.1"
+            },
+            "engines": {
+                "node": ">=0.6"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/range-parser": {
+            "version": "1.3.0",
+            "resolved": "https://registry.npmjs.org/range-parser/-/range-parser-1.3.0.tgz",
+            "integrity": "sha512-hek2mFQpPuI4E1BBKrSto+BU3e3x4xuarsbiwr3+lf7p44juvFMV0XFWQAP3xUyqXA4RrXLIoaSUGbSt056ZMw==",
+            "license": "MIT",
+            "engines": {
+                "node": ">= 0.6"
+            },
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/express"
+            }
+        },
+        "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==",
+            "license": "MIT",
+            "dependencies": {
+                "bytes": "~3.1.2",
+                "http-errors": "~2.0.1",
+                "iconv-lite": "~0.7.0",
+                "unpipe": "~1.0.0"
+            },
+            "engines": {
+                "node": ">= 0.10"
+            }
+        },
+        "node_modules/react": {
+            "version": "19.2.4",
+            "resolved": "https://registry.npmjs.org/react/-/react-19.2.4.tgz",
+            "integrity": "sha512-9nfp2hYpCwOjAN+8TZFGhtWEwgvWHXqESH8qT89AT/lWklpLON22Lc8pEtnpsZz7VmawabSU0gCjnj8aC0euHQ==",
+            "license": "MIT",
+            "engines": {
+                "node": ">=0.10.0"
+            }
+        },
+        "node_modules/react-dom": {
+            "version": "19.2.4",
+            "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-19.2.4.tgz",
+            "integrity": "sha512-AXJdLo8kgMbimY95O2aKQqsz2iWi9jMgKJhRBAxECE4IFxfcazB2LmzloIoibJI3C12IlY20+KFaLv+71bUJeQ==",
+            "license": "MIT",
+            "dependencies": {
+                "scheduler": "^0.27.0"
+            },
+            "peerDependencies": {
+                "react": "^19.2.4"
+            }
+        },
+        "node_modules/react-remove-scroll": {
+            "version": "2.7.2",
+            "resolved": "https://registry.npmjs.org/react-remove-scroll/-/react-remove-scroll-2.7.2.tgz",
+            "integrity": "sha512-Iqb9NjCCTt6Hf+vOdNIZGdTiH1QSqr27H/Ek9sv/a97gfueI/5h1s3yRi1nngzMUaOOToin5dI1dXKdXiF+u0Q==",
+            "license": "MIT",
+            "dependencies": {
+                "react-remove-scroll-bar": "^2.3.7",
+                "react-style-singleton": "^2.2.3",
+                "tslib": "^2.1.0",
+                "use-callback-ref": "^1.3.3",
+                "use-sidecar": "^1.1.3"
+            },
+            "engines": {
+                "node": ">=10"
+            },
+            "peerDependencies": {
+                "@types/react": "*",
+                "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc"
+            },
+            "peerDependenciesMeta": {
+                "@types/react": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/react-remove-scroll-bar": {
+            "version": "2.3.8",
+            "resolved": "https://registry.npmjs.org/react-remove-scroll-bar/-/react-remove-scroll-bar-2.3.8.tgz",
+            "integrity": "sha512-9r+yi9+mgU33AKcj6IbT9oRCO78WriSj6t/cF8DWBZJ9aOGPOTEDvdUDz1FwKim7QXWwmHqtdHnRJfhAxEG46Q==",
+            "license": "MIT",
+            "dependencies": {
+                "react-style-singleton": "^2.2.2",
+                "tslib": "^2.0.0"
+            },
+            "engines": {
+                "node": ">=10"
+            },
+            "peerDependencies": {
+                "@types/react": "*",
+                "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
+            },
+            "peerDependenciesMeta": {
+                "@types/react": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/react-style-singleton": {
+            "version": "2.2.3",
+            "resolved": "https://registry.npmjs.org/react-style-singleton/-/react-style-singleton-2.2.3.tgz",
+            "integrity": "sha512-b6jSvxvVnyptAiLjbkWLE/lOnR4lfTtDAl+eUC7RZy+QQWc6wRzIV2CE6xBuMmDxc2qIihtDCZD5NPOFl7fRBQ==",
+            "license": "MIT",
+            "dependencies": {
+                "get-nonce": "^1.0.0",
+                "tslib": "^2.0.0"
+            },
+            "engines": {
+                "node": ">=10"
+            },
+            "peerDependencies": {
+                "@types/react": "*",
+                "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc"
+            },
+            "peerDependenciesMeta": {
+                "@types/react": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/readable-stream": {
+            "version": "2.3.8",
+            "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.8.tgz",
+            "integrity": "sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA==",
+            "license": "MIT",
+            "dependencies": {
+                "core-util-is": "~1.0.0",
+                "inherits": "~2.0.3",
+                "isarray": "~1.0.0",
+                "process-nextick-args": "~2.0.0",
+                "safe-buffer": "~5.1.1",
+                "string_decoder": "~1.1.1",
+                "util-deprecate": "~1.0.1"
+            }
+        },
+        "node_modules/readable-stream/node_modules/isarray": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz",
+            "integrity": "sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ==",
+            "license": "MIT"
+        },
+        "node_modules/readdirp": {
+            "version": "5.1.1",
+            "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-5.1.1.tgz",
+            "integrity": "sha512-Kko+Y5XQ6fM+Ce3dq3m9YGxnacYZYl9cA1wZjaF3Vbry2L3i1qVg8+CAgNPsXRArPMUMCaOR7oa9Nqntc43JKA==",
+            "license": "MIT",
+            "engines": {
+                "node": ">= 20.19.0"
+            },
+            "funding": {
+                "type": "individual",
+                "url": "https://paulmillr.com/funding/"
+            }
+        },
+        "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": {
+                "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/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": {
+                "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/require-from-string": {
+            "version": "2.0.2",
+            "resolved": "https://registry.npmjs.org/require-from-string/-/require-from-string-2.0.2.tgz",
+            "integrity": "sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==",
+            "license": "MIT",
+            "engines": {
+                "node": ">=0.10.0"
+            }
+        },
+        "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/rolldown": {
+            "version": "1.2.14",
+            "resolved": "https://registry.npmjs.org/rolldown/-/rolldown-1.2.14.tgz",
+            "integrity": "sha512-eTBTTqMR6uHKLgcUqpJP8ntzDI6V4LYA8negAMBEI7gkgVvOdrx6VsvS2Ym+83KhOPdLCHWJu0w7UQFJZhHKNw==",
+            "devOptional": true,
+            "license": "MIT",
+            "dependencies": {
+                "@oxc-project/types": "=0.154.0",
+                "@rolldown/pluginutils": "^1.0.0"
+            },
+            "bin": {
+                "rolldown": "bin/cli.mjs"
+            },
+            "engines": {
+                "node": "^20.19.0 || >=22.12.0"
+            },
+            "optionalDependencies": {
+                "@rolldown/binding-android-arm-eabi": "1.2.14",
+                "@rolldown/binding-android-arm64": "1.2.14",
+                "@rolldown/binding-darwin-arm64": "1.2.14",
+                "@rolldown/binding-darwin-x64": "1.2.14",
+                "@rolldown/binding-freebsd-x64": "1.2.14",
+                "@rolldown/binding-linux-arm-gnueabihf": "1.2.14",
+                "@rolldown/binding-linux-arm64-gnu": "1.2.14",
+                "@rolldown/binding-linux-arm64-musl": "1.2.14",
+                "@rolldown/binding-linux-ppc64-gnu": "1.2.14",
+                "@rolldown/binding-linux-s390x-gnu": "1.2.14",
+                "@rolldown/binding-linux-x64-gnu": "1.2.14",
+                "@rolldown/binding-linux-x64-musl": "1.2.14",
+                "@rolldown/binding-openharmony-arm64": "1.2.14",
+                "@rolldown/binding-win32-arm64-msvc": "1.2.14",
+                "@rolldown/binding-win32-x64-msvc": "1.2.14"
+            }
+        },
+        "node_modules/router": {
+            "version": "2.2.0",
+            "resolved": "https://registry.npmjs.org/router/-/router-2.2.0.tgz",
+            "integrity": "sha512-nLTrUKm2UyiL7rlhapu/Zl45FwNgkZGaCpZbIHajDYgwlJCOzLSk+cIPAnsEqV955GjILJnKbdQC1nVPz+gAYQ==",
+            "license": "MIT",
+            "dependencies": {
+                "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": ">= 18"
+            }
+        },
+        "node_modules/safe-array-concat": {
+            "version": "1.1.4",
+            "resolved": "https://registry.npmjs.org/safe-array-concat/-/safe-array-concat-1.1.4.tgz",
+            "integrity": "sha512-wtZlHyOje6OZTGqAoaDKxFkgRtkF9CnHAVnCHKfuj200wAgL+bSJhdsCD2l0Qx/2ekEXjPWcyKkfGb5CPboslg==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "call-bind": "^1.0.9",
+                "call-bound": "^1.0.4",
+                "get-intrinsic": "^1.3.0",
+                "has-symbols": "^1.1.0",
+                "isarray": "^2.0.5"
+            },
+            "engines": {
+                "node": ">=0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/safe-buffer": {
+            "version": "5.1.2",
+            "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
+            "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==",
+            "license": "MIT"
+        },
+        "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",
+            "dependencies": {
+                "es-errors": "^1.3.0",
+                "isarray": "^2.0.5"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "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": {
+                "call-bound": "^1.0.2",
+                "es-errors": "^1.3.0",
+                "is-regex": "^1.2.1"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "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/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/semver": {
+            "version": "6.3.1",
+            "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+            "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+            "license": "ISC",
+            "bin": {
+                "semver": "bin/semver.js"
+            }
+        },
+        "node_modules/send": {
+            "version": "1.2.1",
+            "resolved": "https://registry.npmjs.org/send/-/send-1.2.1.tgz",
+            "integrity": "sha512-1gnZf7DFcoIcajTjTwjwuDjzuz4PPcY2StKPlsGAQ1+YH20IRVrBaXSWmdjowTJ6u8Rc01PoYOGHXfP1mYcZNQ==",
+            "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": ">= 18"
+            },
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/express"
+            }
+        },
+        "node_modules/seroval": {
+            "version": "1.6.11",
+            "resolved": "https://registry.npmjs.org/seroval/-/seroval-1.6.11.tgz",
+            "integrity": "sha512-hpb6XnMCGN/A+79Uf8V7/iTGkyyyazNn5X0CoCAp7Uy9vT3RT8jZ9GLcnxGoVjg3P8AArbe4ZVHq6C8oT2a0kA==",
+            "license": "MIT",
+            "engines": {
+                "node": ">=10"
+            }
+        },
+        "node_modules/seroval-plugins": {
+            "version": "1.6.11",
+            "resolved": "https://registry.npmjs.org/seroval-plugins/-/seroval-plugins-1.6.11.tgz",
+            "integrity": "sha512-LmB3nd8pL39jKHKvnpTUjcjBtNwR8MLty/ydAR8qbfXt5j6/6KqR1atuw8cVmD2/lDxAkvAwq5tI/HsisD9Fqg==",
+            "license": "MIT",
+            "engines": {
+                "node": ">=10"
+            },
+            "peerDependencies": {
+                "seroval": "^1.0"
+            }
+        },
+        "node_modules/serve-static": {
+            "version": "2.2.1",
+            "resolved": "https://registry.npmjs.org/serve-static/-/serve-static-2.2.1.tgz",
+            "integrity": "sha512-xRXBn0pPqQTVQiC8wyQrKs2MOlX24zQ0POGaj0kultvoOCstBQM5yvOhAVSUwOMjQtTvsPWoNCHfPGwaaQJhTw==",
+            "license": "MIT",
+            "dependencies": {
+                "encodeurl": "^2.0.0",
+                "escape-html": "^1.0.3",
+                "parseurl": "^1.3.3",
+                "send": "^1.2.0"
+            },
+            "engines": {
+                "node": ">= 18"
+            },
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/express"
+            }
+        },
+        "node_modules/server-only": {
+            "version": "0.0.1",
+            "resolved": "https://registry.npmjs.org/server-only/-/server-only-0.0.1.tgz",
+            "integrity": "sha512-qepMx2JxAa5jjfzxG79yPPq+8BuFToHd1hm7kI+Z4zAq1ftQiP7HcxMhDDItrbtwVeLg/cY2JnKnrcFkmiswNA==",
+            "license": "MIT"
+        },
+        "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": {
+                "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/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": {
+                "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_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": {
+                "dunder-proto": "^1.0.1",
+                "es-errors": "^1.3.0",
+                "es-object-atoms": "^1.0.0"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            }
+        },
+        "node_modules/setimmediate": {
+            "version": "1.0.5",
+            "resolved": "https://registry.npmjs.org/setimmediate/-/setimmediate-1.0.5.tgz",
+            "integrity": "sha512-MATJdZp8sLqDl/68LfQmbP8zKPLQNV6BIZoIgrscFDQ+RsvK/BxeDQOgyxKKoh0y/8h3BqVFnCqQ/gd+reiIXA==",
+            "license": "MIT"
+        },
+        "node_modules/setprototypeof": {
+            "version": "1.2.0",
+            "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.2.0.tgz",
+            "integrity": "sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw==",
+            "license": "ISC"
+        },
+        "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==",
+            "license": "MIT",
+            "dependencies": {
+                "shebang-regex": "^3.0.0"
+            },
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "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==",
+            "license": "MIT",
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/side-channel": {
+            "version": "1.1.1",
+            "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.1.1.tgz",
+            "integrity": "sha512-6x6dK6zJdpTzF4sQeNYxwtvBzf6Eg4GtlesS94HOvTudUeyK2WXAaIfmDgsyslYrRBeFIlsi54AYsFGUuhmvrQ==",
+            "license": "MIT",
+            "dependencies": {
+                "es-errors": "^1.3.0",
+                "object-inspect": "^1.13.4",
+                "side-channel-list": "^1.0.1",
+                "side-channel-map": "^1.0.1",
+                "side-channel-weakmap": "^1.0.2"
+            },
+            "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==",
+            "license": "MIT",
+            "dependencies": {
+                "es-errors": "^1.3.0",
+                "object-inspect": "^1.13.4"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "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==",
+            "license": "MIT",
+            "dependencies": {
+                "call-bound": "^1.0.2",
+                "es-errors": "^1.3.0",
+                "get-intrinsic": "^1.2.5",
+                "object-inspect": "^1.13.3"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "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==",
+            "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"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/siginfo": {
+            "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/siginfo/-/siginfo-2.0.0.tgz",
+            "integrity": "sha512-ybx0WO1/8bSBLEWXZvEd7gMW3Sn3JFlW3TvX1nREbDLRNQNaeNN8WK0meBwPdAaOI7TtRRRJn/Es1zhrrCHu7g==",
+            "dev": true,
+            "license": "ISC"
+        },
+        "node_modules/sonner": {
+            "version": "2.0.7",
+            "resolved": "https://registry.npmjs.org/sonner/-/sonner-2.0.7.tgz",
+            "integrity": "sha512-W6ZN4p58k8aDKA4XPcx2hpIQXBRAgyiWVkYhT7CvK6D3iAu7xjvVyhQHg2/iaKJZ1XVJ4r7XuwGL+WGEK37i9w==",
+            "license": "MIT",
+            "peerDependencies": {
+                "react": "^18.0.0 || ^19.0.0 || ^19.0.0-rc",
+                "react-dom": "^18.0.0 || ^19.0.0 || ^19.0.0-rc"
+            }
+        },
+        "node_modules/source-map": {
+            "version": "0.7.6",
+            "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.7.6.tgz",
+            "integrity": "sha512-i5uvt8C3ikiWeNZSVZNWcfZPItFQOsYTUAOkcUPGd8DqDy1uOUikjt5dG+uRlwyvR108Fb9DOd4GvXfT0N2/uQ==",
+            "license": "BSD-3-Clause",
+            "engines": {
+                "node": ">= 12"
+            }
+        },
+        "node_modules/source-map-js": {
+            "version": "1.2.2",
+            "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.2.tgz",
+            "integrity": "sha512-KGj/8Y43x35aZVDtt+J4mK1hoLGHULMYfSkODJNQjNDC3oW1PqPoxMwo0pLUsWM/UEGzON/NxeHywEfNXNP3Vw==",
+            "devOptional": true,
+            "license": "BSD-3-Clause",
+            "engines": {
+                "node": ">=0.10.0"
+            }
+        },
+        "node_modules/srvx": {
+            "version": "1.0.6",
+            "resolved": "https://registry.npmjs.org/srvx/-/srvx-1.0.6.tgz",
+            "integrity": "sha512-QeTKgAhk8OSsfeq60bl3wuVs9PmBftzmk7owBInA/F1YQne+TRw0UcPymNpURldAmx8hfmM2PNNGH/zgo3GpLA==",
+            "license": "MIT",
+            "bin": {
+                "srvx": "bin/srvx.mjs"
+            },
+            "engines": {
+                "node": ">=20.16.0"
+            }
+        },
+        "node_modules/stackback": {
+            "version": "0.0.2",
+            "resolved": "https://registry.npmjs.org/stackback/-/stackback-0.0.2.tgz",
+            "integrity": "sha512-1XMJE5fQo1jGH6Y/7ebnwPOBEkIEnT4QF32d5R1+VXdXveM0IBMJt8zfaxX1P3QhVwrYe+576+jkANtSS2mBbw==",
+            "dev": true,
+            "license": "MIT"
+        },
+        "node_modules/statuses": {
+            "version": "2.0.2",
+            "resolved": "https://registry.npmjs.org/statuses/-/statuses-2.0.2.tgz",
+            "integrity": "sha512-DvEy55V3DB7uknRo+4iOGT5fP1slR8wQohVdknigZPMpMstaKJQWhwiYBACJE3Ul2pTnATihhBYnRhZQHGBiRw==",
+            "license": "MIT",
+            "engines": {
+                "node": ">= 0.8"
+            }
+        },
+        "node_modules/std-env": {
+            "version": "4.3.0",
+            "resolved": "https://registry.npmjs.org/std-env/-/std-env-4.3.0.tgz",
+            "integrity": "sha512-OtU/EgQ1kIm5KwqQpBC6ZEMXrZRui11w8zgfTWp8cdO9B8OaPsbA8bTHO2P+HNo1VlUTGMVBwPhydu6poeXiag==",
+            "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==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "es-errors": "^1.3.0",
+                "internal-slot": "^1.1.0"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            }
+        },
+        "node_modules/string_decoder": {
+            "version": "1.1.1",
+            "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz",
+            "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==",
+            "license": "MIT",
+            "dependencies": {
+                "safe-buffer": "~5.1.0"
+            }
+        },
+        "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,
+            "license": "MIT",
+            "dependencies": {
+                "call-bind": "^1.0.7",
+                "define-properties": "^1.2.1",
+                "es-abstract": "^1.23.3"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            }
+        },
+        "node_modules/string.prototype.trim": {
+            "version": "1.2.11",
+            "resolved": "https://registry.npmjs.org/string.prototype.trim/-/string.prototype.trim-1.2.11.tgz",
+            "integrity": "sha512-PwvK7BU+CMTJGYQCTZb5RWXIML92lftJLhQz1tBzgKiqGxJaMlBAa48POXaNAC2s4y8jr3EFqrkF9+44neS46w==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "call-bind": "^1.0.9",
+                "call-bound": "^1.0.4",
+                "define-data-property": "^1.1.4",
+                "define-properties": "^1.2.1",
+                "es-abstract": "^1.24.2",
+                "es-object-atoms": "^1.1.2",
+                "has-property-descriptors": "^1.0.2",
+                "safe-regex-test": "^1.1.0"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/string.prototype.trimend": {
+            "version": "1.0.10",
+            "resolved": "https://registry.npmjs.org/string.prototype.trimend/-/string.prototype.trimend-1.0.10.tgz",
+            "integrity": "sha512-2+3aDAOmPTmuFwjDnmJG2ctEkQKVki7vOSqaxkv42Mowj1V6PnvuwFCRrR5lChUux1TBskPjfkeTOhqczDMxTw==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "call-bind": "^1.0.9",
+                "call-bound": "^1.0.4",
+                "define-properties": "^1.2.1",
+                "es-object-atoms": "^1.1.2"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "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": {
+                "call-bind": "^1.0.7",
+                "define-properties": "^1.2.1",
+                "es-object-atoms": "^1.0.0"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "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": {
+                "url": "https://github.com/sponsors/sindresorhus"
+            }
+        },
+        "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": ">=8"
+            }
+        },
+        "node_modules/tailwind-merge": {
+            "version": "3.5.0",
+            "resolved": "https://registry.npmjs.org/tailwind-merge/-/tailwind-merge-3.5.0.tgz",
+            "integrity": "sha512-I8K9wewnVDkL1NTGoqWmVEIlUcB9gFriAEkXkfCjX5ib8ezGxtR3xD7iZIxrfArjEsH7F1CHD4RFUtxefdqV/A==",
+            "license": "MIT",
+            "funding": {
+                "type": "github",
+                "url": "https://github.com/sponsors/dcastil"
+            }
+        },
+        "node_modules/tailwindcss": {
+            "version": "4.3.3",
+            "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-4.3.3.tgz",
+            "integrity": "sha512-gOhV3P7ufE62QDGg1zVaTgCR+EtPv92k2nIhVcVKcLmxT1sUBsQGhnZj175j+MqRt4zLF7ic+sCYjfhxMxj7YQ==",
+            "dev": true,
+            "license": "MIT"
+        },
+        "node_modules/tapable": {
+            "version": "2.3.3",
+            "resolved": "https://registry.npmjs.org/tapable/-/tapable-2.3.3.tgz",
+            "integrity": "sha512-uxc/zpqFg6x7C8vOE7lh6Lbda8eEL9zmVm/PLeTPBRhh1xCgdWaQ+J1CUieGpIfm2HdtsUpRv+HshiasBMcc6A==",
+            "dev": true,
+            "license": "MIT",
+            "engines": {
+                "node": ">=6"
+            },
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/webpack"
+            }
+        },
+        "node_modules/tinybench": {
+            "version": "2.9.0",
+            "resolved": "https://registry.npmjs.org/tinybench/-/tinybench-2.9.0.tgz",
+            "integrity": "sha512-0+DUvqWMValLmha6lr4kD8iAMK1HzV0/aKnCtWb9v9641TnP/MFb7Pc2bxoxQjTXAErryXVgUOfv2YqNllqGeg==",
+            "dev": true,
+            "license": "MIT"
+        },
+        "node_modules/tinyexec": {
+            "version": "1.3.1",
+            "resolved": "https://registry.npmjs.org/tinyexec/-/tinyexec-1.3.1.tgz",
+            "integrity": "sha512-GCvB3aoys96IuDFBMcTB46JOR6mdMtAToqwiW8JlWhsoh1mhHi/xn9ss/Dg7N555GiJyEt2qzoG/NHCwM6h1EA==",
+            "dev": true,
+            "license": "MIT",
+            "engines": {
+                "node": ">=18"
+            }
+        },
+        "node_modules/tinyglobby": {
+            "version": "0.2.17",
+            "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.17.tgz",
+            "integrity": "sha512-wXR/dYpcqKmfWpEdZjiKJOwCNFndD0DMnrW/cYjVGttEkBfVgcLFHoNrlj47mjOVic9yyNu65alsgF4NQyTa2g==",
+            "license": "MIT",
+            "dependencies": {
+                "fdir": "^6.5.0",
+                "picomatch": "^4.0.4"
+            },
+            "engines": {
+                "node": ">=12.0.0"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/SuperchupuDev"
+            }
+        },
+        "node_modules/tinyrainbow": {
+            "version": "3.2.0",
+            "resolved": "https://registry.npmjs.org/tinyrainbow/-/tinyrainbow-3.2.0.tgz",
+            "integrity": "sha512-LgO3D9yZJjApUiuUfl9iFAwrtaX4+lok3wJIqttGoKCHlWUqHqbQpnxCf82L8FjgKsh4iGo78hqJwgL8F6To2A==",
+            "dev": true,
+            "license": "MIT",
+            "engines": {
+                "node": ">=14.0.0"
+            }
+        },
+        "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==",
+            "license": "MIT",
+            "engines": {
+                "node": ">=0.6"
+            }
+        },
+        "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",
+            "engines": {
+                "node": ">=18.12"
+            },
+            "peerDependencies": {
+                "typescript": ">=4.8.4"
+            }
+        },
+        "node_modules/ts-fsrs": {
+            "version": "5.4.2",
+            "resolved": "https://registry.npmjs.org/ts-fsrs/-/ts-fsrs-5.4.2.tgz",
+            "integrity": "sha512-z4qop4pzTcyTzuJ566d9EaX/4bZZzhYfeaPImfVr+xcYT65c5oBgFDijUhCE/D+C78eaolHIhKRZ04/RwF+v2g==",
+            "license": "MIT",
+            "engines": {
+                "node": ">=20.0.0"
+            }
+        },
+        "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": {
+            "version": "2.7.3",
+            "resolved": "https://registry.npmjs.org/type/-/type-2.7.3.tgz",
+            "integrity": "sha512-8j+1QmAbPvLZow5Qpi6NCaN8FB60p/6x8/vfNqOk/hC+HuvFZhL4+WfekuhQLiqFZXOgQdrs3B+XxEmCc6b3FQ==",
+            "license": "ISC"
+        },
+        "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": {
+                "prelude-ls": "^1.2.1"
+            },
+            "engines": {
+                "node": ">= 0.8.0"
+            }
+        },
+        "node_modules/type-is": {
+            "version": "2.1.0",
+            "resolved": "https://registry.npmjs.org/type-is/-/type-is-2.1.0.tgz",
+            "integrity": "sha512-faYHw0anBbc/kWF3zFTEnxSFOAGUX9GFbOBthvDdLsIlEoWOFOtS0zgCiQYwIskL9iGXZL3kAXD8OoZ4GmMATA==",
+            "license": "MIT",
+            "dependencies": {
+                "content-type": "^2.0.0",
+                "media-typer": "^1.1.0",
+                "mime-types": "^3.0.0"
+            },
+            "engines": {
+                "node": ">= 18"
+            },
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/express"
+            }
+        },
+        "node_modules/type-is/node_modules/content-type": {
+            "version": "2.1.0",
+            "resolved": "https://registry.npmjs.org/content-type/-/content-type-2.1.0.tgz",
+            "integrity": "sha512-mj7UPXE0jaqaOsukNZRUEfEi2AcL7C/vwmwcHV0O97eO1E1pxBZuyjlZrx5seTaNBg1U6+o35wpa35Qfcc+7ag==",
+            "license": "MIT",
+            "engines": {
+                "node": ">=18"
+            },
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/express"
+            }
+        },
+        "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": {
+                "call-bound": "^1.0.3",
+                "es-errors": "^1.3.0",
+                "is-typed-array": "^1.1.14"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            }
+        },
+        "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": {
+                "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"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/typed-array-byte-offset": {
+            "version": "1.0.5",
+            "resolved": "https://registry.npmjs.org/typed-array-byte-offset/-/typed-array-byte-offset-1.0.5.tgz",
+            "integrity": "sha512-0FHJvLPqZ7KJzp17O13jfsAjsqazgrxBu2zEK95PmUz8lv2+GjRuxUInCr2Rk9Dms3ihN21zJ929ZO43yJ95QQ==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "available-typed-arrays": "^1.0.7",
+                "call-bind": "^1.0.9",
+                "for-each": "^0.3.5",
+                "gopd": "^1.2.0",
+                "is-typed-array": "^1.1.15",
+                "reflect.getprototypeof": "^1.0.10"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/typed-array-length": {
+            "version": "1.0.8",
+            "resolved": "https://registry.npmjs.org/typed-array-length/-/typed-array-length-1.0.8.tgz",
+            "integrity": "sha512-phPGCwqr2+Qo0fwniCE8e4pKnGu/yFb5nD5Y8bf0EEeiI5GklnACYA9GFy/DrAeRrKHXvHn+1SUsOWgJp6RO+g==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "call-bind": "^1.0.9",
+                "for-each": "^0.3.5",
+                "gopd": "^1.2.0",
+                "is-typed-array": "^1.1.15",
+                "possible-typed-array-names": "^1.1.0",
+                "reflect.getprototypeof": "^1.0.10"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "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": "Apache-2.0",
+            "bin": {
+                "tsc": "bin/tsc",
+                "tsserver": "bin/tsserver"
+            },
+            "engines": {
+                "node": ">=14.17"
+            }
+        },
+        "node_modules/typescript-eslint": {
+            "version": "8.72.0",
+            "resolved": "https://registry.npmjs.org/typescript-eslint/-/typescript-eslint-8.72.0.tgz",
+            "integrity": "sha512-r26Fkc8As+mZvqp7SLsMmNFyYUup/6CjK7/eHBHmhOw6GH6n6YFxHVFrG0jN1c5CMpDzelLPxvgeCOzx7BjN+A==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "@typescript-eslint/eslint-plugin": "8.72.0",
+                "@typescript-eslint/parser": "8.72.0",
+                "@typescript-eslint/typescript-estree": "8.72.0",
+                "@typescript-eslint/utils": "8.72.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.1.0"
+            }
+        },
+        "node_modules/ufo": {
+            "version": "1.6.4",
+            "resolved": "https://registry.npmjs.org/ufo/-/ufo-1.6.4.tgz",
+            "integrity": "sha512-JFNbkD1Svwe0KvGi8GOeLcP4kAWQ609twvCdcHxq1oSL8svv39ZuSvajcD8B+5D0eL4+s1Is2D/O6KN3qcTeRA==",
+            "license": "MIT"
+        },
+        "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-bound": "^1.0.3",
+                "has-bigints": "^1.0.2",
+                "has-symbols": "^1.1.0",
+                "which-boxed-primitive": "^1.1.1"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/undici": {
+            "version": "7.30.1",
+            "resolved": "https://registry.npmjs.org/undici/-/undici-7.30.1.tgz",
+            "integrity": "sha512-03KrMbjIFDWQR5RNPrSw3bd1r12JpyFQl9/yxjUbJtqkjmllqC5lFjZh6ujeuJCKr8EOQvRW872Oy/az+nLYxg==",
+            "license": "MIT",
+            "engines": {
+                "node": ">=20.18.1"
+            }
+        },
+        "node_modules/undici-types": {
+            "version": "7.24.6",
+            "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-7.24.6.tgz",
+            "integrity": "sha512-WRNW+sJgj5OBN4/0JpHFqtqzhpbnV0GuB+OozA9gCL7a993SmU+1JBZCzLNxYsbMfIeDL+lTsphD5jN5N+n0zg==",
+            "devOptional": true,
+            "license": "MIT"
+        },
+        "node_modules/unpipe": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/unpipe/-/unpipe-1.0.0.tgz",
+            "integrity": "sha512-pjy2bYhSsufwWlKwPc+l3cN7+wuJlK6uz0YdJEOlQDbl6jo/YlPi4mb8agUkVC8BF7V8NuzeyPNqRksA3hztKQ==",
+            "license": "MIT",
+            "engines": {
+                "node": ">= 0.8"
+            }
+        },
+        "node_modules/unplugin": {
+            "version": "3.4.0",
+            "resolved": "https://registry.npmjs.org/unplugin/-/unplugin-3.4.0.tgz",
+            "integrity": "sha512-9skdIFlCsPdFV7wUfZxNsFInlW+7nJmGu2gkTu0OUhF56aXGsHab9x52/QhdJ4lC7ZDPWTxbiC4ANqVlsuaW3w==",
+            "license": "MIT",
+            "dependencies": {
+                "@jridgewell/remapping": "^2.3.5",
+                "picomatch": "^4.0.7",
+                "webpack-virtual-modules": "^0.6.2"
+            },
+            "engines": {
+                "node": "^20.19.0 || >=22.12.0"
+            },
+            "peerDependencies": {
+                "@farmfe/core": "*",
+                "@rsbuild/core": "*",
+                "@rspack/core": "*",
+                "bun-types-no-globals": "*",
+                "esbuild": "*",
+                "rolldown": "*",
+                "rollup": "*",
+                "unloader": "*",
+                "vite": "*",
+                "webpack": "*"
+            },
+            "peerDependenciesMeta": {
+                "@farmfe/core": {
+                    "optional": true
+                },
+                "@rsbuild/core": {
+                    "optional": true
+                },
+                "@rspack/core": {
+                    "optional": true
+                },
+                "bun-types-no-globals": {
+                    "optional": true
+                },
+                "esbuild": {
+                    "optional": true
+                },
+                "rolldown": {
+                    "optional": true
+                },
+                "rollup": {
+                    "optional": true
+                },
+                "unloader": {
+                    "optional": true
+                },
+                "vite": {
+                    "optional": true
+                },
+                "webpack": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/update-browserslist-db": {
+            "version": "1.3.4",
+            "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.3.4.tgz",
+            "integrity": "sha512-t8wonIOdQyOjtPd2VktlBu6QjTVTks6v8bSi7kd0r2Vll8TK1JYDZtRRdbmCHOAMphkZgrzK+L+vXK4pyZ8t4A==",
+            "funding": [
+                {
+                    "type": "opencollective",
+                    "url": "https://opencollective.com/browserslist"
+                },
+                {
+                    "type": "tidelift",
+                    "url": "https://tidelift.com/funding/github/npm/browserslist"
+                },
+                {
+                    "type": "github",
+                    "url": "https://github.com/sponsors/ai"
+                }
+            ],
+            "license": "MIT",
+            "dependencies": {
+                "escalade": "^3.2.0",
+                "picocolors": "^1.1.1"
+            },
+            "bin": {
+                "update-browserslist-db": "cli.js"
+            },
+            "peerDependencies": {
+                "browserslist": ">= 4.21.0"
+            }
+        },
+        "node_modules/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/use-callback-ref": {
+            "version": "1.3.3",
+            "resolved": "https://registry.npmjs.org/use-callback-ref/-/use-callback-ref-1.3.3.tgz",
+            "integrity": "sha512-jQL3lRnocaFtu3V00JToYz/4QkNWswxijDaCVNZRiRTO3HQDLsdu1ZtmIUvV4yPp+rvWm5j0y0TG/S61cuijTg==",
+            "license": "MIT",
+            "dependencies": {
+                "tslib": "^2.0.0"
+            },
+            "engines": {
+                "node": ">=10"
+            },
+            "peerDependencies": {
+                "@types/react": "*",
+                "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc"
+            },
+            "peerDependenciesMeta": {
+                "@types/react": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/use-sidecar": {
+            "version": "1.1.3",
+            "resolved": "https://registry.npmjs.org/use-sidecar/-/use-sidecar-1.1.3.tgz",
+            "integrity": "sha512-Fedw0aZvkhynoPYlA5WXrMCAMm+nSWdZt6lzJQ7Ok8S6Q+VsHmHpRWndVRJ8Be0ZbkfPc5LRYH+5XrzXcEeLRQ==",
+            "license": "MIT",
+            "dependencies": {
+                "detect-node-es": "^1.1.0",
+                "tslib": "^2.0.0"
+            },
+            "engines": {
+                "node": ">=10"
+            },
+            "peerDependencies": {
+                "@types/react": "*",
+                "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc"
+            },
+            "peerDependenciesMeta": {
+                "@types/react": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/use-sync-external-store": {
+            "version": "1.7.0",
+            "resolved": "https://registry.npmjs.org/use-sync-external-store/-/use-sync-external-store-1.7.0.tgz",
+            "integrity": "sha512-6L+EeigHMQhdaIPNIFUKwfWJSwWFQ8gJbJ2DLOs5sDIegTwR9fRxvnM3uciHKjIZhFz+KAv2emhWMRvDmMcY8A==",
+            "license": "MIT",
+            "peerDependencies": {
+                "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
+            }
+        },
+        "node_modules/util-deprecate": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
+            "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==",
+            "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==",
+            "license": "MIT",
+            "engines": {
+                "node": ">= 0.8"
+            }
+        },
+        "node_modules/vite": {
+            "version": "8.3.4",
+            "resolved": "https://registry.npmjs.org/vite/-/vite-8.3.4.tgz",
+            "integrity": "sha512-IftLE8phJhdNRIGNEV4JCCvfNScoZQVfcXaN8TQropWGJtOHcu+iAB9pHcuGvmEb/kddw0LBe/jS8ztdC6xdiQ==",
+            "devOptional": true,
+            "license": "MIT",
+            "dependencies": {
+                "lightningcss": "^1.33.0",
+                "picomatch": "^4.0.7",
+                "postcss": "^8.5.29",
+                "rolldown": "~1.2.12",
+                "tinyglobby": "^0.2.17"
+            },
+            "bin": {
+                "vite": "bin/vite.js"
+            },
+            "engines": {
+                "node": "^20.19.0 || >=22.12.0"
+            },
+            "funding": {
+                "url": "https://github.com/vitejs/vite?sponsor=1"
+            },
+            "optionalDependencies": {
+                "fsevents": "~2.3.3"
+            },
+            "peerDependencies": {
+                "@types/node": "^20.19.0 || >=22.12.0",
+                "@vitejs/devtools": "^0.7.1",
+                "esbuild": "^0.27.0 || ^0.28.0",
+                "jiti": ">=1.21.0",
+                "less": "^4.0.0",
+                "sass": "^1.70.0",
+                "sass-embedded": "^1.70.0",
+                "stylus": ">=0.54.8",
+                "sugarss": "^5.0.0",
+                "terser": "^5.16.0",
+                "tsx": "^4.8.1",
+                "yaml": "^2.4.2"
+            },
+            "peerDependenciesMeta": {
+                "@types/node": {
+                    "optional": true
+                },
+                "@vitejs/devtools": {
+                    "optional": true
+                },
+                "esbuild": {
+                    "optional": true
+                },
+                "jiti": {
+                    "optional": true
+                },
+                "less": {
+                    "optional": true
+                },
+                "sass": {
+                    "optional": true
+                },
+                "sass-embedded": {
+                    "optional": true
+                },
+                "stylus": {
+                    "optional": true
+                },
+                "sugarss": {
+                    "optional": true
+                },
+                "terser": {
+                    "optional": true
+                },
+                "tsx": {
+                    "optional": true
+                },
+                "yaml": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/vite/node_modules/lightningcss": {
+            "version": "1.33.0",
+            "resolved": "https://registry.npmjs.org/lightningcss/-/lightningcss-1.33.0.tgz",
+            "integrity": "sha512-WkUDrojuJs0xkgGf2udWxa3yGBRxPtxUkB79i6aCZLRgc7PM8fZe9TosfPDcvEpQZbuFASnHYmRLBLUbmLOIIA==",
+            "devOptional": 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.33.0",
+                "lightningcss-darwin-arm64": "1.33.0",
+                "lightningcss-darwin-x64": "1.33.0",
+                "lightningcss-freebsd-x64": "1.33.0",
+                "lightningcss-linux-arm-gnueabihf": "1.33.0",
+                "lightningcss-linux-arm64-gnu": "1.33.0",
+                "lightningcss-linux-arm64-musl": "1.33.0",
+                "lightningcss-linux-x64-gnu": "1.33.0",
+                "lightningcss-linux-x64-musl": "1.33.0",
+                "lightningcss-win32-arm64-msvc": "1.33.0",
+                "lightningcss-win32-x64-msvc": "1.33.0"
+            }
+        },
+        "node_modules/vite/node_modules/lightningcss-android-arm64": {
+            "version": "1.33.0",
+            "resolved": "https://registry.npmjs.org/lightningcss-android-arm64/-/lightningcss-android-arm64-1.33.0.tgz",
+            "integrity": "sha512-gEpRTalKdosp4Bb8qWtc2iOgE5SeIHlpS1up9bFq2wAyYhl1UdTObYiHe98zEM9SQvSoqQZ1IQD0JNpg3Ml5pg==",
+            "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/vite/node_modules/lightningcss-darwin-arm64": {
+            "version": "1.33.0",
+            "resolved": "https://registry.npmjs.org/lightningcss-darwin-arm64/-/lightningcss-darwin-arm64-1.33.0.tgz",
+            "integrity": "sha512-Sciaz8eenNTKn9b3t7+xr0ipTp9YxKQY4npwQ3mrRuL0BAVHBLyZxofhaKBAVtzmtRZ/zTyo0/to4B1uWG/Djg==",
+            "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/vite/node_modules/lightningcss-darwin-x64": {
+            "version": "1.33.0",
+            "resolved": "https://registry.npmjs.org/lightningcss-darwin-x64/-/lightningcss-darwin-x64-1.33.0.tgz",
+            "integrity": "sha512-Z5UPAxzrjlWNNyGy6i65cJzzvgJ5D3T6wMvs+gWpY9d7qRhANrxqAp6LhxIgZhWEw18RfJTGcRxjuLIBr+m8XQ==",
+            "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/vite/node_modules/lightningcss-freebsd-x64": {
+            "version": "1.33.0",
+            "resolved": "https://registry.npmjs.org/lightningcss-freebsd-x64/-/lightningcss-freebsd-x64-1.33.0.tgz",
+            "integrity": "sha512-QQM/Ti/hQajJwCY+RiWuCZ9sdtI/XQk7nDK5vC8kkdwixezOlDgvDx7+RT+QjK6FcFT4MpsuoBnHIo/O3StRRg==",
+            "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/vite/node_modules/lightningcss-linux-arm-gnueabihf": {
+            "version": "1.33.0",
+            "resolved": "https://registry.npmjs.org/lightningcss-linux-arm-gnueabihf/-/lightningcss-linux-arm-gnueabihf-1.33.0.tgz",
+            "integrity": "sha512-N7FVBe6iS24MlM6R/4RBTxGhQheZGs7tiQ9U32UtF75NzP5Q7xWPRqLBCKxlRQRk3rY1jCIPLzx7WzOhuUIRLQ==",
+            "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/vite/node_modules/lightningcss-linux-arm64-gnu": {
+            "version": "1.33.0",
+            "resolved": "https://registry.npmjs.org/lightningcss-linux-arm64-gnu/-/lightningcss-linux-arm64-gnu-1.33.0.tgz",
+            "integrity": "sha512-j2v/itmy4HlNxlc6voKXYgBqNi0Ng2LShg4z7GufpEgs05P+2suBVyi9I6YHq5uoVFx9ETin3eCEhLVyXGQnKg==",
+            "cpu": [
+                "arm64"
+            ],
+            "libc": [
+                "glibc"
+            ],
+            "license": "MPL-2.0",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">= 12.0.0"
+            },
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/parcel"
+            }
+        },
+        "node_modules/vite/node_modules/lightningcss-linux-arm64-musl": {
+            "version": "1.33.0",
+            "resolved": "https://registry.npmjs.org/lightningcss-linux-arm64-musl/-/lightningcss-linux-arm64-musl-1.33.0.tgz",
+            "integrity": "sha512-yiO5ROMuYQgXbC60yjZU5CYSFZGKXL0HFATXt9mHJn1+zW55oCtMI9NfcVhYLMFDL7gV7oBPon/EmMMGg2OvtQ==",
+            "cpu": [
+                "arm64"
+            ],
+            "libc": [
+                "musl"
+            ],
+            "license": "MPL-2.0",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">= 12.0.0"
+            },
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/parcel"
+            }
+        },
+        "node_modules/vite/node_modules/lightningcss-linux-x64-gnu": {
+            "version": "1.33.0",
+            "resolved": "https://registry.npmjs.org/lightningcss-linux-x64-gnu/-/lightningcss-linux-x64-gnu-1.33.0.tgz",
+            "integrity": "sha512-ar+Ju7LmcN0Jo4FpL4hpFybwNG9/3A/Br5KW2n2jyODg3MEZXaDYADdemoNS+BDNfMgKvylJLj4S5tyRActuAg==",
+            "cpu": [
+                "x64"
+            ],
+            "libc": [
+                "glibc"
+            ],
+            "license": "MPL-2.0",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">= 12.0.0"
+            },
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/parcel"
+            }
+        },
+        "node_modules/vite/node_modules/lightningcss-linux-x64-musl": {
+            "version": "1.33.0",
+            "resolved": "https://registry.npmjs.org/lightningcss-linux-x64-musl/-/lightningcss-linux-x64-musl-1.33.0.tgz",
+            "integrity": "sha512-RYiYbkokw0trfKqqzfF55lginwEPrD3OJDfTuJzFs1MK6iFnDenaz1fqLLtX4ITG3OktJQXOeTaw1awrBAlZPw==",
+            "cpu": [
+                "x64"
+            ],
+            "libc": [
+                "musl"
+            ],
+            "license": "MPL-2.0",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">= 12.0.0"
+            },
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/parcel"
+            }
+        },
+        "node_modules/vite/node_modules/lightningcss-win32-arm64-msvc": {
+            "version": "1.33.0",
+            "resolved": "https://registry.npmjs.org/lightningcss-win32-arm64-msvc/-/lightningcss-win32-arm64-msvc-1.33.0.tgz",
+            "integrity": "sha512-1K+MPfLSFVpphzpdbfkhlWk6wBrTObBzS2T6db10PNOZgR9GoVsAWzwNyuhUYYbTp23j+4RrncfujZ4uAzXvwA==",
+            "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/vite/node_modules/lightningcss-win32-x64-msvc": {
+            "version": "1.33.0",
+            "resolved": "https://registry.npmjs.org/lightningcss-win32-x64-msvc/-/lightningcss-win32-x64-msvc-1.33.0.tgz",
+            "integrity": "sha512-OlEICDx/Xl0FqSp4bry8zFnCvGpig3Gl4gCquvYwHuqJKEC1+n9NgDniFvqHGmMv1ZkqDJrDqKKSykTDX+ehuA==",
+            "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/vitefu": {
+            "version": "1.1.3",
+            "resolved": "https://registry.npmjs.org/vitefu/-/vitefu-1.1.3.tgz",
+            "integrity": "sha512-ub4okH7Z5KLjb6hDyjqrGXqWtWvoYdU3IGm/NorpgHncKoLTCfRIbvlhBm7r0YstIaQRYlp4yEbFqDcKSzXSSg==",
+            "license": "MIT",
+            "workspaces": [
+                "tests/deps/*",
+                "tests/projects/*",
+                "tests/projects/workspace/packages/*"
+            ],
+            "peerDependencies": {
+                "vite": "^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0"
+            },
+            "peerDependenciesMeta": {
+                "vite": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/vitest": {
+            "version": "4.1.12",
+            "resolved": "https://registry.npmjs.org/vitest/-/vitest-4.1.12.tgz",
+            "integrity": "sha512-5eWdz2yb3ajxWF3C8C4TjkXl7FGm3n2E/VlazALrQHzK7nYMSGFnCZto0bbPNl77AwkOZVLk0YnBAejUu0NiWA==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "@vitest/expect": "4.1.12",
+                "@vitest/mocker": "4.1.12",
+                "@vitest/pretty-format": "4.1.12",
+                "@vitest/runner": "4.1.12",
+                "@vitest/snapshot": "4.1.12",
+                "@vitest/spy": "4.1.12",
+                "@vitest/utils": "4.1.12",
+                "es-module-lexer": "^2.0.0",
+                "expect-type": "^1.3.0",
+                "magic-string": "^0.30.21",
+                "obug": "^2.1.1",
+                "pathe": "^2.0.3",
+                "picomatch": "^4.0.3",
+                "std-env": "^4.0.0-rc.1",
+                "tinybench": "^2.9.0",
+                "tinyexec": "^1.0.2",
+                "tinyglobby": "^0.2.15",
+                "tinyrainbow": "^3.1.0",
+                "vite": "^6.0.0 || ^7.0.0 || ^8.0.0",
+                "why-is-node-running": "^2.3.0"
+            },
+            "bin": {
+                "vitest": "vitest.mjs"
+            },
+            "engines": {
+                "node": "^20.0.0 || ^22.0.0 || >=24.0.0"
+            },
+            "funding": {
+                "url": "https://opencollective.com/vitest"
+            },
+            "peerDependencies": {
+                "@edge-runtime/vm": "*",
+                "@opentelemetry/api": "^1.9.0",
+                "@types/node": "^20.0.0 || ^22.0.0 || >=24.0.0",
+                "@vitest/browser-playwright": "4.1.12",
+                "@vitest/browser-preview": "4.1.12",
+                "@vitest/browser-webdriverio": "^4.1.11",
+                "@vitest/coverage-istanbul": "4.1.12",
+                "@vitest/coverage-v8": "4.1.12",
+                "@vitest/ui": "4.1.12",
+                "happy-dom": "*",
+                "jsdom": "*",
+                "vite": "^6.0.0 || ^7.0.0 || ^8.0.0"
+            },
+            "peerDependenciesMeta": {
+                "@edge-runtime/vm": {
+                    "optional": true
+                },
+                "@opentelemetry/api": {
+                    "optional": true
+                },
+                "@types/node": {
+                    "optional": true
+                },
+                "@vitest/browser-playwright": {
+                    "optional": true
+                },
+                "@vitest/browser-preview": {
+                    "optional": true
+                },
+                "@vitest/browser-webdriverio": {
+                    "optional": true
+                },
+                "@vitest/coverage-istanbul": {
+                    "optional": true
+                },
+                "@vitest/coverage-v8": {
+                    "optional": true
+                },
+                "@vitest/ui": {
+                    "optional": true
+                },
+                "happy-dom": {
+                    "optional": true
+                },
+                "jsdom": {
+                    "optional": true
+                },
+                "vite": {
+                    "optional": false
+                }
+            }
+        },
+        "node_modules/webpack-virtual-modules": {
+            "version": "0.6.2",
+            "resolved": "https://registry.npmjs.org/webpack-virtual-modules/-/webpack-virtual-modules-0.6.2.tgz",
+            "integrity": "sha512-66/V2i5hQanC51vBQKPH4aI8NMAcBW59FVBs+rC7eGHupMyfn34q7rZIE+ETlJ+XTevqfUhVVBgSUNSW2flEUQ==",
+            "license": "MIT"
+        },
+        "node_modules/whatwg-mimetype": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/whatwg-mimetype/-/whatwg-mimetype-3.0.0.tgz",
+            "integrity": "sha512-nt+N2dzIutVRxARx1nghPKGv1xHikU7HKdfafKkLNLindmPU/ch3U31NOCGGA/dmPcmb1VlofO0vnKAcsm0o/Q==",
+            "dev": true,
+            "license": "MIT",
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/which": {
+            "version": "2.0.2",
+            "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
+            "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
+            "license": "ISC",
+            "dependencies": {
+                "isexe": "^2.0.0"
+            },
+            "bin": {
+                "node-which": "bin/node-which"
+            },
+            "engines": {
+                "node": ">= 8"
+            }
+        },
+        "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": {
+                "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.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "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.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/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": {
+                "is-map": "^2.0.3",
+                "is-set": "^2.0.3",
+                "is-weakmap": "^2.0.2",
+                "is-weakset": "^2.0.3"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/which-typed-array": {
+            "version": "1.1.24",
+            "resolved": "https://registry.npmjs.org/which-typed-array/-/which-typed-array-1.1.24.tgz",
+            "integrity": "sha512-wk4Mf4pR5mRP7eYuuTBCIQ9d0ud2Fv2jRLQpfgnRjbOxAFHmjKFValgTpitVKzJJS8ajnYQV2Du1SZ8j6b/EUQ==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "available-typed-arrays": "^1.0.7",
+                "call-bind": "^1.0.9",
+                "call-bound": "^1.0.4",
+                "for-each": "^0.3.5",
+                "get-proto": "^1.0.1",
+                "gopd": "^1.2.0",
+                "has-tostringtag": "^1.0.2"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/why-is-node-running": {
+            "version": "2.3.0",
+            "resolved": "https://registry.npmjs.org/why-is-node-running/-/why-is-node-running-2.3.0.tgz",
+            "integrity": "sha512-hUrmaWBdVDcxvYqnyh09zunKzROWjbZTiNy8dBEjkS7ehEDQibXJ7XvlmtbwuTclUiIyN+CyXQD4Vmko8fNm8w==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "siginfo": "^2.0.0",
+                "stackback": "0.0.2"
+            },
+            "bin": {
+                "why-is-node-running": "cli.js"
+            },
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "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",
+            "engines": {
+                "node": ">=0.10.0"
+            }
+        },
+        "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==",
+            "license": "ISC"
+        },
+        "node_modules/ws": {
+            "version": "8.21.0",
+            "resolved": "https://registry.npmjs.org/ws/-/ws-8.21.0.tgz",
+            "integrity": "sha512-Vsp28b7DRcimFQvrqu2Wek3z1iYxDCWqHYB8Qsnk/S4RfaCQzPGPyBNuVjJV3cd6UiKtUtp6sNM77gWvzcCH+g==",
+            "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/xmlbuilder2": {
+            "version": "4.0.3",
+            "resolved": "https://registry.npmjs.org/xmlbuilder2/-/xmlbuilder2-4.0.3.tgz",
+            "integrity": "sha512-bx8Q1STctnNaaDymWnkfQLKofs0mGNN7rLLapJlGuV3VlvegD7Ls4ggMjE3aUSWItCCzU0PEv45lI87iSigiCA==",
+            "license": "MIT",
+            "dependencies": {
+                "@oozcitak/dom": "^2.0.2",
+                "@oozcitak/infra": "^2.0.2",
+                "@oozcitak/util": "^10.0.0",
+                "js-yaml": "^4.1.1"
+            },
+            "engines": {
+                "node": ">=20.0"
+            }
+        },
+        "node_modules/yallist": {
+            "version": "3.1.1",
+            "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz",
+            "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==",
+            "license": "ISC"
+        },
+        "node_modules/yocto-queue": {
+            "version": "0.1.0",
+            "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",
+            "integrity": "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==",
+            "dev": true,
+            "license": "MIT",
+            "engines": {
+                "node": ">=10"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/sindresorhus"
+            }
+        },
+        "node_modules/zod": {
+            "version": "4.6.7",
+            "resolved": "https://registry.npmjs.org/zod/-/zod-4.6.7.tgz",
+            "integrity": "sha512-g8W2D2kU6a8untc053fX1uVBKzM7yqAxW/3zwk83+6RyF2+SKOuV+c0wBDhUwzV1PaGapmZH+rmcUzPf+3CGwg==",
+            "license": "MIT",
+            "funding": {
+                "url": "https://github.com/sponsors/colinhacks"
+            }
+        },
+        "node_modules/zod-to-json-schema": {
+            "version": "3.25.2",
+            "resolved": "https://registry.npmjs.org/zod-to-json-schema/-/zod-to-json-schema-3.25.2.tgz",
+            "integrity": "sha512-O/PgfnpT1xKSDeQYSCfRI5Gy3hPf91mKVDuYLUHZJMiDFptvP41MSnWofm8dnCm0256ZNfZIM7DSzuSMAFnjHA==",
+            "license": "ISC",
+            "peerDependencies": {
+                "zod": "^3.25.28 || ^4"
+            }
+        },
+        "node_modules/zod-validation-error": {
+            "version": "4.0.2",
+            "resolved": "https://registry.npmjs.org/zod-validation-error/-/zod-validation-error-4.0.2.tgz",
+            "integrity": "sha512-Q6/nZLe6jxuU80qb/4uJ4t5v2VEZ44lzQjPDhYJNztRQ4wyWc6VF3D3Kb/fAuPetZQnhS3hnajCf9CsWesghLQ==",
+            "dev": true,
+            "license": "MIT",
+            "engines": {
+                "node": ">=18.0.0"
+            },
+            "peerDependencies": {
+                "zod": "^3.25.0 || ^4.0.0"
+            }
         }
-      }
-    },
-    "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,
-      "dependencies": {
-        "isexe": "^2.0.0"
-      },
-      "bin": {
-        "node-which": "bin/node-which"
-      },
-      "engines": {
-        "node": ">= 8"
-      }
-    },
-    "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,
-      "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"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "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,
-      "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"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "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,
-      "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"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "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,
-      "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"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/why-is-node-running": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/why-is-node-running/-/why-is-node-running-2.3.0.tgz",
-      "integrity": "sha512-hUrmaWBdVDcxvYqnyh09zunKzROWjbZTiNy8dBEjkS7ehEDQibXJ7XvlmtbwuTclUiIyN+CyXQD4Vmko8fNm8w==",
-      "dev": true,
-      "dependencies": {
-        "siginfo": "^2.0.0",
-        "stackback": "0.0.2"
-      },
-      "bin": {
-        "why-is-node-running": "cli.js"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "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,
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/yocto-queue": {
-      "version": "0.1.0",
-      "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",
-      "integrity": "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==",
-      "dev": true,
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
     }
-  }
 }
diff --git a/package.json b/package.json
index 8228b32..6ac4dca 100644
--- a/package.json
+++ b/package.json
@@ -1,52 +1,81 @@
 {
-  "name": "zns-roadmap-studio",
-  "version": "1.0.0",
-  "private": true,
-  "scripts": {
-    "dev": "next dev",
-    "build": "next build",
-    "start": "next start",
-    "lint": "eslint .",
-    "typecheck": "next typegen && node scripts/ensure-next-route-shims.mjs && tsc --noEmit",
-    "test": "vitest run",
-    "test:watch": "vitest",
-    "test:ui": "vitest --ui"
-  },
-  "dependencies": {
-    "@radix-ui/react-alert-dialog": "^1.1.15",
-    "@radix-ui/react-select": "^2.2.6",
-    "@radix-ui/react-separator": "^1.1.8",
-    "@radix-ui/react-slot": "^1.2.4",
-    "@radix-ui/react-switch": "^1.2.6",
-    "class-variance-authority": "^0.7.1",
-    "clsx": "^2.1.1",
-    "framer-motion": "^12.34.5",
-    "geist": "^1.7.0",
-    "lucide-react": "^0.576.0",
-    "motion": "^12.35.1",
-    "next": "^16.1.6",
-    "next-themes": "^0.4.6",
-    "openai": "^6.27.0",
-    "react": "^19.2.4",
-    "react-dom": "^19.2.4",
-    "sonner": "^2.0.7",
-    "tailwind-merge": "^3.5.0"
-  },
-  "devDependencies": {
-    "@tailwindcss/postcss": "^4.0.0",
-    "@types/node": "^22.0.0",
-    "@types/react": "^19.0.0",
-    "@types/react-dom": "^19.0.0",
-    "@vitest/ui": "^2.1.8",
-    "axe-core": "^4.11.1",
-    "chalk": "^5.6.2",
-    "eslint": "^9.0.0",
-    "eslint-config-next": "^15.1.0",
-    "fast-check": "^4.6.0",
-    "playwright": "^1.58.2",
-    "postcss": "^8.5.0",
-    "tailwindcss": "^4.0.0",
-    "typescript": "^5.7.0",
-    "vitest": "^2.1.8"
-  }
+    "name": "syllo",
+    "version": "1.0.0",
+    "private": true,
+    "type": "module",
+    "scripts": {
+        "dev": "vite dev",
+        "build": "vite build",
+        "start": "node server.mjs",
+        "lint": "eslint .",
+        "typecheck": "tsc --noEmit",
+        "typecheck:convex": "tsc -p convex/tsconfig.json",
+        "convex:dev": "convex dev",
+        "convex:auth-prepare": "node scripts/prepare-convex-auth.mjs",
+        "test": "vitest run",
+        "test:watch": "vitest"
+    },
+    "dependencies": {
+        "@ai-sdk/google": "4.0.101",
+        "@ai-sdk/openai": "4.0.98",
+        "@auth/core": "0.41.3",
+        "@convex-dev/auth": "0.0.96",
+        "@fontsource-variable/geist": "5.3.0",
+        "@fontsource-variable/geist-mono": "5.3.0",
+        "@modelcontextprotocol/sdk": "1.32.1",
+        "@radix-ui/react-alert-dialog": "1.1.15",
+        "@radix-ui/react-select": "2.2.6",
+        "@radix-ui/react-separator": "1.1.8",
+        "@radix-ui/react-slot": "1.2.4",
+        "@radix-ui/react-switch": "1.2.6",
+        "@tanstack/react-router": "1.170.45",
+        "@tanstack/react-start": "1.169.3",
+        "ai": "7.0.147",
+        "better-sqlite3": "13.0.3",
+        "class-variance-authority": "0.7.1",
+        "clsx": "2.1.1",
+        "convex": "1.47.0",
+        "cross-spawn": "7.0.6",
+        "epubjs": "0.3.93",
+        "framer-motion": "12.34.5",
+        "lucide-react": "0.576.0",
+        "motion": "12.35.1",
+        "openai": "6.27.0",
+        "react": "19.2.4",
+        "react-dom": "19.2.4",
+        "sonner": "2.0.7",
+        "tailwind-merge": "3.5.0",
+        "ts-fsrs": "5.4.2",
+        "zod": "4.6.7"
+    },
+    "devDependencies": {
+        "@eslint/js": "9.39.5",
+        "@tailwindcss/vite": "4.3.3",
+        "@tanstack/router-plugin": "1.168.47",
+        "@types/better-sqlite3": "7.6.13",
+        "@types/cross-spawn": "6.0.6",
+        "@types/node": "24.19.2",
+        "@types/react": "19.3.0",
+        "@types/react-dom": "19.3.0",
+        "@types/youtube": "0.3.0",
+        "@vitejs/plugin-react": "6.1.2",
+        "@xmldom/xmldom": "0.9.12",
+        "eslint": "9.39.5",
+        "eslint-plugin-jsx-a11y": "6.10.2",
+        "eslint-plugin-react-hooks": "7.1.1",
+        "fake-indexeddb": "6.2.6",
+        "globals": "17.13.0",
+        "happy-dom": "21.0.4",
+        "jszip": "3.10.2",
+        "tailwindcss": "4.3.3",
+        "typescript": "5.9.3",
+        "typescript-eslint": "8.72.0",
+        "vite": "8.3.4",
+        "vitest": "4.1.12"
+    },
+    "overrides": {
+        "epubjs": {
+            "@xmldom/xmldom": "0.9.12"
+        }
+    }
 }
diff --git a/postcss.config.mjs b/postcss.config.mjs
deleted file mode 100644
index 148a80b..0000000
--- a/postcss.config.mjs
+++ /dev/null
@@ -1,7 +0,0 @@
-const config = {
-    plugins: {
-        "@tailwindcss/postcss": {},
-    },
-};
-
-export default config;
diff --git a/prompts/scout/book.v1.md b/prompts/scout/book.v1.md
new file mode 100644
index 0000000..e8b62ad
--- /dev/null
+++ b/prompts/scout/book.v1.md
@@ -0,0 +1,13 @@
+---
+version: 1
+purpose: Suggest a reading outline for a book the learner added
+---
+
+You suggest a reading outline for a book that Syllo does not have a copy of.
+
+Rules:
+
+1. Use only the book's title and author. Do not pretend to quote the book.
+2. Return 4–10 chapter-sized reading units with short descriptive titles.
+3. If you do not know the book, return a single unit called "Read the book" and set `confident` to false.
+4. Never include page numbers, ISBNs or quotes.
diff --git a/prompts/scout/extract.v1.md b/prompts/scout/extract.v1.md
new file mode 100644
index 0000000..b8e3ee8
--- /dev/null
+++ b/prompts/scout/extract.v1.md
@@ -0,0 +1,19 @@
+---
+version: 1
+purpose: Extract study material from one free learning resource
+---
+
+You turn one free learning resource into study material for a developer.
+
+You receive a title, creator, description, and the resource's text. For videos the text is a transcript with `[mm:ss]` markers; for articles it is cleaned markdown.
+
+Rules:
+
+1. Use only the supplied text and description. Never add facts, chapters, tools or opinions that are not there.
+2. `summary` is 2–4 sentences in plain prose. No marketing language, no bullet points.
+3. `keyPoints` are the ideas a learner should remember. Each one is a single sentence.
+4. Every key point that makes a factual or technical claim must include a `quote` copied verbatim from the supplied text (at least 12 characters) and the `atSeconds` where that quote appears for videos. If you cannot find an exact quote, omit the key point.
+5. `skills` are 1–5 short labels naming the capability the resource teaches, e.g. "layout", "state management", "sql joins". Lowercase, no version numbers.
+6. Only include `chapters` for videos. Use the description's chapter list when it exists. Otherwise propose 3–8 chapters, each with the second it starts and a short title. Never invent timestamps beyond the video duration supplied.
+7. Ignore sponsor reads, subscribe requests, channel plugs and course advertisements.
+8. If the text is too thin to support any claim, return an empty `keyPoints` array and say so in `summary`.
diff --git a/prompts/scout/plan.v1.md b/prompts/scout/plan.v1.md
new file mode 100644
index 0000000..f16dc4b
--- /dev/null
+++ b/prompts/scout/plan.v1.md
@@ -0,0 +1,23 @@
+---
+version: 1
+purpose: Turn approved resources into a Syllo workspace
+---
+
+You build a short, honest curriculum from resources a learner has already approved.
+
+You receive the learner's goal and a list of resources. Each resource has an id, title, creator, kind (`video`, `article`, `doc`, `book`), summary, skill tags and chapters. Videos also carry a duration and chapter start times.
+
+Rules:
+
+1. Group the material into 3–6 modules. A module is one capability, not one resource.
+2. Order modules so each depends only on earlier ones.
+3. Every task must belong to a module and point at one real `resourceId` from the input.
+4. For a video with chapters, turn chapters into watch tasks. Task titles read like "Watch <chapter title> (12:30–25:10)". Set `startSeconds` and `endSeconds` from the chapters.
+5. For an article or doc, create one or two read tasks. Set `resourceId` and leave timestamps null.
+6. For a book, create one task per chapter title supplied. Never invent chapter numbers that are not in the input.
+7. Do not create tasks that require paid accounts, sign-ups, or resources outside the input.
+8. `estimatedMinutes` is realistic: video tasks use the chapter length; reading tasks assume 4 minutes per 1000 words when word count is known, otherwise 20 minutes.
+9. `summary` is 2–3 sentences describing what the learner will be able to do at the end.
+10. `objectives` are 3–5 concrete abilities, each starting with a verb.
+11. `difficulty` is `beginner`, `intermediate` or `advanced`, judged from the material, not the goal's ambition.
+12. Resource ids must be copied exactly. Never create new ids.
diff --git a/prompts/scout/quiz.v1.md b/prompts/scout/quiz.v1.md
new file mode 100644
index 0000000..0b2dcc7
--- /dev/null
+++ b/prompts/scout/quiz.v1.md
@@ -0,0 +1,15 @@
+---
+version: 1
+purpose: Write spaced-repetition cards grounded in approved resources
+---
+
+You write review cards for a learner who just finished a resource.
+
+Rules:
+
+1. Write 2–4 cards per module, not per resource. Fewer is better than vague.
+2. A card is one question with one short answer. No multiple choice.
+3. Every card must carry the `resourceId`, the `atSeconds` for videos, and a `quote` copied verbatim from the supplied text (at least 12 characters).
+4. Ask about a decision or a mechanism, not trivia: "Why does X cause Y?" beats "What year was X released?".
+5. The answer must be checkable from the quote alone.
+6. Skip a card rather than inventing a fact.
diff --git a/proxy.ts b/proxy.ts
deleted file mode 100644
index a041764..0000000
--- a/proxy.ts
+++ /dev/null
@@ -1,38 +0,0 @@
-import { NextResponse, type NextRequest } from "next/server";
-import { GATE_COOKIE, GATE_COOKIE_VALUE } from "@/lib/access-gate";
-
-export async function proxy(request: NextRequest) {
-    const { pathname } = request.nextUrl;
-
-    // The unlock API must always be reachable.
-    if (pathname === "/api/gate") {
-        return NextResponse.next();
-    }
-
-    const isUnlocked =
-        request.cookies.get(GATE_COOKIE)?.value === GATE_COOKIE_VALUE;
-
-    // Unlocked visitors pass through normally.
-    if (isUnlocked) {
-        return NextResponse.next();
-    }
-
-    // The gate page itself and any of its assets render without the cookie.
-    if (pathname === "/gate" || pathname.startsWith("/_next/")) {
-        return NextResponse.next();
-    }
-
-    // Everyone else is redirected to the gate, remembering where they came from.
-    const gateUrl = new URL("/gate", request.url);
-    const destination = pathname + request.nextUrl.search;
-    if (destination !== "/") {
-        gateUrl.searchParams.set("next", destination);
-    }
-    return NextResponse.redirect(gateUrl);
-}
-
-export const config = {
-    matcher: [
-        "/((?!_next/static|_next/image|favicon.ico|manifest.json|.*\\.(?:svg|png|jpg|jpeg|gif|webp)$).*)",
-    ],
-};
diff --git a/public/favicon.svg b/public/favicon.svg
index 8562051..ba1820c 100644
--- a/public/favicon.svg
+++ b/public/favicon.svg
@@ -1,13 +1,5 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" role="img" aria-labelledby="title">
-  <title>ZNS RoadMap Studio</title>
-  <defs>
-    <linearGradient id="bg" x1="0%" y1="0%" x2="100%" y2="100%">
-      <stop offset="0%" stop-color="#4F7CFF"/>
-      <stop offset="100%" stop-color="#C69B5A"/>
-    </linearGradient>
-  </defs>
-  <rect width="128" height="128" rx="28" fill="#0E1726"/>
-  <rect x="16" y="16" width="96" height="96" rx="24" fill="url(#bg)" opacity="0.18"/>
-  <path d="M30 38h68v12L50 92H30l48-42H30z" fill="#F4F7FB"/>
-  <path d="M58 38h40v12L70 76h28v14H46V78l30-26H58z" fill="#C69B5A"/>
+  <title>Syllo</title>
+  <rect width="128" height="128" rx="24" fill="#101113"/>
+  <path d="M99 33H50a18 18 0 0 0 0 36h28a14 14 0 0 1 0 28H29M29 33v64M99 33v64" stroke="#fff" stroke-width="7" fill="none"/>
 </svg>
diff --git a/public/manifest.json b/public/manifest.json
index e328e26..4b2f92d 100644
--- a/public/manifest.json
+++ b/public/manifest.json
@@ -1,11 +1,13 @@
 {
-  "name": "ZNS RoadMap Studio",
-  "short_name": "RoadMap Studio",
-  "start_url": "/",
+  "name": "Syllo",
+  "short_name": "Syllo",
+  "id": "/dashboard",
+  "start_url": "/dashboard",
+  "scope": "/",
   "display": "standalone",
-  "background_color": "#0E1726",
-  "theme_color": "#0E1726",
-  "description": "Turn any guide or curriculum into an interactive AI-powered workspace.",
+  "background_color": "#101113",
+  "theme_color": "#101113",
+  "description": "Your books, learning topics, and next steps.",
   "icons": [
     {
       "src": "/favicon.svg",
diff --git a/public/og.png b/public/og.png
new file mode 100644
index 0000000..2ae2c74
Binary files /dev/null and b/public/og.png differ
diff --git a/public/sw.js b/public/sw.js
new file mode 100644
index 0000000..7d6f706
--- /dev/null
+++ b/public/sw.js
@@ -0,0 +1,63 @@
+const CACHE = "syllo-shell-v1";
+const navigationPaths =
+    /^\/(dashboard|library|learn|read\/[^/]+|reviews|settings)\/?$/;
+
+self.addEventListener("install", (event) => {
+    event.waitUntil(
+        caches
+            .open(CACHE)
+            .then((cache) => cache.addAll(["/favicon.svg", "/manifest.json"])),
+    );
+});
+self.addEventListener("activate", (event) => {
+    event.waitUntil(
+        caches
+            .keys()
+            .then((keys) =>
+                Promise.all(
+                    keys
+                        .filter(
+                            (key) =>
+                                key.startsWith("syllo-shell-") && key !== CACHE,
+                        )
+                        .map((key) => caches.delete(key)),
+                ),
+            )
+            .then(() => self.clients.claim()),
+    );
+});
+self.addEventListener("fetch", (event) => {
+    const request = event.request;
+    const url = new URL(request.url);
+    if (request.method !== "GET" || url.origin !== self.location.origin) return;
+    const asset = url.pathname.startsWith("/assets/");
+    const navigation =
+        request.mode === "navigate" && navigationPaths.test(url.pathname);
+    if (!asset && !navigation) return;
+    event.respondWith(
+        (async () => {
+            const cache = await caches.open(CACHE);
+            if (asset) {
+                const cached = await cache.match(request);
+                if (cached) return cached;
+            }
+            try {
+                const response = await fetch(request);
+                if (response.ok) await cache.put(request, response.clone());
+                return response;
+            } catch {
+                const cached = await cache.match(request);
+                return (
+                    cached ??
+                    new Response(
+                        "Open this page once while online to use it offline.",
+                        {
+                            status: 503,
+                            headers: { "Content-Type": "text/plain" },
+                        },
+                    )
+                );
+            }
+        })(),
+    );
+});
diff --git a/scripts/ensure-next-route-shims.mjs b/scripts/ensure-next-route-shims.mjs
deleted file mode 100644
index 98fe833..0000000
--- a/scripts/ensure-next-route-shims.mjs
+++ /dev/null
@@ -1,17 +0,0 @@
-import { existsSync, mkdirSync, writeFileSync } from "node:fs";
-import { dirname, join } from "node:path";
-
-const routeTypeDirs = [".next/types", ".next/dev/types"];
-const shimContents = 'export type * from "./routes";\n';
-
-for (const dir of routeTypeDirs) {
-  const source = join(dir, "routes.d.ts");
-  const target = join(dir, "routes.js.d.ts");
-
-  if (!existsSync(source)) {
-    continue;
-  }
-
-  mkdirSync(dirname(target), { recursive: true });
-  writeFileSync(target, shimContents, "utf8");
-}
diff --git a/scripts/prepare-convex-auth.mjs b/scripts/prepare-convex-auth.mjs
new file mode 100644
index 0000000..4f4c3a4
--- /dev/null
+++ b/scripts/prepare-convex-auth.mjs
@@ -0,0 +1,43 @@
+import { generateKeyPairSync } from "node:crypto";
+import { writeFile } from "node:fs/promises";
+import { resolve } from "node:path";
+
+if (process.argv.includes("--help")) {
+    process.stdout.write(
+        "Generate Convex Auth signing keys into .env.convex-auth.local without contacting a deployment. Existing keys are never overwritten.\n",
+    );
+} else {
+    const { privateKey, publicKey } = generateKeyPairSync("rsa", {
+        modulusLength: 2048,
+    });
+    const pem = privateKey
+        .export({ type: "pkcs8", format: "pem" })
+        .toString()
+        .trimEnd()
+        .replace(/\n/g, " ");
+    const jwks = JSON.stringify({
+        keys: [{ use: "sig", ...publicKey.export({ format: "jwk" }) }],
+    });
+    const path = resolve(import.meta.dirname, "../.env.convex-auth.local");
+    try {
+        await writeFile(path, `JWT_PRIVATE_KEY="${pem}"\nJWKS=${jwks}\n`, {
+            flag: "wx",
+            mode: 0o600,
+        });
+        process.stdout.write(
+            "Created .env.convex-auth.local. Keep it private. Follow docs/syllo-setup.md to configure your deployment.\n",
+        );
+    } catch (error) {
+        if (
+            error &&
+            typeof error === "object" &&
+            "code" in error &&
+            error.code === "EEXIST"
+        ) {
+            process.stderr.write(
+                ".env.convex-auth.local already exists; its keys were kept.\n",
+            );
+            process.exitCode = 1;
+        } else throw error;
+    }
+}
diff --git a/scripts/render_logo.js b/scripts/render_logo.js
deleted file mode 100644
index 5e3ce5c..0000000
--- a/scripts/render_logo.js
+++ /dev/null
@@ -1,48 +0,0 @@
-const { chromium } = require('playwright');
-const fs = require('fs');
-const path = require('path');
-
-const svgContent = `
-<svg
-    xmlns="http://www.w3.org/2000/svg"
-    width="512"
-    height="512"
-    viewBox="-2 -2 28 28"
-    fill="none"
-    stroke="white"
-    stroke-width="2.5"
-    stroke-linecap="round"
-    stroke-linejoin="round"
->
-    <!-- Background for contrast -->
-    <rect x="-2" y="-2" width="28" height="28" fill="#050505" stroke="none" />
-    <path d="M4 19a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z" />
-    <path d="M4 15V9a2 2 0 0 1 2-2h2" />
-    <path d="M8 7a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z" />
-    <path d="M10 7h4a2 2 0 0 1 2 2v6" />
-    <path d="M16 15a2 2 0 1 0 0 4 2 2 0 0 0 0-4Z" />
-    <path d="M18 15h2a2 2 0 0 0 2-2V7" />
-    <path d="M22 7a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z" />
-</svg>
-`;
-
-async function render() {
-  const browser = await chromium.launch();
-  const page = await browser.newPage();
-  
-  await page.setContent(`
-    <style>
-      body { margin: 0; background: #050505; display: flex; align-items: center; justify-content: center; height: 100vh; }
-      svg { width: 512px; height: 512px; }
-    </style>
-    ${svgContent}
-  `);
-
-  const outputPath = path.join(__dirname, '..', 'public', 'brand-assets', 'exact-logo-render.png');
-  await page.locator('svg').screenshot({ path: outputPath });
-  
-  console.log(`Saved exact rendering to: ${outputPath}`);
-  await browser.close();
-}
-
-render().catch(console.error);
diff --git a/server.mjs b/server.mjs
new file mode 100644
index 0000000..e348c5b
--- /dev/null
+++ b/server.mjs
@@ -0,0 +1,150 @@
+/**
+ * Minimal production host for the TanStack Start build.
+ *
+ * `vite build` emits `dist/client` (static assets) and `dist/server/server.js`
+ * (a default export that takes a `Request` and resolves to a `Response`).
+ * This file serves the static assets directly and forwards everything else to
+ * that handler, which keeps a single origin for the app, its API routes and
+ * its server functions.
+ */
+import { createReadStream } from "node:fs";
+import { stat } from "node:fs/promises";
+import { createServer } from "node:http";
+import { extname, join, resolve, sep } from "node:path";
+import { Readable } from "node:stream";
+import handler from "./dist/server/server.js";
+
+const PORT = Number(process.env.PORT ?? 3000);
+// Loopback by default: there is no access gate, so expose the app to other
+// machines only by setting HOST explicitly.
+const HOST = process.env.HOST ?? "127.0.0.1";
+const CLIENT_ROOT = resolve(import.meta.dirname, "dist/client");
+
+const MIME_TYPES = {
+    ".css": "text/css; charset=utf-8",
+    ".gif": "image/gif",
+    ".html": "text/html; charset=utf-8",
+    ".ico": "image/x-icon",
+    ".jpeg": "image/jpeg",
+    ".jpg": "image/jpeg",
+    ".js": "text/javascript; charset=utf-8",
+    ".json": "application/json; charset=utf-8",
+    ".map": "application/json; charset=utf-8",
+    ".mjs": "text/javascript; charset=utf-8",
+    ".otf": "font/otf",
+    ".png": "image/png",
+    ".svg": "image/svg+xml",
+    ".ttf": "font/ttf",
+    ".txt": "text/plain; charset=utf-8",
+    ".webmanifest": "application/manifest+json",
+    ".webp": "image/webp",
+    ".woff": "font/woff",
+    ".woff2": "font/woff2",
+    ".xml": "application/xml; charset=utf-8",
+};
+
+/** Resolve a request path to a file inside `dist/client`, or `undefined`. */
+async function findStaticFile(pathname) {
+    let decoded;
+    try {
+        decoded = decodeURIComponent(pathname);
+    } catch {
+        return undefined;
+    }
+
+    const candidate = resolve(join(CLIENT_ROOT, decoded));
+    if (candidate !== CLIENT_ROOT && !candidate.startsWith(CLIENT_ROOT + sep)) {
+        return undefined;
+    }
+
+    try {
+        const info = await stat(candidate);
+        return info.isFile() ? candidate : undefined;
+    } catch {
+        return undefined;
+    }
+}
+
+function toWebRequest(request) {
+    const url = `http://${request.headers.host ?? `localhost:${PORT}`}${request.url ?? "/"}`;
+    const headers = new Headers();
+
+    for (const [name, value] of Object.entries(request.headers)) {
+        if (value === undefined) continue;
+        if (Array.isArray(value)) {
+            for (const entry of value) headers.append(name, entry);
+        } else {
+            headers.set(name, value);
+        }
+    }
+
+    const method = request.method ?? "GET";
+    const hasBody = method !== "GET" && method !== "HEAD";
+
+    return new Request(url, {
+        method,
+        headers,
+        body: hasBody ? Readable.toWeb(request) : undefined,
+        // Required by undici when streaming a request body.
+        ...(hasBody ? { duplex: "half" } : {}),
+    });
+}
+
+async function sendWebResponse(response, nodeResponse) {
+    nodeResponse.statusCode = response.status;
+    nodeResponse.statusMessage = response.statusText;
+
+    for (const [name, value] of response.headers) {
+        if (name === "set-cookie") continue;
+        nodeResponse.setHeader(name, value);
+    }
+
+    const cookies = response.headers.getSetCookie?.() ?? [];
+    if (cookies.length > 0) nodeResponse.setHeader("set-cookie", cookies);
+
+    if (!response.body) {
+        nodeResponse.end();
+        return;
+    }
+
+    Readable.fromWeb(response.body).pipe(nodeResponse);
+}
+
+const server = createServer(async (request, response) => {
+    try {
+        if (request.method === "GET" || request.method === "HEAD") {
+            const pathname = (request.url ?? "/").split("?")[0];
+            const file = await findStaticFile(pathname);
+
+            if (file) {
+                const headers = {
+                    "content-type": MIME_TYPES[extname(file).toLowerCase()] ?? "application/octet-stream",
+                    // Hashed build assets never change; everything else gets a short TTL.
+                    "cache-control": pathname.startsWith("/assets/")
+                        ? "public, max-age=31536000, immutable"
+                        : "public, max-age=3600",
+                };
+                response.writeHead(200, headers);
+                if (request.method === "HEAD") {
+                    response.end();
+                } else {
+                    createReadStream(file).pipe(response);
+                }
+                return;
+            }
+        }
+
+        const webResponse = await handler.fetch(toWebRequest(request));
+        await sendWebResponse(webResponse, response);
+    } catch (error) {
+        console.error("Server error:", error);
+        if (!response.headersSent) {
+            response.writeHead(500, { "content-type": "text/plain; charset=utf-8" });
+        }
+        response.end("Internal Server Error");
+    }
+});
+
+server.listen(PORT, HOST, () => {
+    console.log(`Syllo listening on http://${HOST}:${PORT}`);
+});
diff --git a/src/client.tsx b/src/client.tsx
new file mode 100644
index 0000000..e7b311b
--- /dev/null
+++ b/src/client.tsx
@@ -0,0 +1,10 @@
+import { StartClient } from "@tanstack/react-start/client";
+import { StrictMode } from "react";
+import { hydrateRoot } from "react-dom/client";
+
+hydrateRoot(
+    document,
+    <StrictMode>
+        <StartClient />
+    </StrictMode>,
+);
diff --git a/components/credits/CreditBadge.tsx b/src/components/credits/CreditBadge.tsx
similarity index 74%
rename from components/credits/CreditBadge.tsx
rename to src/components/credits/CreditBadge.tsx
index 9ce1c32..4677d9f 100644
--- a/components/credits/CreditBadge.tsx
+++ b/src/components/credits/CreditBadge.tsx
@@ -1,4 +1,6 @@
 "use client";
+import { fetchPrivateApi } from "@/lib/private-api-fetch";
+
 
 import { useEffect, useState } from "react";
 import { Coins } from "lucide-react";
@@ -10,16 +12,9 @@ type CreditStatusResponse = {
     transactions?: CreditTransaction[];
 };
 
+/** Grey by default; white once the allowance is nearly spent. */
 function getBadgeClasses(status: CreditStatus) {
-    if (status.remaining <= 5) {
-        return "border-[var(--color-border-strong)] bg-transparent text-text";
-    }
-
-    if (status.remaining <= Math.max(10, Math.floor(status.allowance * 0.2))) {
-        return "border-border bg-transparent text-text-muted";
-    }
-
-    return "border-border bg-transparent text-text-muted";
+    return status.remaining <= 5 ? "text-text" : "text-text-muted";
 }
 
 export default function CreditBadge({ compact = false }: { compact?: boolean }) {
@@ -28,7 +23,7 @@ export default function CreditBadge({ compact = false }: { compact?: boolean })
     useEffect(() => {
         let active = true;
 
-        void fetch("/api/credits/status", { cache: "no-store" })
+        void fetchPrivateApi("/api/credits/status", { cache: "no-store" })
             .then(async (response) => {
                 if (response.status === 401) return { success: false } satisfies CreditStatusResponse;
                 if (!response.ok) return null;
@@ -55,7 +50,7 @@ export default function CreditBadge({ compact = false }: { compact?: boolean })
 
     return (
         <div
-            className={`inline-flex items-center gap-2 border px-3 py-2 text-[11px] font-semibold uppercase tracking-[0.14em] ${getBadgeClasses(status)}`}
+            className={`inline-flex items-center gap-2 text-xs font-medium tabular-nums ${getBadgeClasses(status)}`}
             title={`${status.remaining} of ${status.allowance} credits remaining this cycle`}
         >
             <Coins size={compact ? 14 : 15} />
diff --git a/components/dashboard/AtRiskAlerts.tsx b/src/components/dashboard/AtRiskAlerts.tsx
similarity index 84%
rename from components/dashboard/AtRiskAlerts.tsx
rename to src/components/dashboard/AtRiskAlerts.tsx
index c7d4b82..fbaaf60 100644
--- a/components/dashboard/AtRiskAlerts.tsx
+++ b/src/components/dashboard/AtRiskAlerts.tsx
@@ -8,20 +8,19 @@ export default function AtRiskAlerts({ roadmaps }: { roadmaps: Roadmap[] }) {
     return (
         <Card className="h-full">
             <CardHeader>
-                <p className="eyebrow">At-risk modules</p>
-                <CardTitle className="mt-3 font-display text-2xl text-text-primary">Escalation watchlist</CardTitle>
+                <CardTitle className="text-base text-text">Escalation watchlist</CardTitle>
             </CardHeader>
             <CardContent>
                 {atRisk.length === 0 ? (
-                    <div className="border-y border-border py-5 text-sm text-text-secondary">
+                    <div className="border-y border-border py-5 text-sm text-text-muted">
                         No roadmaps are currently below the intervention threshold.
                     </div>
                 ) : (
                     <div className="space-y-3">
                         {atRisk.map((roadmap) => (
                             <div key={roadmap.id} className="border-y border-border py-4">
-                                <p className="font-semibold text-text-primary">{roadmap.title}</p>
-                                <p className="mt-1 text-sm text-text-secondary">
+                                <p className="font-semibold text-text">{roadmap.title}</p>
+                                <p className="mt-1 text-sm text-text-muted">
                                     Completion is {Math.round(getRoadmapCompletionRate(roadmap) * 100)}%. Review tasks, unblock the next module, and log a coaching follow-up.
                                 </p>
                             </div>
diff --git a/components/dashboard/CoachingLog.tsx b/src/components/dashboard/CoachingLog.tsx
similarity index 83%
rename from components/dashboard/CoachingLog.tsx
rename to src/components/dashboard/CoachingLog.tsx
index 1203f48..1254795 100644
--- a/components/dashboard/CoachingLog.tsx
+++ b/src/components/dashboard/CoachingLog.tsx
@@ -1,4 +1,6 @@
 "use client";
+import { fetchPrivateApi } from "@/lib/private-api-fetch";
+
 
 import { useState } from "react";
 import { Loader2 } from "lucide-react";
@@ -29,7 +31,7 @@ export default function CoachingLog({ roadmaps }: { roadmaps: Roadmap[] }) {
         setSaving(true);
         setMessage(null);
         try {
-            const response = await fetch("/api/dashboard/coaching", {
+            const response = await fetchPrivateApi("/api/dashboard/coaching", {
                 method: "POST",
                 headers: { "Content-Type": "application/json" },
                 body: JSON.stringify({
@@ -60,7 +62,7 @@ export default function CoachingLog({ roadmaps }: { roadmaps: Roadmap[] }) {
         try {
             const config = getUserConfig();
             const activeApiKey = getActiveApiKey(config);
-            const response = await fetch("/api/dashboard/review", {
+            const response = await fetchPrivateApi("/api/dashboard/review", {
                 method: "POST",
                 headers: { "Content-Type": "application/json" },
                 body: JSON.stringify({
@@ -90,13 +92,12 @@ export default function CoachingLog({ roadmaps }: { roadmaps: Roadmap[] }) {
         return (
             <Card className="h-full">
                 <CardHeader>
-                    <p className="eyebrow">Coaching log</p>
-                    <CardTitle className="mt-3 font-display text-2xl text-text-primary">
+                    <CardTitle className="text-base text-text">
                         Record a session or generate a 90-day review
                     </CardTitle>
                 </CardHeader>
                 <CardContent>
-                    <div className="studio-empty p-5 text-left text-sm leading-7 text-text-secondary">
+                    <div className="studio-empty p-5 text-left text-sm leading-7 text-text-muted">
                         No synced workspaces are available yet for coaching notes or review generation.
                     </div>
                 </CardContent>
@@ -107,8 +108,7 @@ export default function CoachingLog({ roadmaps }: { roadmaps: Roadmap[] }) {
     return (
         <Card className="h-full">
             <CardHeader>
-                <p className="eyebrow">Coaching log</p>
-                <CardTitle className="mt-3 font-display text-2xl text-text-primary">
+                <CardTitle className="text-base text-text">
                     Record a session or generate a 90-day review
                 </CardTitle>
             </CardHeader>
@@ -116,7 +116,7 @@ export default function CoachingLog({ roadmaps }: { roadmaps: Roadmap[] }) {
             <div className="grid gap-4 lg:grid-cols-2">
                 <div className="studio-micro-grid space-y-4 p-5">
                     <label className="block space-y-2">
-                        <span className="text-xs uppercase tracking-[0.18em] text-text-secondary">Workspace</span>
+                        <span className="text-xs text-text-muted">Workspace</span>
                         <select
                             value={roadmapId}
                             onChange={(event) => setRoadmapId(event.target.value)}
@@ -131,7 +131,7 @@ export default function CoachingLog({ roadmaps }: { roadmaps: Roadmap[] }) {
                     </label>
 
                     <label className="block space-y-2">
-                        <span className="text-xs uppercase tracking-[0.18em] text-text-secondary">Duration (minutes)</span>
+                        <span className="text-xs text-text-muted">Duration (minutes)</span>
                         <Input
                             type="number"
                             min={5}
@@ -142,17 +142,17 @@ export default function CoachingLog({ roadmaps }: { roadmaps: Roadmap[] }) {
                     </label>
 
                     <label className="block space-y-2">
-                        <span className="text-xs uppercase tracking-[0.18em] text-text-secondary">Topics</span>
+                        <span className="text-xs text-text-muted">Topics</span>
                         <Input
                             value={topics}
                             onChange={(event) => setTopics(event.target.value)}
                             placeholder="Discovery, blockers, shipping cadence"
-                            className="placeholder:text-text-secondary/60"
+                            className="placeholder:text-text-muted/60"
                         />
                     </label>
 
                     <label className="block space-y-2">
-                        <span className="text-xs uppercase tracking-[0.18em] text-text-secondary">Next steps</span>
+                        <span className="text-xs text-text-muted">Next steps</span>
                         <textarea
                             value={nextSteps}
                             onChange={(event) => setNextSteps(event.target.value)}
@@ -181,35 +181,35 @@ export default function CoachingLog({ roadmaps }: { roadmaps: Roadmap[] }) {
                         </Button>
                     </div>
 
-                    {message ? <p className="text-sm text-text-secondary">{message}</p> : null}
+                    {message ? <p className="text-sm text-text-muted">{message}</p> : null}
                 </div>
 
                 <div className="studio-micro-grid p-5">
                     {review ? (
                         <div className="space-y-4">
                             <div>
-                                <p className="text-xs uppercase tracking-[0.18em] text-text-secondary">Summary</p>
-                                <p className="mt-2 text-sm leading-7 text-text-primary">{review.summary}</p>
+                                <p className="text-xs text-text-muted">Summary</p>
+                                <p className="mt-2 text-sm leading-7 text-text">{review.summary}</p>
                             </div>
                             <div>
-                                <p className="text-xs uppercase tracking-[0.18em] text-text-secondary">Strengths</p>
-                                <ul className="mt-2 space-y-2 text-sm text-text-primary">
+                                <p className="text-xs text-text-muted">Strengths</p>
+                                <ul className="mt-2 space-y-2 text-sm text-text">
                                     {review.strengths.map((item) => (
                                         <li key={item}>- {item}</li>
                                     ))}
                                 </ul>
                             </div>
                             <div>
-                                <p className="text-xs uppercase tracking-[0.18em] text-text-secondary">Risks</p>
-                                <ul className="mt-2 space-y-2 text-sm text-text-primary">
+                                <p className="text-xs text-text-muted">Risks</p>
+                                <ul className="mt-2 space-y-2 text-sm text-text">
                                     {review.risks.map((item) => (
                                         <li key={item}>- {item}</li>
                                     ))}
                                 </ul>
                             </div>
                             <div>
-                                <p className="text-xs uppercase tracking-[0.18em] text-text-secondary">Next actions</p>
-                                <ul className="mt-2 space-y-2 text-sm text-text-primary">
+                                <p className="text-xs text-text-muted">Next actions</p>
+                                <ul className="mt-2 space-y-2 text-sm text-text">
                                     {review.nextActions.map((item) => (
                                         <li key={item}>- {item}</li>
                                     ))}
@@ -217,7 +217,7 @@ export default function CoachingLog({ roadmaps }: { roadmaps: Roadmap[] }) {
                             </div>
                         </div>
                     ) : (
-                        <div className="studio-empty flex min-h-60 items-center justify-center px-6 text-center text-sm leading-7 text-text-secondary">
+                        <div className="studio-empty flex min-h-60 items-center justify-center px-6 text-center text-sm leading-7 text-text-muted">
                             Generate a 90-day review to summarize strengths, risks, and recommended next actions for a selected workspace.
                         </div>
                     )}
diff --git a/components/dashboard/ModuleCompletionTable.tsx b/src/components/dashboard/ModuleCompletionTable.tsx
similarity index 78%
rename from components/dashboard/ModuleCompletionTable.tsx
rename to src/components/dashboard/ModuleCompletionTable.tsx
index 70af42d..5c184cc 100644
--- a/components/dashboard/ModuleCompletionTable.tsx
+++ b/src/components/dashboard/ModuleCompletionTable.tsx
@@ -1,4 +1,4 @@
-import Link from "next/link";
+import { Link } from "@tanstack/react-router";
 import type { Roadmap } from "@/types";
 import { getRoadmapCompletionRate, getRoadmapTaskTotals } from "@/lib/analytics";
 import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
@@ -8,11 +8,10 @@ export default function ModuleCompletionTable({ roadmaps }: { roadmaps: Roadmap[
         return (
             <Card>
                 <CardHeader>
-                    <p className="eyebrow">Completion table</p>
-                    <CardTitle className="mt-3 font-display text-2xl text-text-primary">Roadmap completion overview</CardTitle>
+                    <CardTitle className="text-base text-text">Roadmap completion overview</CardTitle>
                 </CardHeader>
                 <CardContent>
-                    <div className="studio-empty p-5 text-left text-sm leading-7 text-text-secondary">
+                    <div className="studio-empty p-5 text-left text-sm leading-7 text-text-muted">
                         No roadmap records are available for completion reporting yet.
                     </div>
                 </CardContent>
@@ -23,15 +22,14 @@ export default function ModuleCompletionTable({ roadmaps }: { roadmaps: Roadmap[
     return (
         <Card>
             <CardHeader>
-                <p className="eyebrow">Completion table</p>
-                <CardTitle className="mt-3 font-display text-2xl text-text-primary">Roadmap completion overview</CardTitle>
+                <CardTitle className="text-base text-text">Roadmap completion overview</CardTitle>
             </CardHeader>
             <CardContent>
                 <div className="overflow-x-auto">
                     <div className="studio-table overflow-hidden">
                         <table className="w-full min-w-[760px] text-left">
                             <thead>
-                                <tr className="text-[11px] uppercase tracking-[0.18em] text-text-secondary">
+                                <tr className="text-xs text-text-muted">
                                     <th className="px-4 py-3">Workspace</th>
                                     <th className="px-4 py-3">Mode</th>
                                     <th className="px-4 py-3">Tasks</th>
@@ -44,30 +42,30 @@ export default function ModuleCompletionTable({ roadmaps }: { roadmaps: Roadmap[
                                     const totals = getRoadmapTaskTotals(roadmap);
                                     const rate = Math.round(getRoadmapCompletionRate(roadmap) * 100);
                                     return (
-                                        <tr key={roadmap.id} className="text-sm text-text-primary">
+                                        <tr key={roadmap.id} className="text-sm text-text">
                                             <td className="px-4 py-4">
                                                 <div>
-                                                    <p className="font-semibold text-text-primary">{roadmap.title}</p>
-                                                    <p className="mt-1 text-xs text-text-secondary">{roadmap.summary ?? "No summary"}</p>
+                                                    <p className="font-semibold text-text">{roadmap.title}</p>
+                                                    <p className="mt-1 text-xs text-text-muted">{roadmap.summary ?? "No summary"}</p>
                                                 </div>
                                             </td>
-                                            <td className="px-4 py-4 text-text-secondary">{roadmap.mode}</td>
-                                            <td className="px-4 py-4 text-text-secondary">
+                                            <td className="px-4 py-4 text-text-muted">{roadmap.mode}</td>
+                                            <td className="px-4 py-4 text-text-muted">
                                                 {totals.completedTasks}/{totals.totalTasks}
                                             </td>
                                             <td className="px-4 py-4">
                                                 <div className="flex items-center gap-3">
                                                     <div className="h-2 w-24 overflow-hidden rounded-full bg-border/70">
                                                         <div
-                                                            className="h-full rounded-full bg-[linear-gradient(90deg,rgba(22,20,17,0.92),rgba(22,20,17,0.4))]"
+                                                            className="h-full rounded-full bg-accent"
                                                             style={{ width: `${Math.max(6, rate)}%` }}
                                                         />
                                                     </div>
-                                                    <span className="text-xs font-semibold text-text-primary">{rate}%</span>
+                                                    <span className="text-xs font-semibold text-text">{rate}%</span>
                                                 </div>
                                             </td>
                                             <td className="px-4 py-4">
-                                                <Link href={`/workspace/${roadmap.id}`} className="button-secondary text-xs">
+                                                <Link to="/workspace/$id" params={{ id: roadmap.id }} className="button-secondary text-xs">
                                                     Open
                                                 </Link>
                                             </td>
diff --git a/components/dashboard/SkillHeatmap.tsx b/src/components/dashboard/SkillHeatmap.tsx
similarity index 75%
rename from components/dashboard/SkillHeatmap.tsx
rename to src/components/dashboard/SkillHeatmap.tsx
index 319a37b..5edb774 100644
--- a/components/dashboard/SkillHeatmap.tsx
+++ b/src/components/dashboard/SkillHeatmap.tsx
@@ -3,10 +3,10 @@ import { getRoadmapCompletionRate } from "@/lib/analytics";
 import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
 
 function getTone(rate: number) {
-    if (rate >= 0.85) return "bg-[rgba(22,20,17,0.9)]";
-    if (rate >= 0.6) return "bg-[rgba(22,20,17,0.72)]";
-    if (rate >= 0.35) return "bg-[rgba(22,20,17,0.48)]";
-    return "bg-[rgba(22,20,17,0.22)]";
+    if (rate >= 0.85) return "bg-accent";
+    if (rate >= 0.6) return "bg-accent/70";
+    if (rate >= 0.35) return "bg-accent/45";
+    return "bg-accent/20";
 }
 
 export default function SkillHeatmap({ roadmaps }: { roadmaps: Roadmap[] }) {
@@ -14,11 +14,10 @@ export default function SkillHeatmap({ roadmaps }: { roadmaps: Roadmap[] }) {
         return (
             <Card className="h-full">
                 <CardHeader>
-                    <p className="eyebrow">Heatmap</p>
-                    <CardTitle className="mt-3 font-display text-2xl text-text-primary">Workspace readiness map</CardTitle>
+                    <CardTitle className="text-base text-text">Workspace readiness map</CardTitle>
                 </CardHeader>
                 <CardContent>
-                    <div className="studio-empty p-5 text-left text-sm leading-7 text-text-secondary">
+                    <div className="studio-empty p-5 text-left text-sm leading-7 text-text-muted">
                         No synced workspaces are available yet. Create an intern roadmap or sign in to import local progress into the dashboard.
                     </div>
                 </CardContent>
@@ -29,8 +28,7 @@ export default function SkillHeatmap({ roadmaps }: { roadmaps: Roadmap[] }) {
     return (
         <Card className="h-full">
             <CardHeader>
-                <p className="eyebrow">Heatmap</p>
-                <CardTitle className="mt-3 font-display text-2xl text-text-primary">Workspace readiness map</CardTitle>
+                <CardTitle className="text-base text-text">Workspace readiness map</CardTitle>
             </CardHeader>
             <CardContent>
                 <div className="grid gap-3 sm:grid-cols-2">
@@ -40,8 +38,8 @@ export default function SkillHeatmap({ roadmaps }: { roadmaps: Roadmap[] }) {
                             <div key={roadmap.id} className="studio-micro-grid p-4">
                                 <div className="flex items-start justify-between gap-4">
                                     <div>
-                                        <p className="text-sm font-semibold text-text-primary">{roadmap.title}</p>
-                                        <p className="mt-1 text-[11px] uppercase tracking-[0.18em] text-text-secondary">
+                                        <p className="text-sm font-semibold text-text">{roadmap.title}</p>
+                                        <p className="mt-1 text-xs text-text-muted">
                                             {roadmap.mode} / {roadmap.contentType ?? "roadmap"}
                                         </p>
                                     </div>
@@ -54,7 +52,7 @@ export default function SkillHeatmap({ roadmaps }: { roadmaps: Roadmap[] }) {
                                         style={{ width: `${Math.max(6, rate * 100)}%` }}
                                     />
                                 </div>
-                                <p className="mt-3 text-xs text-text-secondary">{Math.round(rate * 100)}% complete</p>
+                                <p className="mt-3 text-xs text-text-muted">{Math.round(rate * 100)}% complete</p>
                             </div>
                         );
                     })}
diff --git a/components/dashboard/VelocityChart.tsx b/src/components/dashboard/VelocityChart.tsx
similarity index 72%
rename from components/dashboard/VelocityChart.tsx
rename to src/components/dashboard/VelocityChart.tsx
index 285d57f..663d5a1 100644
--- a/components/dashboard/VelocityChart.tsx
+++ b/src/components/dashboard/VelocityChart.tsx
@@ -13,13 +13,12 @@ export default function VelocityChart({ points }: { points: VelocityPoint[] }) {
             <Card className="h-full">
                 <CardHeader className="flex flex-row items-end justify-between gap-4">
                     <div>
-                        <p className="eyebrow">Velocity</p>
-                        <CardTitle className="mt-3 font-display text-2xl text-text-primary">14-day completion rhythm</CardTitle>
+                        <CardTitle className="text-base text-text">14-day completion rhythm</CardTitle>
                     </div>
-                    <p className="text-xs uppercase tracking-[0.18em] text-text-secondary">Tasks completed</p>
+                    <p className="text-xs text-text-muted">Tasks completed</p>
                 </CardHeader>
                 <CardContent>
-                    <div className="studio-empty p-5 text-left text-sm leading-7 text-text-secondary">
+                    <div className="studio-empty p-5 text-left text-sm leading-7 text-text-muted">
                         No progress snapshots have been recorded yet. Completion bars will appear here once workspace activity is captured.
                     </div>
                 </CardContent>
@@ -33,10 +32,9 @@ export default function VelocityChart({ points }: { points: VelocityPoint[] }) {
         <Card className="h-full">
             <CardHeader className="flex flex-row items-end justify-between gap-4">
                 <div>
-                    <p className="eyebrow">Velocity</p>
-                    <CardTitle className="mt-3 font-display text-2xl text-text-primary">14-day completion rhythm</CardTitle>
+                    <CardTitle className="text-base text-text">14-day completion rhythm</CardTitle>
                 </div>
-                <p className="text-xs uppercase tracking-[0.18em] text-text-secondary">Tasks completed</p>
+                <p className="text-xs text-text-muted">Tasks completed</p>
             </CardHeader>
             <CardContent>
                 <div className="overflow-x-auto pb-2">
@@ -47,14 +45,14 @@ export default function VelocityChart({ points }: { points: VelocityPoint[] }) {
                                 <div key={point.date} className="flex min-w-0 flex-1 flex-col items-center justify-end gap-3">
                                     <div className="flex h-full w-full items-end">
                                         <div
-                                            className="w-full border border-border bg-[linear-gradient(180deg,rgba(22,20,17,0.86),rgba(22,20,17,0.32))]"
+                                            className="w-full rounded-t-[4px] bg-accent"
                                             style={{ height }}
                                             title={`${point.completedTasks} completed on ${point.date}`}
                                         />
                                     </div>
                                     <div className="text-center">
-                                        <p className="text-xs font-semibold text-text-primary">{point.completedTasks}</p>
-                                        <p className="text-[10px] uppercase tracking-[0.14em] text-text-secondary">
+                                        <p className="text-xs font-semibold text-text">{point.completedTasks}</p>
+                                        <p className="text-xs text-text-muted">
                                             {new Date(point.date).toLocaleDateString("en-US", { month: "short", day: "numeric" })}
                                         </p>
                                     </div>
diff --git a/components/gallery/GalleryCard.tsx b/src/components/gallery/GalleryCard.tsx
similarity index 84%
rename from components/gallery/GalleryCard.tsx
rename to src/components/gallery/GalleryCard.tsx
index de89686..78b35c8 100644
--- a/components/gallery/GalleryCard.tsx
+++ b/src/components/gallery/GalleryCard.tsx
@@ -1,10 +1,13 @@
 "use client";
+import { fetchPrivateApi } from "@/lib/private-api-fetch";
+
 
 import { useState, useTransition } from "react";
-import { usePathname, useRouter, useSearchParams } from "next/navigation";
+import { useNavigate } from "@tanstack/react-router";
 import { ArrowRight, CopyPlus } from "lucide-react";
 import { Button } from "@/components/ui/button";
 import { Card, CardContent, CardFooter, CardHeader, CardTitle } from "@/components/ui/card";
+import { usePathname, useSearchParams } from "@/lib/router-nav";
 import type { PublicRoadmapCard } from "@/types";
 import { cn } from "@/lib/utils";
 
@@ -15,7 +18,7 @@ const difficultyTone: Record<string, string> = {
 };
 
 export default function GalleryCard({ item }: { item: PublicRoadmapCard }) {
-    const router = useRouter();
+    const navigate = useNavigate();
     const pathname = usePathname();
     const searchParams = useSearchParams();
     const [isPending, startTransition] = useTransition();
@@ -25,7 +28,7 @@ export default function GalleryCard({ item }: { item: PublicRoadmapCard }) {
         setMessage(null);
         startTransition(async () => {
             try {
-                const response = await fetch("/api/gallery/fork", {
+                const response = await fetchPrivateApi("/api/gallery/fork", {
                     method: "POST",
                     headers: { "Content-Type": "application/json" },
                     body: JSON.stringify({ workspaceId: item.id }),
@@ -34,11 +37,11 @@ export default function GalleryCard({ item }: { item: PublicRoadmapCard }) {
                 const payload = await response.json().catch(() => ({ success: false }));
                 if (!response.ok || !payload.success || !payload.roadmap?.id) {
                     const nextPath = `${pathname}${searchParams.size > 0 ? `?${searchParams.toString()}` : ""}`;
-                    router.push(`/auth?next=${encodeURIComponent(nextPath)}`);
+                    window.location.assign(`/auth?next=${encodeURIComponent(nextPath)}`);
                     return;
                 }
 
-                router.push(`/workspace/${payload.roadmap.id}`);
+                navigate({ to: "/workspace/$id", params: { id: payload.roadmap.id } });
             } catch {
                 setMessage("Sign in to continue.");
             }
@@ -50,11 +53,11 @@ export default function GalleryCard({ item }: { item: PublicRoadmapCard }) {
             <CardHeader className="pb-4">
                 <div className="min-w-0">
                     <div className="flex flex-wrap items-center gap-2">
-                        <span className="rounded-sm border border-border px-2 py-1 text-[10px] uppercase tracking-[0.16em] text-text-secondary">
+                        <span className="rounded-sm border border-border px-2 py-1 text-xs text-text-muted">
                             {item.contentType || "Template"}
                         </span>
                         {item.difficulty ? (
-                            <span className={cn("text-[11px] font-medium uppercase tracking-[0.14em]", difficultyTone[item.difficulty] ?? "text-text-muted")}>
+                            <span className={cn("text-xs font-medium", difficultyTone[item.difficulty] ?? "text-text-muted")}>
                                 {item.difficulty}
                             </span>
                         ) : null}
@@ -64,7 +67,7 @@ export default function GalleryCard({ item }: { item: PublicRoadmapCard }) {
             </CardHeader>
 
             <CardContent className="flex flex-1 flex-col pt-0">
-                <p className="line-clamp-2 text-sm leading-6 text-text-secondary">
+                <p className="line-clamp-2 text-sm leading-6 text-text-muted">
                     {item.summary || "A structured workspace starter you can adapt and continue in your own library."}
                 </p>
 
@@ -84,7 +87,7 @@ export default function GalleryCard({ item }: { item: PublicRoadmapCard }) {
                 </Button>
             </CardFooter>
 
-            {message ? <p className="px-6 pb-6 text-sm text-text-secondary">{message}</p> : null}
+            {message ? <p className="px-6 pb-6 text-sm text-text-muted">{message}</p> : null}
         </Card>
     );
 }
diff --git a/components/gallery/GalleryFilters.tsx b/src/components/gallery/GalleryFilters.tsx
similarity index 88%
rename from components/gallery/GalleryFilters.tsx
rename to src/components/gallery/GalleryFilters.tsx
index 8e6961d..ec289af 100644
--- a/components/gallery/GalleryFilters.tsx
+++ b/src/components/gallery/GalleryFilters.tsx
@@ -1,8 +1,9 @@
 "use client";
 
 import { useEffect, useState, useTransition } from "react";
-import { usePathname, useRouter, useSearchParams } from "next/navigation";
+import { useNavigate } from "@tanstack/react-router";
 import { Search } from "lucide-react";
+import { useSearchParams } from "@/lib/router-nav";
 import { cn } from "@/lib/utils";
 
 const modeOptions = [
@@ -21,8 +22,7 @@ const typeOptions = [
 ];
 
 export default function GalleryFilters() {
-    const router = useRouter();
-    const pathname = usePathname();
+    const navigate = useNavigate();
     const searchParams = useSearchParams();
     const [isPending, startTransition] = useTransition();
     const [query, setQuery] = useState(searchParams.get("q") ?? "");
@@ -41,7 +41,7 @@ export default function GalleryFilters() {
         }
 
         startTransition(() => {
-            router.replace(params.toString() ? `${pathname}?${params.toString()}` : pathname);
+            navigate({ to: ".", search: Object.fromEntries(params), replace: true });
         });
     };
 
@@ -58,10 +58,10 @@ export default function GalleryFilters() {
                                 aria-selected={mode === option.value}
                                 onClick={() => updateParams({ mode: option.value })}
                                 className={cn(
-                                    "border-b pb-1 transition-colors",
+"border-b pb-1 transition-colors",
                                     mode === option.value
-                                        ? "border-[var(--color-accent)] text-text-primary"
-                                        : "border-transparent text-text-muted hover:text-text-primary",
+                                        ? "border-[var(--color-accent)] text-text"
+                                        : "border-transparent text-text-muted hover:text-text",
                                 )}
                             >
                                 {option.label}
@@ -78,8 +78,8 @@ export default function GalleryFilters() {
                                 aria-selected={contentType === option.value}
                                 onClick={() => updateParams({ contentType: option.value })}
                                 className={cn(
-                                    "transition-colors",
-                                    contentType === option.value ? "text-text-primary" : "text-text-muted hover:text-text-primary",
+"transition-colors",
+                                    contentType === option.value ? "text-text" : "text-text-muted hover:text-text",
                                 )}
                             >
                                 {option.label}
@@ -99,7 +99,7 @@ export default function GalleryFilters() {
                         onBlur={() => updateParams({ q: query })}
                         placeholder="Search gallery"
                         aria-label="Search gallery"
-                        className="w-full bg-transparent text-sm text-text-primary outline-none placeholder:text-text-muted"
+                        className="w-full bg-transparent text-sm text-text outline-none placeholder:text-text-muted"
                     />
                     {isPending ? <span className="text-xs text-text-muted">Updating</span> : null}
                 </label>
diff --git a/components/gallery/GalleryGrid.tsx b/src/components/gallery/GalleryGrid.tsx
similarity index 88%
rename from components/gallery/GalleryGrid.tsx
rename to src/components/gallery/GalleryGrid.tsx
index 534e1b3..703737e 100644
--- a/components/gallery/GalleryGrid.tsx
+++ b/src/components/gallery/GalleryGrid.tsx
@@ -7,7 +7,7 @@ export default function GalleryGrid({ items }: { items: PublicRoadmapCard[] }) {
         return (
             <Card className="border-dashed">
                 <CardContent className="px-8 py-16 text-center">
-                    <p className="text-sm text-text-secondary">No items match this view.</p>
+                    <p className="text-sm text-text-muted">No items match this view.</p>
                 </CardContent>
             </Card>
         );
diff --git a/components/layout/Footer.tsx b/src/components/layout/Footer.tsx
similarity index 75%
rename from components/layout/Footer.tsx
rename to src/components/layout/Footer.tsx
index d4029a2..2062f19 100644
--- a/components/layout/Footer.tsx
+++ b/src/components/layout/Footer.tsx
@@ -1,4 +1,4 @@
-import Link from "next/link";
+import { Link } from "@tanstack/react-router";
 import { Logo } from "@/components/shared/Logo";
 import { FOOTER_NAV_GROUPS } from "@/lib/navigation";
 
@@ -16,7 +16,7 @@ export default function Footer() {
                     </span>
                     <div>
                         <p className="font-display text-2xl tracking-[-0.04em] text-text">RoadMap Studio</p>
-                        <p className="text-xs uppercase tracking-[0.18em] text-text-soft">Structured workspace platform</p>
+                        <p className="text-xs text-text-soft">Structured workspace platform</p>
                     </div>
                 </div>
 
@@ -24,15 +24,15 @@ export default function Footer() {
                     {links.map((link) => (
                         <Link
                             key={link.href}
-                            href={link.href}
-                            className="border-b border-transparent pb-1 text-[12px] font-semibold uppercase tracking-[0.16em] text-text-muted transition-colors hover:border-border hover:text-text"
+                            to={link.href}
+                            className="border-b border-transparent pb-1 text-[12px] font-semibold text-text-muted transition-colors hover:border-border hover:text-text"
                         >
                             {link.label}
                         </Link>
                     ))}
                 </nav>
 
-                <p className="text-xs uppercase tracking-[0.16em] text-text-soft">&copy; {new Date().getFullYear()}</p>
+                <p className="text-xs text-text-soft">&copy; {new Date().getFullYear()}</p>
             </div>
         </footer>
     );
diff --git a/src/components/layout/Header.tsx b/src/components/layout/Header.tsx
new file mode 100644
index 0000000..977158f
--- /dev/null
+++ b/src/components/layout/Header.tsx
@@ -0,0 +1,89 @@
+"use client";
+
+import { useEffect, useState } from "react";
+import { Link } from "@tanstack/react-router";
+import { usePathname } from "@/lib/router-nav";
+import { Menu, X } from "lucide-react";
+import { Logo } from "@/components/shared/Logo";
+import { cn } from "@/lib/utils";
+import { MARKETING_NAV_ITEMS } from "@/lib/navigation";
+
+/** Top bar for the public pages. The studio uses `StudioSidebar` instead. */
+export default function Header() {
+    const pathname = usePathname();
+    const [mobileOpen, setMobileOpen] = useState(false);
+
+    useEffect(() => {
+        setMobileOpen(false);
+    }, [pathname]);
+
+    return (
+        <header className="sticky top-0 z-50 border-b border-border bg-page">
+            <div className="page-shell-wide flex h-14 items-center justify-between gap-4">
+                <Link to="/" className="flex min-w-0 items-center gap-2.5">
+                    <Logo />
+                    <span className="truncate text-[15px] font-semibold tracking-tight text-text">RoadMap Studio</span>
+                </Link>
+
+                <nav aria-label="Main navigation" className="hidden items-center gap-1 lg:flex">
+                    {MARKETING_NAV_ITEMS.map((item) => {
+                        const active = item.href === "/" ? pathname === "/" : pathname.startsWith(item.href);
+                        return (
+                            <Link
+                                key={item.href}
+                                to={item.href}
+                                aria-current={active ? "page" : undefined}
+                                className={cn(
+                                    "rounded-full px-3 py-1.5 text-sm transition-colors",
+                                    active ? "text-text" : "text-[#bbbbbb] hover:text-text",
+                                )}
+                            >
+                                {item.label}
+                            </Link>
+                        );
+                    })}
+                </nav>
+
+                <div className="hidden lg:block">
+                    <Link to="/dashboard" className="button-primary">
+                        Open studio
+                    </Link>
+                </div>
+
+                <button
+                    type="button"
+                    onClick={() => setMobileOpen((value) => !value)}
+                    className="flex h-10 w-10 items-center justify-center rounded-full text-text-muted hover:text-text lg:hidden"
+                    aria-label={mobileOpen ? "Close menu" : "Open menu"}
+                    aria-expanded={mobileOpen}
+                    aria-controls="mobile-nav"
+                >
+                    {mobileOpen ? <X size={18} /> : <Menu size={18} />}
+                </button>
+            </div>
+
+            {mobileOpen && (
+                <div id="mobile-nav" className="border-t border-border bg-page lg:hidden">
+                    <nav aria-label="Mobile navigation" className="page-shell-wide flex flex-col gap-1 py-4">
+                        {MARKETING_NAV_ITEMS.map((item) => {
+                            const active = item.href === "/" ? pathname === "/" : pathname.startsWith(item.href);
+                            return (
+                                <Link
+                                    key={item.href}
+                                    to={item.href}
+                                    aria-current={active ? "page" : undefined}
+                                    className={cn("py-2 text-sm", active ? "text-text" : "text-[#bbbbbb] hover:text-text")}
+                                >
+                                    {item.label}
+                                </Link>
+                            );
+                        })}
+                        <Link to="/dashboard" className="button-primary mt-3 self-start">
+                            Open studio
+                        </Link>
+                    </nav>
+                </div>
+            )}
+        </header>
+    );
+}
diff --git a/src/components/layout/LearningLayout.tsx b/src/components/layout/LearningLayout.tsx
new file mode 100644
index 0000000..51f9ebb
--- /dev/null
+++ b/src/components/layout/LearningLayout.tsx
@@ -0,0 +1,13 @@
+import type { ReactNode } from "react";
+import LearningSidebar from "./LearningSidebar";
+
+export default function LearningLayout({ children }: { children: ReactNode }) {
+    return (
+        <div className="sy-app">
+            <LearningSidebar />
+            <main id="main-content" className="sy-main">
+                {children}
+            </main>
+        </div>
+    );
+}
diff --git a/src/components/layout/LearningSidebar.tsx b/src/components/layout/LearningSidebar.tsx
new file mode 100644
index 0000000..bc1d542
--- /dev/null
+++ b/src/components/layout/LearningSidebar.tsx
@@ -0,0 +1,127 @@
+import { Link, useRouterState } from "@tanstack/react-router";
+import {
+    BookOpen,
+    House,
+    Library,
+    RotateCcw,
+    Settings2,
+    Telescope,
+} from "lucide-react";
+import { useLearningRoadmaps } from "@/hooks/useLearningRoadmaps";
+
+const destinations = [
+    { to: "/dashboard", label: "Home", icon: House },
+    { to: "/library", label: "Library", icon: Library },
+    { to: "/workspaces", label: "Learn", icon: BookOpen },
+    { to: "/reviews", label: "Reviews", icon: RotateCcw },
+    { to: "/scout", label: "Scout", icon: Telescope },
+] as const;
+
+function SylloMark() {
+    return (
+        <svg
+            viewBox="0 0 26 26"
+            fill="none"
+            stroke="currentColor"
+            strokeWidth="1.8"
+            aria-hidden="true"
+        >
+            <path d="M21 6H10a4 4 0 0 0 0 8h6a3 3 0 0 1 0 6H5M5 6v14M21 6v14" />
+        </svg>
+    );
+}
+
+export default function LearningSidebar() {
+    const pathname = useRouterState({
+        select: (state) => state.location.pathname,
+    });
+    const { roadmaps } = useLearningRoadmaps();
+    return (
+        <>
+            <aside className="sy-sidebar">
+                <Link className="sy-brand" to="/dashboard">
+                    <SylloMark />
+                    <span>Syllo</span>
+                </Link>
+                <nav aria-label="Main navigation">
+                    {destinations.map(({ to, label, icon: Icon }) => {
+                        const active =
+                            pathname.startsWith(to) ||
+                            (to === "/workspaces" &&
+                                pathname.startsWith("/learn"));
+                        return (
+                            <Link
+                                key={to}
+                                to={to}
+                                className="sy-nav-item"
+                                aria-current={active ? "page" : undefined}
+                            >
+                                <Icon size={17} />
+                                <span>{label}</span>
+                            </Link>
+                        );
+                    })}
+                </nav>
+                {roadmaps.length > 0 && (
+                    <div className="sy-nav-topics">
+                        <p>Learning topics</p>
+                        {roadmaps.slice(0, 4).map((roadmap) => (
+                            <Link
+                                key={roadmap.id}
+                                to="/learn"
+                                search={{ roadmap: roadmap.id }}
+                            >
+                                <i />
+                                {roadmap.title}
+                            </Link>
+                        ))}
+                    </div>
+                )}
+                <div className="sy-nav-bottom">
+                    <Link
+                        to="/settings"
+                        className="sy-nav-item"
+                        aria-current={
+                            pathname === "/settings" ? "page" : undefined
+                        }
+                    >
+                        <Settings2 size={17} />
+                        Settings
+                    </Link>
+                </div>
+            </aside>
+            <header className="sy-mobile-nav">
+                <div className="sy-mobile-brand">
+                    <Link className="sy-brand" to="/dashboard">
+                        <SylloMark />
+                        <span>Syllo</span>
+                    </Link>
+                    <Link
+                        className="sy-button quiet"
+                        to="/settings"
+                        aria-label="Settings"
+                    >
+                        <Settings2 size={18} />
+                    </Link>
+                </div>
+                <nav aria-label="Mobile navigation">
+                    {destinations.map(({ to, label }) => (
+                        <Link
+                            key={to}
+                            to={to}
+                            aria-current={
+                                pathname.startsWith(to) ||
+                                (to === "/workspaces" &&
+                                    pathname.startsWith("/learn"))
+                                    ? "page"
+                                    : undefined
+                            }
+                        >
+                            {label}
+                        </Link>
+                    ))}
+                </nav>
+            </header>
+        </>
+    );
+}
diff --git a/components/layout/LoadingExperience.tsx b/src/components/layout/LoadingExperience.tsx
similarity index 88%
rename from components/layout/LoadingExperience.tsx
rename to src/components/layout/LoadingExperience.tsx
index 3fdcd55..5a6803e 100644
--- a/components/layout/LoadingExperience.tsx
+++ b/src/components/layout/LoadingExperience.tsx
@@ -23,20 +23,11 @@ export default function LoadingExperience() {
     }, []);
 
     return (
-        <div className="fixed inset-0 z-50 flex items-center justify-center bg-obsidian">
-            <motion.div
-                className="absolute inset-0"
-                initial={{ opacity: 0 }}
-                animate={{ opacity: 0.25 }}
-                transition={{ duration: 1.2, ease: "easeOut" }}
-                style={{
-                    background: "radial-gradient(circle at 50% 40%, rgba(99,102,241,0.2) 0%, transparent 60%)",
-                }}
-            />
+        <div className="fixed inset-0 z-50 flex items-center justify-center bg-page">
 
             <div className="relative z-10 mx-auto max-w-md px-6 text-center">
                 <motion.div
-                    className="glass mb-8 inline-block rounded-2xl p-5"
+                    className="mb-8 inline-block rounded-2xl bg-surface p-5"
                     initial={{ scale: 0.7, opacity: 0, y: 12 }}
                     animate={{ scale: 1, opacity: 1, y: 0 }}
                     transition={{ type: "spring", stiffness: 240, damping: 20 }}
@@ -51,7 +42,7 @@ export default function LoadingExperience() {
                 </motion.div>
 
                 <motion.h2
-                    className="mb-2 font-display text-2xl font-bold text-text-primary"
+                    className="mb-2 text-xl font-semibold text-text"
                     initial={{ opacity: 0, y: 8 }}
                     animate={{ opacity: 1, y: 0 }}
                     transition={{ delay: 0.12, duration: 0.45, ease: "easeOut" }}
@@ -60,7 +51,7 @@ export default function LoadingExperience() {
                 </motion.h2>
 
                 <motion.p
-                    className="mb-10 text-sm text-text-secondary"
+                    className="mb-10 text-sm text-text-muted"
                     initial={{ opacity: 0, y: 8 }}
                     animate={{ opacity: 1, y: 0 }}
                     transition={{ delay: 0.2, duration: 0.45, ease: "easeOut" }}
@@ -80,7 +71,7 @@ export default function LoadingExperience() {
                                 animate={{ opacity: isActive || isComplete ? 1 : 0.24, x: 0 }}
                                 transition={{ delay: 0.15 + index * 0.08, duration: 0.4, ease: "easeOut" }}
                                 className={`flex items-center gap-3 rounded-lg p-3 transition-colors duration-300 ${
-                                    isActive ? "glass border-glow" : ""
+                                    isActive ? "bg-surface" : ""
                                 }`}
                             >
                                 <motion.span
@@ -91,7 +82,7 @@ export default function LoadingExperience() {
                                     {step.icon}
                                 </motion.span>
 
-                                <span className={`text-sm ${isActive ? "font-medium text-text-primary" : "text-text-secondary"}`}>
+                                <span className={`text-sm ${isActive ? "font-medium text-text" : "text-text-muted"}`}>
                                     {step.text}
                                 </span>
 
@@ -111,7 +102,7 @@ export default function LoadingExperience() {
                                         ) : isActive ? (
                                             <motion.div
                                                 key="active"
-                                                className="h-4 w-4 rounded-full border-2 border-indigo-accent border-t-transparent"
+                                                className="h-4 w-4 rounded-full border-2 border-accent border-t-transparent"
                                                 initial={{ opacity: 0, scale: 0.85 }}
                                                 animate={{ opacity: 1, scale: 1, rotate: 360 }}
                                                 exit={{ opacity: 0, scale: 0.85 }}
diff --git a/components/layout/MarketingHeroShell.tsx b/src/components/layout/MarketingHeroShell.tsx
similarity index 85%
rename from components/layout/MarketingHeroShell.tsx
rename to src/components/layout/MarketingHeroShell.tsx
index 2e70eda..9c4a1a9 100644
--- a/components/layout/MarketingHeroShell.tsx
+++ b/src/components/layout/MarketingHeroShell.tsx
@@ -4,7 +4,7 @@ import type { ReactNode } from "react";
 
 export default function MarketingHeroShell({ children }: { children: ReactNode }) {
     return (
-        <div className="relative min-h-full bg-obsidian text-text-primary">
+        <div className="relative min-h-full bg-page text-text">
             <div className="pointer-events-none absolute inset-0 hero-mesh-gradient opacity-60" />
             <div className="pointer-events-none absolute inset-0 landing-grid-bg opacity-20" />
             <div className="relative z-10">{children}</div>
diff --git a/src/components/layout/SettingsSection.tsx b/src/components/layout/SettingsSection.tsx
new file mode 100644
index 0000000..d7442a5
--- /dev/null
+++ b/src/components/layout/SettingsSection.tsx
@@ -0,0 +1,21 @@
+import type { ReactNode } from "react";
+
+export default function SettingsSection({
+    title,
+    description,
+    children,
+}: {
+    title: string;
+    description?: ReactNode;
+    children: ReactNode;
+}) {
+    return (
+        <section className="sy-settings-section">
+            <div className="sy-settings-label">
+                <h2>{title}</h2>
+                {description && <p className="sy-form-hint">{description}</p>}
+            </div>
+            <div className="sy-settings-content">{children}</div>
+        </section>
+    );
+}
diff --git a/src/components/layout/StudioSidebar.tsx b/src/components/layout/StudioSidebar.tsx
new file mode 100644
index 0000000..6535aec
--- /dev/null
+++ b/src/components/layout/StudioSidebar.tsx
@@ -0,0 +1,119 @@
+"use client";
+
+import { useEffect, useState } from "react";
+import { Link } from "@tanstack/react-router";
+import { usePathname } from "@/lib/router-nav";
+import { BarChart2, HardDrive, LayoutDashboard, LayoutGrid, Menu, PlusCircle, Settings2, Sparkles, X } from "lucide-react";
+import CreditBadge from "@/components/credits/CreditBadge";
+import { Logo } from "@/components/shared/Logo";
+import { cn } from "@/lib/utils";
+
+const PRIMARY_ITEMS = [
+    { href: "/dashboard", label: "Home", icon: LayoutDashboard },
+    { href: "/scout", label: "Scout", icon: Sparkles },
+    { href: "/workspaces", label: "Workspaces", icon: LayoutGrid },
+    { href: "/create", label: "Create", icon: PlusCircle },
+    { href: "/analytics", label: "Analytics", icon: BarChart2 },
+] as const;
+
+const SETTINGS_ITEM = { href: "/settings", label: "Settings", icon: Settings2 } as const;
+
+type NavItem = (typeof PRIMARY_ITEMS)[number] | typeof SETTINGS_ITEM;
+
+function isActive(pathname: string, href: string) {
+    return pathname === href || pathname.startsWith(`${href}/`);
+}
+
+function Wordmark() {
+    return (
+        <Link to="/dashboard" className="flex items-center gap-2.5 px-3">
+            <Logo />
+            <span className="text-[15px] font-semibold tracking-tight text-text">RoadMap Studio</span>
+        </Link>
+    );
+}
+
+/** One nav row. Active is marked by brightness alone: grey label to white. */
+function NavLink({ item, pathname }: { item: NavItem; pathname: string }) {
+    const active = isActive(pathname, item.href);
+    return (
+        <Link
+            to={item.href}
+            aria-current={active ? "page" : undefined}
+            className={cn(
+                "flex h-[34px] items-center gap-2.5 rounded-lg px-3 text-sm transition-colors",
+                active ? "bg-surface text-text" : "text-[#bbbbbb] hover:text-text",
+            )}
+        >
+            <item.icon size={16} strokeWidth={1.75} className={active ? "text-text" : "text-text-soft"} />
+            {item.label}
+        </Link>
+    );
+}
+
+function NavBody({ pathname }: { pathname: string }) {
+    return (
+        <>
+            <nav aria-label="Studio navigation" className="flex flex-col gap-0.5">
+                {PRIMARY_ITEMS.map((item) => (
+                    <NavLink key={item.href} item={item} pathname={pathname} />
+                ))}
+            </nav>
+
+            <div className="mt-auto flex flex-col gap-3 pt-6">
+                <div className="px-3">
+                    <CreditBadge compact />
+                </div>
+                <p className="flex items-center gap-2 px-3 text-xs text-text-soft">
+                    <HardDrive size={14} strokeWidth={1.75} />
+                    Saved in this browser
+                </p>
+                <NavLink item={SETTINGS_ITEM} pathname={pathname} />
+            </div>
+        </>
+    );
+}
+
+/**
+ * Studio navigation. A fixed sidebar on the page ground from `xl` up; below
+ * that a 56px top bar whose menu opens the same nav as a full-screen sheet.
+ */
+export default function StudioSidebar() {
+    const pathname = usePathname();
+    const [open, setOpen] = useState(false);
+
+    useEffect(() => {
+        setOpen(false);
+    }, [pathname]);
+
+    return (
+        <>
+            <aside className="sticky top-0 hidden h-screen flex-col border-r border-border px-3 py-5 xl:flex">
+                <Wordmark />
+                <div className="mt-8 flex flex-1 flex-col">
+                    <NavBody pathname={pathname} />
+                </div>
+            </aside>
+
+            <div className="sticky top-0 z-40 flex h-14 items-center justify-between border-b border-border bg-page px-1 xl:hidden">
+                <Wordmark />
+                <button
+                    type="button"
+                    onClick={() => setOpen((value) => !value)}
+                    className="flex h-10 w-10 items-center justify-center rounded-full text-text-muted hover:text-text"
+                    aria-label={open ? "Close menu" : "Open menu"}
+                    aria-expanded={open}
+                    aria-controls="studio-mobile-nav"
+                >
+                    {open ? <X size={18} /> : <Menu size={18} />}
+                </button>
+            </div>
+
+            {open ? (
+                <div id="studio-mobile-nav" className="fixed inset-x-0 bottom-0 top-14 z-40 flex flex-col bg-page px-3 py-4 xl:hidden">
+                    <NavBody pathname={pathname} />
+                </div>
+            ) : null}
+        </>
+    );
+}
diff --git a/src/components/learning/BookCover.tsx b/src/components/learning/BookCover.tsx
new file mode 100644
index 0000000..38a4926
--- /dev/null
+++ b/src/components/learning/BookCover.tsx
@@ -0,0 +1,48 @@
+import { useEffect, useState, type CSSProperties } from "react";
+import type { LibraryBook } from "@/lib/personal/schema";
+import { getLocalFile, saveLocalFile } from "@/lib/personal/files";
+import { useCloudSync } from "@/components/sync/CloudSync";
+
+export default function BookCover({
+    book,
+    className = "",
+}: {
+    book: LibraryBook;
+    className?: string;
+}) {
+    const [url, setUrl] = useState<string | null>(null);
+    const { downloadFile } = useCloudSync();
+    useEffect(() => {
+        if (!book.coverKey) return;
+        let active = true;
+        let objectUrl: string | null = null;
+        const key = book.coverKey;
+        void (async () => {
+            let file = await getLocalFile(key);
+            if (!file && book.cloudCoverId && downloadFile) {
+                file = await downloadFile(book.cloudCoverId);
+                await saveLocalFile(key, file);
+            }
+            if (file && active) {
+                objectUrl = URL.createObjectURL(file);
+                setUrl(objectUrl);
+            }
+        })().catch(() => {});
+        return () => {
+            active = false;
+            if (objectUrl) URL.revokeObjectURL(objectUrl);
+        };
+    }, [book.coverKey, book.cloudCoverId, downloadFile]);
+    return url ? (
+        <img className={`sy-book-cover ${className}`} src={url} alt="" />
+    ) : (
+        <div
+            className={`sy-book-cover sy-book-cover-type ${className}`}
+            style={{ backgroundColor: book.color } satisfies CSSProperties}
+            aria-hidden="true"
+        >
+            <span>{book.title}</span>
+            <small>{book.author}</small>
+        </div>
+    );
+}
diff --git a/src/components/learning/OfflineSupport.tsx b/src/components/learning/OfflineSupport.tsx
new file mode 100644
index 0000000..3cbab67
--- /dev/null
+++ b/src/components/learning/OfflineSupport.tsx
@@ -0,0 +1,12 @@
+import { useEffect } from "react";
+
+export default function OfflineSupport() {
+    useEffect(() => {
+        if (import.meta.env.PROD && "serviceWorker" in navigator) {
+            void navigator.serviceWorker.register("/sw.js").catch(() => {
+                /* Reading and progress still work without an offline shell. */
+            });
+        }
+    }, []);
+    return null;
+}
diff --git a/src/components/learning/Pomodoro.tsx b/src/components/learning/Pomodoro.tsx
new file mode 100644
index 0000000..dab57aa
--- /dev/null
+++ b/src/components/learning/Pomodoro.tsx
@@ -0,0 +1,193 @@
+import {
+    createContext,
+    useContext,
+    useEffect,
+    useRef,
+    useState,
+    type ReactNode,
+} from "react";
+import { z } from "zod";
+import {
+    getPersonalSnapshot,
+    putPersonalEntry,
+    usePersonalData,
+} from "@/lib/personal/store";
+
+const sessionSchema = z.object({
+    mode: z.enum(["focus", "break"]),
+    remaining: z.number().nonnegative(),
+    endAt: z.number().nullable(),
+});
+type Session = z.infer<typeof sessionSchema>;
+const initial: Session = { mode: "focus", remaining: 25 * 60, endAt: null };
+const Context = createContext<{
+    session: Session;
+    focus: number;
+    rest: number;
+    toggle: () => void;
+    reset: () => void;
+    configure: (kind: "focus" | "rest", value: number) => void;
+} | null>(null);
+const KEY = "syllo:pomodoro-session";
+
+export default function PomodoroProvider({
+    children,
+}: {
+    children: ReactNode;
+}) {
+    const records = usePersonalData();
+    const entry = records["timer:settings"];
+    const focus = entry?.kind === "timer" ? entry.data.focus : 25;
+    const rest = entry?.kind === "timer" ? entry.data.rest : 5;
+    const [session, setSession] = useState<Session>(initial);
+    const [loaded, setLoaded] = useState(false);
+    const sessionRef = useRef(session);
+    sessionRef.current = session;
+    useEffect(() => {
+        try {
+            const raw = localStorage.getItem(KEY);
+            const stored = sessionSchema.safeParse(
+                raw ? JSON.parse(raw) : null,
+            );
+            if (stored.success) setSession(stored.data);
+        } catch {
+            /* Start fresh when the saved timer is unreadable. */
+        }
+        setLoaded(true);
+    }, []);
+    useEffect(() => {
+        if (loaded) localStorage.setItem(KEY, JSON.stringify(session));
+    }, [session, loaded]);
+    useEffect(() => {
+        if (session.endAt === null) return;
+        function tick() {
+            const current = sessionRef.current;
+            if (current.endAt === null) return;
+            const remaining = Math.max(
+                0,
+                Math.ceil((current.endAt - Date.now()) / 1000),
+            );
+            if (remaining === 0) {
+                const mode = current.mode === "focus" ? "break" : "focus";
+                setSession({
+                    mode,
+                    remaining: (mode === "focus" ? focus : rest) * 60,
+                    endAt: null,
+                });
+            } else setSession({ ...current, remaining });
+        }
+        tick();
+        const timer = setInterval(tick, 1000);
+        document.addEventListener("visibilitychange", tick);
+        return () => {
+            clearInterval(timer);
+            document.removeEventListener("visibilitychange", tick);
+        };
+    }, [session.endAt, focus, rest]);
+    const toggle = () =>
+        setSession((current) =>
+            current.endAt === null
+                ? { ...current, endAt: Date.now() + current.remaining * 1000 }
+                : {
+                      ...current,
+                      remaining: Math.max(
+                          0,
+                          Math.ceil((current.endAt - Date.now()) / 1000),
+                      ),
+                      endAt: null,
+                  },
+        );
+    const reset = () =>
+        setSession({ mode: "focus", remaining: focus * 60, endAt: null });
+    function configure(kind: "focus" | "rest", value: number) {
+        const settings = {
+            focus,
+            rest,
+            [kind]: Math.min(
+                kind === "focus" ? 120 : 60,
+                Math.max(1, Math.round(value) || (kind === "focus" ? 25 : 5)),
+            ),
+        };
+        putPersonalEntry({
+            kind: "timer",
+            id: "timer:settings",
+            data: settings,
+            updatedAt: Date.now(),
+            deleted: false,
+        });
+        setSession({
+            mode: "focus",
+            remaining: settings.focus * 60,
+            endAt: null,
+        });
+    }
+    return (
+        <Context.Provider
+            value={{ session, focus, rest, toggle, reset, configure }}
+        >
+            {children}
+        </Context.Provider>
+    );
+}
+
+export function Pomodoro() {
+    const timer = useContext(Context);
+    if (!timer) return null;
+    const { session, focus, rest, toggle, reset, configure } = timer;
+    const minutes = String(Math.floor(session.remaining / 60)).padStart(2, "0");
+    const seconds = String(session.remaining % 60).padStart(2, "0");
+    return (
+        <section className="sy-pomodoro">
+            <div className="sy-pomodoro-head">
+                <h2>Pomodoro</h2>
+                <span>{session.mode === "focus" ? "Focus" : "Break"}</span>
+            </div>
+            <div
+                className="sy-timer-clock"
+                role="timer"
+                aria-label={`${session.mode}, ${minutes} minutes ${seconds} seconds`}
+            >
+                {minutes}:{seconds}
+            </div>
+            <div className="sy-timer-actions">
+                <button className="sy-button secondary" onClick={toggle}>
+                    {session.endAt === null ? "Start" : "Pause"}
+                </button>
+                <button className="sy-button quiet" onClick={reset}>
+                    Reset
+                </button>
+            </div>
+            <div className="sy-timer-settings">
+                <label>
+                    Focus · min
+                    <input
+                        type="number"
+                        min={1}
+                        max={120}
+                        value={focus}
+                        onChange={(event) =>
+                            configure("focus", Number(event.target.value))
+                        }
+                    />
+                </label>
+                <label>
+                    Break · min
+                    <input
+                        type="number"
+                        min={1}
+                        max={60}
+                        value={rest}
+                        onChange={(event) =>
+                            configure("rest", Number(event.target.value))
+                        }
+                    />
+                </label>
+            </div>
+        </section>
+    );
+}
+
+export function getTimerSettings() {
+    const entry = getPersonalSnapshot()["timer:settings"];
+    return entry?.kind === "timer" ? entry.data : { focus: 25, rest: 5 };
+}
diff --git a/src/components/learning/ReviewComposer.tsx b/src/components/learning/ReviewComposer.tsx
new file mode 100644
index 0000000..bc2a73a
--- /dev/null
+++ b/src/components/learning/ReviewComposer.tsx
@@ -0,0 +1,96 @@
+import { useState } from "react";
+import type { SrsItem } from "@/types";
+import { createReview } from "@/lib/reviews";
+
+export default function ReviewComposer({
+    roadmapId,
+    source,
+    initialAnswer = "",
+}: {
+    roadmapId: string;
+    source: SrsItem["source"];
+    initialAnswer?: string;
+}) {
+    const [open, setOpen] = useState(false);
+    const [prompt, setPrompt] = useState("");
+    const [answer, setAnswer] = useState(initialAnswer);
+    const [saved, setSaved] = useState(false);
+    const [error, setError] = useState<string | null>(null);
+    if (!open)
+        return (
+            <>
+                <button
+                    className="sy-button quiet"
+                    onClick={() => {
+                        setAnswer(initialAnswer);
+                        setOpen(true);
+                        setSaved(false);
+                        setError(null);
+                    }}
+                >
+                    Make a review card
+                </button>
+                {saved && (
+                    <p className="sy-form-hint" role="status">
+                        Card kept for review.
+                    </p>
+                )}
+            </>
+        );
+    return (
+        <form
+            className="sy-form"
+            style={{ marginTop: 18 }}
+            onSubmit={(event) => {
+                event.preventDefault();
+                if (!prompt.trim() || !answer.trim()) return;
+                try {
+                    createReview({ prompt, answer, roadmapId, source });
+                    setSaved(true);
+                    setPrompt("");
+                    setOpen(false);
+                } catch {
+                    setError(
+                        "Could not save this card. Free some browser storage and try again.",
+                    );
+                }
+            }}
+        >
+            <label>
+                Question
+                <input
+                    className="sy-input"
+                    value={prompt}
+                    onChange={(event) => setPrompt(event.target.value)}
+                    required
+                    maxLength={1000}
+                />
+            </label>
+            <label>
+                Answer
+                <textarea
+                    className="sy-textarea"
+                    value={answer}
+                    onChange={(event) => setAnswer(event.target.value)}
+                    required
+                    maxLength={6000}
+                />
+            </label>
+            <div className="sy-card-actions">
+                <button className="sy-button primary">Keep card</button>
+                <button
+                    className="sy-button quiet"
+                    type="button"
+                    onClick={() => setOpen(false)}
+                >
+                    Cancel
+                </button>
+            </div>
+            {error && (
+                <p className="sy-error" role="alert">
+                    {error}
+                </p>
+            )}
+        </form>
+    );
+}
diff --git a/src/components/learning/StudyVideo.tsx b/src/components/learning/StudyVideo.tsx
new file mode 100644
index 0000000..dde1f5a
--- /dev/null
+++ b/src/components/learning/StudyVideo.tsx
@@ -0,0 +1,163 @@
+/// <reference types="youtube" />
+import { useEffect, useRef, useState } from "react";
+import { detectPlatform, getEmbedUrl, getYouTubeId } from "@/lib/video-utils";
+import { safeResourceUrl } from "@/lib/learning";
+
+declare global {
+    interface Window {
+        onYouTubeIframeAPIReady?: () => void;
+    }
+}
+let youtubeReady: Promise<void> | null = null;
+function loadYouTube() {
+    if (typeof YT !== "undefined" && YT.Player) return Promise.resolve();
+    youtubeReady ??= new Promise<void>((resolve, reject) => {
+        const previous = window.onYouTubeIframeAPIReady;
+        window.onYouTubeIframeAPIReady = () => {
+            previous?.();
+            resolve();
+        };
+        const script = document.createElement("script");
+        script.src = "https://www.youtube.com/iframe_api";
+        script.onerror = () => {
+            youtubeReady = null;
+            reject(
+                new Error(
+                    "The video player could not load. Check your connection.",
+                ),
+            );
+        };
+        document.head.append(script);
+    });
+    return youtubeReady;
+}
+
+export default function StudyVideo({
+    url,
+    title,
+    startSeconds,
+    seekTo,
+    onPosition,
+}: {
+    url: string;
+    title: string;
+    startSeconds: number;
+    seekTo: number | null;
+    onPosition: (seconds: number) => void;
+}) {
+    const mount = useRef<HTMLDivElement>(null);
+    const player = useRef<YT.Player | null>(null);
+    const positionCallback = useRef(onPosition);
+    positionCallback.current = onPosition;
+    const start = useRef(startSeconds);
+    start.current = startSeconds;
+    const seekRef = useRef(seekTo);
+    seekRef.current = seekTo;
+    const [error, setError] = useState<string | null>(null);
+    const youtubeId = getYouTubeId(url);
+    useEffect(() => {
+        if (!youtubeId || !mount.current) return;
+        let disposed = false;
+        let interval: ReturnType<typeof setInterval> | undefined;
+        let hasPlayed = false;
+        const target = document.createElement("div");
+        mount.current.replaceChildren(target);
+        function savePosition() {
+            if (!hasPlayed) return;
+            const seconds = player.current?.getCurrentTime?.();
+            if (typeof seconds === "number" && Number.isFinite(seconds))
+                positionCallback.current(Math.max(0, seconds));
+        }
+        void loadYouTube()
+            .then(() => {
+                if (disposed) return;
+                player.current = new YT.Player(target, {
+                    videoId: youtubeId,
+                    playerVars: {
+                        start: Math.floor(start.current),
+                        origin: location.origin,
+                        rel: 0,
+                        playsinline: 1,
+                    },
+                    events: {
+                        onReady: (event) => {
+                            const iframe = event.target.getIframe();
+                            iframe.title = title;
+                            if (seekRef.current !== null)
+                                event.target.seekTo(seekRef.current, true);
+                            interval = setInterval(savePosition, 5000);
+                        },
+                        onStateChange: (event) => {
+                            if (event.data === YT.PlayerState.PLAYING)
+                                hasPlayed = true;
+                            savePosition();
+                        },
+                        onError: () =>
+                            setError(
+                                "This video cannot be embedded. Open its source to watch it.",
+                            ),
+                    },
+                });
+            })
+            .catch((cause) => {
+                if (!disposed)
+                    setError(
+                        cause instanceof Error
+                            ? cause.message
+                            : "Could not load the video.",
+                    );
+            });
+        window.addEventListener("pagehide", savePosition);
+        return () => {
+            disposed = true;
+            if (interval) clearInterval(interval);
+            savePosition();
+            window.removeEventListener("pagehide", savePosition);
+            player.current?.destroy();
+            player.current = null;
+        };
+    }, [youtubeId, title]);
+    useEffect(() => {
+        if (seekTo !== null) player.current?.seekTo?.(seekTo, true);
+    }, [seekTo]);
+    const embed = getEmbedUrl(url);
+    const external = safeResourceUrl(url);
+    return (
+        <>
+            {error && (
+                <p className="sy-error" role="alert">
+                    {error}
+                </p>
+            )}
+            {youtubeId ? (
+                <div className="sy-embed">
+                    <div ref={mount} />
+                </div>
+            ) : embed && detectPlatform(url) === "vimeo" ? (
+                <div className="sy-embed">
+                    <iframe
+                        title={title}
+                        src={`${embed}#t=${Math.floor(startSeconds)}s`}
+                        allow="autoplay; fullscreen; picture-in-picture"
+                        allowFullScreen
+                    />
+                </div>
+            ) : (
+                <div className="sy-empty bordered">
+                    This source opens in its own player.
+                    {external && (
+                        <p>
+                            <a
+                                href={external}
+                                target="_blank"
+                                rel="noopener noreferrer"
+                            >
+                                Open source ↗
+                            </a>
+                        </p>
+                    )}
+                </div>
+            )}
+        </>
+    );
+}
diff --git a/src/components/scout/CostMeter.tsx b/src/components/scout/CostMeter.tsx
new file mode 100644
index 0000000..a4c06c3
--- /dev/null
+++ b/src/components/scout/CostMeter.tsx
@@ -0,0 +1,43 @@
+import { formatCents } from "@/lib/scout/api-client";
+import { cn } from "@/lib/utils";
+
+interface CostMeterProps {
+    monthCents: number;
+    budgetCents: number;
+    packCents?: number;
+    className?: string;
+}
+
+/** Estimated Scout spend against the learner's monthly budget. */
+export default function CostMeter({ monthCents, budgetCents, packCents = 0, className }: CostMeterProps) {
+    const hasBudget = budgetCents > 0;
+    const percent = hasBudget ? Math.min(100, Math.round((monthCents / budgetCents) * 100)) : 0;
+    const nearLimit = hasBudget && percent >= 80;
+
+    return (
+        <div className={cn("space-y-2", className)}>
+            <div className="flex items-baseline justify-between gap-3">
+                <span className="text-xs text-text-soft">Monthly cost</span>
+                <span className="text-xs tabular-nums text-[var(--color-text-muted)]">
+                    <span className="text-[var(--color-text)]">{formatCents(monthCents)}</span>
+                    {hasBudget ? ` / ${formatCents(budgetCents)}` : " / no cap"}
+                </span>
+            </div>
+
+            <div className="h-1.5 overflow-hidden rounded-full bg-raised">
+                <div
+                    className={cn(
+"h-full rounded-full transition-[width] duration-700",
+                        nearLimit ? "bg-warning" : "bg-[var(--color-accent)]",
+                    )}
+                    style={{ width: hasBudget ? `${Math.max(percent, monthCents > 0 ? 2 : 0)}%` : "0%" }}
+                />
+            </div>
+
+            <p className="text-xs leading-5 text-[var(--color-text-soft)]">
+                {packCents > 0 ? `This pack: ${formatCents(packCents)}. ` : ""}
+                Estimated from published token prices, not a bill.
+            </p>
+        </div>
+    );
+}
diff --git a/src/components/scout/ManualRoadmap.tsx b/src/components/scout/ManualRoadmap.tsx
new file mode 100644
index 0000000..c53eaa9
--- /dev/null
+++ b/src/components/scout/ManualRoadmap.tsx
@@ -0,0 +1,124 @@
+import { useState } from "react";
+import { useNavigate } from "@tanstack/react-router";
+import { getStorage } from "@/lib/storage";
+import { getYouTubeId } from "@/lib/video-utils";
+import { safeResourceUrl } from "@/lib/learning";
+import type { Roadmap, Task } from "@/types";
+
+export default function ManualRoadmap() {
+    const [title, setTitle] = useState("");
+    const [links, setLinks] = useState("");
+    const [error, setError] = useState<string | null>(null);
+    const navigate = useNavigate();
+    function create() {
+        const urls = [
+            ...new Set(
+                links
+                    .split(/\n/)
+                    .map((value) => value.trim())
+                    .filter(Boolean),
+            ),
+        ];
+        if (!title.trim() || !urls.length) {
+            setError("Add a topic title and at least one resource URL.");
+            return;
+        }
+        if (urls.some((url) => !safeResourceUrl(url))) {
+            setError("Use a full http or https URL for each resource.");
+            return;
+        }
+        const id = crypto.randomUUID();
+        const tasks: Task[] = urls.map((url, index) => {
+            const isVideo = !!getYouTubeId(url);
+            return {
+                id: crypto.randomUUID(),
+                title: `${isVideo ? "Watch" : "Read"} resource ${index + 1}`,
+                description: url,
+                completed: false,
+                notes: "",
+                subtasks: [],
+                attachments: [
+                    {
+                        id: crypto.randomUUID(),
+                        title: new URL(url).hostname,
+                        url,
+                        type: isVideo ? "video" : "link",
+                        description: "Added by you",
+                    },
+                ],
+            };
+        });
+        const roadmap: Roadmap = {
+            id,
+            title: title.trim(),
+            mode: "general",
+            createdAt: new Date().toISOString(),
+            updatedAt: new Date().toISOString(),
+            rawContent: links,
+            goal: title.trim(),
+            sections: [
+                {
+                    id: crypto.randomUUID(),
+                    title: "Your resources",
+                    order: 0,
+                    type: "module",
+                    data: {
+                        description:
+                            "Resources in the order you added them. Edit the roadmap to change the order or add tasks.",
+                        tasks,
+                        resources: [],
+                        videos: [],
+                        completed: false,
+                    },
+                },
+            ],
+        };
+        try {
+            getStorage().saveRoadmap(roadmap);
+            void navigate({ to: "/learn", search: { roadmap: id } });
+        } catch {
+            setError(
+                "Could not save this roadmap. Free some browser storage and try again.",
+            );
+        }
+    }
+    return (
+        <details className="sy-manual-roadmap">
+            <summary>Add resources yourself</summary>
+            <p className="sy-form-hint" style={{ marginTop: 10 }}>
+                No key or AI calls needed. Your order is preserved.
+            </p>
+            <div className="sy-form" style={{ marginTop: 16 }}>
+                <label>
+                    Learning topic
+                    <input
+                        className="sy-input"
+                        value={title}
+                        onChange={(event) => setTitle(event.target.value)}
+                        placeholder="Build AI features"
+                        maxLength={200}
+                    />
+                </label>
+                <label>
+                    Resource URLs, one per line
+                    <textarea
+                        className="sy-textarea"
+                        value={links}
+                        onChange={(event) => setLinks(event.target.value)}
+                        placeholder="https://…"
+                    />
+                </label>
+                <div>
+                    <button className="sy-button secondary" onClick={create}>
+                        Create roadmap
+                    </button>
+                </div>
+                {error && (
+                    <p className="sy-error" role="alert">
+                        {error}
+                    </p>
+                )}
+            </div>
+        </details>
+    );
+}
diff --git a/src/components/scout/PickList.tsx b/src/components/scout/PickList.tsx
new file mode 100644
index 0000000..da835d8
--- /dev/null
+++ b/src/components/scout/PickList.tsx
@@ -0,0 +1,140 @@
+import { Check, FileText, Video } from "lucide-react";
+import { cn } from "@/lib/utils";
+import { formatTimestamp, humanDuration } from "@/lib/scout/format";
+import type { ScoutResource } from "@/lib/scout/types";
+
+interface PickListProps {
+    resources: ScoutResource[];
+    selected: Set<string>;
+    onToggle: (id: string) => void;
+}
+
+export default function PickList({
+    resources,
+    selected,
+    onToggle,
+}: PickListProps) {
+    return (
+        <ul className="divide-y divide-border">
+            {resources.map((resource) => {
+                const checked = selected.has(resource.id);
+                const Icon = resource.kind === "video" ? Video : FileText;
+                const quote = resource.keyPoints.find(
+                    (point) => point.quote,
+                )?.quote;
+                const chapters = resource.chapters.slice(0, 4);
+
+                return (
+                    <li key={resource.id} className="py-5">
+                        <div className="flex items-start gap-4">
+                            <button
+                                type="button"
+                                role="checkbox"
+                                aria-checked={checked}
+                                aria-label={`Keep ${resource.title}`}
+                                onClick={() => onToggle(resource.id)}
+                                className={cn(
+                                    "mt-0.5 flex h-5 w-5 shrink-0 items-center justify-center rounded-[5px] border transition-colors",
+                                    checked
+                                        ? "border-text bg-text text-page"
+                                        : "border-border-strong hover:border-text-soft",
+                                )}
+                            >
+                                {checked ? (
+                                    <Check size={13} strokeWidth={3} />
+                                ) : null}
+                            </button>
+
+                            <div className="min-w-0 flex-1">
+                                <div className="flex flex-wrap items-center gap-x-3 gap-y-1 text-xs text-text-soft">
+                                    <span className="inline-flex items-center gap-1.5">
+                                        <Icon size={11} /> {resource.kind}
+                                    </span>
+                                    {resource.creator ? (
+                                        <span className="normal-case tracking-normal text-[var(--color-text-muted)]">
+                                            {resource.creator}
+                                        </span>
+                                    ) : null}
+                                    {resource.durationSeconds ? (
+                                        <span className="tabular-nums">
+                                            {humanDuration(
+                                                resource.durationSeconds,
+                                            )}
+                                        </span>
+                                    ) : null}
+                                    {resource.transcriptStatus ===
+                                        "unavailable" ||
+                                    resource.transcriptStatus === "skipped" ? (
+                                        <span className="normal-case tracking-normal text-warning/80">
+                                            description only
+                                        </span>
+                                    ) : null}
+                                </div>
+
+                                <a
+                                    href={resource.url}
+                                    target="_blank"
+                                    rel="noopener noreferrer"
+                                    className="mt-1.5 block break-words text-[15px] font-medium leading-snug text-[var(--color-text)] underline-offset-4 hover:underline"
+                                >
+                                    {resource.title}
+                                </a>
+
+                                {resource.summary ? (
+                                    <p className="mt-1.5 break-words text-sm leading-6 text-[var(--color-text-muted)]">
+                                        {resource.summary}
+                                    </p>
+                                ) : null}
+
+                                {quote ? (
+                                    <p className="mt-2 border-l-2 border-border-strong pl-3 text-sm italic leading-6 text-[var(--color-text-muted)]">
+                                        “{quote}”
+                                    </p>
+                                ) : null}
+
+                                {chapters.length > 0 ? (
+                                    <ul className="mt-3 flex flex-wrap gap-x-4 gap-y-1.5">
+                                        {chapters.map((chapter) => (
+                                            <li
+                                                key={`${resource.id}-${chapter.startSeconds}`}
+                                            >
+                                                <a
+                                                    href={chapter.url}
+                                                    target="_blank"
+                                                    rel="noopener noreferrer"
+                                                    className="inline-flex items-baseline gap-1.5 text-xs text-[var(--color-text-soft)] underline-offset-4 hover:text-[var(--color-text)] hover:underline"
+                                                >
+                                                    <span className="tabular-nums text-[var(--color-accent)]">
+                                                        {formatTimestamp(
+                                                            chapter.startSeconds,
+                                                        )}
+                                                    </span>
+                                                    {chapter.title}
+                                                </a>
+                                            </li>
+                                        ))}
+                                    </ul>
+                                ) : null}
+
+                                {resource.skillTags.length > 0 ? (
+                                    <div className="mt-3 flex flex-wrap gap-2">
+                                        {resource.skillTags
+                                            .slice(0, 4)
+                                            .map((tag) => (
+                                                <span
+                                                    key={tag}
+                                                    className="studio-badge text-text-muted"
+                                                >
+                                                    {tag}
+                                                </span>
+                                            ))}
+                                    </div>
+                                ) : null}
+                            </div>
+                        </div>
+                    </li>
+                );
+            })}
+        </ul>
+    );
+}
diff --git a/src/components/scout/ScoutProgress.tsx b/src/components/scout/ScoutProgress.tsx
new file mode 100644
index 0000000..05d4e11
--- /dev/null
+++ b/src/components/scout/ScoutProgress.tsx
@@ -0,0 +1,52 @@
+import { Check } from "lucide-react";
+import { cn } from "@/lib/utils";
+
+const STEPS = [
+    { number: 1, label: "Set a goal" },
+    { number: 2, label: "Approve picks" },
+    { number: 3, label: "Roadmap" },
+] as const;
+
+interface ScoutProgressProps {
+    /** 1 = goal, 2 = finding/approving, 3 = building/ready. */
+    step: 1 | 2 | 3;
+    detail?: string;
+}
+
+export default function ScoutProgress({ step, detail }: ScoutProgressProps) {
+    return (
+        <div className="border-b border-border pb-5">
+            <ol className="flex flex-wrap items-center gap-x-8 gap-y-3">
+                {STEPS.map((item) => {
+                    const done = item.number < step;
+                    const active = item.number === step;
+
+                    return (
+                        <li key={item.number} className="flex items-center gap-2.5">
+                            <span
+                                aria-hidden="true"
+                                className={cn(
+"flex h-6 w-6 items-center justify-center rounded-full border text-xs font-medium tabular-nums transition-colors",
+                                    done && "border-text bg-text text-page",
+                                    active && "border-text text-text",
+                                    !done && !active && "border-border-strong text-text-soft",
+                                )}
+                            >
+                                {done ? <Check size={13} strokeWidth={3} /> : item.number}
+                            </span>
+                            <span
+                                className={cn(
+"text-[13px]",
+                                    active ? "text-[var(--color-text)]" : "text-[var(--color-text-soft)]",
+                                )}
+                            >
+                                {item.label}
+                            </span>
+                        </li>
+                    );
+                })}
+            </ol>
+            {detail ? <p className="mt-3 text-xs text-[var(--color-text-muted)]">{detail}</p> : null}
+        </div>
+    );
+}
diff --git a/src/components/scout/SourcesPanel.tsx b/src/components/scout/SourcesPanel.tsx
new file mode 100644
index 0000000..d0d9fce
--- /dev/null
+++ b/src/components/scout/SourcesPanel.tsx
@@ -0,0 +1,392 @@
+import { useState } from "react";
+import { BookOpen, ChevronDown, Link2, Plus, Trash2 } from "lucide-react";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import { Switch } from "@/components/ui/switch";
+import { Textarea } from "@/components/ui/textarea";
+import CostMeter from "@/components/scout/CostMeter";
+import { cn } from "@/lib/utils";
+import type {
+    ScoutResource,
+    ScoutSettings,
+    ScoutSource,
+    ScoutSourceKind,
+    SpendSummary,
+} from "@/lib/scout/types";
+
+interface SourcesPanelProps {
+    sources: ScoutSource[];
+    settings: ScoutSettings | null;
+    spend: SpendSummary | null;
+    books: ScoutResource[];
+    onAddSource: (input: {
+        kind: ScoutSourceKind;
+        label?: string;
+        value: string;
+    }) => Promise<void>;
+    onRemoveSource: (id: string) => Promise<void>;
+    onToggleSource: (id: string, enabled: boolean) => Promise<void>;
+    onAddBook: (title: string, chapters: string[]) => Promise<void>;
+    onAddUrl: (url: string, note?: string) => Promise<void>;
+    onToggleAutoCheck: (enabled: boolean) => Promise<void>;
+    onPause: (paused: boolean) => Promise<void>;
+}
+
+const KIND_LABEL: Record<ScoutSourceKind, string> = {
+    youtube_channel: "YouTube channel",
+    creator: "Creator",
+    site: "Site",
+    book: "Book",
+};
+
+const ADD_KINDS: Array<{
+    value: ScoutSourceKind;
+    label: string;
+    placeholder: string;
+}> = [
+    { value: "creator", label: "Creator", placeholder: "@handle or name" },
+    { value: "youtube_channel", label: "Channel", placeholder: "Channel URL" },
+    { value: "site", label: "Site", placeholder: "developer.mozilla.org" },
+];
+
+export default function SourcesPanel({
+    sources,
+    settings,
+    spend,
+    books,
+    onAddSource,
+    onRemoveSource,
+    onToggleSource,
+    onAddBook,
+    onAddUrl,
+    onToggleAutoCheck,
+    onPause,
+}: SourcesPanelProps) {
+    const [kind, setKind] = useState<ScoutSourceKind>("creator");
+    const [value, setValue] = useState("");
+    const [bookTitle, setBookTitle] = useState("");
+    const [chapters, setChapters] = useState("");
+    const [url, setUrl] = useState("");
+    const [note, setNote] = useState("");
+    const [working, setWorking] = useState<string | null>(null);
+    const [localError, setLocalError] = useState<string | null>(null);
+
+    const activeKind =
+        ADD_KINDS.find((item) => item.value === kind) ?? ADD_KINDS[0];
+
+    async function run(key: string, task: () => Promise<void>) {
+        setWorking(key);
+        setLocalError(null);
+        try {
+            await task();
+        } catch (error) {
+            setLocalError(
+                error instanceof Error ? error.message : "That did not work.",
+            );
+        } finally {
+            setWorking(null);
+        }
+    }
+
+    return (
+        <aside className="sy-panel sy-sources-panel">
+            <div>
+                <h2 className="text-base text-text">Sources & settings</h2>
+                <p className="mt-1 text-xs leading-5 text-text-muted">
+                    Creator preferences guide Scout. Search can include any free
+                    source.
+                </p>
+            </div>
+
+            <section
+                aria-labelledby="scout-sources-heading"
+                className="sy-source-section sy-source-watch"
+            >
+                <h3
+                    id="scout-sources-heading"
+                    className="text-xs text-text-soft"
+                >
+                    Watching
+                </h3>
+
+                <ul>
+                    {sources.map((source) => (
+                        <li
+                            key={source.id}
+                            className="flex items-center gap-3 border-b border-border py-2 last:border-b-0"
+                        >
+                            <div className="min-w-0 flex-1">
+                                <p
+                                    className={cn(
+                                        "break-words text-sm",
+                                        source.enabled
+                                            ? "text-text"
+                                            : "text-text-soft",
+                                    )}
+                                >
+                                    {source.label}
+                                </p>
+                                <p className="text-xs text-text-soft">
+                                    {KIND_LABEL[source.kind]}
+                                </p>
+                            </div>
+                            <Switch
+                                aria-label={`Watch ${source.label}`}
+                                checked={source.enabled}
+                                disabled={working !== null}
+                                onCheckedChange={(checked) =>
+                                    run(source.id, () =>
+                                        onToggleSource(source.id, checked),
+                                    )
+                                }
+                            />
+                            <button
+                                type="button"
+                                aria-label={`Remove ${source.label}`}
+                                onClick={() =>
+                                    run(source.id, () =>
+                                        onRemoveSource(source.id),
+                                    )
+                                }
+                                className="text-text-soft transition-colors hover:text-danger"
+                            >
+                                <Trash2 size={13} />
+                            </button>
+                        </li>
+                    ))}
+                    {sources.length === 0 ? (
+                        <li className="text-xs text-text-soft">
+                            Nothing yet. Add a creator or a site.
+                        </li>
+                    ) : null}
+                </ul>
+
+                <div className="sy-source-add">
+                    <select
+                        aria-label="Source kind"
+                        value={kind}
+                        onChange={(event) =>
+                            setKind(event.target.value as ScoutSourceKind)
+                        }
+                        className="sy-select"
+                    >
+                        {ADD_KINDS.map((item) => (
+                            <option
+                                key={item.value}
+                                value={item.value}
+                                className="bg-[#111]"
+                            >
+                                {item.label}
+                            </option>
+                        ))}
+                    </select>
+                    <Input
+                        aria-label="Source value"
+                        value={value}
+                        placeholder={activeKind.placeholder}
+                        onChange={(event) => setValue(event.target.value)}
+                        className="h-9 text-xs"
+                    />
+                    <Button
+                        type="button"
+                        variant="secondary"
+                        size="sm"
+                        aria-label="Add source"
+                        disabled={working !== null || value.trim().length === 0}
+                        onClick={() =>
+                            run("add-source", async () => {
+                                await onAddSource({
+                                    kind,
+                                    value: value.trim(),
+                                });
+                                setValue("");
+                            })
+                        }
+                    >
+                        <Plus size={14} />
+                    </Button>
+                </div>
+            </section>
+
+            <details className="sy-source-disclosure">
+                <summary>
+                    <BookOpen size={14} />
+                    Manual book task
+                    <ChevronDown size={14} className="sy-disclosure-chevron" />
+                </summary>
+                <div className="sy-source-fields">
+                    {books.length > 0 ? (
+                        <ul className="space-y-1">
+                            {books.slice(0, 6).map((book) => (
+                                <li
+                                    key={book.id}
+                                    className="break-words text-xs text-text-muted"
+                                >
+                                    {book.title}
+                                    {book.chapters.length > 0 ? (
+                                        <span className="text-text-soft">
+                                            {" "}
+                                            · {book.chapters.length} chapters
+                                        </span>
+                                    ) : null}
+                                </li>
+                            ))}
+                        </ul>
+                    ) : (
+                        <p className="text-xs text-text-soft">
+                            Import EPUBs in Library to read their real contents.
+                            Here you can add a title and your own chapter list
+                            as manual tasks.
+                        </p>
+                    )}
+
+                    <Input
+                        aria-label="Book title"
+                        value={bookTitle}
+                        placeholder="Refactoring UI"
+                        onChange={(event) => setBookTitle(event.target.value)}
+                        className="h-9 text-xs"
+                    />
+                    <Textarea
+                        aria-label="Book chapters, one per line"
+                        value={chapters}
+                        placeholder={
+                            "Chapters, one per line (optional)\n1. Starting from scratch\n2. Hierarchy is everything"
+                        }
+                        onChange={(event) => setChapters(event.target.value)}
+                        rows={3}
+                        className="text-xs"
+                    />
+                    <Button
+                        type="button"
+                        variant="secondary"
+                        size="sm"
+                        disabled={
+                            working !== null || bookTitle.trim().length === 0
+                        }
+                        onClick={() =>
+                            run("add-book", async () => {
+                                const outline = chapters
+                                    .split(/\r?\n/)
+                                    .map((line) => line.trim())
+                                    .filter(Boolean);
+                                await onAddBook(bookTitle.trim(), outline);
+                                setBookTitle("");
+                                setChapters("");
+                            })
+                        }
+                    >
+                        Add book
+                    </Button>
+                </div>
+            </details>
+
+            <details className="sy-source-disclosure">
+                <summary>
+                    <Link2 size={14} />
+                    Add a URL
+                    <ChevronDown size={14} className="sy-disclosure-chevron" />
+                </summary>
+                <div className="sy-source-fields">
+                    <Input
+                        aria-label="Resource URL"
+                        value={url}
+                        placeholder="https://…"
+                        onChange={(event) => setUrl(event.target.value)}
+                        className="h-9 text-xs"
+                    />
+                    <Input
+                        aria-label="Note"
+                        value={note}
+                        placeholder="Why save it? (optional)"
+                        onChange={(event) => setNote(event.target.value)}
+                        className="h-9 text-xs"
+                    />
+                    <Button
+                        type="button"
+                        variant="secondary"
+                        size="sm"
+                        disabled={working !== null || url.trim().length === 0}
+                        onClick={() =>
+                            run("add-url", async () => {
+                                await onAddUrl(
+                                    url.trim(),
+                                    note.trim() || undefined,
+                                );
+                                setUrl("");
+                                setNote("");
+                            })
+                        }
+                    >
+                        Save to library
+                    </Button>
+                </div>
+            </details>
+
+            <section
+                aria-labelledby="scout-settings-heading"
+                className="sy-source-section sy-source-settings"
+            >
+                <h3
+                    id="scout-settings-heading"
+                    className="text-xs text-text-soft"
+                >
+                    Settings
+                </h3>
+
+                <div className="flex items-start justify-between gap-4">
+                    <div>
+                        <p className="text-sm text-text">Auto-check</p>
+                        <p className="text-xs leading-5 text-text-soft">
+                            Optional creator RSS check at 3:00 AM Asia/Dubai,
+                            while your local server runs.
+                        </p>
+                    </div>
+                    <Switch
+                        aria-label="Auto-check nightly"
+                        checked={settings?.autoCheck ?? false}
+                        disabled={!settings || working !== null}
+                        onCheckedChange={(checked) =>
+                            run("auto-check", () => onToggleAutoCheck(checked))
+                        }
+                    />
+                </div>
+
+                <div className="flex items-start justify-between gap-4">
+                    <div>
+                        <p className="text-sm text-text">Pause Scout</p>
+                        <p className="text-xs leading-5 text-text-soft">
+                            Stops the nightly check, keeps your library.
+                        </p>
+                    </div>
+                    <Switch
+                        aria-label="Pause Scout"
+                        checked={settings?.paused ?? false}
+                        disabled={!settings || working !== null}
+                        onCheckedChange={(checked) =>
+                            run("pause", () => onPause(checked))
+                        }
+                    />
+                </div>
+            </section>
+
+            {spend ? (
+                <CostMeter
+                    className="sy-source-cost"
+                    monthCents={spend.monthCents}
+                    budgetCents={spend.budgetCents}
+                    packCents={spend.packCents}
+                />
+            ) : null}
+
+            {localError ? (
+                <p
+                    role="alert"
+                    className="rounded-xl bg-danger-soft px-3 py-2 text-xs text-danger"
+                >
+                    {localError}
+                </p>
+            ) : null}
+        </aside>
+    );
+}
diff --git a/components/seo/FaqSchema.tsx b/src/components/seo/FaqSchema.tsx
similarity index 77%
rename from components/seo/FaqSchema.tsx
rename to src/components/seo/FaqSchema.tsx
index fa64666..8abdb70 100644
--- a/components/seo/FaqSchema.tsx
+++ b/src/components/seo/FaqSchema.tsx
@@ -5,13 +5,13 @@ type FaqItem = {
 
 export default function FaqSchema({ faqs }: { faqs: FaqItem[] }) {
     const schema = {
-        "@context": "https://schema.org",
-        "@type": "FAQPage",
+"@context": "https://schema.org",
+"@type": "FAQPage",
         mainEntity: faqs.map((faq) => ({
-            "@type": "Question",
+"@type": "Question",
             name: faq.question,
             acceptedAnswer: {
-                "@type": "Answer",
+"@type": "Answer",
                 text: faq.answer,
             },
         })),
diff --git a/components/seo/GallerySchema.tsx b/src/components/seo/GallerySchema.tsx
similarity index 85%
rename from components/seo/GallerySchema.tsx
rename to src/components/seo/GallerySchema.tsx
index 30e5197..f632483 100644
--- a/components/seo/GallerySchema.tsx
+++ b/src/components/seo/GallerySchema.tsx
@@ -4,12 +4,12 @@ const appUrl = process.env.NEXT_PUBLIC_APP_URL || "https://roadmap.znsnexus.com"
 
 export default function GallerySchema({ items }: { items: PublicRoadmapCard[] }) {
     const schema = {
-        "@context": "https://schema.org",
-        "@type": "CollectionPage",
+"@context": "https://schema.org",
+"@type": "CollectionPage",
         name: "Public roadmap gallery",
         url: `${appUrl}/gallery`,
         mainEntity: items.slice(0, 12).map((item) => ({
-            "@type": "CreativeWork",
+"@type": "CreativeWork",
             name: item.title,
             description: item.summary,
             url: `${appUrl}/share/${item.id}`,
diff --git a/components/seo/HowToSchema.tsx b/src/components/seo/HowToSchema.tsx
similarity index 84%
rename from components/seo/HowToSchema.tsx
rename to src/components/seo/HowToSchema.tsx
index 6971a0d..8bcd802 100644
--- a/components/seo/HowToSchema.tsx
+++ b/src/components/seo/HowToSchema.tsx
@@ -4,22 +4,22 @@ const appUrl = process.env.NEXT_PUBLIC_APP_URL || "https://roadmap.znsnexus.com"
 
 export default function HowToSchema() {
     const schema = {
-        "@context": "https://schema.org",
-        "@type": "HowTo",
+"@context": "https://schema.org",
+"@type": "HowTo",
         name: `How to create a workspace in ${APP_NAME}`,
         step: [
             {
-                "@type": "HowToStep",
+"@type": "HowToStep",
                 name: "Paste your source material",
                 text: "Add your roadmap, guide, curriculum, or process document into the create flow.",
             },
             {
-                "@type": "HowToStep",
+"@type": "HowToStep",
                 name: "Generate an interactive workspace",
                 text: "Let GPT-5.4 structure the source into a course-style roadmap with actionable sections.",
             },
             {
-                "@type": "HowToStep",
+"@type": "HowToStep",
                 name: "Track progress and return later",
                 text: "Continue from your workspace, review modules, and enable account sync when you want cloud backup.",
             },
@@ -27,7 +27,7 @@ export default function HowToSchema() {
         totalTime: "PT5M",
         tool: [
             {
-                "@type": "HowToTool",
+"@type": "HowToTool",
                 name: APP_NAME,
             },
         ],
diff --git a/components/seo/WebAppSchema.tsx b/src/components/seo/WebAppSchema.tsx
similarity index 85%
rename from components/seo/WebAppSchema.tsx
rename to src/components/seo/WebAppSchema.tsx
index 4823b23..f3d1a0d 100644
--- a/components/seo/WebAppSchema.tsx
+++ b/src/components/seo/WebAppSchema.tsx
@@ -4,15 +4,15 @@ const appUrl = process.env.NEXT_PUBLIC_APP_URL || "https://roadmap.znsnexus.com"
 
 export default function WebAppSchema() {
     const schema = {
-        "@context": "https://schema.org",
-        "@type": "WebApplication",
+"@context": "https://schema.org",
+"@type": "WebApplication",
         name: APP_NAME,
         applicationCategory: "BusinessApplication",
         operatingSystem: "Web",
         description: APP_TAGLINE,
         url: appUrl,
         offers: {
-            "@type": "Offer",
+"@type": "Offer",
             price: "0",
             priceCurrency: "USD",
         },
diff --git a/components/shared/ContentViewer.tsx b/src/components/shared/ContentViewer.tsx
similarity index 88%
rename from components/shared/ContentViewer.tsx
rename to src/components/shared/ContentViewer.tsx
index 45a44f6..caf64eb 100644
--- a/components/shared/ContentViewer.tsx
+++ b/src/components/shared/ContentViewer.tsx
@@ -31,25 +31,25 @@ export default function ContentViewer({ url, title, onClose }: ContentViewerProp
         <div className="fixed inset-0 z-50 flex">
             {/* Backdrop */}
             <div
-                className="absolute inset-0 bg-black/60 backdrop-blur-sm"
+                className="absolute inset-0 bg-black/60"
                 onClick={onClose}
                 role="presentation"
             />
 
             {/* Panel */}
             <div
-                className="relative ml-auto w-full max-w-4xl h-full bg-obsidian-light border-l border-border flex flex-col animate-slide-in-right"
+                className="relative ml-auto w-full max-w-4xl h-full bg-surface-muted border-l border-border flex flex-col animate-slide-in-right"
                 style={{ overscrollBehavior: "contain" }}
             >
                 {/* Toolbar */}
-                <div className="flex items-center justify-between px-4 py-2.5 border-b border-border bg-obsidian-surface">
+                <div className="flex items-center justify-between px-4 py-2.5 border-b border-border bg-surface">
                     <div className="flex items-center gap-3 min-w-0 flex-1">
                         <div className="flex gap-1.5">
-                            <div className="w-3 h-3 rounded-full bg-red-500/80" />
-                            <div className="w-3 h-3 rounded-full bg-white/20" />
-                            <div className="w-3 h-3 rounded-full bg-green-500/80" />
+                            <div className="w-3 h-3 rounded-full bg-danger/80" />
+                            <div className="w-3 h-3 rounded-full bg-raised" />
+                            <div className="w-3 h-3 rounded-full bg-accent/80" />
                         </div>
-                        <p className="text-text-secondary text-sm truncate flex-1">
+                        <p className="text-text-muted text-sm truncate flex-1">
                             {title || url}
                         </p>
                     </div>
@@ -87,7 +87,7 @@ export default function ContentViewer({ url, title, onClose }: ContentViewerProp
                         <iframe
                             src={url}
                             title={title || "Content Viewer"}
-                            className="w-full h-full bg-white"
+                            className="w-full h-full bg-text"
                             sandbox="allow-same-origin allow-scripts allow-popups allow-forms"
                             loading="lazy"
                         />
diff --git a/components/shared/EmptyState.tsx b/src/components/shared/EmptyState.tsx
similarity index 89%
rename from components/shared/EmptyState.tsx
rename to src/components/shared/EmptyState.tsx
index 9c77dc2..842af86 100644
--- a/components/shared/EmptyState.tsx
+++ b/src/components/shared/EmptyState.tsx
@@ -17,8 +17,8 @@ export default function EmptyState({ icon, title, description, action }: EmptySt
             <div className="mb-4 flex h-14 w-14 items-center justify-center rounded-full border border-border bg-[color:color-mix(in_srgb,var(--color-accent)_12%,var(--color-surface))] text-text">
                 {icon ? <span className="text-2xl">{icon}</span> : <Sparkles className="h-5 w-5" />}
             </div>
-            <h3 className="mb-1 font-display text-lg font-bold text-text-primary">{title}</h3>
-            <p className="text-text-secondary text-sm max-w-sm mb-4" style={{ textWrap: "balance" }}>
+            <h3 className="mb-1 font-display text-lg font-bold text-text">{title}</h3>
+            <p className="text-text-muted text-sm max-w-sm mb-4" style={{ textWrap: "balance" }}>
                 {description}
             </p>
             {action ? (
diff --git a/components/shared/Logo.tsx b/src/components/shared/Logo.tsx
similarity index 94%
rename from components/shared/Logo.tsx
rename to src/components/shared/Logo.tsx
index d08e481..a48b7de 100644
--- a/components/shared/Logo.tsx
+++ b/src/components/shared/Logo.tsx
@@ -9,7 +9,7 @@ export function Logo() {
             strokeWidth="2.5"
             strokeLinecap="round"
             strokeLinejoin="round"
-            className="text-text-primary"
+            className="text-text"
         >
             <path d="M4 19a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z" />
             <path d="M4 15V9a2 2 0 0 1 2-2h2" />
diff --git a/components/shared/Modal.tsx b/src/components/shared/Modal.tsx
similarity index 82%
rename from components/shared/Modal.tsx
rename to src/components/shared/Modal.tsx
index 057427e..7dd1a93 100644
--- a/components/shared/Modal.tsx
+++ b/src/components/shared/Modal.tsx
@@ -43,11 +43,11 @@ export default function Modal({ isOpen, onClose, title, children, maxWidth = "ma
                 if (e.target === overlayRef.current) onClose();
             }}
         >
-            <div className="absolute inset-0 bg-[color:color-mix(in_srgb,var(--color-page)_74%,transparent)] backdrop-blur-md" />
+            <div className="absolute inset-0 bg-black/70" />
 
-            <Card className={`relative ${maxWidth} w-full`} style={{ overscrollBehavior: "contain" }}>
-                <CardHeader className="flex flex-row items-center justify-between space-y-0 border-b border-border p-4">
-                    <CardTitle className="font-display text-base font-semibold text-text-primary">{title}</CardTitle>
+            <Card className={`relative ${maxWidth} w-full shadow-[0_12px_32px_rgba(0,0,0,0.6)]`} style={{ overscrollBehavior: "contain" }}>
+                <CardHeader className="flex flex-row items-center justify-between space-y-0 border-b border-border px-5 py-4">
+                    <CardTitle className="font-display text-base font-semibold text-text">{title}</CardTitle>
                     <Button
                         type="button"
                         variant="ghost"
@@ -59,7 +59,7 @@ export default function Modal({ isOpen, onClose, title, children, maxWidth = "ma
                         <X className="h-4 w-4" />
                     </Button>
                 </CardHeader>
-                <CardContent className="p-4">{children}</CardContent>
+                <CardContent className="p-5">{children}</CardContent>
             </Card>
         </div>
     );
diff --git a/components/shared/ProgressRing.tsx b/src/components/shared/ProgressRing.tsx
similarity index 98%
rename from components/shared/ProgressRing.tsx
rename to src/components/shared/ProgressRing.tsx
index 7aa00a0..9a92f52 100644
--- a/components/shared/ProgressRing.tsx
+++ b/src/components/shared/ProgressRing.tsx
@@ -60,7 +60,7 @@ export default function ProgressRing({
                 </svg>
             </div>
             {/* Percentage text */}
-            <span className="absolute text-[12px] font-bold font-display text-text-primary tabular-nums">
+            <span className="absolute text-[12px] font-bold font-display text-text tabular-nums">
                 {percent}%
             </span>
         </div>
diff --git a/components/shared/Providers.tsx b/src/components/shared/Providers.tsx
similarity index 55%
rename from components/shared/Providers.tsx
rename to src/components/shared/Providers.tsx
index 390beea..fb9f8a7 100644
--- a/components/shared/Providers.tsx
+++ b/src/components/shared/Providers.tsx
@@ -1,26 +1,30 @@
 "use client";
 
 import { Toaster } from "sonner";
+import CloudSync from "@/components/sync/CloudSync";
+import PomodoroProvider from "@/components/learning/Pomodoro";
+import OfflineSupport from "@/components/learning/OfflineSupport";
 
 export function Providers({ children }: { children: React.ReactNode }) {
     return (
         <>
-            {children}
+            <OfflineSupport />
+            <CloudSync><PomodoroProvider>{children}</PomodoroProvider></CloudSync>
             <Toaster
                 position="bottom-right"
                 toastOptions={{
                     unstyled: true,
                     classNames: {
                         toast:
-                            "surface-panel flex items-start gap-3 px-4 py-3 text-sm text-text shadow-none",
+"surface-panel flex items-start gap-3 px-4 py-3 text-sm text-text shadow-none",
                         title: "font-medium text-text",
                         description: "text-text-muted",
                         actionButton:
-                            "button-primary h-8 min-h-8 px-3 text-xs",
+"button-primary h-8 min-h-8 px-3 text-xs",
                         cancelButton:
-                            "button-secondary h-8 min-h-8 px-3 text-xs",
+"button-secondary h-8 min-h-8 px-3 text-xs",
                         closeButton:
-                            "text-text-soft transition hover:text-text",
+"text-text-soft transition hover:text-text",
                     },
                 }}
             />
diff --git a/components/shared/SmartEmbed.tsx b/src/components/shared/SmartEmbed.tsx
similarity index 78%
rename from components/shared/SmartEmbed.tsx
rename to src/components/shared/SmartEmbed.tsx
index 1996bb4..fa8669b 100644
--- a/components/shared/SmartEmbed.tsx
+++ b/src/components/shared/SmartEmbed.tsx
@@ -92,7 +92,7 @@ export default function SmartEmbed({ url, title, description }: SmartEmbedProps)
     // Known embeds: always render iframe
     if (isKnownEmbed) {
         return (
-            <div className="w-full aspect-video bg-black rounded-lg overflow-hidden border border-border">
+            <div className="w-full aspect-video bg-page rounded-lg overflow-hidden border border-border">
                 <iframe
                     src={embedUrl}
                     title={title}
@@ -107,27 +107,26 @@ export default function SmartEmbed({ url, title, description }: SmartEmbedProps)
     // Blocked or unknown: show fallback card
     if (iframeBlocked) {
         return (
-            <div className="w-full border border-border-subtle bg-obsidian-elevated/60 p-6 flex items-center gap-5 transition-all hover:border-indigo-500/30 hover:bg-obsidian-elevated/80 group">
+            <div className="w-full border border-border bg-surface-muted/60 p-6 flex items-center gap-5 transition-all hover:border-accent/30 hover:bg-surface-muted/80 group">
                 {/* next/image is not practical here because favicon domains are fully dynamic. */}
-                {/* eslint-disable-next-line @next/next/no-img-element */}
                 <img
                     src={getFaviconUrl(url)}
                     alt=""
-                    className="w-10 h-10 rounded-lg bg-white/5 p-1 shrink-0"
+                    className="w-10 h-10 rounded-lg bg-surface p-1 shrink-0"
                     onError={(e) => { (e.target as HTMLImageElement).style.display = "none"; }}
                 />
                 <div className="flex-1 min-w-0">
-                    <h4 className="font-sans-display text-sm font-bold text-text-primary truncate">{title}</h4>
+                    <h4 className="font-display text-sm font-bold text-text truncate">{title}</h4>
                     {description && (
-                        <p className="text-text-secondary text-sm mt-0.5 line-clamp-2">{description}</p>
+                        <p className="text-text-muted text-sm mt-0.5 line-clamp-2">{description}</p>
                     )}
-                    <p className="text-text-secondary/50 text-sm uppercase tracking-widest mt-1">{getDomain(url)}</p>
+                    <p className="text-text-muted/50 text-sm mt-1">{getDomain(url)}</p>
                 </div>
                 <a
                     href={url}
                     target="_blank"
                     rel="noopener noreferrer"
-                    className="shrink-0 font-sans-display text-xs uppercase tracking-widest text-indigo-400 hover:text-white border border-indigo-500/30 hover:border-indigo-500 px-4 py-2.5 transition-all bg-indigo-500/5 hover:bg-indigo-500 whitespace-nowrap"
+                    className="button-secondary shrink-0"
                 >
                     Open Resource
                 </a>
@@ -139,10 +138,10 @@ export default function SmartEmbed({ url, title, description }: SmartEmbedProps)
     return (
         <div className="w-full relative">
             {loading && (
-                <div className="absolute inset-0 flex items-center justify-center bg-obsidian-elevated/80 z-10 border border-border">
+                <div className="absolute inset-0 flex items-center justify-center bg-surface-muted/80 z-10 border border-border">
                     <div className="flex flex-col items-center gap-3">
-                        <div className="w-6 h-6 border-2 border-indigo-500 border-t-transparent rounded-full animate-spin" />
-                        <span className="text-text-secondary text-[12px]">Loading resource...</span>
+                        <div className="w-6 h-6 border-2 border-accent border-t-transparent rounded-full animate-spin" />
+                        <span className="text-text-muted text-[12px]">Loading resource...</span>
                     </div>
                 </div>
             )}
diff --git a/components/shared/StatusBadge.tsx b/src/components/shared/StatusBadge.tsx
similarity index 60%
rename from components/shared/StatusBadge.tsx
rename to src/components/shared/StatusBadge.tsx
index 04597ac..7a69a5b 100644
--- a/components/shared/StatusBadge.tsx
+++ b/src/components/shared/StatusBadge.tsx
@@ -3,10 +3,10 @@ interface StatusBadgeProps {
 }
 
 const STATUS_STYLES: Record<string, { bg: string; text: string; label: string }> = {
-    pending: { bg: "bg-amber-500/10", text: "text-warning", label: "Pending" },
-    submitted: { bg: "bg-blue-500/10", text: "text-info", label: "Submitted" },
-    approved: { bg: "bg-emerald-500/10", text: "text-success", label: "Approved" },
-    revision: { bg: "bg-red-500/10", text: "text-error", label: "Needs Revision" },
+    pending: { bg: "bg-warning/10", text: "text-warning", label: "Pending" },
+    submitted: { bg: "bg-accent/10", text: "text-info", label: "Submitted" },
+    approved: { bg: "bg-accent/10", text: "text-success", label: "Approved" },
+    revision: { bg: "bg-danger/10", text: "text-error", label: "Needs Revision" },
 };
 
 export default function StatusBadge({ status }: StatusBadgeProps) {
diff --git a/components/shared/ThemeToggle.tsx b/src/components/shared/ThemeToggle.tsx
similarity index 100%
rename from components/shared/ThemeToggle.tsx
rename to src/components/shared/ThemeToggle.tsx
diff --git a/components/shared/VideoPlayer.tsx b/src/components/shared/VideoPlayer.tsx
similarity index 75%
rename from components/shared/VideoPlayer.tsx
rename to src/components/shared/VideoPlayer.tsx
index 6cde799..1268891 100644
--- a/components/shared/VideoPlayer.tsx
+++ b/src/components/shared/VideoPlayer.tsx
@@ -15,12 +15,12 @@ export default function VideoPlayer({ url, title, description }: VideoPlayerProp
     if (!embedUrl) {
         return (
             <div className="surface rounded-lg p-4 text-center">
-                <p className="text-text-secondary text-sm">Unable to embed this video</p>
+                <p className="text-text-muted text-sm">Unable to embed this video</p>
                 <a
                     href={url}
                     target="_blank"
                     rel="noopener noreferrer"
-                    className="text-indigo-accent text-sm hover:underline mt-1 inline-block"
+                    className="text-accent text-sm hover:underline mt-1 inline-block"
                 >
                     Open externally ↗
                 </a>
@@ -30,7 +30,7 @@ export default function VideoPlayer({ url, title, description }: VideoPlayerProp
 
     return (
         <div className="space-y-2">
-            <div className="relative w-full aspect-video rounded-lg overflow-hidden bg-obsidian-surface">
+            <div className="relative w-full aspect-video rounded-lg overflow-hidden bg-surface">
                 <iframe
                     src={embedUrl}
                     title={title || "Video player"}
@@ -43,12 +43,12 @@ export default function VideoPlayer({ url, title, description }: VideoPlayerProp
             {(title || description) ? (
                 <div className="px-1">
                     {title ? (
-                        <h4 className="font-display font-semibold text-base text-text-primary text-text-primary">{title}</h4>
+                        <h4 className="font-display font-semibold text-base text-text text-text">{title}</h4>
                     ) : null}
                     {description ? (
-                        <p className="text-text-secondary text-sm mt-0.5 line-clamp-2">{description}</p>
+                        <p className="text-text-muted text-sm mt-0.5 line-clamp-2">{description}</p>
                     ) : null}
-                    <span className="text-text-secondary text-[12px] capitalize">{platform}</span>
+                    <span className="text-text-muted text-[12px] capitalize">{platform}</span>
                 </div>
             ) : null}
         </div>
diff --git a/src/components/sharing/ViralBadge.tsx b/src/components/sharing/ViralBadge.tsx
new file mode 100644
index 0000000..b83d337
--- /dev/null
+++ b/src/components/sharing/ViralBadge.tsx
@@ -0,0 +1,13 @@
+import { Link } from "@tanstack/react-router";
+import { Sparkles } from "lucide-react";
+
+export default function ViralBadge() {
+    return (
+        <div className="fixed bottom-4 left-4 z-40 rounded-full bg-surface-muted px-4 py-2 text-xs font-medium text-text-muted">
+            <Link to="/pricing" className="inline-flex items-center gap-2">
+                <Sparkles size={13} />
+                Remove ZNS branding on Pro
+            </Link>
+        </div>
+    );
+}
diff --git a/src/components/sync/CloudSync.tsx b/src/components/sync/CloudSync.tsx
new file mode 100644
index 0000000..d7ab02b
--- /dev/null
+++ b/src/components/sync/CloudSync.tsx
@@ -0,0 +1,341 @@
+import {
+    createContext,
+    useCallback,
+    useContext,
+    useEffect,
+    useMemo,
+    useRef,
+    useState,
+    type ReactNode,
+} from "react";
+import {
+    ConvexAuthProvider,
+    useAuthActions,
+    useAuthToken,
+} from "@convex-dev/auth/react";
+import {
+    ConvexReactClient,
+    useConvexAuth,
+    useMutation,
+    useQuery,
+} from "convex/react";
+import { z } from "zod";
+import { cloudApi } from "@/lib/personal/cloud-api";
+import {
+    personalEntrySchema,
+    type LibraryBook,
+    type PersonalEntry,
+} from "@/lib/personal/schema";
+import {
+    getPersonalSnapshot,
+    mergePersonalEntries,
+    personalEntries,
+    putPersonalEntry,
+    usePersonalData,
+} from "@/lib/personal/store";
+import { getLocalFile } from "@/lib/personal/files";
+import { findBook, updateBook } from "@/lib/personal/books";
+import { getStorage } from "@/lib/storage";
+import { WORKSPACE_CHANGE_EVENT } from "@/lib/workspace-persistence";
+import { setScoutAccessToken } from "@/lib/scout/api-client";
+
+type SyncStatus = "local" | "signed-out" | "connecting" | "connected";
+interface SyncContext {
+    status: SyncStatus;
+    error: string | null;
+    signIn?: (form: FormData) => Promise<unknown>;
+    signOut?: () => Promise<void>;
+    uploadBook: (book: LibraryBook) => Promise<void>;
+    downloadFile?: (id: string) => Promise<Blob>;
+}
+const localSync: SyncContext = {
+    status: "local",
+    error: null,
+    uploadBook: async () => {},
+};
+const Context = createContext<SyncContext>(localSync);
+export const useCloudSync = () => useContext(Context);
+const url =
+    typeof import.meta.env.VITE_CONVEX_URL === "string"
+        ? import.meta.env.VITE_CONVEX_URL.trim()
+        : "";
+
+/** Old roadmap ids and browser progress remain readable throughout the transition. */
+function LocalBridge() {
+    const records = usePersonalData();
+    const importing = useRef(false);
+    useEffect(() => {
+        function capture() {
+            if (importing.current) return;
+            const original = localStorage.getItem("zns:v2:workspace-state");
+            if (
+                original &&
+                !localStorage.getItem("syllo:workspace-before-personal-v1")
+            )
+                localStorage.setItem(
+                    "syllo:workspace-before-personal-v1",
+                    original,
+                );
+            const storage = getStorage();
+            const snapshot = getPersonalSnapshot();
+            const roadmaps = storage.getRoadmaps();
+            for (const roadmap of roadmaps) {
+                const previous = snapshot[`roadmap:${roadmap.id}`];
+                if (
+                    !previous ||
+                    previous.kind !== "roadmap" ||
+                    previous.deleted ||
+                    JSON.stringify(previous.data) !== JSON.stringify(roadmap)
+                ) {
+                    const parsed = personalEntrySchema.safeParse({
+                        kind: "roadmap",
+                        id: `roadmap:${roadmap.id}`,
+                        data: roadmap,
+                        updatedAt: Date.now(),
+                        deleted: false,
+                    });
+                    if (parsed.success) putPersonalEntry(parsed.data);
+                }
+                for (const review of storage.getReviews(roadmap.id)) {
+                    const previousReview = snapshot[`review:${review.id}`];
+                    if (
+                        previousReview?.kind === "review" &&
+                        JSON.stringify(previousReview.data) ===
+                            JSON.stringify(review)
+                    )
+                        continue;
+                    const parsed = personalEntrySchema.safeParse({
+                        kind: "review",
+                        id: `review:${review.id}`,
+                        data: review,
+                        updatedAt: Date.now(),
+                        deleted: false,
+                    });
+                    if (parsed.success) putPersonalEntry(parsed.data);
+                }
+            }
+            for (const entry of personalEntries(snapshot, "roadmap")) {
+                if (!roadmaps.some((roadmap) => roadmap.id === entry.data.id))
+                    putPersonalEntry({ ...entry, deleted: true });
+            }
+        }
+        capture();
+        window.addEventListener(WORKSPACE_CHANGE_EVENT, capture);
+        return () =>
+            window.removeEventListener(WORKSPACE_CHANGE_EVENT, capture);
+    }, []);
+    useEffect(() => {
+        importing.current = true;
+        try {
+            const storage = getStorage();
+            for (const entry of Object.values(records)) {
+                if (entry.kind === "roadmap") {
+                    const current = storage.getRoadmap(entry.data.id);
+                    if (entry.deleted) {
+                        if (current) storage.deleteRoadmap(entry.data.id);
+                    } else if (
+                        JSON.stringify(current) !== JSON.stringify(entry.data)
+                    )
+                        storage.saveRoadmap(entry.data);
+                }
+                if (
+                    entry.kind === "review" &&
+                    !entry.deleted &&
+                    storage.getRoadmap(entry.data.roadmapId)
+                ) {
+                    const existing = storage.getReviews(entry.data.roadmapId);
+                    const current = existing.find(
+                        (item) => item.id === entry.data.id,
+                    );
+                    if (JSON.stringify(current) !== JSON.stringify(entry.data))
+                        storage.saveReviews(entry.data.roadmapId, [
+                            ...existing.filter(
+                                (item) => item.id !== entry.data.id,
+                            ),
+                            entry.data,
+                        ]);
+                }
+            }
+        } finally {
+            importing.current = false;
+        }
+    }, [records]);
+    return null;
+}
+
+function ConnectedSync({ children }: { children: ReactNode }) {
+    const { isAuthenticated, isLoading } = useConvexAuth();
+    const token = useAuthToken();
+    const { signIn, signOut } = useAuthActions();
+    const remote = useQuery(cloudApi.list, isAuthenticated ? {} : "skip");
+    const write = useMutation(cloudApi.write);
+    const createUpload = useMutation(cloudApi.uploadUrl);
+    const registerFile = useMutation(cloudApi.registerFile);
+    const records = usePersonalData();
+    const [error, setError] = useState<string | null>(null);
+    const [retry, setRetry] = useState(0);
+    const syncing = useRef(false);
+    useEffect(() => {
+        setScoutAccessToken(token);
+        return () => setScoutAccessToken(null);
+    }, [token]);
+    useEffect(() => {
+        if (!remote) return;
+        const incoming: PersonalEntry[] = [];
+        try {
+            for (const item of remote)
+                incoming.push(
+                    personalEntrySchema.parse(JSON.parse(item.payload)),
+                );
+            mergePersonalEntries(incoming);
+        } catch {
+            setError(
+                "A synced record could not be read. Your local data has been kept.",
+            );
+        }
+    }, [remote]);
+    useEffect(() => {
+        if (!remote || !isAuthenticated) return;
+        const revisions = new Map(
+            remote.map((item) => [item.key, item.updatedAt]),
+        );
+        const changes = Object.values(records).filter(
+            (item) => item.updatedAt > (revisions.get(item.id) ?? -1),
+        );
+        if (!changes.length) return;
+        let cancelled = false;
+        const attempt = setTimeout(async () => {
+            if (syncing.current) {
+                if (!cancelled) setRetry((value) => value + 1);
+                return;
+            }
+            syncing.current = true;
+            try {
+                for (let index = 0; index < changes.length; index += 20) {
+                    if (cancelled) break;
+                    await write({
+                        entries: changes
+                            .slice(index, index + 20)
+                            .map((item) => ({
+                                key: item.id,
+                                payload: JSON.stringify(item),
+                                updatedAt: item.updatedAt,
+                            })),
+                    });
+                }
+                if (!cancelled) setError(null);
+            } catch {
+                if (!cancelled)
+                    setError(
+                        "Sync is paused. Changes are saved on this device and will retry.",
+                    );
+            } finally {
+                syncing.current = false;
+            }
+        }, 500);
+        const retryTimer = setTimeout(
+            () => setRetry((value) => value + 1),
+            30_000,
+        );
+        return () => {
+            cancelled = true;
+            clearTimeout(attempt);
+            clearTimeout(retryTimer);
+        };
+    }, [records, remote, isAuthenticated, write, retry]);
+    const downloadFile = useCallback(
+        async (id: string) => {
+            if (!token) throw new Error("Sign in to download this book.");
+            const site =
+                typeof import.meta.env.VITE_CONVEX_SITE_URL === "string" &&
+                import.meta.env.VITE_CONVEX_SITE_URL
+                    ? import.meta.env.VITE_CONVEX_SITE_URL
+                    : url.replace(/\.convex\.cloud\/?$/, ".convex.site");
+            const response = await fetch(
+                `${site}/library/file?id=${encodeURIComponent(id)}`,
+                { headers: { Authorization: `Bearer ${token}` } },
+            );
+            if (!response.ok)
+                throw new Error(
+                    "Could not download this book. Check your connection and sign-in.",
+                );
+            return response.blob();
+        },
+        [token],
+    );
+    const uploadBook = useCallback(
+        async (book: LibraryBook) => {
+            if (!isAuthenticated) return;
+            const current = findBook(book.id) ?? book;
+            async function upload(key: string) {
+                const file = await getLocalFile(key);
+                if (!file) return null;
+                const upload = await createUpload();
+                const response = await fetch(upload, {
+                    method: "POST",
+                    headers: {
+                        "Content-Type": file.type || "application/epub+zip",
+                    },
+                    body: file,
+                });
+                if (!response.ok)
+                    throw new Error(
+                        "The book is saved locally, but its cloud upload failed.",
+                    );
+                const result = z
+                    .object({ storageId: z.string() })
+                    .parse(await response.json());
+                // The server revalidates the storage id and ownership at registration.
+                const storageId = await registerFile({
+                    storageId: result.storageId,
+                });
+                return storageId;
+            }
+            const cloudFileId =
+                current.cloudFileId ?? (await upload(current.fileKey));
+            const cloudCoverId =
+                current.cloudCoverId ??
+                (current.coverKey ? await upload(current.coverKey) : null);
+            updateBook(current.id, { cloudFileId, cloudCoverId });
+        },
+        [isAuthenticated, createUpload, registerFile],
+    );
+    const value: SyncContext = {
+        status: isLoading
+            ? "connecting"
+            : !isAuthenticated
+              ? "signed-out"
+              : !remote
+                ? "connecting"
+                : "connected",
+        error,
+        signIn: (form) => signIn("password", form),
+        signOut,
+        uploadBook,
+        downloadFile,
+    };
+    return <Context.Provider value={value}>{children}</Context.Provider>;
+}
+
+export default function CloudSync({ children }: { children: ReactNode }) {
+    const client = useMemo(() => (url ? new ConvexReactClient(url) : null), []);
+    useEffect(
+        () => () => {
+            void client?.close();
+        },
+        [client],
+    );
+    const contents = (
+        <>
+            <LocalBridge />
+            {children}
+        </>
+    );
+    return client ? (
+        <ConvexAuthProvider client={client}>
+            <ConnectedSync>{contents}</ConnectedSync>
+        </ConvexAuthProvider>
+    ) : (
+        <Context.Provider value={localSync}>{contents}</Context.Provider>
+    );
+}
diff --git a/src/components/sync/SyncSettings.tsx b/src/components/sync/SyncSettings.tsx
new file mode 100644
index 0000000..dcc8965
--- /dev/null
+++ b/src/components/sync/SyncSettings.tsx
@@ -0,0 +1,147 @@
+import { useState } from "react";
+import { useCloudSync } from "./CloudSync";
+import { personalEntries, usePersonalData } from "@/lib/personal/store";
+import SettingsSection from "@/components/layout/SettingsSection";
+
+export default function SyncSettings() {
+    const sync = useCloudSync();
+    const records = usePersonalData();
+    const [flow, setFlow] = useState<"signIn" | "signUp">("signIn");
+    const [busy, setBusy] = useState(false);
+    const [error, setError] = useState<string | null>(null);
+    return (
+        <SettingsSection
+            title="Books and progress sync"
+            description="Continue reading and learning across your devices."
+        >
+            {sync.status === "local" ? (
+                <>
+                    <p>
+                        Your data is saved on this device. Connect a free Convex
+                        deployment to continue on your phone.
+                    </p>
+                    <p>
+                        Setup instructions are in{" "}
+                        <code>docs/syllo-setup.md</code>. No cloud account or
+                        billing is required to use local mode.
+                    </p>
+                </>
+            ) : sync.status === "connected" ? (
+                <>
+                    <p>
+                        Your notes, reading positions, reviews, and learning
+                        topics sync privately.
+                    </p>
+                    <div className="sy-card-actions">
+                        <button
+                            className="sy-button secondary"
+                            disabled={busy}
+                            onClick={async () => {
+                                setBusy(true);
+                                setError(null);
+                                try {
+                                    for (const entry of personalEntries(
+                                        records,
+                                        "book",
+                                    ))
+                                        await sync.uploadBook(entry.data);
+                                } catch (cause) {
+                                    setError(
+                                        cause instanceof Error
+                                            ? cause.message
+                                            : "Could not sync your books.",
+                                    );
+                                } finally {
+                                    setBusy(false);
+                                }
+                            }}
+                        >
+                            {busy
+                                ? "Uploading…"
+                                : "Upload books from this device"}
+                        </button>
+                        <button
+                            className="sy-button quiet"
+                            onClick={() => void sync.signOut?.()}
+                        >
+                            Sign out
+                        </button>
+                    </div>
+                </>
+            ) : sync.status === "connecting" ? (
+                <p role="status">Connecting to your learning space…</p>
+            ) : (
+                <form
+                    className="sy-form"
+                    onSubmit={async (event) => {
+                        event.preventDefault();
+                        setBusy(true);
+                        setError(null);
+                        const form = new FormData(event.currentTarget);
+                        form.set("flow", flow);
+                        try {
+                            await sync.signIn?.(form);
+                        } catch {
+                            setError(
+                                "Could not sign in. Check your credentials and the deployment’s owner email setting.",
+                            );
+                        } finally {
+                            setBusy(false);
+                        }
+                    }}
+                >
+                    <label>
+                        Email
+                        <input
+                            className="sy-input"
+                            name="email"
+                            type="email"
+                            autoComplete="email"
+                            required
+                        />
+                    </label>
+                    <label>
+                        Password
+                        <input
+                            className="sy-input"
+                            name="password"
+                            type="password"
+                            minLength={8}
+                            autoComplete={
+                                flow === "signIn"
+                                    ? "current-password"
+                                    : "new-password"
+                            }
+                            required
+                        />
+                    </label>
+                    <div className="sy-card-actions">
+                        <button className="sy-button primary" disabled={busy}>
+                            {busy
+                                ? "Connecting…"
+                                : flow === "signIn"
+                                  ? "Sign in"
+                                  : "Create private account"}
+                        </button>
+                        <button
+                            className="sy-button quiet"
+                            type="button"
+                            onClick={() =>
+                                setFlow(flow === "signIn" ? "signUp" : "signIn")
+                            }
+                        >
+                            {flow === "signIn"
+                                ? "First time? Create account"
+                                : "I already have an account"}
+                        </button>
+                    </div>
+                </form>
+            )}
+            {(error || sync.error) && (
+                <p className="sy-error" role="alert" style={{ marginTop: 16 }}>
+                    {error || sync.error}
+                </p>
+            )}
+        </SettingsSection>
+    );
+}
diff --git a/components/ui/alert-dialog.tsx b/src/components/ui/alert-dialog.tsx
similarity index 92%
rename from components/ui/alert-dialog.tsx
rename to src/components/ui/alert-dialog.tsx
index 9cb8ee0..fcd9f63 100644
--- a/components/ui/alert-dialog.tsx
+++ b/src/components/ui/alert-dialog.tsx
@@ -12,7 +12,7 @@ const AlertDialogOverlay = React.forwardRef<
     React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Overlay>
 >(({ className, ...props }, ref) => (
     <AlertDialogPrimitive.Overlay
-        className={cn("fixed inset-0 z-50 bg-black/40 backdrop-blur-sm", className)}
+        className={cn("fixed inset-0 z-50 bg-black/70", className)}
         {...props}
         ref={ref}
     />
@@ -28,7 +28,7 @@ const AlertDialogContent = React.forwardRef<
         <AlertDialogPrimitive.Content
             ref={ref}
             className={cn(
-                "fixed left-1/2 top-1/2 z-50 grid w-full max-w-lg -translate-x-1/2 -translate-y-1/2 gap-4 rounded-3xl border border-[var(--color-border)] bg-[var(--color-surface)] p-6 shadow-xl duration-200",
+"fixed left-1/2 top-1/2 z-50 grid w-full max-w-lg -translate-x-1/2 -translate-y-1/2 gap-4 rounded-2xl bg-surface p-6 shadow-[0_12px_32px_rgba(0,0,0,0.6)] duration-200",
                 className
             )}
             {...props}
diff --git a/src/components/ui/button.tsx b/src/components/ui/button.tsx
new file mode 100644
index 0000000..8d0861a
--- /dev/null
+++ b/src/components/ui/button.tsx
@@ -0,0 +1,58 @@
+import * as React from "react";
+import { Slot } from "@radix-ui/react-slot";
+import { cva, type VariantProps } from "class-variance-authority";
+import { cn } from "@/lib/utils";
+
+/** Neutral controls; reserve the inverted primary for the main action. */
+const buttonVariants = cva(
+    "sy-action inline-flex items-center justify-center gap-2 whitespace-normal rounded-md text-sm font-medium transition-[border-color,color,opacity] disabled:pointer-events-none disabled:opacity-50",
+    {
+        variants: {
+            variant: {
+                default:
+                    "border border-text bg-text text-page hover:border-[#e6e6e6] hover:bg-[#e6e6e6]",
+                secondary:
+                    "border border-border-strong bg-transparent text-text hover:border-[#555555] hover:bg-surface-subtle",
+                ghost: "border border-transparent text-text-muted hover:text-text",
+                destructive:
+                    "border border-danger/40 bg-transparent text-danger hover:border-danger hover:bg-danger-soft",
+                outline:
+                    "border border-border-strong bg-transparent text-text hover:border-[#555555] hover:bg-surface-subtle",
+            },
+            size: {
+                default: "min-h-10 px-4 py-2",
+                sm: "min-h-9 px-3 py-1.5 text-[13px]",
+                lg: "min-h-11 px-5 py-2.5",
+                icon: "min-h-10 w-10 shrink-0",
+            },
+        },
+        defaultVariants: {
+            variant: "default",
+            size: "default",
+        },
+    },
+);
+
+export interface ButtonProps
+    extends React.ButtonHTMLAttributes<HTMLButtonElement>,
+        VariantProps<typeof buttonVariants> {
+    asChild?: boolean;
+}
+
+const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
+    ({ className, variant, size, asChild = false, ...props }, ref) => {
+        const Comp = asChild ? Slot : "button";
+        return (
+            <Comp
+                className={cn(buttonVariants({ variant, size, className }))}
+                data-variant={variant ?? "default"}
+                data-size={size ?? "default"}
+                ref={ref}
+                {...props}
+            />
+        );
+    },
+);
+Button.displayName = "Button";
+
+export { Button, buttonVariants };
diff --git a/components/ui/card.tsx b/src/components/ui/card.tsx
similarity index 73%
rename from components/ui/card.tsx
rename to src/components/ui/card.tsx
index 1c37eb5..4e0372e 100644
--- a/components/ui/card.tsx
+++ b/src/components/ui/card.tsx
@@ -5,7 +5,7 @@ const Card = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElemen
     <div
         ref={ref}
         className={cn(
-            "border-y border-[var(--color-border)] bg-transparent text-[var(--color-text)] shadow-none",
+"rounded-2xl bg-surface text-text",
             className
         )}
         {...props}
@@ -14,31 +14,31 @@ const Card = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElemen
 Card.displayName = "Card";
 
 const CardHeader = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(
-    ({ className, ...props }, ref) => <div ref={ref} className={cn("flex flex-col space-y-1.5 px-0 py-6", className)} {...props} />
+    ({ className, ...props }, ref) => <div ref={ref} className={cn("flex flex-col gap-1.5 p-[22px] pb-4", className)} {...props} />
 );
 CardHeader.displayName = "CardHeader";
 
 const CardTitle = React.forwardRef<HTMLParagraphElement, React.HTMLAttributes<HTMLHeadingElement>>(
     ({ className, ...props }, ref) => (
-        <h3 ref={ref} className={cn("text-lg font-semibold tracking-tight text-[var(--color-text)]", className)} {...props} />
+        <h3 ref={ref} className={cn("text-base font-semibold text-text", className)} {...props} />
     )
 );
 CardTitle.displayName = "CardTitle";
 
 const CardDescription = React.forwardRef<HTMLParagraphElement, React.HTMLAttributes<HTMLParagraphElement>>(
     ({ className, ...props }, ref) => (
-        <p ref={ref} className={cn("text-sm text-[var(--color-text-muted)]", className)} {...props} />
+        <p ref={ref} className={cn("text-sm text-text-muted", className)} {...props} />
     )
 );
 CardDescription.displayName = "CardDescription";
 
 const CardContent = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(
-    ({ className, ...props }, ref) => <div ref={ref} className={cn("px-0 pb-6 pt-0", className)} {...props} />
+    ({ className, ...props }, ref) => <div ref={ref} className={cn("px-[22px] pb-[22px] pt-0", className)} {...props} />
 );
 CardContent.displayName = "CardContent";
 
 const CardFooter = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(
-    ({ className, ...props }, ref) => <div ref={ref} className={cn("flex items-center px-0 pb-6 pt-0", className)} {...props} />
+    ({ className, ...props }, ref) => <div ref={ref} className={cn("flex items-center px-[22px] pb-[22px] pt-0", className)} {...props} />
 );
 CardFooter.displayName = "CardFooter";
 
diff --git a/src/components/ui/input.tsx b/src/components/ui/input.tsx
new file mode 100644
index 0000000..263110c
--- /dev/null
+++ b/src/components/ui/input.tsx
@@ -0,0 +1,20 @@
+import * as React from "react";
+import { cn } from "@/lib/utils";
+
+const Input = React.forwardRef<HTMLInputElement, React.ComponentProps<"input">>(
+    ({ className, ...props }, ref) => {
+        return (
+            <input
+                ref={ref}
+                className={cn(
+                    "sy-control flex min-h-10 min-w-0 w-full rounded-md border border-border bg-surface px-3 py-2 text-sm text-text file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-text-soft focus:outline-none disabled:cursor-not-allowed disabled:opacity-50",
+                    className,
+                )}
+                {...props}
+            />
+        );
+    },
+);
+Input.displayName = "Input";
+
+export { Input };
diff --git a/src/components/ui/segmented.tsx b/src/components/ui/segmented.tsx
new file mode 100644
index 0000000..3b44c56
--- /dev/null
+++ b/src/components/ui/segmented.tsx
@@ -0,0 +1,53 @@
+import { cn } from "@/lib/utils";
+
+interface SegmentedProps<T extends string> {
+    label: string;
+    value: T;
+    options: readonly { key: T; label: string }[];
+    onChange: (value: T) => void;
+    className?: string;
+}
+
+/**
+ * A row of mutually exclusive options on one track, as wide as its options.
+ * Options wrap when space is tight and share the app's neutral control styles.
+ */
+export function Segmented<T extends string>({
+    label,
+    value,
+    options,
+    onChange,
+    className,
+}: SegmentedProps<T>) {
+    return (
+        <div
+            role="radiogroup"
+            aria-label={label}
+            className={cn(
+                "sy-segmented inline-flex max-w-full flex-wrap items-center gap-1 rounded-md bg-surface p-1",
+                className,
+            )}
+        >
+            {options.map((option) => {
+                const selected = option.key === value;
+                return (
+                    <button
+                        key={option.key}
+                        type="button"
+                        role="radio"
+                        aria-checked={selected}
+                        onClick={() => onChange(option.key)}
+                        className={cn(
+                            "min-h-8 rounded px-3 py-1 text-[13px] transition-colors",
+                            selected
+                                ? "bg-raised text-text"
+                                : "text-text-soft hover:text-text",
+                        )}
+                    >
+                        {option.label}
+                    </button>
+                );
+            })}
+        </div>
+    );
+}
diff --git a/components/ui/select.tsx b/src/components/ui/select.tsx
similarity index 83%
rename from components/ui/select.tsx
rename to src/components/ui/select.tsx
index b453d45..a7f3f03 100644
--- a/components/ui/select.tsx
+++ b/src/components/ui/select.tsx
@@ -14,7 +14,7 @@ const SelectTrigger = React.forwardRef<
     <SelectPrimitive.Trigger
         ref={ref}
         className={cn(
-            "flex h-10 w-full items-center justify-between rounded-none border-0 border-b border-[var(--color-border)] bg-transparent px-0 py-2 text-sm text-[var(--color-text)] transition-[border-color,box-shadow,background-color] hover:border-[var(--color-border-strong)] focus-visible:outline-none focus-visible:ring-0 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
+"flex h-10 w-full items-center justify-between rounded-[10px] border border-[#2e2e2e] bg-surface px-3 text-sm text-text transition-[border-color] hover:border-[#4a4a4a] focus:border-[#4a4a4a] focus:outline-none disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
             className
         )}
         {...props}
@@ -55,9 +55,9 @@ const SelectContent = React.forwardRef<
         <SelectPrimitive.Content
             ref={ref}
             className={cn(
-                "relative z-50 max-h-96 min-w-[8rem] overflow-hidden border border-[var(--color-border)] bg-[var(--color-page)] text-[var(--color-text)] shadow-none",
+"relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-xl bg-surface-muted text-text shadow-[0_12px_32px_rgba(0,0,0,0.6)]",
                 position === "popper" &&
-                    "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
+"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
                 className
             )}
             position={position}
@@ -90,7 +90,7 @@ const SelectItem = React.forwardRef<
     <SelectPrimitive.Item
         ref={ref}
         className={cn(
-            "relative flex w-full cursor-default select-none items-center py-2 pl-8 pr-2 text-sm outline-none focus:bg-[var(--color-accent-soft)] data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+"relative flex w-full cursor-default select-none items-center py-2 pl-8 pr-2 text-sm outline-none rounded-lg focus:bg-raised data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
             className
         )}
         {...props}
diff --git a/components/ui/separator.tsx b/src/components/ui/separator.tsx
similarity index 93%
rename from components/ui/separator.tsx
rename to src/components/ui/separator.tsx
index 852fb3b..7fcb92a 100644
--- a/components/ui/separator.tsx
+++ b/src/components/ui/separator.tsx
@@ -11,7 +11,7 @@ const Separator = React.forwardRef<
         decorative={decorative}
         orientation={orientation}
         className={cn(
-            "shrink-0 bg-[var(--color-border)]",
+"shrink-0 bg-[var(--color-border)]",
             orientation === "horizontal" ? "h-px w-full" : "h-full w-px",
             className
         )}
diff --git a/components/ui/switch.tsx b/src/components/ui/switch.tsx
similarity index 53%
rename from components/ui/switch.tsx
rename to src/components/ui/switch.tsx
index 66e3633..200f933 100644
--- a/components/ui/switch.tsx
+++ b/src/components/ui/switch.tsx
@@ -9,14 +9,14 @@ const Switch = React.forwardRef<
     <SwitchPrimitives.Root
         ref={ref}
         className={cn(
-            "peer inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-full border border-transparent bg-[var(--color-border-strong)] transition-colors disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-[var(--color-accent)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-indigo-500 focus-visible:ring-offset-2",
+"peer inline-flex h-[18px] w-8 shrink-0 cursor-pointer items-center rounded-full border border-transparent bg-raised transition-colors disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-text",
             className
         )}
         {...props}
     >
         <SwitchPrimitives.Thumb
             className={cn(
-                "pointer-events-none block h-5 w-5 rounded-full bg-white shadow-sm ring-0 transition-transform data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0"
+"pointer-events-none block h-3.5 w-3.5 rounded-full bg-text-muted ring-0 transition-transform data-[state=checked]:translate-x-[15px] data-[state=checked]:bg-page data-[state=unchecked]:translate-x-0.5"
             )}
         />
     </SwitchPrimitives.Root>
diff --git a/src/components/ui/textarea.tsx b/src/components/ui/textarea.tsx
new file mode 100644
index 0000000..a67f598
--- /dev/null
+++ b/src/components/ui/textarea.tsx
@@ -0,0 +1,21 @@
+import * as React from "react";
+import { cn } from "@/lib/utils";
+
+const Textarea = React.forwardRef<
+    HTMLTextAreaElement,
+    React.ComponentProps<"textarea">
+>(({ className, ...props }, ref) => {
+    return (
+        <textarea
+            ref={ref}
+            className={cn(
+                "sy-control flex min-h-24 min-w-0 w-full resize-y rounded-md border border-border bg-surface px-3 py-2.5 text-sm text-text placeholder:text-text-soft focus:outline-none disabled:cursor-not-allowed disabled:opacity-50",
+                className,
+            )}
+            {...props}
+        />
+    );
+});
+Textarea.displayName = "Textarea";
+
+export { Textarea };
diff --git a/components/workspace/ContextPanel.tsx b/src/components/workspace/ContextPanel.tsx
similarity index 72%
rename from components/workspace/ContextPanel.tsx
rename to src/components/workspace/ContextPanel.tsx
index fd77045..29e10f6 100644
--- a/components/workspace/ContextPanel.tsx
+++ b/src/components/workspace/ContextPanel.tsx
@@ -44,15 +44,15 @@ export default function ContextPanel({ selectedNode, roadmap, onUpdateSubtask, o
                 <div className="flex items-start justify-between">
                     <div>
                         <div className="flex items-center gap-2 mb-3">
-                            <span className="px-2 py-0.5 rounded bg-indigo-500/10 text-indigo-400 text-[10px] uppercase tracking-widest font-bold">Task</span>
+                            <span className="px-2 py-0.5 rounded bg-accent/10 text-accent text-xs font-bold">Task</span>
                             {task.priority && (
                                 <span className={cn(
-                                    "px-2 py-0.5 rounded text-[10px] uppercase tracking-widest font-bold",
-                                    task.priority === 'core' ? 'bg-emerald-500/10 text-emerald-400' : 'bg-[var(--color-surface-muted)] text-text-secondary'
+"px-2 py-0.5 rounded text-xs   font-bold",
+                                    task.priority === 'core' ? 'bg-accent/10 text-accent' : 'bg-[var(--color-surface-muted)] text-text-muted'
                                 )}>{task.priority}</span>
                             )}
                         </div>
-                        <h2 className={cn("text-2xl font-display text-text-primary leading-tight", task.completed && "line-through text-text-muted")}>
+                        <h2 className={cn("text-2xl font-display text-text leading-tight", task.completed && "line-through text-text-muted")}>
                             {task.title}
                         </h2>
                     </div>
@@ -61,10 +61,10 @@ export default function ContextPanel({ selectedNode, roadmap, onUpdateSubtask, o
                 <button 
                     onClick={() => onUpdateTask(moduleId, task.id)}
                     className={cn(
-                        "w-full flex justify-center items-center gap-2 py-3 rounded-lg border font-semibold text-sm transition-all",
+"w-full flex justify-center items-center gap-2 py-3 rounded-lg border font-semibold text-sm transition-all",
                         task.completed 
-                            ? "bg-emerald-500/10 border-emerald-500/30 text-emerald-400 hover:bg-emerald-500/20" 
-                            : "bg-indigo-600 border-indigo-500 text-white hover:bg-indigo-500"
+                            ? "bg-accent/10 border-accent/30 text-accent hover:bg-accent/20" 
+                            : "bg-text border-accent text-page hover:bg-[#e6e6e6]"
                     )}
                 >
                     {task.completed ? <><CheckCircle2 size={16} /> Completed</> : "Mark as Complete"}
@@ -72,14 +72,14 @@ export default function ContextPanel({ selectedNode, roadmap, onUpdateSubtask, o
 
                 {task.description && (
                     <div className="p-5 rounded-xl border border-border bg-[var(--color-surface)]">
-                        <h4 className="text-xs font-semibold uppercase tracking-wider text-text-secondary mb-3">Description</h4>
-                        <p className="text-sm text-text-primary whitespace-pre-wrap leading-relaxed">{task.description}</p>
+                        <h4 className="text-xs font-semibold text-text-muted mb-3">Description</h4>
+                        <p className="text-sm text-text whitespace-pre-wrap leading-relaxed">{task.description}</p>
                     </div>
                 )}
 
                 {(task.subtasks || []).length > 0 && (
                     <div>
-                        <h4 className="text-xs font-semibold uppercase tracking-wider text-text-secondary mb-4">Checklist ({task.subtasks!.filter(s=>s.completed).length}/{task.subtasks!.length})</h4>
+                        <h4 className="text-xs font-semibold text-text-muted mb-4">Checklist ({task.subtasks!.filter(s=>s.completed).length}/{task.subtasks!.length})</h4>
                         <div className="space-y-2">
                             {task.subtasks!.map(sub => (
                                 <button
@@ -88,12 +88,12 @@ export default function ContextPanel({ selectedNode, roadmap, onUpdateSubtask, o
                                     className="w-full flex items-start gap-3 p-3 rounded-lg border border-border bg-[var(--color-surface)] hover:border-text-soft transition-colors text-left group"
                                 >
                                     <div className={cn(
-                                        "mt-0.5 shrink-0 w-4 h-4 rounded-sm border flex items-center justify-center transition-colors",
-                                        sub.completed ? "bg-emerald-500 border-emerald-500 text-obsidian" : "border-text-muted group-hover:border-emerald-500/50"
+"mt-0.5 shrink-0 w-4 h-4 rounded-sm border flex items-center justify-center transition-colors",
+                                        sub.completed ? "bg-accent border-accent text-page" : "border-text-muted group-hover:border-accent/50"
                                     )}>
                                         {sub.completed && <CheckCircle2 size={12} />}
                                     </div>
-                                    <span className={cn("text-sm", sub.completed ? "text-text-muted line-through" : "text-text-primary")}>
+                                    <span className={cn("text-sm", sub.completed ? "text-text-muted line-through" : "text-text")}>
                                         {sub.title}
                                     </span>
                                 </button>
@@ -114,19 +114,19 @@ export default function ContextPanel({ selectedNode, roadmap, onUpdateSubtask, o
             <div className="space-y-8 animate-in fade-in duration-300">
                 <div>
                      <div className="flex items-center gap-2 mb-3">
-                        <span className="px-2 py-0.5 rounded bg-indigo-500/10 text-indigo-400 text-[10px] uppercase tracking-widest font-bold">Module</span>
+                        <span className="px-2 py-0.5 rounded bg-accent/10 text-accent text-xs font-bold">Module</span>
                     </div>
-                    <h2 className="text-3xl font-display text-text-primary leading-tight">{mod.title}</h2>
+                    <h2 className="text-3xl font-display text-text leading-tight">{mod.title}</h2>
                 </div>
 
                 <div className="flex gap-2">
                     <button 
                         onClick={() => onUpdateModule(mod.id)}
                         className={cn(
-                            "flex-1 flex justify-center items-center gap-2 py-3 rounded-lg border font-semibold text-sm transition-all",
+"flex-1 flex justify-center items-center gap-2 py-3 rounded-lg border font-semibold text-sm transition-all",
                             data.completed 
-                                ? "bg-emerald-500/10 border-emerald-500/30 text-emerald-400 hover:bg-emerald-500/20" 
-                                : "bg-obsidian-surface border-border text-text-primary hover:border-text-soft"
+                                ? "bg-accent/10 border-accent/30 text-accent hover:bg-accent/20" 
+                                : "bg-surface border-border text-text hover:border-text-soft"
                         )}
                     >
                         {data.completed ? <><CheckCircle2 size={16} /> Completed</> : "Mark Module Complete"}
@@ -135,20 +135,20 @@ export default function ContextPanel({ selectedNode, roadmap, onUpdateSubtask, o
 
                 {data.description && (
                     <div>
-                        <h4 className="text-xs font-semibold uppercase tracking-wider text-text-secondary mb-3">Overview</h4>
-                        <p className="text-base text-text-secondary leading-relaxed">{data.description}</p>
+                        <h4 className="text-xs font-semibold text-text-muted mb-3">Overview</h4>
+                        <p className="text-base text-text-muted leading-relaxed">{data.description}</p>
                     </div>
                 )}
 
                 {data.videos && data.videos.length > 0 && (
                     <div>
-                        <h4 className="text-xs font-semibold uppercase tracking-wider text-text-secondary mb-4">Video Resources ({data.videos.length})</h4>
+                        <h4 className="text-xs font-semibold text-text-muted mb-4">Video Resources ({data.videos.length})</h4>
                         <div className="space-y-4">
                             {data.videos.map(video => (
                                 <div key={video.id} className="rounded-xl overflow-hidden border border-border">
                                     <SmartEmbed url={video.url} title={video.title} />
                                     <div className="p-3 bg-[var(--color-surface)] border-t border-border">
-                                        <p className="text-sm font-medium text-text-primary truncate">{video.title}</p>
+                                        <p className="text-sm font-medium text-text truncate">{video.title}</p>
                                     </div>
                                 </div>
                             ))}
@@ -158,7 +158,7 @@ export default function ContextPanel({ selectedNode, roadmap, onUpdateSubtask, o
 
                 {data.resources && data.resources.length > 0 && (
                     <div>
-                        <h4 className="text-xs font-semibold uppercase tracking-wider text-text-secondary mb-4">Learning Materials ({data.resources.length})</h4>
+                        <h4 className="text-xs font-semibold text-text-muted mb-4">Learning Materials ({data.resources.length})</h4>
                         <div className="grid gap-3">
                             {data.resources.map(res => (
                                 <a 
@@ -168,12 +168,12 @@ export default function ContextPanel({ selectedNode, roadmap, onUpdateSubtask, o
                                     rel="noreferrer"
                                     className="flex items-start gap-4 p-4 rounded-xl border border-border bg-[var(--color-surface)] hover:border-text-soft hover:shadow-md transition-all group"
                                 >
-                                    <div className="w-10 h-10 rounded-lg bg-[var(--color-surface-muted)] flex items-center justify-center text-text-muted shrink-0 group-hover:text-indigo-400 transition-colors">
+                                    <div className="w-10 h-10 rounded-lg bg-[var(--color-surface-muted)] flex items-center justify-center text-text-muted shrink-0 group-hover:text-accent transition-colors">
                                         {resourceTypeIcon(res.type)}
                                     </div>
                                     <div className="flex-1 min-w-0">
-                                        <h5 className="font-medium text-sm text-text-primary truncate">{res.title}</h5>
-                                        {res.description && <p className="text-xs text-text-secondary line-clamp-1 mt-1">{res.description}</p>}
+                                        <h5 className="font-medium text-sm text-text truncate">{res.title}</h5>
+                                        {res.description && <p className="text-xs text-text-muted line-clamp-1 mt-1">{res.description}</p>}
                                     </div>
                                 </a>
                             ))}
@@ -192,8 +192,8 @@ export default function ContextPanel({ selectedNode, roadmap, onUpdateSubtask, o
                     <button 
                         onClick={() => setActiveTab("content")}
                         className={cn(
-                            "pb-4 text-sm font-semibold transition-colors border-b-2",
-                            activeTab === "content" ? "border-indigo-500 text-text-primary" : "border-transparent text-text-muted hover:text-text-primary"
+"pb-4 text-sm font-semibold transition-colors border-b-2",
+                            activeTab === "content" ? "border-accent text-text" : "border-transparent text-text-muted hover:text-text"
                         )}
                     >
                         Content
@@ -201,8 +201,8 @@ export default function ContextPanel({ selectedNode, roadmap, onUpdateSubtask, o
                     <button 
                         onClick={() => setActiveTab("notes")}
                         className={cn(
-                            "pb-4 text-sm font-semibold transition-colors border-b-2",
-                            activeTab === "notes" ? "border-indigo-500 text-text-primary" : "border-transparent text-text-muted hover:text-text-primary"
+"pb-4 text-sm font-semibold transition-colors border-b-2",
+                            activeTab === "notes" ? "border-accent text-text" : "border-transparent text-text-muted hover:text-text"
                         )}
                     >
                         My Notes
@@ -210,7 +210,7 @@ export default function ContextPanel({ selectedNode, roadmap, onUpdateSubtask, o
                 </div>
                 <button 
                     onClick={onClose} 
-                    className="mb-4 p-2 rounded-lg text-text-muted hover:bg-[var(--color-surface-muted)] hover:text-text-primary transition-colors"
+                    className="mb-4 p-2 rounded-lg text-text-muted hover:bg-[var(--color-surface-muted)] hover:text-text transition-colors"
                 >
                     <X size={20} />
                 </button>
@@ -223,7 +223,7 @@ export default function ContextPanel({ selectedNode, roadmap, onUpdateSubtask, o
                 ) : (
                     <div className="h-full flex flex-col">
                         <textarea 
-                            className="flex-1 w-full p-4 bg-transparent border border-border rounded-xl resize-none focus:outline-none focus:border-indigo-500 text-sm leading-relaxed"
+                            className="flex-1 w-full p-4 bg-transparent border border-border rounded-xl resize-none focus:outline-none focus:border-accent text-sm leading-relaxed"
                             placeholder={"Type your notes for this " + selectedNode.type + " here..."}
                         />
                     </div>
diff --git a/components/workspace/SectionRenderer.tsx b/src/components/workspace/SectionRenderer.tsx
similarity index 98%
rename from components/workspace/SectionRenderer.tsx
rename to src/components/workspace/SectionRenderer.tsx
index aebf543..563eb85 100644
--- a/components/workspace/SectionRenderer.tsx
+++ b/src/components/workspace/SectionRenderer.tsx
@@ -36,7 +36,7 @@ export default function SectionRenderer({ section, roadmap, onUpdate, onNavigate
             case "glossary": return <GlossarySection section={section} onUpdate={onUpdate} />;
             case "submissions": return <SubmissionsSection section={section} onUpdate={onUpdate} />;
             case "custom": return <CustomSection section={section} onUpdate={onUpdate} />;
-            default: return <div className="text-center py-8 text-text-secondary">Unknown section type</div>;
+            default: return <div className="text-center py-8 text-text-muted">Unknown section type</div>;
         }
     };
 
diff --git a/components/workspace/SettingsModal.tsx b/src/components/workspace/SettingsModal.tsx
similarity index 72%
rename from components/workspace/SettingsModal.tsx
rename to src/components/workspace/SettingsModal.tsx
index 76461ce..ebfa593 100644
--- a/components/workspace/SettingsModal.tsx
+++ b/src/components/workspace/SettingsModal.tsx
@@ -14,7 +14,7 @@ interface SettingsModalProps {
 export default function SettingsModal({ roadmap, isOpen, onClose, onUpdateBranding }: SettingsModalProps) {
     const [titleOverride, setTitleOverride] = useState(roadmap.branding?.customTitle || "");
     const [hideWatermark, setHideWatermark] = useState(roadmap.branding?.hideWatermark || false);
-    const [accentColor, setAccentColor] = useState(roadmap.branding?.accentColor || "#6366f1");
+    const [accentColor, setAccentColor] = useState(roadmap.branding?.accentColor || "#4cb3f0");
     const [logoUrl, setLogoUrl] = useState(roadmap.branding?.logoUrl || "");
 
     if (!isOpen) return null;
@@ -31,13 +31,13 @@ export default function SettingsModal({ roadmap, isOpen, onClose, onUpdateBrandi
 
     return (
         <div className="fixed inset-0 z-[100] flex items-center justify-center p-4">
-            <div className="absolute inset-0 bg-black/60 backdrop-blur-sm transition-opacity" onClick={onClose} />
+            <div className="absolute inset-0 bg-black/60 transition-opacity" onClick={onClose} />
             
-            <div className="relative bg-obsidian-elevated border border-border-subtle rounded-2xl w-full max-w-lg overflow-hidden shadow-2xl animate-in fade-in zoom-in-95 duration-200 flex flex-col max-h-[90vh]">
+            <div className="relative bg-surface-muted border border-border rounded-2xl w-full max-w-lg overflow-hidden shadow-2xl animate-in fade-in zoom-in-95 duration-200 flex flex-col max-h-[90vh]">
                 {/* Header */}
                 <div className="px-6 py-4 border-b border-border flex items-center justify-between shrink-0">
-                    <h2 className="font-display text-xl text-white">Workspace Settings</h2>
-                    <button onClick={onClose} className="p-2 hover:bg-white/5 rounded-lg transition-colors text-text-secondary hover:text-white">
+                    <h2 className="font-display text-xl text-text">Workspace Settings</h2>
+                    <button onClick={onClose} className="p-2 hover:bg-surface rounded-lg transition-colors text-text-muted hover:text-text">
                         <X size={20} />
                     </button>
                 </div>
@@ -46,42 +46,42 @@ export default function SettingsModal({ roadmap, isOpen, onClose, onUpdateBrandi
                 <div className="p-6 overflow-y-auto space-y-8">
                     {/* Branding Section */}
                     <div>
-                        <h3 className="font-sans-display text-xs uppercase tracking-[0.2em] text-indigo-400 mb-6 flex items-center gap-2">
+                        <h3 className="font-display text-xs text-accent mb-6 flex items-center gap-2">
                             <Paintbrush size={14} /> White-Label Branding
                         </h3>
                         
                         <div className="space-y-5">
                             <div>
-                                <label className="block text-sm text-text-secondary mb-2">Custom Workspace Title</label>
+                                <label className="block text-sm text-text-muted mb-2">Custom Workspace Title</label>
                                 <input 
                                     type="text" 
                                     value={titleOverride}
                                     onChange={(e) => setTitleOverride(e.target.value)}
                                     placeholder={roadmap.title}
-                                    className="w-full bg-obsidian-surface border border-border-subtle rounded-lg px-4 py-2 text-sm text-white transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-indigo-500 focus-visible:ring-offset-2"
+                                    className="w-full bg-surface border border-border rounded-lg px-4 py-2 text-sm text-text transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-strong focus-visible:ring-offset-2"
                                 />
-                                <p className="text-sm text-text-secondary mt-1">Overrides the title shown in the sidebar and header.</p>
+                                <p className="text-sm text-text-muted mt-1">Overrides the title shown in the sidebar and header.</p>
                             </div>
 
                             <div>
-                                <label className="block text-sm text-text-secondary mb-2">Workspace Logo URL</label>
+                                <label className="block text-sm text-text-muted mb-2">Workspace Logo URL</label>
                                 <div className="flex gap-2">
                                     <div className="relative flex-1">
-                                        <ImageIcon size={14} className="absolute left-3 top-1/2 -translate-y-1/2 text-text-secondary" />
+                                        <ImageIcon size={14} className="absolute left-3 top-1/2 -translate-y-1/2 text-text-muted" />
                                         <input 
                                             type="url" 
                                             value={logoUrl}
                                             onChange={(e) => setLogoUrl(e.target.value)}
                                             placeholder="https://example.com/logo.png"
-                                            className="w-full bg-obsidian-surface border border-border-subtle rounded-lg pl-9 pr-4 py-2 text-sm text-white transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-indigo-500 focus-visible:ring-offset-2"
+                                            className="w-full bg-surface border border-border rounded-lg pl-9 pr-4 py-2 text-sm text-text transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-strong focus-visible:ring-offset-2"
                                         />
                                     </div>
                                 </div>
-                                <p className="text-sm text-text-secondary mt-1">Accepts any valid image URL. File upload coming in v2.</p>
+                                <p className="text-sm text-text-muted mt-1">Accepts any valid image URL. File upload coming in v2.</p>
                             </div>
 
                             <div>
-                                <label className="block text-sm text-text-secondary mb-2">Brand Accent Color</label>
+                                <label className="block text-sm text-text-muted mb-2">Brand Accent Color</label>
                                 <div className="flex items-center gap-3">
                                     <input 
                                         type="color" 
@@ -89,9 +89,9 @@ export default function SettingsModal({ roadmap, isOpen, onClose, onUpdateBrandi
                                         onChange={(e) => setAccentColor(e.target.value)}
                                         className="w-10 h-10 rounded cursor-pointer border-0 bg-transparent p-0"
                                     />
-                                    <span className="text-sm font-mono text-text-secondary">{accentColor}</span>
+                                    <span className="text-sm font-mono text-text-muted">{accentColor}</span>
                                 </div>
-                                <p className="text-sm text-text-secondary mt-1">Replaces the workspace accent color.</p>
+                                <p className="text-sm text-text-muted mt-1">Replaces the workspace accent color.</p>
                             </div>
 
                             <div className="pt-2 border-t border-border">
@@ -103,18 +103,18 @@ export default function SettingsModal({ roadmap, isOpen, onClose, onUpdateBrandi
                                             onChange={(e) => setHideWatermark(e.target.checked)}
                                             className="sr-only"
                                         />
-                                        <div className={`w-5 h-5 rounded border ${hideWatermark ? 'bg-indigo-500 border-indigo-500' : 'border-white/20 group-hover:border-white/40'} flex items-center justify-center transition-colors`}>
-                                            {hideWatermark && <X size={12} className="text-white" />}
+                                        <div className={`w-5 h-5 rounded border ${hideWatermark ? 'bg-accent border-accent' : 'border-border-strong group-hover:border-text-soft'} flex items-center justify-center transition-colors`}>
+                                            {hideWatermark && <X size={12} className="text-text" />}
                                         </div>
                                     </div>
                                     <div>
-                                        <div className="text-sm text-white font-medium flex items-center gap-2">
+                                        <div className="text-sm text-text font-medium flex items-center gap-2">
                                             Hide &quot;Powered by ZNS Nexus&quot; Watermark
-                                            <span className="px-1.5 py-0.5 rounded text-[8px] uppercase tracking-widest font-bold bg-amber-500/10 text-amber-400 border border-amber-500/20 flex items-center gap-1">
+                                            <span className="px-1.5 py-0.5 rounded text-xs font-bold bg-warning/10 text-warning border border-warning/20 flex items-center gap-1">
                                                 <Lock size={8} /> Pro Feature
                                             </span>
                                         </div>
-                                        <p className="text-sm text-text-secondary mt-1 leading-relaxed">
+                                        <p className="text-sm text-text-muted mt-1 leading-relaxed">
                                             Removes our branding from embedded workspaces and shared read-only links.
                                         </p>
                                     </div>
@@ -125,16 +125,16 @@ export default function SettingsModal({ roadmap, isOpen, onClose, onUpdateBrandi
                 </div>
 
                 {/* Footer */}
-                <div className="px-6 py-4 border-t border-border flex justify-end gap-3 shrink-0 bg-obsidian-surface/50">
+                <div className="px-6 py-4 border-t border-border flex justify-end gap-3 shrink-0 bg-surface/50">
                     <button 
                         onClick={onClose}
-                        className="px-4 py-2 rounded-lg text-sm text-text-secondary hover:text-white hover:bg-white/5 transition-colors"
+                        className="px-4 py-2 rounded-lg text-sm text-text-muted hover:text-text hover:bg-surface transition-colors"
                     >
                         Cancel
                     </button>
                     <button 
                         onClick={handleSave}
-                        className="px-6 py-2 bg-indigo-600 hover:bg-indigo-500 text-white rounded-lg text-sm font-bold transition-colors shadow-[0_0_15px_rgba(99,102,241,0.3)]"
+                        className="px-6 py-2 bg-text hover:bg-[#e6e6e6] text-page rounded-full text-sm font-medium transition-colors"
                     >
                         Save Settings
                     </button>
diff --git a/components/workspace/ShareEmbedModal.tsx b/src/components/workspace/ShareEmbedModal.tsx
similarity index 82%
rename from components/workspace/ShareEmbedModal.tsx
rename to src/components/workspace/ShareEmbedModal.tsx
index 14672a2..1a40f06 100644
--- a/components/workspace/ShareEmbedModal.tsx
+++ b/src/components/workspace/ShareEmbedModal.tsx
@@ -1,4 +1,6 @@
 "use client";
+import { fetchPrivateApi } from "@/lib/private-api-fetch";
+
 
 import { useMemo, useState } from "react";
 import { Code, Copy, Download, ExternalLink, Globe2, Loader2, Lock, X } from "lucide-react";
@@ -73,7 +75,7 @@ export default function ShareEmbedModal({ roadmap, isOpen, onClose, onUpdateRoad
         setPublishMessage(null);
 
         try {
-            const response = await fetch("/api/gallery/set-public", {
+            const response = await fetchPrivateApi("/api/gallery/set-public", {
                 method: "POST",
                 headers: { "Content-Type": "application/json" },
                 body: JSON.stringify({
@@ -104,12 +106,12 @@ export default function ShareEmbedModal({ roadmap, isOpen, onClose, onUpdateRoad
 
     return (
         <div className="fixed inset-0 z-[100] flex items-center justify-center p-4">
-            <div className="absolute inset-0 bg-black/60 backdrop-blur-sm transition-opacity" onClick={onClose} />
+            <div className="absolute inset-0 bg-black/60 transition-opacity" onClick={onClose} />
 
-            <div className="relative w-full max-w-2xl overflow-hidden rounded-2xl border border-border-subtle bg-obsidian-elevated shadow-2xl animate-in fade-in zoom-in-95 duration-200">
+            <div className="relative w-full max-w-2xl overflow-hidden rounded-2xl border border-border bg-surface-muted shadow-2xl animate-in fade-in zoom-in-95 duration-200">
                 <div className="flex items-center justify-between border-b border-border px-6 py-4">
-                    <h2 className="font-display text-xl text-white">Share & Embed</h2>
-                    <button onClick={onClose} className="rounded-lg p-2 text-text-secondary transition-colors hover:bg-white/5 hover:text-white">
+                    <h2 className="font-display text-xl text-text">Share & Embed</h2>
+                    <button onClick={onClose} className="rounded-lg p-2 text-text-muted transition-colors hover:bg-surface hover:text-text">
                         <X size={20} />
                     </button>
                 </div>
@@ -123,10 +125,10 @@ export default function ShareEmbedModal({ roadmap, isOpen, onClose, onUpdateRoad
                         <button
                             key={tab.id}
                             onClick={() => setActiveTab(tab.id as typeof activeTab)}
-                            className={`flex-1 border-b-2 px-4 py-3 text-sm font-bold uppercase tracking-widest transition-colors ${
+                            className={`flex-1 border-b-2 px-4 py-3 text-sm font-bold   transition-colors ${
                                 activeTab === tab.id
-                                    ? "border-indigo-500 bg-indigo-500/5 text-indigo-400"
-                                    : "border-transparent text-text-secondary hover:bg-white/5 hover:text-text-primary"
+                                    ? "border-accent bg-accent/5 text-accent"
+                                    : "border-transparent text-text-muted hover:bg-surface hover:text-text"
                             }`}
                         >
                             {tab.label}
@@ -138,19 +140,19 @@ export default function ShareEmbedModal({ roadmap, isOpen, onClose, onUpdateRoad
                     {activeTab === "share" ? (
                         <div className="space-y-6 animate-in fade-in slide-in-from-bottom-2 duration-300">
                             <div>
-                                <h3 className="mb-2 font-sans-display text-xs uppercase tracking-[0.2em] text-text-secondary">Read-only link</h3>
+                                <h3 className="mb-2 font-display text-xs text-text-muted">Read-only link</h3>
                                 {isShareable ? (
                                     <>
-                                        <p className="mb-4 text-sm text-text-secondary">
+                                        <p className="mb-4 text-sm text-text-muted">
                                             Share this unique URL. Visitors will see the full workspace, track their own progress locally, but cannot edit your original content.
                                         </p>
                                         <div className="flex items-center gap-2">
-                                            <div className="flex-1 overflow-x-auto truncate rounded-lg border border-border-subtle bg-obsidian-surface px-4 py-3 font-mono text-sm text-white">
+                                            <div className="flex-1 overflow-x-auto truncate rounded-lg border border-border bg-surface px-4 py-3 font-mono text-sm text-text">
                                                 {shareUrl}
                                             </div>
                                             <button
                                                 onClick={() => handleCopy(shareUrl, "link")}
-                                                className="flex shrink-0 items-center gap-2 rounded-lg bg-indigo-600 px-4 py-3 font-bold text-white transition-colors hover:bg-indigo-500"
+                                                className="flex shrink-0 items-center gap-2 rounded-full bg-text px-4 py-3 font-medium text-page transition-colors hover:bg-[#e6e6e6]"
                                             >
                                                 <Copy size={16} />
                                                 {copiedLink ? "Copied!" : "Copy Link"}
@@ -158,9 +160,9 @@ export default function ShareEmbedModal({ roadmap, isOpen, onClose, onUpdateRoad
                                         </div>
                                     </>
                                 ) : (
-                                    <div className="rounded-xl border border-border-subtle bg-obsidian-surface px-4 py-4 text-sm text-text-secondary">
+                                    <div className="rounded-xl border border-border bg-surface px-4 py-4 text-sm text-text-muted">
                                         <div className="flex items-start gap-3">
-                                            {isSyncedAccount ? <Globe2 size={18} className="mt-0.5 text-indigo-300" /> : <Lock size={18} className="mt-0.5 text-amber-300" />}
+                                            {isSyncedAccount ? <Globe2 size={18} className="mt-0.5 text-accent" /> : <Lock size={18} className="mt-0.5 text-warning" />}
                                             <div className="space-y-3">
                                                 <p>
                                                     {isSyncedAccount
@@ -172,7 +174,7 @@ export default function ShareEmbedModal({ roadmap, isOpen, onClose, onUpdateRoad
                                                         type="button"
                                                         onClick={() => void handleVisibilityChange(true)}
                                                         disabled={isPublishing}
-                                                        className="inline-flex items-center gap-2 rounded-lg bg-indigo-600 px-4 py-2 font-bold text-white transition-colors hover:bg-indigo-500 disabled:opacity-60"
+                                                        className="inline-flex items-center gap-2 rounded-full bg-text px-4 py-2 font-medium text-page transition-colors hover:bg-[#e6e6e6] disabled:opacity-60"
                                                     >
                                                         {isPublishing ? <Loader2 size={16} className="animate-spin" /> : <Globe2 size={16} />}
                                                         Make public
@@ -185,7 +187,7 @@ export default function ShareEmbedModal({ roadmap, isOpen, onClose, onUpdateRoad
                             </div>
 
                             {publishMessage ? (
-                                <div className="rounded-xl border border-border-subtle bg-obsidian-surface px-4 py-4 text-sm text-text-secondary">
+                                <div className="rounded-xl border border-border bg-surface px-4 py-4 text-sm text-text-muted">
                                     {publishMessage}
                                 </div>
                             ) : null}
@@ -197,17 +199,17 @@ export default function ShareEmbedModal({ roadmap, isOpen, onClose, onUpdateRoad
                                             type="button"
                                             onClick={() => void handleVisibilityChange(false)}
                                             disabled={isPublishing}
-                                            className="inline-flex items-center gap-2 rounded-lg border border-border-subtle px-4 py-2 font-bold text-text-primary transition-colors hover:bg-white/5 disabled:opacity-60"
+                                            className="inline-flex items-center gap-2 rounded-lg border border-border px-4 py-2 font-bold text-text transition-colors hover:bg-surface disabled:opacity-60"
                                         >
                                             {isPublishing ? <Loader2 size={16} className="animate-spin" /> : <Lock size={16} />}
                                             Make private
                                         </button>
                                     ) : null}
 
-                                    <div className="flex gap-3 rounded-xl border border-amber-500/20 bg-amber-500/10 p-4 text-sm text-amber-400/90">
+                                    <div className="flex gap-3 rounded-xl border border-warning/20 bg-warning/10 p-4 text-sm text-warning/90">
                                         <ExternalLink size={20} className="mt-0.5 shrink-0" />
                                         <div>
-                                            <strong className="mb-1 block font-bold text-amber-400">Testing the link</strong>
+                                            <strong className="mb-1 block font-bold text-warning">Testing the link</strong>
                                             Try opening the link in an Incognito window to see exactly what your users will experience.
                                         </div>
                                     </div>
@@ -221,17 +223,17 @@ export default function ShareEmbedModal({ roadmap, isOpen, onClose, onUpdateRoad
                             {isShareable ? (
                                 <>
                                     <div>
-                                        <h3 className="mb-2 font-sans-display text-xs uppercase tracking-[0.2em] text-text-secondary">iframe HTML</h3>
-                                        <p className="mb-4 text-sm text-text-secondary">
+                                        <h3 className="mb-2 font-display text-xs text-text-muted">iframe HTML</h3>
+                                        <p className="mb-4 text-sm text-text-muted">
                                             Embed this workspace on your own website, Notion, or LMS (like Kajabi or Teachable).
                                         </p>
                                         <div className="flex items-start gap-2">
-                                            <div className="flex-1 overflow-x-auto whitespace-pre-wrap break-all rounded-lg border border-border-subtle bg-obsidian-surface p-4 font-mono text-xs text-indigo-200">
+                                            <div className="flex-1 overflow-x-auto whitespace-pre-wrap break-all rounded-lg border border-border bg-surface p-4 font-mono text-xs text-accent-strong">
                                                 {embedCode}
                                             </div>
                                             <button
                                                 onClick={() => handleCopy(embedCode, "embed")}
-                                                className="flex shrink-0 items-center gap-2 rounded-lg bg-indigo-600 px-4 py-3 font-bold text-white transition-colors hover:bg-indigo-500"
+                                                className="flex shrink-0 items-center gap-2 rounded-full bg-text px-4 py-3 font-medium text-page transition-colors hover:bg-[#e6e6e6]"
                                             >
                                                 <Code size={16} />
                                                 {copiedEmbed ? "Copied!" : "Copy Code"}
@@ -240,14 +242,14 @@ export default function ShareEmbedModal({ roadmap, isOpen, onClose, onUpdateRoad
                                     </div>
 
                                     <div>
-                                        <h3 className="mb-3 font-sans-display text-xs uppercase tracking-[0.2em] text-text-secondary">Live Preview</h3>
-                                        <div className="relative h-64 overflow-hidden rounded-xl border border-border-subtle bg-obsidian">
+                                        <h3 className="mb-3 font-display text-xs text-text-muted">Live Preview</h3>
+                                        <div className="relative h-64 overflow-hidden rounded-xl border border-border bg-page">
                                             <iframe src={embedUrl} className="h-full w-full border-0 pointer-events-none" />
                                         </div>
                                     </div>
                                 </>
                             ) : (
-                                <div className="rounded-xl border border-border-subtle bg-obsidian-surface px-4 py-4 text-sm text-text-secondary">
+                                <div className="rounded-xl border border-border bg-surface px-4 py-4 text-sm text-text-muted">
                                     Publish the workspace first to generate a working embed snippet.
                                 </div>
                             )}
@@ -256,31 +258,31 @@ export default function ShareEmbedModal({ roadmap, isOpen, onClose, onUpdateRoad
 
                     {activeTab === "export" ? (
                         <div className="space-y-6 animate-in fade-in slide-in-from-bottom-2 duration-300">
-                            <p className="mb-6 text-sm text-text-secondary">
+                            <p className="mb-6 text-sm text-text-muted">
                                 Download your workspace content to use elsewhere or backup.
                             </p>
 
                             <div className="grid grid-cols-1 gap-4 sm:grid-cols-2">
                                 <button
                                     onClick={handleExportMD}
-                                    className="group relative flex flex-col items-center justify-center overflow-hidden rounded-xl border border-border-subtle bg-obsidian-surface/30 p-8 text-center transition-all hover:border-indigo-500/50 hover:bg-indigo-500/5"
+                                    className="group relative flex flex-col items-center justify-center overflow-hidden rounded-xl border border-border bg-surface/30 p-8 text-center transition-all hover:border-accent/50 hover:bg-accent/5"
                                 >
-                                    <div className="mb-4 flex h-12 w-12 items-center justify-center rounded-full bg-indigo-500/10 text-indigo-400 transition-transform group-hover:scale-110">
+                                    <div className="mb-4 flex h-12 w-12 items-center justify-center rounded-full bg-accent/10 text-accent transition-transform">
                                         <Download size={24} />
                                     </div>
-                                    <span className="mb-1 font-display text-lg text-white">Markdown (.md)</span>
-                                    <span className="text-[12px] text-text-secondary">Clean text format for Notion, Obsidian, or GitHub</span>
+                                    <span className="mb-1 font-display text-lg text-text">Markdown (.md)</span>
+                                    <span className="text-[12px] text-text-muted">Clean text format for Notion, Obsidian, or GitHub</span>
                                 </button>
 
                                 <button
                                     onClick={handleExportJSON}
-                                    className="group relative flex flex-col items-center justify-center overflow-hidden rounded-xl border border-border-subtle bg-obsidian-surface/30 p-8 text-center transition-all hover:border-emerald-500/50 hover:bg-emerald-500/5"
+                                    className="group relative flex flex-col items-center justify-center overflow-hidden rounded-xl border border-border bg-surface/30 p-8 text-center transition-all hover:border-accent/50 hover:bg-accent/5"
                                 >
-                                    <div className="mb-4 flex h-12 w-12 items-center justify-center rounded-full bg-emerald-500/10 text-emerald-400 transition-transform group-hover:scale-110">
+                                    <div className="mb-4 flex h-12 w-12 items-center justify-center rounded-full bg-accent/10 text-accent transition-transform">
                                         <Code size={24} />
                                     </div>
-                                    <span className="mb-1 font-display text-lg text-white">Raw Data (.json)</span>
-                                    <span className="text-[12px] text-text-secondary">Structured data for developers or backup</span>
+                                    <span className="mb-1 font-display text-lg text-text">Raw Data (.json)</span>
+                                    <span className="text-[12px] text-text-muted">Structured data for developers or backup</span>
                                 </button>
                             </div>
                         </div>
diff --git a/components/workspace/SrsReviewModal.tsx b/src/components/workspace/SrsReviewModal.tsx
similarity index 79%
rename from components/workspace/SrsReviewModal.tsx
rename to src/components/workspace/SrsReviewModal.tsx
index e953e8c..79eca64 100644
--- a/components/workspace/SrsReviewModal.tsx
+++ b/src/components/workspace/SrsReviewModal.tsx
@@ -16,17 +16,17 @@ const REVIEW_LABELS: Record<SrsRating, { title: string; hint: string; className:
     hard: {
         title: "Hard",
         hint: "Bring this card back sooner.",
-        className: "border-red-500/30 bg-red-500/10 text-red-300 hover:bg-red-500/20",
+        className: "border-danger/30 bg-danger/10 text-danger hover:bg-danger/20",
     },
     okay: {
         title: "Okay",
         hint: "Keep the normal pace.",
-        className: "border-amber-500/30 bg-amber-500/10 text-amber-200 hover:bg-amber-500/20",
+        className: "border-warning/30 bg-warning/10 text-warning hover:bg-warning/20",
     },
     easy: {
         title: "Easy",
         hint: "Push this card further out.",
-        className: "border-emerald-500/30 bg-emerald-500/10 text-emerald-300 hover:bg-emerald-500/20",
+        className: "border-accent/30 bg-accent/10 text-accent hover:bg-accent/20",
     },
 };
 
@@ -79,20 +79,20 @@ export default function SrsReviewModal({ isOpen, items, onClose, onSave }: SrsRe
     };
 
     return (
-        <div className="fixed inset-0 z-[80] flex items-center justify-center bg-obsidian/80 px-4 backdrop-blur-sm">
-            <div className="relative w-full max-w-3xl overflow-hidden rounded-3xl border border-border bg-obsidian-elevated shadow-[0_20px_80px_rgba(0,0,0,0.45)]">
+        <div className="fixed inset-0 z-[80] flex items-center justify-center bg-page/80 px-4">
+            <div className="relative w-full max-w-3xl overflow-hidden rounded-3xl border border-border bg-surface-muted">
                 <div className="flex items-center justify-between border-b border-border px-6 py-5">
                     <div>
-                        <div className="mb-1 flex items-center gap-2 text-indigo-300">
+                        <div className="mb-1 flex items-center gap-2 text-accent">
                             <Brain size={16} />
-                            <span className="font-sans-display text-[11px] uppercase tracking-[0.25em]">Spaced Review</span>
+                            <span className="font-display text-xs">Spaced Review</span>
                         </div>
-                        <h2 className="font-display text-2xl text-white">Refresh what you have learned</h2>
+                        <h2 className="font-display text-2xl text-text">Refresh what you have learned</h2>
                     </div>
                     <button
                         type="button"
                         onClick={onClose}
-                        className="rounded-lg border border-border bg-obsidian-surface p-2 text-text-secondary transition-colors hover:text-white"
+                        className="rounded-lg border border-border bg-surface p-2 text-text-muted transition-colors hover:text-text"
                         aria-label="Close review modal"
                     >
                         <X size={16} />
@@ -100,13 +100,13 @@ export default function SrsReviewModal({ isOpen, items, onClose, onSave }: SrsRe
                 </div>
 
                 <div className="border-b border-border px-6 py-4">
-                    <div className="mb-2 flex items-center justify-between text-xs uppercase tracking-[0.2em] text-text-secondary">
+                    <div className="mb-2 flex items-center justify-between text-xs text-text-muted">
                         <span>{progressLabel}</span>
                         <span>{remainingCount} due</span>
                     </div>
-                    <div className="h-1 overflow-hidden rounded-full bg-white/5">
+                    <div className="h-1 overflow-hidden rounded-full bg-surface">
                         <div
-                            className="h-full rounded-full bg-indigo-500 transition-all duration-300"
+                            className="h-full rounded-full bg-accent transition-all duration-300"
                             style={{ width: `${items.length === 0 ? 0 : (reviewedCount / items.length) * 100}%` }}
                         />
                     </div>
@@ -114,33 +114,33 @@ export default function SrsReviewModal({ isOpen, items, onClose, onSave }: SrsRe
 
                 <div className="p-6">
                     {items.length === 0 ? (
-                        <div className="flex min-h-[280px] flex-col items-center justify-center rounded-2xl border border-dashed border-border bg-obsidian-surface/40 p-8 text-center">
-                            <RotateCcw size={28} className="mb-4 text-text-secondary" />
-                            <h3 className="font-display text-2xl text-white">Nothing due right now</h3>
-                            <p className="mt-3 max-w-md text-sm leading-relaxed text-text-secondary">
+                        <div className="flex min-h-[280px] flex-col items-center justify-center rounded-2xl border border-dashed border-border bg-surface/40 p-8 text-center">
+                            <RotateCcw size={28} className="mb-4 text-text-muted" />
+                            <h3 className="font-display text-2xl text-text">Nothing due right now</h3>
+                            <p className="mt-3 max-w-md text-sm leading-relaxed text-text-muted">
                                 Your review queue is clear. Keep making progress in modules and cards will come back on schedule.
                             </p>
                         </div>
                     ) : (
                         <div className="space-y-6">
-                            <div className="rounded-2xl border border-border bg-obsidian-surface/40 p-6">
-                                <div className="mb-3 font-sans-display text-[11px] uppercase tracking-[0.25em] text-text-secondary">
+                            <div className="rounded-2xl border border-border bg-surface/40 p-6">
+                                <div className="mb-3 font-display text-xs text-text-muted">
                                     Prompt
                                 </div>
-                                <p className="font-display text-3xl leading-tight text-white">{currentItem?.prompt}</p>
+                                <p className="font-display text-3xl leading-tight text-text">{currentItem?.prompt}</p>
                             </div>
 
-                            <div className="rounded-2xl border border-border bg-obsidian-light/60 p-6">
-                                <div className="mb-3 font-sans-display text-[11px] uppercase tracking-[0.25em] text-text-secondary">
+                            <div className="rounded-2xl border border-border bg-surface-muted/60 p-6">
+                                <div className="mb-3 font-display text-xs text-text-muted">
                                     Answer
                                 </div>
                                 {showAnswer ? (
-                                    <p className="text-base leading-relaxed text-text-primary">{currentItem?.answer}</p>
+                                    <p className="text-base leading-relaxed text-text">{currentItem?.answer}</p>
                                 ) : (
                                     <button
                                         type="button"
                                         onClick={() => setShowAnswer(true)}
-                                        className="inline-flex items-center gap-2 rounded-lg border border-indigo-500/30 bg-indigo-500/10 px-4 py-2 text-sm font-medium text-indigo-300 transition-colors hover:bg-indigo-500/20"
+                                        className="inline-flex items-center gap-2 rounded-lg border border-accent/30 bg-accent/10 px-4 py-2 text-sm font-medium text-accent transition-colors hover:bg-accent/20"
                                     >
                                         Reveal answer
                                     </button>
@@ -158,7 +158,7 @@ export default function SrsReviewModal({ isOpen, items, onClose, onSave }: SrsRe
                                             onClick={() => void handleRate(rating)}
                                             className={`rounded-2xl border px-4 py-4 text-left transition-all disabled:cursor-not-allowed disabled:opacity-50 ${config.className}`}
                                         >
-                                            <div className="font-sans-display text-[11px] uppercase tracking-[0.2em]">{config.title}</div>
+                                            <div className="font-display text-xs">{config.title}</div>
                                             <div className="mt-2 text-sm leading-relaxed">{config.hint}</div>
                                         </button>
                                     );
diff --git a/components/workspace/WorkspaceShell.tsx b/src/components/workspace/WorkspaceShell.tsx
similarity index 80%
rename from components/workspace/WorkspaceShell.tsx
rename to src/components/workspace/WorkspaceShell.tsx
index b4bb8b3..92564c0 100644
--- a/components/workspace/WorkspaceShell.tsx
+++ b/src/components/workspace/WorkspaceShell.tsx
@@ -1,4 +1,6 @@
 "use client";
+import { fetchPrivateApi } from "@/lib/private-api-fetch";
+
 
 import { useState, useEffect, useMemo, useRef, useCallback } from "react";
 import type { Roadmap, Section, ModuleSection as ModuleSectionType, CalendarSection, SrsItem } from "@/types";
@@ -25,10 +27,9 @@ import {
 } from "@/components/ui/alert-dialog";
 import { Input } from "@/components/ui/input";
 import { ThemeToggle } from "@/components/shared/ThemeToggle";
-import Link from "next/link";
+import { Link, useNavigate } from "@tanstack/react-router";
 import { SECTION_LABELS } from "@/lib/constants";
 import { Search, Settings, Home, ArrowRight, CheckCircle2, Circle, LayoutDashboard, SearchCode, BookOpen, Video, ListTodo, Trophy, Layers, Calendar, Clock, Lock, Target, Flame, Info, Plus, Share, RefreshCw, HardDrive, BarChart2, HelpCircle, X, FileText, Braces, Printer, History, ChevronDown, Key } from "lucide-react";
-import { useRouter } from "next/navigation";
 import { exportAsMarkdown, exportAsJSON, exportAsPDF } from "@/lib/export";
 import { saveVersion, getVersions } from "@/lib/versioning";
 import { getWorkspacePersistence } from "@/lib/workspace-persistence";
@@ -36,6 +37,8 @@ import { getUserConfig } from "@/lib/userConfig";
 import { getStorage } from "@/lib/storage";
 import { seedSrsItems } from "@/lib/srs";
 
+const LEGACY_WORKSPACE_ACCENT = "#6366f1";
+
 interface WorkspaceShellProps {
     roadmap: Roadmap;
     onUpdateSection?: (sectionId: string, updater: (s: Section) => Section) => void;
@@ -55,7 +58,7 @@ export default function WorkspaceShell({ roadmap, onUpdateSection, onUpdateRoadm
     const { currentStreak, isAtRisk, logActivity, tasksCompletedToday, tasksCompletedYesterday } = useStreak();
     const { unlockedBadges, unlockBadge, recentBadge, clearRecentBadge, getBadges } = useAchievements();
     const { sessionTimeMs, getModuleTime } = useTimeTracker(activeSectionId !== "dashboard" ? activeSectionId : undefined);
-    const router = useRouter();
+    const navigate = useNavigate();
     const [userConfig, setUserConfig] = useState<any>(null);
     const [srsItems, setSrsItems] = useState<SrsItem[]>([]);
     const [isSrsModalOpen, setIsSrsModalOpen] = useState(false);
@@ -134,24 +137,14 @@ export default function WorkspaceShell({ roadmap, onUpdateSection, onUpdateRoadm
     const [settingsModalOpen, setSettingsModalOpen] = useState(false);
 
     const branding = roadmap.branding;
-    const accentColor = branding?.accentColor || "#6366f1"; // Default indigo-500
+    // A workspace may carry its own accent. "#6366f1" was the old default that
+    // the branding modal saved for everyone, so it counts as no choice.
+    const customAccent =
+        branding?.accentColor && branding.accentColor.toLowerCase() !== LEGACY_WORKSPACE_ACCENT ? branding.accentColor : null;
     const workspaceTitle = branding?.customTitle || roadmap.title;
     const logoUrl = branding?.logoUrl;
     const hideWatermark = branding?.hideWatermark || false;
 
-    // Helper to generate lighter/darker shades of the accent color
-    const getAccentShades = (hex: string) => {
-        // Simple hex to rgba for opacity-based shades
-        return {
-            base: hex,
-            light: `${hex}33`, // 20% opacity
-            lighter: `${hex}1a`, // 10% opacity
-            dark: hex, // For now just use base or we could do proper darkening
-        };
-    };
-
-    const shades = getAccentShades(accentColor);
-
     const checkTour = useCallback(() => {
         if (!localStorage.getItem("zns_tour_done")) {
             setTimeout(() => setTourStep(0), 1000);
@@ -396,9 +389,9 @@ export default function WorkspaceShell({ roadmap, onUpdateSection, onUpdateRoadm
 
     const getSectionIcon = (type: string, percent: number) => {
         if (type === "module") {
-            if (percent === 100) return <CheckCircle2 size={16} className="text-emerald-500" />;
-            if (percent > 0) return <div className="w-4 h-4 rounded-full border-2 border-indigo-400 border-t-transparent animate-spin" style={{ animationDuration: '3s' }} />;
-            return <Circle size={16} className="text-white/20" />;
+            if (percent === 100) return <CheckCircle2 size={16} className="text-accent" />;
+            if (percent > 0) return <div className="w-4 h-4 rounded-full border-2 border-accent border-t-transparent animate-spin" style={{ animationDuration: '3s' }} />;
+            return <Circle size={16} className="text-text-soft" />;
         }
         switch (type) {
             case "milestones": return "🏁";
@@ -506,7 +499,7 @@ export default function WorkspaceShell({ roadmap, onUpdateSection, onUpdateRoadm
         });
 
         try {
-            await fetch("/api/srs/save", {
+            await fetchPrivateApi("/api/srs/save", {
                 method: "POST",
                 headers: { "Content-Type": "application/json" },
                 body: JSON.stringify({ items: reviewedItems }),
@@ -553,23 +546,22 @@ export default function WorkspaceShell({ roadmap, onUpdateSection, onUpdateRoadm
 
     return (
         <div
-            className="workspace-shell-neutral h-screen flex flex-col overflow-hidden bg-obsidian selection:bg-[var(--workspace-accent)]/20"
-            style={{
-                "--color-indigo-500": accentColor,
-                "--color-indigo-600": accentColor,
-                "--color-indigo-400": accentColor,
-                "--workspace-accent": accentColor,
-            } as any}
+            className="h-screen flex flex-col overflow-hidden bg-page"
+            style={
+                customAccent
+                    ? ({ "--color-accent": customAccent, "--color-accent-strong": customAccent, "--workspace-accent": customAccent } as React.CSSProperties)
+                    : ({ "--workspace-accent": "var(--color-accent)" } as React.CSSProperties)
+            }
         >
             {/* Gamification Toast */}
             {recentBadge && (
-                <div className="fixed bottom-6 right-6 z-50 animate-slide-up-fade flex items-center gap-4 bg-obsidian-elevated border border-indigo-500/30 shadow-[0_0_30px_rgba(99,102,241,0.2)] p-4 rounded-2xl cursor-pointer" onClick={clearRecentBadge}>
-                    <div className="w-12 h-12 rounded-full bg-indigo-500/10 border border-indigo-500/50 flex items-center justify-center text-2xl">
+                <div className="fixed bottom-6 right-6 z-50 animate-slide-up-fade flex items-center gap-4 bg-surface-muted border border-accent/30 p-4 rounded-2xl cursor-pointer" onClick={clearRecentBadge}>
+                    <div className="w-12 h-12 rounded-full bg-accent/10 border border-accent/50 flex items-center justify-center text-2xl">
                         {recentBadge.icon}
                     </div>
                     <div>
-                        <div className="font-sans-display text-xs uppercase tracking-widest text-indigo-400 font-bold mb-1">Achievement Unlocked</div>
-                        <div className="font-display text-white text-lg">{recentBadge.title}</div>
+                        <div className="font-display text-xs text-accent font-bold mb-1">Achievement Unlocked</div>
+                        <div className="font-display text-text text-lg">{recentBadge.title}</div>
                     </div>
                 </div>
             )}
@@ -585,7 +577,7 @@ export default function WorkspaceShell({ roadmap, onUpdateSection, onUpdateRoadm
                         <button
                             type="button"
                             onClick={() => setSidebarOpen(!sidebarOpen)}
-                            className="w-8 h-8 flex items-center justify-center rounded-lg hover:bg-white/5 transition-colors text-text-secondary hover:text-white shrink-0"
+                            className="w-8 h-8 flex items-center justify-center rounded-lg hover:bg-surface transition-colors text-text-muted hover:text-text shrink-0"
                             title="Toggle Sidebar (Ctrl+\\)"
                             aria-label="Toggle sidebar"
                         >
@@ -597,11 +589,10 @@ export default function WorkspaceShell({ roadmap, onUpdateSection, onUpdateRoadm
                                 {logoUrl && (
                                     <>
                                         {/* next/image is not practical here because the logo URL is fully user-defined. */}
-                                        {/* eslint-disable-next-line @next/next/no-img-element */}
                                         <img src={logoUrl} alt="Logo" className="w-5 h-5 object-contain" />
                                     </>
                                 )}
-                                <div className="font-sans-display text-xs uppercase tracking-widest text-text-primary truncate font-bold">
+                                <div className="font-display text-xs text-text truncate font-bold">
                                     {workspaceTitle}
                                 </div>
                             </div>
@@ -613,24 +604,24 @@ export default function WorkspaceShell({ roadmap, onUpdateSection, onUpdateRoadm
                         {sidebarOpen && (
                             <div className="p-4 space-y-4">
                                 <div className="relative">
-                                    <Search size={14} className="absolute left-3 top-1/2 -translate-y-1/2 text-text-secondary" />
+                                    <Search size={14} className="absolute left-3 top-1/2 -translate-y-1/2 text-text-muted" />
                                     <Input
                                         type="text"
                                         placeholder="Search workspace..."
                                         value={searchQuery}
                                         onChange={(e) => setSearchQuery(e.target.value)}
                                         aria-label="Search workspace"
-                                        className="h-9 border-border bg-[var(--color-surface-subtle)] pl-9 pr-4 text-xs text-text-primary placeholder:text-text-muted"
+                                        className="h-9 border-border bg-[var(--color-surface-subtle)] pl-9 pr-4 text-xs text-text placeholder:text-text-muted"
                                     />
                                 </div>
 
                                 <div className="rounded-md border border-border bg-[var(--color-surface-subtle)] p-3">
                                     <div className="flex items-center justify-between mb-2">
-                                        <span className="font-sans-display text-[12px] uppercase tracking-widest text-text-secondary">Total Progress</span>
-                                        <span className="font-sans-display text-[12px] text-cyan-400 font-bold">{progress.overall}%</span>
+                                        <span className="font-display text-[12px] text-text-muted">Total Progress</span>
+                                        <span className="font-display text-[12px] text-accent font-bold">{progress.overall}%</span>
                                     </div>
-                                    <div className="h-1 bg-white/5 rounded-full overflow-hidden">
-                                        <div className="h-full bg-indigo-500 rounded-full transition-all duration-1000" style={{ width: `${progress.overall}%` }} />
+                                    <div className="h-1 bg-surface rounded-full overflow-hidden">
+                                        <div className="h-full bg-accent rounded-full transition-all duration-1000" style={{ width: `${progress.overall}%` }} />
                                     </div>
                                 </div>
                             </div>
@@ -642,7 +633,7 @@ export default function WorkspaceShell({ roadmap, onUpdateSection, onUpdateRoadm
                                 <button
                                     type="button"
                                     onClick={() => onNavigate("dashboard")}
-                                    className={`w-full flex items-center gap-3 px-3 py-2.5 rounded-lg text-left transition-all duration-200 text-sm hover:bg-white/5 ${activeSectionId === "dashboard" ? "bg-indigo-500/12 border-l-[3px] border-indigo-500 text-white font-medium font-medium" : "text-text-secondary"
+                                    className={`w-full flex items-center gap-3 px-3 py-2.5 rounded-lg text-left transition-all duration-200 text-sm hover:bg-surface ${activeSectionId === "dashboard" ? "bg-accent/12 border-l-[3px] border-accent text-text font-medium font-medium" : "text-text-muted"
                                         } ${!sidebarOpen && 'justify-center'}`}
                                     title="Overview"
                                 >
@@ -655,7 +646,7 @@ export default function WorkspaceShell({ roadmap, onUpdateSection, onUpdateRoadm
                             {moduleSections.length > 0 && (
                                 <div>
                                     {sidebarOpen && (
-                                        <div className="font-sans-display text-xs uppercase tracking-[0.2em] text-text-secondary/50 mb-2 px-3">
+                                        <div className="font-display text-xs text-text-muted/50 mb-2 px-3">
                                             Modules
                                         </div>
                                     )}
@@ -672,8 +663,8 @@ export default function WorkspaceShell({ roadmap, onUpdateSection, onUpdateRoadm
                                                     type="button"
                                                     title={section.title}
                                                     className={`w-full flex items-center px-3 py-2.5 rounded-lg text-left text-sm transition-all duration-200 group ${isActive
-                                                        ? "bg-indigo-500/12 border-l-[3px] border-indigo-500 text-white font-medium"
-                                                        : "border-l-[3px] border-transparent text-text-secondary hover:text-text-primary hover:bg-obsidian-hover duration-150"
+                                                        ? "bg-accent/12 border-l-[3px] border-accent text-text font-medium"
+                                                        : "border-l-[3px] border-transparent text-text-muted hover:text-text hover:bg-surface-subtle duration-150"
                                                         } ${!sidebarOpen && 'justify-center !px-0'}`}
                                                     onClick={() => onNavigate(section.id)}
                                                 >
@@ -684,17 +675,17 @@ export default function WorkspaceShell({ roadmap, onUpdateSection, onUpdateRoadm
                                                             </div>
                                                             <div className="flex-1 min-w-0">
                                                                 <span className="block text-sm truncate">
-                                                                    <span className="text-text-secondary/50 mr-2 text-[12px] font-mono">{String(idx + 1).padStart(2, "0")}</span>
+                                                                    <span className="text-text-muted/50 mr-2 text-[12px] font-mono">{String(idx + 1).padStart(2, "0")}</span>
                                                                     {section.title}
                                                                 </span>
                                                             </div>
                                                         </>
                                                     ) : (
-                                                        <div className="w-8 h-8 rounded-full flex items-center justify-center relative overflow-hidden bg-obsidian">
+                                                        <div className="w-8 h-8 rounded-full flex items-center justify-center relative overflow-hidden bg-page">
                                                             {/* Mini circular indicator when collapsed */}
                                                             <svg viewBox="0 0 36 36" className="absolute inset-0 w-full h-full -rotate-90">
                                                                 <circle cx="18" cy="18" r="16" fill="transparent" stroke="var(--color-obsidian-elevated)" strokeWidth="4" />
-                                                                <circle cx="18" cy="18" r="16" fill="transparent" stroke={modulePercent === 100 ? "var(--color-emerald-500)" : "var(--color-indigo-500)"} strokeWidth="4" strokeDasharray="100" strokeDashoffset={100 - modulePercent} />
+                                                                <circle cx="18" cy="18" r="16" fill="transparent" stroke={modulePercent === 100 ? "var(--color-success)" : "var(--color-accent)"} strokeWidth="4" strokeDasharray="100" strokeDashoffset={100 - modulePercent} />
                                                             </svg>
                                                             <span className="text-[12px] font-bold z-10">{idx + 1}</span>
                                                         </div>
@@ -709,7 +700,7 @@ export default function WorkspaceShell({ roadmap, onUpdateSection, onUpdateRoadm
                             {/* Tools / Utility */}
                             {utilitySections.length > 0 && sidebarOpen && (
                                 <div>
-                                    <div className="font-sans-display text-xs uppercase tracking-[0.2em] text-text-secondary/50 mb-2 px-3">
+                                    <div className="font-display text-xs text-text-muted/50 mb-2 px-3">
                                         Resources & Tools
                                     </div>
                                     <nav className="space-y-1">
@@ -722,7 +713,7 @@ export default function WorkspaceShell({ roadmap, onUpdateSection, onUpdateRoadm
                                                 <button
                                                     key={section.id}
                                                     type="button"
-                                                    className={`w-full flex items-center gap-3 px-3 py-2.5 rounded-lg text-left transition-all duration-200 text-sm hover:bg-white/5 ${isActive ? "text-indigo-300 font-medium bg-indigo-500/5" : "text-text-secondary hover:text-text-primary"
+                                                    className={`w-full flex items-center gap-3 px-3 py-2.5 rounded-lg text-left transition-all duration-200 text-sm hover:bg-surface ${isActive ? "text-accent font-medium bg-accent/5" : "text-text-muted hover:text-text"
                                                         }`}
                                                     onClick={() => onNavigate(section.id)}
                                                 >
@@ -745,33 +736,33 @@ export default function WorkspaceShell({ roadmap, onUpdateSection, onUpdateRoadm
                         {sidebarOpen ? (
                             <>
                                 {!isEmbed && (
-                                    <Link href="/" className="flex items-center gap-3 px-3 py-2 rounded-lg text-sm text-text-secondary hover:text-white hover:bg-white/5 transition-colors">
+                                    <Link to="/" className="flex items-center gap-3 px-3 py-2 rounded-lg text-sm text-text-muted hover:text-text hover:bg-surface transition-colors">
                                         <Home size={16} />
                                         <span>Back to Home</span>
                                     </Link>
                                 )}
                                 {!isEmbed && !isReadOnly && (
                                     <>
-                                        <Link href="/settings" className="flex items-center gap-3 px-3 py-2 rounded-lg text-sm text-text-secondary hover:text-white hover:bg-white/5 transition-colors">
+                                        <Link to="/settings" className="flex items-center gap-3 px-3 py-2 rounded-lg text-sm text-text-muted hover:text-text hover:bg-surface transition-colors">
                                             <Settings size={16} />
                                             <span>Settings</span>
                                         </Link>
                                         {userConfig?.useCustomKey && (
-                                            <div className="flex items-center gap-1.5 px-3 py-1 text-cyan-400 text-[10px] uppercase tracking-wider font-medium" title="Using your custom AI provider">
+                                            <div className="flex items-center gap-1.5 px-3 py-1 text-accent text-xs font-medium" title="Using your custom AI provider">
                                                 <Key size={12} /> Custom API
                                             </div>
                                         )}
                                         {userConfig?.showProgressNotice !== false && (
                                             <div className="flex items-center justify-between px-3 py-1 mt-1 mb-1">
-                                                <div className="flex items-center gap-1.5 text-text-secondary opacity-70">
+                                                <div className="flex items-center gap-1.5 text-text-muted opacity-70">
                                                     <HardDrive size={12} />
-                                                    <span className="text-[10px] uppercase tracking-wider font-medium">Saved in this browser</span>
+                                                    <span className="text-xs font-medium">Saved in this browser</span>
                                                 </div>
                                                 <AlertDialog open={isResetDialogOpen} onOpenChange={setIsResetDialogOpen}>
                                                     <AlertDialogTrigger asChild>
                                                         <button
                                                             type="button"
-                                                            className="text-[10px] uppercase tracking-wider font-bold text-red-400 hover:text-red-300 transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-indigo-500 focus-visible:ring-offset-2 focus-visible:ring-offset-[var(--color-surface)]"
+                                                            className="text-xs font-bold text-danger hover:text-danger transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-strong focus-visible:ring-offset-2 focus-visible:ring-offset-[var(--color-surface)]"
                                                         >
                                                             Reset
                                                         </button>
@@ -799,17 +790,17 @@ export default function WorkspaceShell({ roadmap, onUpdateSection, onUpdateRoadm
                         ) : (
                             <>
                                 {!isEmbed && (
-                                    <Link href="/" className="flex items-center justify-center p-2 rounded-lg text-text-secondary hover:text-white hover:bg-white/5 transition-colors" title="Back to Home">
+                                    <Link to="/" className="flex items-center justify-center p-2 rounded-lg text-text-muted hover:text-text hover:bg-surface transition-colors" title="Back to Home">
                                         <Home size={18} />
                                     </Link>
                                 )}
                                 {!isEmbed && !isReadOnly && (
                                     <>
-                                        <Link href="/settings" className="flex items-center justify-center p-2 rounded-lg text-text-secondary hover:text-white hover:bg-white/5 transition-colors" title="Settings">
+                                        <Link to="/settings" className="flex items-center justify-center p-2 rounded-lg text-text-muted hover:text-text hover:bg-surface transition-colors" title="Settings">
                                             <Settings size={18} />
                                         </Link>
                                         {userConfig?.useCustomKey && (
-                                            <div className="flex items-center gap-1.5 text-cyan-400 text-[8px] uppercase tracking-wider font-medium" title="Using your custom AI provider">
+                                            <div className="flex items-center gap-1.5 text-accent text-xs font-medium" title="Using your custom AI provider">
                                                 <Key size={10} />
                                             </div>
                                         )}
@@ -823,16 +814,16 @@ export default function WorkspaceShell({ roadmap, onUpdateSection, onUpdateRoadm
                 {/* Mobile overlay */}
                 {sidebarOpen && (
                     <div
-                        className="fixed inset-0 bg-obsidian/80 backdrop-blur-sm z-20 sm:hidden transition-opacity duration-300"
+                        className="fixed inset-0 bg-page/80 z-20 sm:hidden transition-opacity duration-300"
                         onClick={() => setSidebarOpen(false)}
                     />
                 )}
 
                 {/* Main Content Area */}
-                <main id="main-content" className="flex-1 overflow-y-auto relative bg-obsidian flex flex-col">
+                <main id="main-content" className="flex-1 overflow-y-auto relative bg-page flex flex-col">
                     {/* Workspace Header */}
                     {!isEmbed && !isReadOnly && (
-                        <div className="sticky top-0 z-30 flex-shrink-0 border-b border-border bg-[var(--color-page)]/95 backdrop-blur-md flex items-center justify-between px-6 py-3">
+                        <div className="sticky top-0 z-30 flex-shrink-0 border-b border-border bg-[var(--color-page)]/95 flex items-center justify-between px-6 py-3">
                             <div className="flex-1">
                                 {/* Potential breadcrumbs or workspace specific title override here */}
                             </div>
@@ -840,19 +831,19 @@ export default function WorkspaceShell({ roadmap, onUpdateSection, onUpdateRoadm
                                 <ThemeToggle />
                                 <button
                                     onClick={() => setShowShortcuts(!showShortcuts)}
-                                    className="flex items-center justify-center w-8 h-8 rounded-lg bg-obsidian-surface text-text-secondary hover:text-white hover:bg-white/5 transition-colors border border-border"
+                                    className="flex items-center justify-center w-8 h-8 rounded-lg bg-surface text-text-muted hover:text-text hover:bg-surface transition-colors border border-border"
                                     title="Keyboard Shortcuts"
                                     aria-label="Open keyboard shortcuts"
                                 >
                                     <HelpCircle size={16} />
                                 </button>
                                 {showShortcuts && (
-                                    <div className="absolute top-16 right-6 w-80 bg-obsidian-elevated border border-border rounded-xl shadow-2xl z-50 animate-fade-in p-5">
+                                    <div className="absolute top-16 right-6 w-80 bg-surface-muted border border-border rounded-xl shadow-2xl z-50 animate-fade-in p-5">
                                         <div className="flex items-center justify-between mb-4">
-                                            <h3 className="font-sans-display text-xs uppercase tracking-widest text-text-primary font-bold">Keyboard Shortcuts</h3>
+                                            <h3 className="font-display text-xs text-text font-bold">Keyboard Shortcuts</h3>
                                             <button
                                                 onClick={() => setShowShortcuts(false)}
-                                                className="text-text-secondary hover:text-white"
+                                                className="text-text-muted hover:text-text"
                                                 aria-label="Close keyboard shortcuts"
                                             >
                                                 <X size={14} />
@@ -867,8 +858,8 @@ export default function WorkspaceShell({ roadmap, onUpdateSection, onUpdateRoadm
                                                 { k: ']', d: 'Next module' }
                                             ].map(s => (
                                                 <div key={s.k} className="flex items-center justify-between">
-                                                    <span className="text-sm text-text-secondary">{s.d}</span>
-                                                    <kbd className="px-2 py-1 bg-obsidian rounded border border-border-subtle text-[10px] font-mono text-white min-w-[24px] text-center">{s.k}</kbd>
+                                                    <span className="text-sm text-text-muted">{s.d}</span>
+                                                    <kbd className="px-2 py-1 bg-page rounded border border-border text-xs font-mono text-text min-w-[24px] text-center">{s.k}</kbd>
                                                 </div>
                                             ))}
                                         </div>
@@ -878,7 +869,7 @@ export default function WorkspaceShell({ roadmap, onUpdateSection, onUpdateRoadm
                                     type="button"
                                     onClick={() => setIsSrsModalOpen(true)}
                                     disabled={dueSrsItems.length === 0}
-                                    className="inline-flex items-center gap-2 rounded-lg border border-border bg-obsidian-surface px-3 py-2 text-xs font-bold uppercase tracking-widest text-text-secondary transition-colors hover:text-white hover:bg-white/5 disabled:cursor-not-allowed disabled:opacity-50"
+                                    className="inline-flex items-center gap-2 rounded-lg border border-border bg-surface px-3 py-2 text-xs font-bold text-text-muted transition-colors hover:text-text hover:bg-surface disabled:cursor-not-allowed disabled:opacity-50"
                                     title={dueSrsItems.length === 0 ? "No spaced repetition cards are due right now" : `Review ${dueSrsItems.length} spaced repetition cards`}
                                 >
                                     <History size={14} />
@@ -888,19 +879,19 @@ export default function WorkspaceShell({ roadmap, onUpdateSection, onUpdateRoadm
                                 <div className="relative">
                                     <button
                                         onClick={() => setShowExportMenu(!showExportMenu)}
-                                        className="flex items-center gap-2 px-4 py-2 bg-indigo-500/10 hover:bg-indigo-500/20 text-indigo-300 rounded-lg text-xs font-bold uppercase tracking-widest transition-colors border border-indigo-500/30"
+                                        className="flex items-center gap-2 px-4 py-2 bg-accent/10 hover:bg-accent/20 text-accent rounded-lg text-xs font-bold transition-colors border border-accent/30"
                                     >
                                         Export <ChevronDown size={12} />
                                     </button>
                                     {showExportMenu && (
-                                        <div className="absolute right-0 top-full mt-2 w-48 bg-obsidian-elevated border border-border rounded-lg shadow-xl z-50 animate-in fade-in zoom-in duration-200 py-1">
-                                            <button onClick={() => { exportAsMarkdown(roadmap); setShowExportMenu(false); }} className="w-full flex items-center gap-3 px-4 py-2 text-sm text-text-primary hover:bg-white/5 text-left">
+                                        <div className="absolute right-0 top-full mt-2 w-48 bg-surface-muted border border-border rounded-lg shadow-xl z-50 animate-in fade-in zoom-in duration-200 py-1">
+                                            <button onClick={() => { exportAsMarkdown(roadmap); setShowExportMenu(false); }} className="w-full flex items-center gap-3 px-4 py-2 text-sm text-text hover:bg-surface text-left">
                                                 <FileText size={14} /> Download as Markdown
                                             </button>
-                                            <button onClick={() => { exportAsJSON(roadmap); setShowExportMenu(false); }} className="w-full flex items-center gap-3 px-4 py-2 text-sm text-text-primary hover:bg-white/5 text-left">
+                                            <button onClick={() => { exportAsJSON(roadmap); setShowExportMenu(false); }} className="w-full flex items-center gap-3 px-4 py-2 text-sm text-text hover:bg-surface text-left">
                                                 <Braces size={14} /> Download as JSON
                                             </button>
-                                            <button onClick={() => { exportAsPDF(roadmap); setShowExportMenu(false); }} className="w-full flex items-center gap-3 px-4 py-2 text-sm text-text-primary hover:bg-white/5 text-left">
+                                            <button onClick={() => { exportAsPDF(roadmap); setShowExportMenu(false); }} className="w-full flex items-center gap-3 px-4 py-2 text-sm text-text hover:bg-surface text-left">
                                                 <Printer size={14} /> Print / Save as PDF
                                             </button>
                                         </div>
@@ -910,7 +901,7 @@ export default function WorkspaceShell({ roadmap, onUpdateSection, onUpdateRoadm
                                 {/* Version History */}
                                 <button
                                     onClick={() => setShowVersionHistory(true)}
-                                    className="flex items-center justify-center w-8 h-8 rounded-lg bg-obsidian-surface text-text-secondary hover:text-white hover:bg-white/5 transition-colors border border-border"
+                                    className="flex items-center justify-center w-8 h-8 rounded-lg bg-surface text-text-muted hover:text-text hover:bg-surface transition-colors border border-border"
                                     title="Version History"
                                     aria-label="Open version history"
                                 >
@@ -919,7 +910,7 @@ export default function WorkspaceShell({ roadmap, onUpdateSection, onUpdateRoadm
 
                                 <button
                                     onClick={() => setShareModalOpen(true)}
-                                    className="flex items-center gap-2 px-4 py-2 bg-indigo-500/10 hover:bg-indigo-500/20 text-indigo-300 rounded-lg text-xs font-bold uppercase tracking-widest transition-colors border border-indigo-500/30"
+                                    className="flex items-center gap-2 px-4 py-2 bg-accent/10 hover:bg-accent/20 text-accent rounded-lg text-xs font-bold transition-colors border border-accent/30"
                                 >
                                     <Share size={14} />
                                     Share & Embed
@@ -928,24 +919,24 @@ export default function WorkspaceShell({ roadmap, onUpdateSection, onUpdateRoadm
                         </div>
                     )}
 
-                    <div className="flex-1 overflow-y-auto relative bg-obsidian">
+                    <div className="flex-1 overflow-y-auto relative bg-page">
                         {/* Banners */}
                         {isLowQuality && (
-                            <div className="bg-indigo-500/10 border-b border-indigo-500/20 text-indigo-400 py-3 px-4 flex flex-col sm:flex-row items-center justify-center gap-4 text-sm z-10 relative">
+                            <div className="bg-accent/10 border-b border-accent/20 text-accent py-3 px-4 flex flex-col sm:flex-row items-center justify-center gap-4 text-sm z-10 relative">
                                 <span className="flex items-center gap-2">
                                     <Info size={16} aria-hidden="true" />
                                     Your content generated a minimal workspace. For richer results, try adding more detail to your content or use a longer guide.
                                 </span>
                                 <button
-                                    onClick={() => router.push('/create')}
-                                    className="px-3 py-1.5 bg-indigo-500/20 hover:bg-indigo-500/30 text-indigo-300 font-bold rounded flex items-center gap-2 transition-colors whitespace-nowrap"
+                                    onClick={() => navigate({ to: "/create" })}
+                                    className="px-3 py-1.5 bg-accent/20 hover:bg-accent/30 text-accent font-bold rounded flex items-center gap-2 transition-colors whitespace-nowrap"
                                 >
                                     Improve my content <ArrowRight size={14} />
                                 </button>
                             </div>
                         )}
                         {isAtRisk && (
-                            <div className="bg-indigo-500/10 border-b border-indigo-500/20 text-indigo-400 py-2 px-4 flex items-center justify-center gap-2 text-sm z-10 relative">
+                            <div className="bg-accent/10 border-b border-accent/20 text-accent py-2 px-4 flex items-center justify-center gap-2 text-sm z-10 relative">
                                 <Flame size={16} />
                                 Your {currentStreak} day learning streak is at risk! Complete a task today to keep it going.
                             </div>
@@ -954,7 +945,7 @@ export default function WorkspaceShell({ roadmap, onUpdateSection, onUpdateRoadm
                             const days = (new Date(e.date).getTime() - Date.now()) / (1000 * 60 * 60 * 24);
                             return days < 0 && !e.completed;
                         }) && (
-                                <div className="bg-red-500/10 border-b border-red-500/20 text-red-400 py-2 px-4 flex items-center justify-center gap-2 text-sm">
+                                <div className="bg-danger/10 border-b border-danger/20 text-danger py-2 px-4 flex items-center justify-center gap-2 text-sm">
                                     <Clock size={16} />
                                     You have overdue deadlines. Check your calendar.
                                 </div>
@@ -967,37 +958,37 @@ export default function WorkspaceShell({ roadmap, onUpdateSection, onUpdateRoadm
                                 <div className="flex flex-col items-center text-center space-y-6 max-w-3xl mx-auto relative">
                                     {/* Streak indicator right side */}
                                     {currentStreak > 0 && (
-                                        <div className="absolute top-0 right-0 hidden md:flex items-center gap-2 bg-obsidian-light border border-indigo-500/30 text-indigo-400 px-4 py-2 rounded-full shadow-[0_0_15px_rgba(99,102,241,0.1)]">
-                                            <Flame size={18} className={isAtRisk ? "" : "animate-pulse"} />
+                                        <div className="absolute top-0 right-0 hidden md:flex items-center gap-2 bg-surface-muted border border-accent/30 text-accent px-4 py-2 rounded-full">
+                                            <Flame size={18} className={isAtRisk ? "" : ""} />
                                             <span className="font-bold">{currentStreak} Day Streak</span>
                                         </div>
                                     )}
-                                    <div className="inline-flex items-center justify-center px-3 py-1 rounded-full border border-indigo-500/30 bg-indigo-500/10">
-                                        <span className="font-sans-display text-[12px] uppercase tracking-widest text-indigo-400 font-bold">
+                                    <div className="inline-flex items-center justify-center px-3 py-1 rounded-full border border-accent/30 bg-accent/10">
+                                        <span className="font-display text-[12px] text-accent font-bold">
                                             {roadmap.mode} Course
                                         </span>
                                     </div>
-                                    <h1 className="font-display text-4xl sm:text-5xl lg:text-6xl tracking-tight text-white leading-[1.1]">
+                                    <h1 className="font-display text-4xl sm:text-5xl lg:text-6xl tracking-tight text-text leading-[1.1]">
                                         {roadmap.title}
                                     </h1>
                                     {roadmap.summary && (
-                                        <p className="font-body text-text-secondary text-lg leading-relaxed">
+                                        <p className="font-body text-text-muted text-lg leading-relaxed">
                                             {roadmap.summary}
                                         </p>
                                     )}
                                     {roadmap.objectives && roadmap.objectives.length > 0 && (
-                                        <div className="mt-8 text-left w-full bg-obsidian-surface/40 border border-border rounded-2xl p-8 shadow-inner">
-                                            <h3 className="font-sans-display text-xs uppercase tracking-[0.2em] text-text-secondary mb-6 flex items-center gap-2">
-                                                <span className="w-4 h-[1px] bg-indigo-500" />
+                                        <div className="mt-8 text-left w-full bg-surface/40 border border-border rounded-2xl p-8 shadow-inner">
+                                            <h3 className="font-display text-xs text-text-muted mb-6 flex items-center gap-2">
+                                                <span className="w-4 h-[1px] bg-accent" />
                                                 Learning Objectives
                                             </h3>
                                             <div className="grid sm:grid-cols-2 gap-4">
                                                 {roadmap.objectives.map((obj, i) => (
                                                     <div key={i} className="flex items-start gap-4">
-                                                        <div className="w-6 h-6 rounded-full bg-indigo-500/10 border border-indigo-500/30 text-indigo-400 flex flex-col items-center justify-center shrink-0 mt-0.5">
+                                                        <div className="w-6 h-6 rounded-full bg-accent/10 border border-accent/30 text-accent flex flex-col items-center justify-center shrink-0 mt-0.5">
                                                             <SearchCode size={12} />
                                                         </div>
-                                                        <p className="font-body text-text-primary text-sm leading-relaxed">{obj}</p>
+                                                        <p className="font-body text-text text-sm leading-relaxed">{obj}</p>
                                                     </div>
                                                 ))}
                                             </div>
@@ -1008,20 +999,20 @@ export default function WorkspaceShell({ roadmap, onUpdateSection, onUpdateRoadm
                                 {/* Intelligent Insights Row */}
                                 <div className="grid lg:grid-cols-3 gap-6">
                                     {/* Progress Ring & Continue */}
-                                    <div id="tour-progress" className="lg:col-span-2 flex flex-col items-center justify-center bg-obsidian-surface/30 border border-border rounded-2xl p-10 backdrop-blur-md relative overflow-hidden">
-                                        <div className="absolute inset-0 bg-gradient-to-b from-indigo-500/5 to-transparent pointer-events-none" />
+                                    <div id="tour-progress" className="lg:col-span-2 flex flex-col items-center justify-center bg-surface/30 border border-border rounded-2xl p-10 relative overflow-hidden">
+                                        <div className="absolute inset-0 bg-accent/5 to-transparent pointer-events-none" />
 
                                         <div className="flex flex-col sm:flex-row items-center gap-10">
-                                            <ProgressRing percent={progress.overall} size={140} strokeWidth={8} className="drop-shadow-[0_0_30px_rgba(99,102,241,0.2)]" />
+                                            <ProgressRing percent={progress.overall} size={140} strokeWidth={8} className="" />
 
                                             <div className="text-center sm:text-left flex flex-col items-center sm:items-start">
-                                                <h4 className="font-display text-base font-semibold text-text-primary font-medium mb-2">{getMotivationalMessage(progress.overall)}</h4>
-                                                <p className="text-sm text-text-secondary mb-8 font-sans-display uppercase tracking-widest">{progress.completedTasks} of {progress.totalTasks} Tasks Completed</p>
+                                                <h4 className="font-display text-base font-semibold text-text font-medium mb-2">{getMotivationalMessage(progress.overall)}</h4>
+                                                <p className="text-sm text-text-muted mb-8 font-display">{progress.completedTasks} of {progress.totalTasks} Tasks Completed</p>
 
                                                 <div className="flex flex-col gap-3 sm:flex-row">
                                                     <button
                                                         onClick={() => onNavigate(firstIncompleteModule.id)}
-                                                        className="px-8 py-4 bg-indigo-600 hover:bg-indigo-500 text-white font-sans-display text-xs uppercase tracking-widest font-bold rounded-lg transition-all flex items-center gap-3 group drop-shadow-[0_0_15px_rgba(99,102,241,0.4)]"
+                                                        className="px-8 py-4 bg-text hover:bg-[#e6e6e6] text-page font-display text-xs font-medium rounded-full transition-all flex items-center gap-3 group"
                                                     >
                                                         Continue Learning
                                                         <ArrowRight size={16} className="group-hover:translate-x-1 transition-transform" />
@@ -1030,7 +1021,7 @@ export default function WorkspaceShell({ roadmap, onUpdateSection, onUpdateRoadm
                                                         type="button"
                                                         onClick={() => setIsSrsModalOpen(true)}
                                                         disabled={dueSrsItems.length === 0 || isReadOnly}
-                                                        className="px-6 py-4 border border-border-subtle bg-obsidian-elevated text-text-primary font-sans-display text-xs uppercase tracking-widest font-bold rounded-lg transition-colors hover:border-indigo-500/40 hover:text-indigo-300 disabled:cursor-not-allowed disabled:opacity-50"
+                                                        className="px-6 py-4 border border-border bg-surface-muted text-text font-display text-xs font-bold rounded-lg transition-colors hover:border-accent/40 hover:text-accent disabled:cursor-not-allowed disabled:opacity-50"
                                                     >
                                                         {dueSrsItems.length > 0 ? `Review ${dueSrsItems.length} Cards` : "No Cards Due"}
                                                     </button>
@@ -1041,65 +1032,65 @@ export default function WorkspaceShell({ roadmap, onUpdateSection, onUpdateRoadm
 
                                     {/* Smart Insights Card */}
                                     <div className="flex flex-col gap-4">
-                                        <div className="bg-obsidian-surface/40 border border-border rounded-2xl p-6 flex-1">
-                                            <h3 className="font-sans-display text-xs uppercase tracking-[0.2em] text-text-secondary mb-4 flex items-center gap-2">
-                                                <Target size={14} className="text-indigo-400" />
+                                        <div className="bg-surface/40 border border-border rounded-2xl p-6 flex-1">
+                                            <h3 className="font-display text-xs text-text-muted mb-4 flex items-center gap-2">
+                                                <Target size={14} className="text-accent" />
                                                 Your Progress
                                             </h3>
                                             <div className="space-y-4">
                                                 <div className="flex justify-between items-center">
-                                                    <span className="text-sm text-text-secondary">Tasks Today</span>
-                                                    <span className="text-sm font-bold text-white flex items-center gap-2">
+                                                    <span className="text-sm text-text-muted">Tasks Today</span>
+                                                    <span className="text-sm font-bold text-text flex items-center gap-2">
                                                         {tasksCompletedToday}
-                                                        {tasksCompletedToday > tasksCompletedYesterday && <span className="text-emerald-400 text-[12px]">↑</span>}
+                                                        {tasksCompletedToday > tasksCompletedYesterday && <span className="text-accent text-[12px]">↑</span>}
                                                     </span>
                                                 </div>
                                                 <div className="flex justify-between items-center">
-                                                    <span className="text-sm text-text-secondary">Tasks Yesterday</span>
-                                                    <span className="text-sm text-white">{tasksCompletedYesterday}</span>
+                                                    <span className="text-sm text-text-muted">Tasks Yesterday</span>
+                                                    <span className="text-sm text-text">{tasksCompletedYesterday}</span>
                                                 </div>
                                                 <div className="flex justify-between items-center">
-                                                    <span className="text-sm text-text-secondary">Est. Remaining Time</span>
-                                                    <span className="text-sm text-white">
+                                                    <span className="text-sm text-text-muted">Est. Remaining Time</span>
+                                                    <span className="text-sm text-text">
                                                         {progress.completedTasks > 0 && progress.totalTasks > progress.completedTasks
                                                             ? formatTime((sessionTimeMs / progress.completedTasks) * (progress.totalTasks - progress.completedTasks))
                                                             : "-"}
                                                     </span>
                                                 </div>
-                                                <div className="h-[1px] bg-white/5 w-full my-2"></div>
+                                                <div className="h-[1px] bg-surface w-full my-2"></div>
                                                 {mostTimeSpentModule.module && (
                                                     <div className="flex flex-col gap-1">
-                                                        <span className="text-[12px] text-text-secondary font-sans-display uppercase tracking-widest">Most time spent on</span>
-                                                        <span className="text-sm text-indigo-300 line-clamp-1">{mostTimeSpentModule.module.title}</span>
-                                                        <span className="text-[12px] text-text-secondary">{formatTime(mostTimeSpentModule.time)}</span>
+                                                        <span className="text-[12px] text-text-muted font-display">Most time spent on</span>
+                                                        <span className="text-sm text-accent line-clamp-1">{mostTimeSpentModule.module.title}</span>
+                                                        <span className="text-[12px] text-text-muted">{formatTime(mostTimeSpentModule.time)}</span>
                                                     </div>
                                                 )}
                                             </div>
                                         </div>
 
                                         {calendarEvents.length > 0 && (
-                                            <div className="bg-obsidian-surface/40 border border-border rounded-2xl p-6 flex-1">
-                                                <h3 className="font-sans-display text-xs uppercase tracking-[0.2em] text-text-secondary mb-4 flex items-center gap-2">
-                                                    <Calendar size={14} className="text-indigo-400" />
+                                            <div className="bg-surface/40 border border-border rounded-2xl p-6 flex-1">
+                                                <h3 className="font-display text-xs text-text-muted mb-4 flex items-center gap-2">
+                                                    <Calendar size={14} className="text-accent" />
                                                     Upcoming Deadlines
                                                 </h3>
                                                 <div className="space-y-3">
                                                     {calendarEvents.slice(0, 3).map(event => {
                                                         const days = (new Date(event.date).getTime() - Date.now()) / (1000 * 60 * 60 * 24);
-                                                        let color = "text-emerald-400 bg-emerald-400/10 border-emerald-400/20";
-                                                        if (days < 0) color = "text-text-secondary bg-white/5 border-border-subtle";
-                                                        else if (days < 3) color = "text-red-400 bg-red-400/10 border-red-400/20";
-                                                        else if (days < 7) color = "text-cyan-400 bg-cyan-400/10 border-cyan-400/20";
+                                                        let color = "text-accent bg-accent/10 border-accent/20";
+                                                        if (days < 0) color = "text-text-muted bg-surface border-border";
+                                                        else if (days < 3) color = "text-danger bg-danger/10 border-danger/20";
+                                                        else if (days < 7) color = "text-accent bg-accent/10 border-accent/20";
 
                                                         return (
                                                             <div key={event.id} className="flex flex-col gap-1">
                                                                 <div className="flex items-center justify-between">
-                                                                    <span className="text-base font-semibold text-text-primary line-clamp-1">{event.title}</span>
-                                                                    <span className={`text-xs uppercase font-bold px-2 py-0.5 rounded border ${color}`}>
+                                                                    <span className="text-base font-semibold text-text line-clamp-1">{event.title}</span>
+                                                                    <span className={`text-xs  font-bold px-2 py-0.5 rounded border ${color}`}>
                                                                         {days < 0 ? 'Past' : `${Math.ceil(days)}d`}
                                                                     </span>
                                                                 </div>
-                                                                <span className="text-[12px] text-text-secondary">{new Date(event.date).toLocaleDateString()}</span>
+                                                                <span className="text-[12px] text-text-muted">{new Date(event.date).toLocaleDateString()}</span>
                                                             </div>
                                                         )
                                                     })}
@@ -1117,13 +1108,13 @@ export default function WorkspaceShell({ roadmap, onUpdateSection, onUpdateRoadm
                                         { label: "Resources", value: totalResources, icon: <BookOpen size={18} /> },
                                         { label: "Videos", value: totalVideos, icon: <Video size={18} /> },
                                     ].map((stat, i) => (
-                                        <div key={i} className="bg-obsidian-surface/40 border border-border rounded-xl p-5 flex items-center gap-4">
-                                            <div className="w-10 h-10 rounded-lg bg-white/5 flex items-center justify-center text-indigo-400">
+                                        <div key={i} className="bg-surface/40 border border-border rounded-xl p-5 flex items-center gap-4">
+                                            <div className="w-10 h-10 rounded-lg bg-surface flex items-center justify-center text-accent">
                                                 {stat.icon}
                                             </div>
                                             <div>
-                                                <div className="font-display text-2xl text-white">{stat.value}</div>
-                                                <div className="font-sans-display text-xs uppercase tracking-widest text-text-secondary">{stat.label}</div>
+                                                <div className="font-display text-2xl text-text">{stat.value}</div>
+                                                <div className="font-display text-xs text-text-muted">{stat.label}</div>
                                             </div>
                                         </div>
                                     ))}
@@ -1131,8 +1122,8 @@ export default function WorkspaceShell({ roadmap, onUpdateSection, onUpdateRoadm
 
                                 {/* Achievements Section */}
                                 <div>
-                                    <h3 className="font-sans-display text-xs uppercase tracking-[0.15em] text-text-secondary mb-6 flex items-center gap-2">
-                                        <Trophy size={14} className="text-indigo-500" />
+                                    <h3 className="font-display text-xs text-text-muted mb-6 flex items-center gap-2">
+                                        <Trophy size={14} className="text-accent" />
                                         Achievements
                                     </h3>
                                     <div className="grid grid-cols-2 md:grid-cols-4 lg:grid-cols-7 gap-4">
@@ -1140,17 +1131,17 @@ export default function WorkspaceShell({ roadmap, onUpdateSection, onUpdateRoadm
                                             <div
                                                 key={badge.id}
                                                 className={`relative flex flex-col items-center text-center p-4 rounded-xl border transition-all ${badge.unlockedAt
-                                                    ? "bg-indigo-500/10 border-indigo-500/30 hover:bg-indigo-500/20"
-                                                    : "bg-white/5 border-border opacity-50 grayscale hover:grayscale-0"
+                                                    ? "bg-accent/10 border-accent/30 hover:bg-accent/20"
+                                                    : "bg-surface border-border opacity-50 grayscale hover:grayscale-0"
                                                     }`}
                                                 title={badge.description}
                                             >
                                                 <div className="text-3xl mb-2">{badge.icon}</div>
-                                                <div className="text-xs font-bold text-white leading-tight mb-1">{badge.title}</div>
+                                                <div className="text-xs font-bold text-text leading-tight mb-1">{badge.title}</div>
                                                 {!badge.unlockedAt && (
-                                                    <div className="absolute inset-0 flex flex-col items-center justify-center bg-obsidian/90 backdrop-blur-sm opacity-0 hover:opacity-100 transition-opacity rounded-xl p-2 z-10">
-                                                        <Lock size={12} className="mb-1 text-text-secondary" />
-                                                        <span className="text-[9px] text-text-secondary">{badge.description}</span>
+                                                    <div className="absolute inset-0 flex flex-col items-center justify-center bg-page/90 opacity-0 hover:opacity-100 transition-opacity rounded-xl p-2 z-10">
+                                                        <Lock size={12} className="mb-1 text-text-muted" />
+                                                        <span className="text-xs text-text-muted">{badge.description}</span>
                                                     </div>
                                                 )}
                                             </div>
@@ -1161,8 +1152,8 @@ export default function WorkspaceShell({ roadmap, onUpdateSection, onUpdateRoadm
                                 {/* Module Grid */}
                                 {moduleSections.length > 0 && (
                                     <div>
-                                        <h3 className="font-sans-display text-xs uppercase tracking-[0.15em] text-text-secondary mb-6 flex items-center gap-2">
-                                            <span className="w-4 h-[1px] bg-indigo-500" />
+                                        <h3 className="font-display text-xs text-text-muted mb-6 flex items-center gap-2">
+                                            <span className="w-4 h-[1px] bg-accent" />
                                             Course Modules
                                         </h3>
                                         <div className="grid sm:grid-cols-2 lg:grid-cols-3 gap-5">
@@ -1176,40 +1167,40 @@ export default function WorkspaceShell({ roadmap, onUpdateSection, onUpdateRoadm
                                                         key={mod.id}
                                                         id={idx === 0 ? "tour-first-module" : undefined}
                                                         onClick={() => onNavigate(mod.id)}
-                                                        className="group relative flex flex-col items-start bg-obsidian-surface/30 border border-border hover:border-indigo-500/30 rounded-xl p-6 text-left transition-all hover:bg-obsidian-surface/80 overflow-hidden"
+                                                        className="group relative flex flex-col items-start bg-surface/30 border border-border hover:border-accent/30 rounded-xl p-6 text-left transition-all hover:bg-surface/80 overflow-hidden"
                                                     >
-                                                        <div className="absolute top-0 right-0 w-32 h-32 bg-indigo-500/5 blur-3xl -mr-10 -mt-10 pointer-events-none group-hover:bg-indigo-500/10 transition-colors" />
+                                                        <div className="absolute top-0 right-0 w-32 h-32 bg-accent/5 blur-3xl -mr-10 -mt-10 pointer-events-none group-hover:bg-accent/10 transition-colors" />
 
                                                         <div className="flex items-center justify-between w-full mb-4">
-                                                            <span className="font-mono text-[12px] text-text-secondary/50 group-hover:text-indigo-400 transition-colors">
+                                                            <span className="font-mono text-[12px] text-text-muted/50 group-hover:text-accent transition-colors">
                                                                 MOD {String(idx + 1).padStart(2, "0")}
                                                             </span>
-                                                            <span className={`font-sans-display text-[8px] uppercase tracking-widest px-2 py-1 rounded border ${status === "Complete" ? "border-emerald-500/30 text-emerald-400" :
-                                                                status === "In Progress" ? "border-indigo-500/30 text-indigo-400" :
-                                                                    "border-border-subtle text-text-secondary"
+                                                            <span className={`font-display text-xs   px-2 py-1 rounded border ${status === "Complete" ? "border-accent/30 text-accent" :
+                                                                status === "In Progress" ? "border-accent/30 text-accent" :
+"border-border text-text-muted"
                                                                 }`}>
                                                                 {status}
                                                             </span>
                                                         </div>
 
-                                                        <h4 className="font-display text-lg text-white mb-2 line-clamp-2">
+                                                        <h4 className="font-display text-lg text-text mb-2 line-clamp-2">
                                                             {mod.title}
                                                         </h4>
 
                                                         {mod.type === "module" && (mod as ModuleSectionType).data.description && (
-                                                            <p className="text-text-secondary text-sm line-clamp-2 mb-6 font-body">
+                                                            <p className="text-text-muted text-sm line-clamp-2 mb-6 font-body">
                                                                 {(mod as ModuleSectionType).data.description}
                                                             </p>
                                                         )}
 
                                                         <div className="mt-auto w-full">
-                                                            <div className="flex items-center justify-between font-sans-display text-xs uppercase tracking-widest text-text-secondary mb-2">
+                                                            <div className="flex items-center justify-between font-display text-xs text-text-muted mb-2">
                                                                 <span>{tasksCount} tasks</span>
                                                                 <span>{modPercent}%</span>
                                                             </div>
-                                                            <div className="h-1 bg-white/5 rounded-full overflow-hidden">
+                                                            <div className="h-1 bg-surface rounded-full overflow-hidden">
                                                                 <div
-                                                                    className={`h-full rounded-full transition-all duration-700 ${modPercent === 100 ? "bg-emerald-500" : "bg-indigo-500"}`}
+                                                                    className={`h-full rounded-full transition-all duration-700 ${modPercent === 100 ? "bg-accent" : "bg-accent"}`}
                                                                     style={{ width: `${modPercent}%` }}
                                                                 />
                                                             </div>
@@ -1298,29 +1289,29 @@ export default function WorkspaceShell({ roadmap, onUpdateSection, onUpdateRoadm
             {/* QUICK ACTIONS FAB */}
             {!isReadOnly && (
                 <div className="fixed bottom-6 right-6 z-40 flex flex-col items-end gap-3">
-                    <div className={`flex flex-col items-end gap-2 transition-all duration-300 origin-bottom right-0 ${quickActionsOpen ? "scale-100 opacity-100 pointer-events-auto" : "scale-90 opacity-0 pointer-events-none"}`}>
-                        <button className="flex items-center gap-2 px-4 py-2.5 bg-obsidian-elevated border border-border-subtle rounded-full text-sm font-bold shadow-lg hover:border-indigo-500/50 hover:bg-indigo-500/10 hover:text-indigo-300 transition-colors">
+                    <div className={`flex flex-col items-end gap-2 transition-all duration-300 origin-bottom right-0 ${quickActionsOpen ? " opacity-100 pointer-events-auto" : " opacity-0 pointer-events-none"}`}>
+                        <button className="flex items-center gap-2 px-4 py-2.5 bg-surface-muted border border-border rounded-full text-sm font-bold shadow-lg hover:border-accent/50 hover:bg-accent/10 hover:text-accent transition-colors">
                             <Plus size={16} /> Add Note
                         </button>
-                        <button className="flex items-center gap-2 px-4 py-2.5 bg-obsidian-elevated border border-border-subtle rounded-full text-sm font-bold shadow-lg hover:border-indigo-500/50 hover:bg-indigo-500/10 hover:text-indigo-300 transition-colors">
+                        <button className="flex items-center gap-2 px-4 py-2.5 bg-surface-muted border border-border rounded-full text-sm font-bold shadow-lg hover:border-accent/50 hover:bg-accent/10 hover:text-accent transition-colors">
                             <Plus size={16} /> Add Resource
                         </button>
-                        <button className="flex items-center gap-2 px-4 py-2.5 bg-obsidian-elevated border border-border-subtle rounded-full text-sm font-bold shadow-lg hover:border-indigo-500/50 hover:bg-indigo-500/10 hover:text-indigo-300 transition-colors">
+                        <button className="flex items-center gap-2 px-4 py-2.5 bg-surface-muted border border-border rounded-full text-sm font-bold shadow-lg hover:border-accent/50 hover:bg-accent/10 hover:text-accent transition-colors">
                             <Plus size={16} /> Add Video
                         </button>
                         <button
                             onClick={() => setShareModalOpen(true)}
-                            className="flex items-center gap-2 px-4 py-2.5 bg-obsidian-elevated border border-border-subtle rounded-full text-sm font-bold shadow-lg hover:border-indigo-500/50 hover:bg-indigo-500/10 hover:text-indigo-300 transition-colors"
+                            className="flex items-center gap-2 px-4 py-2.5 bg-surface-muted border border-border rounded-full text-sm font-bold shadow-lg hover:border-accent/50 hover:bg-accent/10 hover:text-accent transition-colors"
                         >
                             <Share size={16} /> Share Workspace
                         </button>
-                        <button className="flex items-center gap-2 px-4 py-2.5 bg-obsidian-elevated border border-border-subtle rounded-full text-sm font-bold shadow-lg hover:border-amber-500/50 hover:bg-amber-500/10 hover:text-amber-300 transition-colors">
+                        <button className="flex items-center gap-2 px-4 py-2.5 bg-surface-muted border border-border rounded-full text-sm font-bold shadow-lg hover:border-warning/50 hover:bg-warning/10 hover:text-warning transition-colors">
                             <RefreshCw size={16} /> Regenerate Workspace
                         </button>
                     </div>
                     <button
                         onClick={() => setQuickActionsOpen(!quickActionsOpen)}
-                        className="w-14 h-14 bg-indigo-600 rounded-full flex items-center justify-center text-white shadow-xl hover:bg-indigo-500 hover:scale-105 transition-all duration-300"
+                        className="w-14 h-14 bg-text rounded-full flex items-center justify-center text-page shadow-xl hover:bg-[#e6e6e6] transition-all duration-300"
                     >
                         <Plus className={`transition-transform duration-300 ${quickActionsOpen ? "rotate-45" : ""}`} size={24} />
                     </button>
@@ -1337,11 +1328,11 @@ export default function WorkspaceShell({ roadmap, onUpdateSection, onUpdateRoadm
             {/* TOUR OVERLAY */}
             {tourStep >= 0 && (
                 <div className="fixed inset-0 z-[50] pointer-events-none">
-                    <div className="absolute inset-0 bg-black/60 backdrop-blur-sm transition-opacity duration-300 pointer-events-auto" />
+                    <div className="absolute inset-0 bg-black/60 transition-opacity duration-300 pointer-events-auto" />
 
                     {tourTarget && (
                         <div
-                            className="absolute bg-obsidian-elevated border border-border-subtle rounded-2xl p-6 shadow-2xl z-[70] shadow-[0_10px_40px_rgba(99,102,241,0.2)] animate-scale-in flex flex-col pointer-events-auto w-72"
+                            className="absolute bg-surface-muted border border-border rounded-2xl p-6 shadow-2xl z-[70] animate-scale-in flex flex-col pointer-events-auto w-72"
                             style={{
                                 top: tourStep === 0 ? Math.max(20, tourTarget.top) // Sidebar
                                     : tourStep === 1 ? tourTarget.bottom + 20 // Progress ring
@@ -1353,21 +1344,21 @@ export default function WorkspaceShell({ roadmap, onUpdateSection, onUpdateRoadm
                                 transition: 'top 0.4s ease, left 0.4s ease'
                             }}
                         >
-                            <h4 className="font-display text-base font-semibold text-text-primary text-white mb-2 text-indigo-100 drop-shadow-sm">
+                            <h4 className="font-display text-base font-semibold text-text mb-2 text-accent-strong drop-shadow-sm">
                                 {tourStep === 0 ? "These are your course modules" :
                                     tourStep === 1 ? "Your completion is tracked here" :
                                         tourStep === 2 ? "Click any module to start learning" :
-                                            "Mark modules done as you go"}
+"Mark modules done as you go"}
                             </h4>
-                            <p className="font-body text-text-secondary text-sm mb-6">
+                            <p className="font-body text-text-muted text-sm mb-6">
                                 {tourStep === 0 ? "Navigate between different sections, tools, and materials here." :
                                     tourStep === 1 ? "Watch this ring fill up as you complete tasks throughout the course." :
                                         tourStep === 2 ? "Dive into your first generated learning module." :
-                                            "Check this off when you finish all tasks to boost your progress."}
+"Check this off when you finish all tasks to boost your progress."}
                             </p>
-                            <div className="flex items-center justify-between mt-auto pt-4 border-t border-border-subtle">
-                                <button onClick={endTour} className="text-xs text-text-secondary hover:text-white transition-colors">End Tour</button>
-                                <button onClick={handleNextTourStep} className="px-5 py-2 rounded-lg bg-indigo-500 hover:bg-indigo-400 text-white font-bold text-xs">
+                            <div className="flex items-center justify-between mt-auto pt-4 border-t border-border">
+                                <button onClick={endTour} className="text-xs text-text-muted hover:text-text transition-colors">End Tour</button>
+                                <button onClick={handleNextTourStep} className="px-5 py-2 rounded-full bg-text hover:bg-[#e6e6e6] text-page font-medium text-xs">
                                     Next →
                                 </button>
                             </div>
@@ -1378,34 +1369,34 @@ export default function WorkspaceShell({ roadmap, onUpdateSection, onUpdateRoadm
 
             {/* Version History Drawer */}
             {showVersionHistory && (
-                <div className="fixed inset-0 z-50 flex justify-end bg-obsidian/50 backdrop-blur-sm" onClick={() => setShowVersionHistory(false)}>
-                    <div className="w-full max-w-md bg-obsidian border-l border-border h-full shadow-2xl animate-in slide-in-from-right duration-300 overflow-y-auto" onClick={e => e.stopPropagation()}>
-                        <div className="p-6 border-b border-border flex items-center justify-between sticky top-0 bg-obsidian z-10">
-                            <h3 className="font-sans-display text-xs uppercase tracking-widest text-text-primary font-bold">Version History</h3>
+                <div className="fixed inset-0 z-50 flex justify-end bg-page/50" onClick={() => setShowVersionHistory(false)}>
+                    <div className="w-full max-w-md bg-page border-l border-border h-full shadow-2xl animate-in slide-in-from-right duration-300 overflow-y-auto" onClick={e => e.stopPropagation()}>
+                        <div className="p-6 border-b border-border flex items-center justify-between sticky top-0 bg-page z-10">
+                            <h3 className="font-display text-xs text-text font-bold">Version History</h3>
                             <button
                                 onClick={() => setShowVersionHistory(false)}
                                 aria-label="Close version history"
-                                className="text-text-secondary hover:text-white"
+                                className="text-text-muted hover:text-text"
                             >
                                 <X size={16} />
                             </button>
                         </div>
                         <div className="p-6 space-y-4">
                             {versions.length === 0 ? (
-                                <p className="text-text-secondary text-sm text-center py-8">No saved versions yet.</p>
+                                <p className="text-text-muted text-sm text-center py-8">No saved versions yet.</p>
                             ) : (
                                 versions.map((v, i) => (
-                                    <div key={i} className="bg-obsidian-surface border border-border rounded-xl p-4 flex flex-col gap-3">
+                                    <div key={i} className="bg-surface border border-border rounded-xl p-4 flex flex-col gap-3">
                                         <div className="flex items-center justify-between">
-                                            <span className="font-bold text-text-primary">{v.label}</span>
+                                            <span className="font-bold text-text">{v.label}</span>
                                             <button
                                                 onClick={() => setVersionToRestore(v)}
-                                                className="text-xs bg-indigo-500/10 text-indigo-400 hover:bg-indigo-500/20 px-2 py-1 rounded border border-indigo-500/30"
+                                                className="text-xs bg-accent/10 text-accent hover:bg-accent/20 px-2 py-1 rounded border border-accent/30"
                                             >
                                                 Restore
                                             </button>
                                         </div>
-                                        <div className="text-xs text-text-secondary">
+                                        <div className="text-xs text-text-muted">
                                             {v.sections?.length || 0} modules • {new Date(v.createdAt).toLocaleDateString()}
                                         </div>
                                     </div>
@@ -1457,9 +1448,9 @@ export default function WorkspaceShell({ roadmap, onUpdateSection, onUpdateRoadm
             {/* Watermark */}
             {!hideWatermark && (
                 <div className="fixed bottom-3 right-3 z-50 pointer-events-none opacity-40 hover:opacity-100 transition-opacity">
-                    <div className="flex items-center gap-1.5 px-2 py-1 bg-obsidian-surface backdrop-blur-sm border border-border rounded-md">
-                        <span className="text-[9px] uppercase tracking-tighter text-text-secondary font-bold">Powered by</span>
-                        <span className="text-[9px] uppercase tracking-widest text-white font-black">ZNS <span className="text-indigo-400">NEXUS</span></span>
+                    <div className="flex items-center gap-1.5 px-2 py-1 bg-surface border border-border rounded-md">
+                        <span className="text-xs tracking-tighter text-text-muted font-bold">Powered by</span>
+                        <span className="text-xs text-text font-semibold">ZNS <span className="text-accent">NEXUS</span></span>
                     </div>
                 </div>
             )}
diff --git a/components/workspace/WorkspaceSplitView.tsx b/src/components/workspace/WorkspaceSplitView.tsx
similarity index 72%
rename from components/workspace/WorkspaceSplitView.tsx
rename to src/components/workspace/WorkspaceSplitView.tsx
index 5d3a515..d9452e8 100644
--- a/components/workspace/WorkspaceSplitView.tsx
+++ b/src/components/workspace/WorkspaceSplitView.tsx
@@ -54,20 +54,20 @@ export default function WorkspaceSplitView({ roadmap, onUpdateSubtask, onUpdateT
         <div className="flex h-full w-full overflow-hidden animate-in fade-in duration-300">
             {/* LEFT PANE: 60% TIMELINE */}
             <div className={cn(
-                "flex-1 overflow-y-auto no-scrollbar border-r border-white/10 transition-all duration-300",
+"flex-1 overflow-y-auto no-scrollbar border-r border-border transition-all duration-300",
                 selectedNode ? "lg:w-[65%] lg:flex-none lg:max-w-[65%]" : "w-full"
             )}>
                 <div className="max-w-3xl mx-auto p-8 lg:p-12 pb-32 space-y-12">
                     
                     <header className="mb-8">
-                        <div className="inline-flex items-center gap-2 px-3 py-1 bg-emerald-500/10 border border-emerald-500/20 rounded-full text-xs font-semibold text-emerald-400 uppercase tracking-widest mb-4 shadow-[0_0_10px_rgba(16,185,129,0.1)]">
+                        <div className="inline-flex items-center gap-2 px-3 py-1 bg-accent/10 border border-accent/20 rounded-full text-xs font-semibold text-accent mb-4">
                            Timeline View
                         </div>
-                        <h1 className="text-3xl font-display text-zinc-100 tracking-tight">Active Roadmap</h1>
-                        <p className="text-zinc-400 mt-2">Follow the path and complete your tasks. Select any item to view its details.</p>
+                        <h1 className="text-3xl font-display text-text tracking-tight">Active Roadmap</h1>
+                        <p className="text-text-muted mt-2">Follow the path and complete your tasks. Select any item to view its details.</p>
                     </header>
 
-                    <div className="relative border-l-2 border-white/10 ml-4 space-y-12">
+                    <div className="relative border-l-2 border-border ml-4 space-y-12">
                         {modules.map((mod, i) => {
                             const progress = getModuleProgress(mod);
                             const isModuleSelected = selectedNode?.type === "module" && selectedNode.id === mod.id;
@@ -76,12 +76,12 @@ export default function WorkspaceSplitView({ roadmap, onUpdateSubtask, onUpdateT
                             return (
                                 <div key={mod.id} id={`module-${mod.id}`} className="relative group">
                                     {/* Timeline dot */}
-                                    <div className="absolute -left-[29px] top-4 w-14 h-14 bg-zinc-950 rounded-full flex items-center justify-center">
+                                    <div className="absolute -left-[29px] top-4 w-14 h-14 bg-page rounded-full flex items-center justify-center">
                                         <div className={cn(
-                                            "w-10 h-10 rounded-full flex items-center justify-center font-bold text-sm border-2 transition-all shadow-[0_0_15px_rgba(0,0,0,0.5)]",
-                                            progress === 100 ? "bg-emerald-500 border-emerald-400 text-zinc-950 shadow-[0_0_15px_rgba(16,185,129,0.4)]" : 
-                                            progress > 0 ? "border-emerald-500 text-emerald-400 bg-emerald-500/10 shadow-[0_0_10px_rgba(16,185,129,0.2)]" : 
-                                            "border-white/10 text-zinc-500 bg-white/5"
+"w-10 h-10 rounded-full flex items-center justify-center font-bold text-sm border-2 transition-all ",
+                                            progress === 100 ? "bg-accent border-accent text-page " : 
+                                            progress > 0 ? "border-accent text-accent bg-accent/10 " : 
+"border-border text-text-soft bg-surface"
                                         )}>
                                             {progress === 100 ? <CheckCircle2 size={20} /> : i + 1}
                                         </div>
@@ -92,16 +92,16 @@ export default function WorkspaceSplitView({ roadmap, onUpdateSubtask, onUpdateT
                                         <button 
                                             onClick={() => setSelectedNode({ type: "module", id: mod.id, data: mod })}
                                             className={cn(
-                                                "w-full text-left p-6 rounded-2xl border transition-all duration-300 ease-in-out hover:scale-[1.01] hover:shadow-[0_0_15px_rgba(255,255,255,0.05)]",
-                                                isModuleSelected ? "border-emerald-500/50 bg-emerald-500/5 shadow-[0_0_20px_rgba(16,185,129,0.1)]" : "border-white/10 bg-white/5 hover:border-white/20"
+"w-full text-left p-6 rounded-2xl border transition-all duration-300 ease-in-out",
+                                                isModuleSelected ? "border-accent/50 bg-accent/5 " : "border-border bg-surface hover:border-border-strong"
                                             )}
                                         >
                                             <div className="flex justify-between items-start mb-4">
-                                                <h3 className="font-display text-xl text-zinc-100">{mod.title || "Untitled Module"}</h3>
-                                                <span className="text-xs font-semibold text-emerald-400 bg-emerald-500/10 px-2 py-1 rounded-full border border-emerald-500/20">{progress}%</span>
+                                                <h3 className="font-display text-xl text-text">{mod.title || "Untitled Module"}</h3>
+                                                <span className="text-xs font-semibold text-accent bg-accent/10 px-2 py-1 rounded-full border border-accent/20">{progress}%</span>
                                             </div>
                                             {mod.data.description && (
-                                                <p className="text-sm text-text-secondary line-clamp-2">{mod.data.description}</p>
+                                                <p className="text-sm text-text-muted line-clamp-2">{mod.data.description}</p>
                                             )}
                                             
                                             {/* Condensed tasks preview if not expanded into details */}
@@ -116,8 +116,8 @@ export default function WorkspaceSplitView({ roadmap, onUpdateSubtask, onUpdateT
                                                                 setSelectedNode({ type: "task", id: task.id, moduleId: mod.id, data: task });
                                                             }}
                                                             className={cn(
-                                                                "group/task flex items-start gap-4 p-4 rounded-xl border transition-all duration-300 cursor-pointer",
-                                                                isTaskSelected ? "border-emerald-500/40 bg-emerald-500/10" : "border-white/5 bg-white/5 hover:border-white/10 hover:bg-white/10"
+"group/task flex items-start gap-4 p-4 rounded-xl border transition-all duration-300 cursor-pointer",
+                                                                isTaskSelected ? "border-accent/40 bg-accent/10" : "border-border bg-surface hover:border-border hover:bg-surface-muted"
                                                             )}
                                                         >
                                                             <button 
@@ -126,25 +126,25 @@ export default function WorkspaceSplitView({ roadmap, onUpdateSubtask, onUpdateT
                                                                     onUpdateTask(mod.id, task.id);
                                                                 }}
                                                                 className={cn(
-                                                                    "mt-0.5 shrink-0 flex items-center justify-center w-5 h-5 rounded-sm border transition-all duration-300 cursor-pointer",
-                                                                    task.completed ? "bg-emerald-500 border-emerald-400 text-zinc-950 shadow-[0_0_10px_rgba(16,185,129,0.3)]" : "border-zinc-600 bg-zinc-900 hover:border-emerald-500/50"
+"mt-0.5 shrink-0 flex items-center justify-center w-5 h-5 rounded-sm border transition-all duration-300 cursor-pointer",
+                                                                    task.completed ? "bg-accent border-accent text-page " : "border-border-strong bg-surface hover:border-accent/50"
                                                                 )}
                                                             >
                                                                 {task.completed && <CheckCircle2 size={14} />}
                                                             </button>
                                                             <div className="flex-1">
-                                                                <h4 className={cn("text-sm font-medium transition-all duration-300", task.completed ? "text-zinc-500 line-through" : "text-zinc-200")}>
+                                                                <h4 className={cn("text-sm font-medium transition-all duration-300", task.completed ? "text-text-soft line-through" : "text-text")}>
                                                                     {task.title}
                                                                 </h4>
                                                                 {(task.subtasks || []).length > 0 && (
                                                                     <div className="mt-2 flex gap-1.5 flex-wrap">
                                                                         {task.subtasks!.map(sub => (
-                                                                            <span key={sub.id} className={cn("w-2 h-2 rounded-full transition-all duration-300", sub.completed ? "bg-emerald-500 shadow-[0_0_5px_rgba(16,185,129,0.5)]" : "bg-zinc-700")} />
+                                                                            <span key={sub.id} className={cn("w-2 h-2 rounded-full transition-all duration-300", sub.completed ? "bg-accent " : "bg-raised")} />
                                                                         ))}
                                                                     </div>
                                                                 )}
                                                             </div>
-                                                            <ChevronRight size={16} className={cn("text-zinc-600 transition-transform duration-300", isTaskSelected && "text-emerald-400 translate-x-1", "group-hover/task:text-zinc-400 group-hover/task:translate-x-0.5")} />
+                                                            <ChevronRight size={16} className={cn("text-text-soft transition-transform duration-300", isTaskSelected && "text-accent translate-x-1", "group-hover/task:text-text-muted group-hover/task:translate-x-0.5")} />
                                                         </div>
                                                     )
                                                 })}
@@ -157,8 +157,8 @@ export default function WorkspaceSplitView({ roadmap, onUpdateSubtask, onUpdateT
 
                         {/* End of Timeline marker */}
                         <div className="relative !mt-6">
-                            <div className="absolute -left-[14px] top-0 w-8 h-8 rounded-full border-2 border-dashed border-white/20 bg-zinc-950 flex items-center justify-center pointer-events-none">
-                                <Target size={14} className="text-zinc-500" />
+                            <div className="absolute -left-[14px] top-0 w-8 h-8 rounded-full border-2 border-dashed border-border-strong bg-page flex items-center justify-center pointer-events-none">
+                                <Target size={14} className="text-text-soft" />
                             </div>
                         </div>
                     </div>
@@ -167,7 +167,7 @@ export default function WorkspaceSplitView({ roadmap, onUpdateSubtask, onUpdateT
 
             {/* RIGHT PANE: 35% CONTEXT */}
             {selectedNode ? (
-                <div className="w-[35%] bg-zinc-950/50 backdrop-blur-xl flex flex-col h-full hidden lg:flex border-l border-white/10 animate-in slide-in-from-right-8 duration-500 shadow-2xl">
+                <div className="w-[35%] bg-page/50 flex flex-col h-full hidden lg:flex border-l border-border animate-in slide-in-from-right-8 duration-500 shadow-2xl">
                     <ContextPanel 
                         selectedNode={selectedNode} 
                         roadmap={roadmap}
@@ -178,12 +178,12 @@ export default function WorkspaceSplitView({ roadmap, onUpdateSubtask, onUpdateT
                     />
                 </div>
             ) : (
-                <div className="w-[35%] bg-zinc-950/50 backdrop-blur-xl hidden lg:flex flex-col items-center justify-center p-12 text-center border-l border-white/10 shadow-inner">
-                    <div className="w-16 h-16 rounded-2xl bg-white/5 border border-white/10 flex items-center justify-center text-zinc-500 mb-6 drop-shadow-md">
+                <div className="w-[35%] bg-page/50 hidden lg:flex flex-col items-center justify-center p-12 text-center border-l border-border shadow-inner">
+                    <div className="w-16 h-16 rounded-2xl bg-surface border border-border flex items-center justify-center text-text-soft mb-6 drop-shadow-md">
                         <BookOpen size={24} />
                     </div>
-                    <h3 className="text-xl font-display text-zinc-100 mb-2 tracking-tight">Context Panel</h3>
-                    <p className="text-zinc-400 text-sm leading-relaxed">Select any module or task on the timeline to view its details, resources, and take notes here.</p>
+                    <h3 className="text-xl font-display text-text mb-2 tracking-tight">Context Panel</h3>
+                    <p className="text-text-muted text-sm leading-relaxed">Select any module or task on the timeline to view its details, resources, and take notes here.</p>
                 </div>
             )}
             
diff --git a/components/workspace/sections/CalendarSection.tsx b/src/components/workspace/sections/CalendarSection.tsx
similarity index 86%
rename from components/workspace/sections/CalendarSection.tsx
rename to src/components/workspace/sections/CalendarSection.tsx
index 6c2d754..6f8cae6 100644
--- a/components/workspace/sections/CalendarSection.tsx
+++ b/src/components/workspace/sections/CalendarSection.tsx
@@ -31,7 +31,7 @@ export default function CalendarSection({ section, onUpdate }: Props) {
 
     return (
         <div className="max-w-3xl">
-            <h2 className="font-display text-2xl font-bold text-text-primary text-text-primary mb-6 animate-fade-in">
+            <h2 className="text-xl font-semibold text-text mb-6 animate-fade-in">
                 📅 {section.title}
             </h2>
 
@@ -52,13 +52,13 @@ export default function CalendarSection({ section, onUpdate }: Props) {
                             />
                             <div className="flex-1 min-w-0">
                                 <div className="flex items-center gap-2 mb-1">
-                                    <h3 className={`font-display font-bold text-sm ${event.completed ? "text-text-secondary line-through" : "text-text-primary"
+                                    <h3 className={`font-display font-bold text-sm ${event.completed ? "text-text-muted line-through" : "text-text"
                                         }`}>
                                         {event.title}
                                     </h3>
                                 </div>
-                                <p className="text-text-secondary text-sm">{event.description}</p>
-                                <p className="text-text-secondary text-sm mt-1 tabular-nums">
+                                <p className="text-text-muted text-sm">{event.description}</p>
+                                <p className="text-text-muted text-sm mt-1 tabular-nums">
                                     {new Intl.DateTimeFormat("en-US", { dateStyle: "long" }).format(new Date(event.date))}
                                 </p>
                             </div>
diff --git a/components/workspace/sections/CustomSection.tsx b/src/components/workspace/sections/CustomSection.tsx
similarity index 76%
rename from components/workspace/sections/CustomSection.tsx
rename to src/components/workspace/sections/CustomSection.tsx
index 3a11ee3..b00c887 100644
--- a/components/workspace/sections/CustomSection.tsx
+++ b/src/components/workspace/sections/CustomSection.tsx
@@ -34,13 +34,13 @@ export default function CustomSection({ section, onUpdate }: Props) {
     if (data.layout === "checklist") {
         return (
             <div className="max-w-3xl">
-                <h2 className="font-display text-2xl font-bold text-text-primary text-text-primary mb-2 animate-fade-in">
+                <h2 className="text-xl font-semibold text-text mb-2 animate-fade-in">
                     🔧 {section.title}
                 </h2>
-                {data.description ? <p className="text-text-secondary text-sm mb-6">{data.description}</p> : null}
+                {data.description ? <p className="text-text-muted text-sm mb-6">{data.description}</p> : null}
                 <div className="surface rounded-xl divide-y divide-border overflow-hidden">
                     {data.items.map((item) => (
-                        <label key={item.id} className="flex items-center gap-3 p-3.5 hover:bg-obsidian-hover cursor-pointer content-auto">
+                        <label key={item.id} className="flex items-center gap-3 p-3.5 hover:bg-surface-subtle cursor-pointer content-auto">
                             <input
                                 type="checkbox"
                                 checked={item.completed || false}
@@ -48,11 +48,11 @@ export default function CustomSection({ section, onUpdate }: Props) {
                                 className="w-4 h-4 rounded accent-indigo-accent"
                             />
                             <div className="min-w-0 flex-1">
-                                <span className={`text-sm ${item.completed ? "text-text-secondary line-through" : "text-text-primary"}`}>
+                                <span className={`text-sm ${item.completed ? "text-text-muted line-through" : "text-text"}`}>
                                     {item.title}
                                 </span>
                                 {item.description ? (
-                                    <p className="text-text-secondary text-sm mt-0.5">{item.description}</p>
+                                    <p className="text-text-muted text-sm mt-0.5">{item.description}</p>
                                 ) : null}
                             </div>
                         </label>
@@ -65,10 +65,10 @@ export default function CustomSection({ section, onUpdate }: Props) {
     if (data.layout === "cards") {
         return (
             <div className="max-w-4xl">
-                <h2 className="font-display text-2xl font-bold text-text-primary text-text-primary mb-2 animate-fade-in">
+                <h2 className="text-xl font-semibold text-text mb-2 animate-fade-in">
                     🔧 {section.title}
                 </h2>
-                {data.description ? <p className="text-text-secondary text-sm mb-6">{data.description}</p> : null}
+                {data.description ? <p className="text-text-muted text-sm mb-6">{data.description}</p> : null}
                 <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-3">
                     {data.items.map((item, i) => (
                         <div
@@ -76,12 +76,12 @@ export default function CustomSection({ section, onUpdate }: Props) {
                             className="surface rounded-xl p-4 card-hover animate-slide-up"
                             style={{ animationDelay: `${i * 0.03}s` }}
                         >
-                            <h4 className="font-display font-semibold text-base text-text-primary text-text-primary mb-1">{item.title}</h4>
-                            {item.description ? <p className="text-text-secondary text-sm">{item.description}</p> : null}
+                            <h4 className="font-display font-semibold text-base text-text mb-1">{item.title}</h4>
+                            {item.description ? <p className="text-text-muted text-sm">{item.description}</p> : null}
                             {item.metadata ? (
                                 <div className="mt-2 flex flex-wrap gap-1.5">
                                     {Object.entries(item.metadata).map(([k, v]) => (
-                                        <span key={k} className="text-xs px-2 py-0.5 rounded-full bg-obsidian-elevated text-text-secondary">
+                                        <span key={k} className="text-xs px-2 py-0.5 rounded-full bg-surface-muted text-text-muted">
                                             {k}: {v}
                                         </span>
                                     ))}
@@ -97,10 +97,10 @@ export default function CustomSection({ section, onUpdate }: Props) {
     // Default: list layout
     return (
         <div className="max-w-3xl">
-            <h2 className="font-display text-2xl font-bold text-text-primary text-text-primary mb-2 animate-fade-in">
+            <h2 className="text-xl font-semibold text-text mb-2 animate-fade-in">
                 🔧 {section.title}
             </h2>
-            {data.description ? <p className="text-text-secondary text-sm mb-6">{data.description}</p> : null}
+            {data.description ? <p className="text-text-muted text-sm mb-6">{data.description}</p> : null}
             <div className="space-y-2">
                 {data.items.map((item, i) => (
                     <div
@@ -108,8 +108,8 @@ export default function CustomSection({ section, onUpdate }: Props) {
                         className="surface rounded-lg p-4 animate-slide-up content-auto"
                         style={{ animationDelay: `${i * 0.03}s` }}
                     >
-                        <h4 className="font-display font-semibold text-base text-text-primary text-text-primary">{item.title}</h4>
-                        {item.description ? <p className="text-text-secondary text-sm mt-1">{item.description}</p> : null}
+                        <h4 className="font-display font-semibold text-base text-text">{item.title}</h4>
+                        {item.description ? <p className="text-text-muted text-sm mt-1">{item.description}</p> : null}
                     </div>
                 ))}
             </div>
diff --git a/components/workspace/sections/GlossarySection.tsx b/src/components/workspace/sections/GlossarySection.tsx
similarity index 76%
rename from components/workspace/sections/GlossarySection.tsx
rename to src/components/workspace/sections/GlossarySection.tsx
index 775a6a5..99e1a2b 100644
--- a/components/workspace/sections/GlossarySection.tsx
+++ b/src/components/workspace/sections/GlossarySection.tsx
@@ -38,24 +38,24 @@ export default function GlossarySection({ section, onUpdate }: Props) {
     return (
         <div className="max-w-4xl mx-auto space-y-8 animate-fade-in">
             <div className="text-center sm:text-left">
-                <h2 className="font-display text-3xl font-black text-text-primary mb-2 drop-shadow-md">
+                <h2 className="text-2xl font-semibold text-text mb-2 drop-shadow-md">
                     📖 {section.title}
                 </h2>
-                <p className="text-text-secondary text-sm">Key definitions and terminology.</p>
+                <p className="text-text-muted text-sm">Key definitions and terminology.</p>
             </div>
 
             {/* A-Z Filter Bar */}
-            <div className="surface rounded-2xl p-4 sm:p-5 flex flex-wrap gap-2 sm:gap-3 justify-center border border-border shadow-lg bg-obsidian-surface/80 backdrop-blur-md sticky top-20 z-10 transition-all duration-300">
+            <div className="surface rounded-2xl p-4 sm:p-5 flex flex-wrap gap-2 sm:gap-3 justify-center border border-border shadow-lg bg-surface/80 sticky top-20 z-10 transition-all duration-300">
                 <button
                     onClick={() => setActiveLetter(null)}
                     className={`flex items-center justify-center w-8 h-8 rounded-lg text-sm font-bold transition-all ${activeLetter === null
-                            ? "bg-indigo-500 text-white shadow-[0_0_15px_rgba(99,102,241,0.5)]"
-                            : "text-text-secondary hover:bg-obsidian hover:text-text-primary"
+                            ? "bg-raised text-text "
+                            : "text-text-muted hover:bg-page hover:text-text"
                         }`}
                 >
                     All
                 </button>
-                <div className="w-px h-8 bg-white/10 mx-1" />
+                <div className="w-px h-8 bg-surface-muted mx-1" />
                 {ALPHABET.map((letter) => {
                     const hasTerms = visibleLetters.includes(letter);
                     return (
@@ -64,10 +64,10 @@ export default function GlossarySection({ section, onUpdate }: Props) {
                             disabled={!hasTerms}
                             onClick={() => setActiveLetter(letter)}
                             className={`flex items-center justify-center w-8 h-8 rounded-lg text-sm font-bold transition-all ${activeLetter === letter
-                                    ? "bg-indigo-500 text-white shadow-[0_0_15px_rgba(99,102,241,0.5)]"
+                                    ? "bg-raised text-text "
                                     : hasTerms
-                                        ? "text-text-secondary hover:bg-obsidian hover:text-text-primary"
-                                        : "text-text-secondary/20 cursor-not-allowed"
+                                        ? "text-text-muted hover:bg-page hover:text-text"
+                                        : "text-text-muted/20 cursor-not-allowed"
                                 }`}
                         >
                             {letter}
@@ -80,8 +80,8 @@ export default function GlossarySection({ section, onUpdate }: Props) {
                 {lettersToShow.map((letter, i) => (
                     <div key={letter} className="animate-slide-up" style={{ animationDelay: `${i * 0.05}s` }}>
                         <div className="flex items-center gap-4 mb-4">
-                            <h3 className="font-display text-2xl font-black text-indigo-400 drop-shadow-[0_0_5px_rgba(129,140,248,0.5)] w-8 text-center">{letter}</h3>
-                            <div className="h-px bg-gradient-to-r from-indigo-500/30 to-transparent flex-1" />
+                            <h3 className="font-display text-2xl font-semibold text-accent w-8 text-center">{letter}</h3>
+                            <div className="h-px bg-accent/30 to-transparent flex-1" />
                         </div>
 
                         <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
@@ -92,8 +92,8 @@ export default function GlossarySection({ section, onUpdate }: Props) {
                                     <div
                                         key={item.id}
                                         className={`surface rounded-2xl overflow-hidden border transition-all duration-300 ${isExpanded
-                                                ? 'border-indigo-500/40 shadow-[0_0_30px_rgba(99,102,241,0.1)] bg-obsidian-elevated/80 ring-1 ring-indigo-500/20'
-                                                : 'border-border hover:border-border-subtle hover:bg-obsidian-hover'
+                                                ? 'border-accent/40  bg-surface-muted/80 ring-1 ring-border-strong'
+                                                : 'border-border hover:border-border hover:bg-surface-subtle'
                                             }`}
                                     >
                                         <button
@@ -101,10 +101,10 @@ export default function GlossarySection({ section, onUpdate }: Props) {
                                             className="w-full text-left p-5 flex items-start justify-between gap-4 outline-none group"
                                             onClick={() => toggleExpand(item.id)}
                                         >
-                                            <span className={`font-bold text-base transition-colors duration-300 ${isExpanded ? 'text-indigo-300' : 'text-text-primary group-hover:text-indigo-200'}`}>
+                                            <span className={`font-bold text-base transition-colors duration-300 ${isExpanded ? 'text-accent' : 'text-text group-hover:text-accent-strong'}`}>
                                                 {item.term}
                                             </span>
-                                            <span className={`text-text-secondary text-xs shrink-0 w-6 h-6 flex items-center justify-center rounded-full bg-black/20 transition-transform duration-300 ease-in-out ${isExpanded ? 'rotate-180 bg-indigo-500/20 text-indigo-300' : ''}`}>
+                                            <span className={`text-text-muted text-xs shrink-0 w-6 h-6 flex items-center justify-center rounded-full bg-black/20 transition-transform duration-300 ease-in-out ${isExpanded ? 'rotate-180 bg-accent/20 text-accent' : ''}`}>
                                                 ▼
                                             </span>
                                         </button>
@@ -112,7 +112,7 @@ export default function GlossarySection({ section, onUpdate }: Props) {
                                         {/* Smooth Accordion Body */}
                                         <div className={`grid transition-all duration-300 ease-in-out ${isExpanded ? "grid-rows-[1fr] opacity-100" : "grid-rows-[0fr] opacity-0"}`}>
                                             <div className="overflow-hidden">
-                                                <div className="p-5 pt-0 text-sm text-text-secondary leading-relaxed border-t border-border bg-gradient-to-b from-transparent to-black/10">
+                                                <div className="p-5 pt-0 text-sm text-text-muted leading-relaxed border-t border-border bg-transparent">
                                                     {item.definition}
                                                 </div>
                                             </div>
diff --git a/components/workspace/sections/MilestonesSection.tsx b/src/components/workspace/sections/MilestonesSection.tsx
similarity index 75%
rename from components/workspace/sections/MilestonesSection.tsx
rename to src/components/workspace/sections/MilestonesSection.tsx
index 9ddb67b..bf35a45 100644
--- a/components/workspace/sections/MilestonesSection.tsx
+++ b/src/components/workspace/sections/MilestonesSection.tsx
@@ -29,18 +29,18 @@ export default function MilestonesSection({ section, onUpdate }: Props) {
     return (
         <div className="max-w-4xl mx-auto">
             <div className="mb-10 text-center sm:text-left">
-                <h2 className="font-display text-3xl font-black text-text-primary mb-2 drop-shadow-md">
+                <h2 className="text-2xl font-semibold text-text mb-2 drop-shadow-md">
                     🏁 {section.title}
                 </h2>
-                <p className="text-text-secondary text-sm">Visualize your journey and track major checkpoints.</p>
+                <p className="text-text-muted text-sm">Visualize your journey and track major checkpoints.</p>
             </div>
 
             {/* Timeline */}
             <div className="relative isolate px-2 sm:px-0">
                 {/* Glow behind the line */}
-                <div className="absolute left-6 top-4 bottom-4 w-1 bg-indigo-500/20 blur-sm rounded-full hidden sm:block" />
+                <div className="absolute left-6 top-4 bottom-4 w-1 bg-accent/20 blur-sm rounded-full hidden sm:block" />
                 {/* Vertical line structure */}
-                <div className="absolute left-[23.5px] top-4 bottom-8 w-1 sm:block hidden rounded-full bg-gradient-to-b from-indigo-500 via-border/50 to-transparent" />
+                <div className="absolute left-[23.5px] top-4 bottom-8 w-1 sm:block hidden rounded-full bg-accent via-border/50 to-transparent" />
 
                 <div className="space-y-6">
                     {(section.data || []).map((milestone, i) => {
@@ -50,16 +50,16 @@ export default function MilestonesSection({ section, onUpdate }: Props) {
                         const inProgress = !milestone.completed && previousCompleted;
 
                         const stateColor = milestone.completed
-                            ? "border-emerald-500 bg-emerald-500/5 shadow-[0_0_20px_rgba(16,185,129,0.1)]"
+                            ? "border-accent bg-accent/5 "
                             : inProgress
-                                ? "border-indigo-500 bg-indigo-500/5 shadow-[0_0_30px_rgba(99,102,241,0.15)] ring-1 ring-indigo-500/20"
-                                : "border-border bg-obsidian-surface/50 opacity-80 hover:opacity-100";
+                                ? "border-accent bg-accent/5  ring-1 ring-border-strong"
+                                : "border-border bg-surface/50 opacity-80 hover:opacity-100";
 
                         const dotColor = milestone.completed
-                            ? "bg-emerald-500 border-emerald-500 shadow-[0_0_15px_rgba(16,185,129,0.6)]"
+                            ? "bg-accent border-accent "
                             : inProgress
-                                ? "bg-obsidian border-indigo-500 shadow-[0_0_15px_rgba(99,102,241,0.6)]"
-                                : "bg-obsidian border-border";
+                                ? "bg-page border-accent "
+                                : "bg-page border-border";
 
                         return (
                             <div
@@ -72,7 +72,7 @@ export default function MilestonesSection({ section, onUpdate }: Props) {
                                     <div className={`w-4 h-4 rounded-full border-2 transition-all duration-500 ease-out ${dotColor}`} />
                                 </div>
 
-                                <div className={`rounded-2xl overflow-hidden transition-all duration-500 border-l-[3px] border-r border-t border-b hover:-translate-y-1 backdrop-blur-sm ${stateColor} ${isExpanded && !inProgress && !milestone.completed ? "ring-1 ring-white/10" : ""}`}>
+                                <div className={`rounded-2xl overflow-hidden transition-all duration-500 border-l-[3px] border-r border-t border-b hover:-translate-y-1  ${stateColor} ${isExpanded && !inProgress && !milestone.completed ? "ring-1 ring-border-strong" : ""}`}>
 
                                     {/* Header click area */}
                                     <button
@@ -81,52 +81,52 @@ export default function MilestonesSection({ section, onUpdate }: Props) {
                                         onClick={() => setExpandedId(isExpanded ? null : milestone.id)}
                                     >
                                         <div
-                                            className={`relative flex items-center justify-center w-6 h-6 rounded flex-shrink-0 transition-all duration-300 ${milestone.completed ? 'bg-emerald-500' : 'bg-obsidian-elevated border border-border-subtle group-hover:border-indigo-400'
+                                            className={`relative flex items-center justify-center w-6 h-6 rounded flex-shrink-0 transition-all duration-300 ${milestone.completed ? 'bg-accent' : 'bg-surface-muted border border-border group-hover:border-accent'
                                                 }`}
                                             onClick={(e) => {
                                                 e.stopPropagation();
                                                 toggleComplete(milestone.id);
                                             }}
                                         >
-                                            {milestone.completed && <span className="text-white text-[12px] font-bold shadow-sm">✓</span>}
+                                            {milestone.completed && <span className="text-text text-[12px] font-bold shadow-sm">✓</span>}
                                         </div>
 
                                         <div className="flex-1 min-w-0">
                                             <div className="flex items-center gap-2">
-                                                <h3 className={`font-display font-bold text-[17px] transition-colors duration-300 ${milestone.completed ? "text-text-secondary" : "text-text-primary"
-                                                    } ${inProgress && !milestone.completed ? 'text-indigo-50' : ''}`}>
+                                                <h3 className={`font-display font-bold text-[17px] transition-colors duration-300 ${milestone.completed ? "text-text-muted" : "text-text"
+                                                    } ${inProgress && !milestone.completed ? 'text-accent-strong' : ''}`}>
                                                     {milestone.title}
                                                 </h3>
-                                                {inProgress && <span className="px-2 py-0.5 rounded text-[12px] font-bold uppercase tracking-wide bg-indigo-500/20 text-indigo-300 animate-pulse border border-indigo-500/30">Active</span>}
+                                                {inProgress && <span className="px-2 py-0.5 rounded text-[12px] font-bold bg-accent/20 text-accent border border-accent/30">Active</span>}
                                             </div>
-                                            <p className={`text-sm mt-1 line-clamp-1 transition-colors ${milestone.completed ? "text-text-secondary/50" : "text-text-secondary"}`}>
+                                            <p className={`text-sm mt-1 line-clamp-1 transition-colors ${milestone.completed ? "text-text-muted/50" : "text-text-muted"}`}>
                                                 {milestone.description}
                                             </p>
                                         </div>
 
-                                        <div className={`flex items-center justify-center w-8 h-8 rounded-full bg-white/5 transition-transform duration-300 group-hover:bg-white/10 ${isExpanded ? "rotate-180 bg-white/10" : ""}`}>
-                                            <span className="text-[12px] text-text-secondary group-hover:text-text-primary">▼</span>
+                                        <div className={`flex items-center justify-center w-8 h-8 rounded-full bg-surface transition-transform duration-300 group-hover:bg-surface-muted ${isExpanded ? "rotate-180 bg-surface-muted" : ""}`}>
+                                            <span className="text-[12px] text-text-muted group-hover:text-text">▼</span>
                                         </div>
                                     </button>
 
                                     {/* Accordion Expandable body */}
                                     <div className={`grid transition-all duration-500 ease-[cubic-bezier(0.4,0,0.2,1)] ${isExpanded ? "grid-rows-[1fr] opacity-100" : "grid-rows-[0fr] opacity-0"}`}>
                                         <div className="overflow-hidden">
-                                            <div className="px-5 sm:px-6 pb-6 pt-2 space-y-8 border-t border-border mx-2 bg-gradient-to-b from-transparent to-obsidian/30">
+                                            <div className="px-5 sm:px-6 pb-6 pt-2 space-y-8 border-t border-border mx-2 bg-transparent to-obsidian/30">
 
-                                                <p className="text-text-secondary text-sm leading-relaxed whitespace-pre-line bg-obsidian-surface/60 p-4 rounded-xl border border-border shadow-inner">
+                                                <p className="text-text-muted text-sm leading-relaxed whitespace-pre-line bg-surface/60 p-4 rounded-xl border border-border shadow-inner">
                                                     {milestone.description}
                                                 </p>
 
                                                 {/* Internal Tasks */}
                                                 {(milestone.tasks || []).length > 0 && (
                                                     <div className="space-y-3">
-                                                        <h4 className="flex items-center gap-2 text-xs font-bold text-text-secondary uppercase tracking-widest px-1">
-                                                            <span className="text-indigo-400 drop-shadow-[0_0_3px_rgba(99,102,241,0.5)]">⚡</span> Actions
+                                                        <h4 className="flex items-center gap-2 text-xs font-bold text-text-muted px-1">
+                                                            <span className="text-accent">⚡</span> Actions
                                                         </h4>
                                                         <div className="space-y-2 grid grid-cols-1">
                                                             {(milestone.tasks || []).map((task) => (
-                                                                <label key={task.id} className={`group relative flex items-start gap-3 p-3 rounded-xl hover:bg-obsidian-hover border border-border cursor-pointer transition-all duration-300 ${task.completed ? "bg-emerald-500/5 border-emerald-500/10" : "bg-obsidian-elevated/40"}`}>
+                                                                <label key={task.id} className={`group relative flex items-start gap-3 p-3 rounded-xl hover:bg-surface-subtle border border-border cursor-pointer transition-all duration-300 ${task.completed ? "bg-accent/5 border-accent/10" : "bg-surface-muted/40"}`}>
                                                                     <input
                                                                         type="checkbox"
                                                                         checked={task.completed}
@@ -136,9 +136,9 @@ export default function MilestonesSection({ section, onUpdate }: Props) {
                                                                                 return { ...ms, data: (ms.data || []).map((m: Milestone) => m.id === milestone.id ? { ...m, tasks: (m.tasks || []).map((t) => t.id === task.id ? { ...t, completed: !t.completed } : t) } : m) };
                                                                             });
                                                                         }}
-                                                                        className="mt-1 w-4 h-4 rounded transition-colors accent-indigo-500 border-border-subtle cursor-pointer"
+                                                                        className="mt-1 w-4 h-4 rounded transition-colors accent-indigo-500 border-border cursor-pointer"
                                                                     />
-                                                                    <span className={`text-sm leading-relaxed transition-all duration-300 ${task.completed ? "text-text-secondary line-through decoration-white/20" : "text-text-primary group-hover:text-indigo-100"}`}>
+                                                                    <span className={`text-sm leading-relaxed transition-all duration-300 ${task.completed ? "text-text-muted line-through decoration-text-soft" : "text-text group-hover:text-accent-strong"}`}>
                                                                         {task.title}
                                                                     </span>
                                                                 </label>
@@ -150,12 +150,12 @@ export default function MilestonesSection({ section, onUpdate }: Props) {
                                                 {/* Internal Videos */}
                                                 {(milestone.videos || []).length > 0 && (
                                                     <div className="space-y-4">
-                                                        <h4 className="flex items-center gap-2 text-xs font-bold text-text-secondary uppercase tracking-widest px-1">
-                                                            <span className="text-rose-400 drop-shadow-[0_0_3px_rgba(251,113,133,0.5)]">🎥</span> Required Viewing
+                                                        <h4 className="flex items-center gap-2 text-xs font-bold text-text-muted px-1">
+                                                            <span className="text-danger">🎥</span> Required Viewing
                                                         </h4>
                                                         <div className="grid grid-cols-1 gap-4">
                                                             {(milestone.videos || []).map((video) => (
-                                                                <div key={video.id} className="rounded-xl overflow-hidden border border-border shadow-lg bg-obsidian relative group">
+                                                                <div key={video.id} className="rounded-xl overflow-hidden border border-border shadow-lg bg-page relative group">
                                                                     <VideoPlayer url={video.url} title={video.title} description={video.description} />
                                                                 </div>
                                                             ))}
@@ -166,23 +166,23 @@ export default function MilestonesSection({ section, onUpdate }: Props) {
                                                 {/* Internal Resources */}
                                                 {(milestone.resources || []).length > 0 && (
                                                     <div className="space-y-3">
-                                                        <h4 className="flex items-center gap-2 text-xs font-bold text-text-secondary uppercase tracking-widest px-1">
-                                                            <span className="text-cyan-400 drop-shadow-[0_0_3px_rgba(34,211,238,0.5)]">📚</span> Materials
+                                                        <h4 className="flex items-center gap-2 text-xs font-bold text-text-muted px-1">
+                                                            <span className="text-accent">📚</span> Materials
                                                         </h4>
                                                         <div className="grid grid-cols-1 sm:grid-cols-2 gap-3">
                                                             {(milestone.resources || []).map((res) => (
                                                                 <button
                                                                     key={res.id}
                                                                     type="button"
-                                                                    className="flex items-start gap-3 p-3 rounded-xl bg-obsidian-elevated/40 hover:bg-obsidian-hover border border-border text-left transition-all duration-200 group hover:-translate-y-0.5 hover:shadow-lg"
+                                                                    className="flex items-start gap-3 p-3 rounded-xl bg-surface-muted/40 hover:bg-surface-subtle border border-border text-left transition-all duration-200 group hover:-translate-y-0.5 hover:shadow-lg"
                                                                     onClick={() => setViewerUrl(res.url)}
                                                                 >
-                                                                    <div className="w-8 h-8 rounded-lg bg-cyan-500/10 flex items-center justify-center text-sm shrink-0 border border-cyan-500/20 group-hover:scale-110 group-hover:bg-cyan-500/20 transition-all">
-                                                                        <span className="drop-shadow-[0_0_8px_rgba(34,211,238,0.4)]">📄</span>
+                                                                    <div className="w-8 h-8 rounded-lg bg-accent/10 flex items-center justify-center text-sm shrink-0 border border-accent/20 group-hover:bg-accent/20 transition-all">
+                                                                        <span className="">📄</span>
                                                                     </div>
                                                                     <div className="min-w-0 flex-1">
-                                                                        <span className="text-sm font-medium text-cyan-200 group-hover:text-cyan-100 block truncate transition-colors">{res.title}</span>
-                                                                        {res.description && <span className="text-[12px] text-text-secondary block truncate mt-0.5">{res.description}</span>}
+                                                                        <span className="text-sm font-medium text-accent-strong group-hover:text-accent-strong block truncate transition-colors">{res.title}</span>
+                                                                        {res.description && <span className="text-[12px] text-text-muted block truncate mt-0.5">{res.description}</span>}
                                                                     </div>
                                                                 </button>
                                                             ))}
diff --git a/components/workspace/sections/ModuleSection.tsx b/src/components/workspace/sections/ModuleSection.tsx
similarity index 80%
rename from components/workspace/sections/ModuleSection.tsx
rename to src/components/workspace/sections/ModuleSection.tsx
index 33d4102..ca30afc 100644
--- a/components/workspace/sections/ModuleSection.tsx
+++ b/src/components/workspace/sections/ModuleSection.tsx
@@ -1,4 +1,6 @@
 "use client";
+import { fetchPrivateApi } from "@/lib/private-api-fetch";
+
 
 import { useState, useEffect, useMemo } from "react";
 import type { ModuleSection as ModuleSectionType, Section, Task, Roadmap, Resource } from "@/types";
@@ -98,7 +100,7 @@ export default function ModuleSection({ section, roadmap, onUpdate, onNavigate,
                 payload.userProvider = userConfig.provider;
             }
 
-            const res = await fetch("/api/parse-roadmap", {
+            const res = await fetchPrivateApi("/api/parse-roadmap", {
                 method: "POST",
                 headers: { "Content-Type": "application/json" },
                 body: JSON.stringify(payload)
@@ -289,7 +291,7 @@ export default function ModuleSection({ section, roadmap, onUpdate, onNavigate,
         try {
             const userConfig = getUserConfig();
             const activeApiKey = getActiveApiKey(userConfig);
-            const response = await fetch("/api/quiz/generate", {
+            const response = await fetchPrivateApi("/api/quiz/generate", {
                 method: "POST",
                 headers: { "Content-Type": "application/json" },
                 body: JSON.stringify({
@@ -374,33 +376,33 @@ export default function ModuleSection({ section, roadmap, onUpdate, onNavigate,
     };
 
     return (
-        <div className="flex flex-col h-full bg-obsidian rounded-2xl border border-border overflow-hidden animate-fade-in relative">
+        <div className="flex flex-col h-full bg-page rounded-2xl border border-border overflow-hidden animate-fade-in relative">
             {/* Module Top Header */}
-            <div className="px-8 pt-8 pb-6 border-b border-border bg-obsidian-surface/30">
+            <div className="px-8 pt-8 pb-6 border-b border-border bg-surface/30">
                 <div className="flex flex-col sm:flex-row items-start sm:items-center justify-between gap-6">
                     <div className="flex items-center gap-4">
-                        <div className="w-16 h-16 rounded-xl bg-indigo-500/10 border border-indigo-500/20 flex flex-col items-center justify-center shrink-0">
-                            <span className="font-sans-display text-[12px] uppercase tracking-widest text-indigo-400 font-bold">Mod</span>
-                            <span className="font-display text-2xl text-indigo-300">{String(currentIndex + 1).padStart(2, "0")}</span>
+                        <div className="w-16 h-16 rounded-xl bg-accent/10 border border-accent/20 flex flex-col items-center justify-center shrink-0">
+                            <span className="font-display text-[12px] text-accent font-bold">Mod</span>
+                            <span className="font-display text-2xl text-accent">{String(currentIndex + 1).padStart(2, "0")}</span>
                         </div>
                         <div>
                             <div className="flex items-center gap-3 mb-1">
                                 {data.estimatedTime && (
-                                    <span className="font-sans-display text-[12px] uppercase tracking-[0.2em] text-text-secondary">
+                                    <span className="font-display text-[12px] text-text-muted">
                                         <Clock size={12} className="mr-1 inline-flex" /> {data.estimatedTime}
                                     </span>
                                 )}
-                                <span className="font-sans-display text-[12px] uppercase tracking-widest text-indigo-400 px-2 py-0.5 rounded-full bg-indigo-500/10 border border-indigo-500/20">
+                                <span className="font-display text-[12px] text-accent px-2 py-0.5 rounded-full bg-accent/10 border border-accent/20">
                                     {taskPercent}% Complete
                                 </span>
                             </div>
-                            <h2 className="font-display font-light text-2xl sm:text-3xl text-white tracking-tight">
+                            <h2 className="font-display font-light text-2xl sm:text-3xl text-text tracking-tight">
                                 {section.title}
                             </h2>
                         </div>
                     </div>
                     {section.metadata && (
-                        <div className="flex flex-wrap items-center gap-4 mt-2 text-xs text-text-secondary/70">
+                        <div className="flex flex-wrap items-center gap-4 mt-2 text-xs text-text-muted/70">
                             {section.metadata.estimatedDuration && (
                                 <span className="flex items-center gap-1.5">
                                     <Clock size={12} />
@@ -411,9 +413,9 @@ export default function ModuleSection({ section, roadmap, onUpdate, onNavigate,
                                 <span className="flex items-center gap-1.5">
                                     <BarChart2 size={12} />
                                     <span className={`px-1.5 py-0.5 rounded-sm font-medium ${
-                                        section.metadata.difficulty === 'beginner' ? 'bg-emerald-500/10 text-emerald-400' :
-                                        section.metadata.difficulty === 'intermediate' ? 'bg-amber-500/10 text-amber-400' :
-                                        section.metadata.difficulty === 'advanced' ? 'bg-red-500/10 text-red-400' : 'bg-white/5 text-white'
+                                        section.metadata.difficulty === 'beginner' ? 'bg-accent/10 text-accent' :
+                                        section.metadata.difficulty === 'intermediate' ? 'bg-warning/10 text-warning' :
+                                        section.metadata.difficulty === 'advanced' ? 'bg-danger/10 text-danger' : 'bg-surface text-text'
                                     }`}>
                                         {section.metadata.difficulty.charAt(0).toUpperCase() + section.metadata.difficulty.slice(1)}
                                     </span>
@@ -432,26 +434,26 @@ export default function ModuleSection({ section, roadmap, onUpdate, onNavigate,
                         <div className="relative">
                             <button
                                 onClick={() => setShowRegenConfirm(!showRegenConfirm)}
-                                className="shrink-0 flex items-center justify-center w-11 h-11 rounded-lg transition-all bg-obsidian-elevated text-text-secondary border border-border-subtle hover:border-indigo-500/50 hover:text-indigo-300"
+                                className="shrink-0 flex items-center justify-center w-11 h-11 rounded-lg transition-all bg-surface-muted text-text-muted border border-border hover:border-accent/50 hover:text-accent"
                                 title="Regenerate Module"
                             >
                                 <RefreshCw size={18} className={isRegenerating ? "animate-spin" : ""} />
                             </button>
                             {showRegenConfirm && (
-                                <div className="absolute right-0 top-full mt-2 w-64 p-3 bg-obsidian-elevated border border-border rounded-lg shadow-xl z-50 animate-in fade-in zoom-in duration-200">
-                                    <p className="text-sm text-text-primary mb-3">Regenerate just this module? Your other modules will not change.</p>
+                                <div className="absolute right-0 top-full mt-2 w-64 p-3 bg-surface-muted border border-border rounded-lg shadow-xl z-50 animate-in fade-in zoom-in duration-200">
+                                    <p className="text-sm text-text mb-3">Regenerate just this module? Your other modules will not change.</p>
                                     <div className="flex justify-end gap-2">
-                                        <button onClick={() => setShowRegenConfirm(false)} className="px-3 py-1.5 text-xs text-text-secondary hover:text-white transition-colors">Cancel</button>
-                                        <button onClick={handleRegenerate} className="px-3 py-1.5 text-xs bg-indigo-500 hover:bg-indigo-600 text-white rounded font-medium transition-colors">Confirm</button>
+                                        <button onClick={() => setShowRegenConfirm(false)} className="px-3 py-1.5 text-xs text-text-muted hover:text-text transition-colors">Cancel</button>
+                                        <button onClick={handleRegenerate} className="px-3 py-1.5 text-xs bg-text hover:bg-[#e6e6e6] text-page rounded-full font-medium transition-colors">Confirm</button>
                                     </div>
                                 </div>
                             )}
                         </div>
                         <button
                             onClick={toggleModuleComplete}
-                        className={`shrink-0 flex items-center gap-2 px-5 py-3 rounded-lg font-sans-display text-xs uppercase tracking-widest font-bold transition-all ${data.completed
-                            ? "bg-emerald-500/10 text-emerald-400 border border-emerald-500/30 hover:bg-emerald-500/20"
-                            : "bg-obsidian-elevated text-text-secondary border border-border-subtle hover:border-indigo-500/50 hover:text-indigo-300"
+                        className={`shrink-0 flex items-center gap-2 px-5 py-3 rounded-lg font-display text-xs   font-bold transition-all ${data.completed
+                            ? "bg-accent/10 text-accent border border-accent/30 hover:bg-accent/20"
+                            : "bg-surface-muted text-text-muted border border-border hover:border-accent/50 hover:text-accent"
                             }`}
                     >
                         {data.completed ? <><CheckCircle2 size={16} /> Mark Incomplete</> : <><Circle size={16} /> Mark Complete</>}
@@ -459,13 +461,13 @@ export default function ModuleSection({ section, roadmap, onUpdate, onNavigate,
                 </div>
                 </div>
                 {regenError && (
-                    <div className="px-8 pb-4 text-red-400 text-sm">{regenError}</div>
+                    <div className="px-8 pb-4 text-danger text-sm">{regenError}</div>
                 )}
                 {isRegenerating && (
-                    <div className="absolute inset-0 z-40 bg-obsidian/50 backdrop-blur-sm flex items-center justify-center">
+                    <div className="absolute inset-0 z-40 bg-page/50 flex items-center justify-center">
                         <div className="flex flex-col items-center gap-3">
-                            <RefreshCw size={24} className="text-indigo-400 animate-spin" />
-                            <span className="text-sm font-medium text-white">Regenerating module...</span>
+                            <RefreshCw size={24} className="text-accent animate-spin" />
+                            <span className="text-sm font-medium text-text">Regenerating module...</span>
                         </div>
                     </div>
                 )}
@@ -475,9 +477,9 @@ export default function ModuleSection({ section, roadmap, onUpdate, onNavigate,
                         <button
                             key={tab.id}
                             onClick={() => { setActiveTab(tab.id); setSidePanelResource(null); }}
-                            className={`flex items-center gap-2 px-5 py-3 font-sans-display text-xs uppercase tracking-[0.15em] border-b-2 transition-all whitespace-nowrap ${activeTab === tab.id
-                                ? "border-indigo-500 text-indigo-400 bg-indigo-500/5"
-                                : "border-transparent text-text-secondary hover:text-text-primary hover:bg-white/5"
+                            className={`flex items-center gap-2 px-5 py-3 font-display text-xs   border-b-2 transition-all whitespace-nowrap ${activeTab === tab.id
+                                ? "border-accent text-accent bg-accent/5"
+                                : "border-transparent text-text-muted hover:text-text hover:bg-surface"
                                 }`}
                         >
                             {tab.icon}
@@ -494,8 +496,8 @@ export default function ModuleSection({ section, roadmap, onUpdate, onNavigate,
                     <div className="p-8 max-w-4xl animate-fade-in space-y-10">
                         {data.description && (
                             <section>
-                                <h3 className="font-sans-display text-xs uppercase tracking-[0.2em] text-text-secondary mb-4 border-b border-border pb-2">Description</h3>
-                                <p className="font-body text-text-secondary text-lg leading-relaxed">
+                                <h3 className="font-display text-xs text-text-muted mb-4 border-b border-border pb-2">Description</h3>
+                                <p className="font-body text-text-muted text-lg leading-relaxed">
                                     {data.description}
                                 </p>
                             </section>
@@ -503,14 +505,14 @@ export default function ModuleSection({ section, roadmap, onUpdate, onNavigate,
 
                         {objectives.length > 0 && (
                             <section>
-                                <h3 className="font-sans-display text-xs uppercase tracking-[0.2em] text-text-secondary mb-4 border-b border-border pb-2">Learning Objectives</h3>
+                                <h3 className="font-display text-xs text-text-muted mb-4 border-b border-border pb-2">Learning Objectives</h3>
                                 <div className="space-y-3">
                                     {objectives.map((obj, i) => (
                                         <div key={i} className="flex items-start gap-4">
-                                            <div className="w-6 h-6 rounded-full bg-indigo-500/10 border border-indigo-500/30 text-indigo-400 flex flex-col items-center justify-center shrink-0 mt-0.5">
+                                            <div className="w-6 h-6 rounded-full bg-accent/10 border border-accent/30 text-accent flex flex-col items-center justify-center shrink-0 mt-0.5">
                                                 <TargetIcon size={12} />
                                             </div>
-                                            <p className="font-body text-text-primary leading-relaxed">{obj}</p>
+                                            <p className="font-body text-text leading-relaxed">{obj}</p>
                                         </div>
                                     ))}
                                 </div>
@@ -519,9 +521,9 @@ export default function ModuleSection({ section, roadmap, onUpdate, onNavigate,
 
                         {data.concepts && (
                             <section>
-                                <h3 className="font-sans-display text-xs uppercase tracking-[0.2em] text-text-secondary mb-4 border-b border-border pb-2">Key Concepts</h3>
-                                <div className="p-6 border border-border bg-obsidian-elevated/40 rounded-xl">
-                                    <p className="font-body text-text-secondary leading-relaxed whitespace-pre-wrap">
+                                <h3 className="font-display text-xs text-text-muted mb-4 border-b border-border pb-2">Key Concepts</h3>
+                                <div className="p-6 border border-border bg-surface-muted/40 rounded-xl">
+                                    <p className="font-body text-text-muted leading-relaxed whitespace-pre-wrap">
                                         {data.concepts}
                                     </p>
                                 </div>
@@ -534,45 +536,45 @@ export default function ModuleSection({ section, roadmap, onUpdate, onNavigate,
                 {activeTab === 'tasks' && (
                     <div className="p-8 max-w-3xl animate-fade-in">
                         <div className="flex items-center justify-between mb-8">
-                            <h3 className="font-sans-display text-xs uppercase tracking-[0.2em] text-text-secondary">Action Items</h3>
-                            <span className="font-sans-display text-[12px] uppercase tracking-widest text-indigo-400 bg-indigo-500/10 px-3 py-1 rounded-full border border-indigo-500/20">
+                            <h3 className="font-display text-xs text-text-muted">Action Items</h3>
+                            <span className="font-display text-[12px] text-accent bg-accent/10 px-3 py-1 rounded-full border border-accent/20">
                                 {completedCount} / {totalCount} Completed
                             </span>
                         </div>
 
                         {/* Progress Bar */}
-                        <div className="h-1 bg-white/5 rounded-full mb-8 overflow-hidden">
-                            <div className="h-full bg-indigo-500 transition-all duration-700" style={{ width: `${taskPercent}%` }} />
+                        <div className="h-1 bg-surface rounded-full mb-8 overflow-hidden">
+                            <div className="h-full bg-accent transition-all duration-700" style={{ width: `${taskPercent}%` }} />
                         </div>
 
                         <div className="space-y-3">
                             {tasks.map((task: Task) => (
-                                <div key={task.id} className={`group border bg-obsidian-surface/40 hover:bg-obsidian-surface/80 rounded-xl transition-all overflow-hidden ${focusedTaskIdx === tasks.indexOf(task) ? 'border-indigo-500 shadow-[0_0_0_1px_rgba(99,102,241,0.5)]' : 'border-border hover:border-border-subtle'}`}>
+                                <div key={task.id} className={`group border bg-surface/40 hover:bg-surface/80 rounded-xl transition-all overflow-hidden ${focusedTaskIdx === tasks.indexOf(task) ? 'border-accent ' : 'border-border hover:border-border'}`}>
                                     <button
                                         type="button"
                                         className="w-full flex items-start gap-4 p-5 text-left"
                                         onClick={() => toggleTask(task.id)}
                                     >
                                         <div className={`w-6 h-6 rounded border-2 flex items-center justify-center transition-all shrink-0 ${task.completed
-                                            ? "bg-emerald-500 border-emerald-500 text-obsidian"
-                                            : "border-white/20 group-hover:border-emerald-500/50"
+                                            ? "bg-accent border-accent text-page"
+                                            : "border-border-strong group-hover:border-accent/50"
                                             }`}>
                                             {task.completed && <CheckCircle2 size={16} />}
                                         </div>
-                                        <span className={`font-body text-base leading-snug transition-colors ${task.completed ? "text-text-secondary line-through" : "text-text-primary"
+                                        <span className={`font-body text-base leading-snug transition-colors ${task.completed ? "text-text-muted line-through" : "text-text"
                                             }`}>
                                             {task.title}
                                             {task.priority && (
-                                                <span className={`ml-2 inline-flex items-center px-1.5 py-0.5 rounded-full text-[10px] font-medium ${
-                                                    task.priority === 'core' ? 'bg-indigo-500/10 text-indigo-400' :
-                                                    task.priority === 'optional' ? 'bg-zinc-500/10 text-zinc-400' :
-                                                    task.priority === 'advanced' ? 'bg-amber-500/10 text-amber-400' : ''
+                                                <span className={`ml-2 inline-flex items-center px-1.5 py-0.5 rounded-full text-xs font-medium ${
+                                                    task.priority === 'core' ? 'bg-accent/10 text-accent' :
+                                                    task.priority === 'optional' ? 'bg-raised/10 text-text-muted' :
+                                                    task.priority === 'advanced' ? 'bg-warning/10 text-warning' : ''
                                                 }`}>
                                                     {task.priority.charAt(0).toUpperCase() + task.priority.slice(1)}
                                                 </span>
                                             )}
                                             {task.estimatedTime && (
-                                                <span className="ml-3 inline-flex items-center gap-1 text-[12px] text-text-secondary opacity-70">
+                                                <span className="ml-3 inline-flex items-center gap-1 text-[12px] text-text-muted opacity-70">
                                                     <Clock size={12} />
                                                     {task.estimatedTime}
                                                 </span>
@@ -587,16 +589,16 @@ export default function ModuleSection({ section, roadmap, onUpdate, onNavigate,
                                                 <button
                                                     key={sub.id}
                                                     type="button"
-                                                    className="w-full flex items-center gap-3 py-2 px-3 rounded-lg hover:bg-white/5 transition-all text-left group/sub"
+                                                    className="w-full flex items-center gap-3 py-2 px-3 rounded-lg hover:bg-surface transition-all text-left group/sub"
                                                     onClick={() => toggleSubtask(task.id, sub.id)}
                                                 >
                                                     <div className={`w-4 h-4 rounded-sm border flex items-center justify-center transition-all shrink-0 ${sub.completed
-                                                        ? "bg-emerald-500/80 border-emerald-500/80 text-obsidian"
-                                                        : "border-white/15 group-hover/sub:border-emerald-500/50"
+                                                        ? "bg-accent/80 border-accent/80 text-text"
+                                                        : "border-border-strong group-hover/sub:border-accent/50"
                                                         }`}>
                                                         {sub.completed && <CheckCircle2 size={10} />}
                                                     </div>
-                                                    <span className={`text-sm font-body leading-snug ${sub.completed ? "text-text-secondary line-through" : "text-text-secondary group-hover/sub:text-text-primary"
+                                                    <span className={`text-sm font-body leading-snug ${sub.completed ? "text-text-muted line-through" : "text-text-muted group-hover/sub:text-text"
                                                         }`}>
                                                         {sub.title}
                                                     </span>
@@ -614,23 +616,23 @@ export default function ModuleSection({ section, roadmap, onUpdate, onNavigate,
                 {activeTab === 'resources' && (
                     <div className="flex h-full animate-fade-in relative overflow-hidden">
                         <div className={`p-8 flex-1 overflow-y-auto transition-all duration-300 ${sidePanelResource ? "pr-[400px]" : "pr-8"}`}>
-                            <h3 className="font-sans-display text-xs uppercase tracking-[0.2em] text-text-secondary mb-8 border-b border-border pb-2">Course Materials</h3>
+                            <h3 className="font-display text-xs text-text-muted mb-8 border-b border-border pb-2">Course Materials</h3>
                             <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
                                 {resources.map((res) => (
                                     <button
                                         key={res.id}
                                         onClick={() => setSidePanelResource(res)}
                                         className={`flex items-start gap-4 p-5 text-left border rounded-xl transition-all duration-200 hover:-translate-y-1 ${sidePanelResource?.id === res.id
-                                            ? "border-indigo-500 bg-indigo-500/10 shadow-[0_4px_20px_rgba(99,102,241,0.2)]"
-                                            : "border-border-subtle bg-obsidian-surface/40 hover:border-white/20 hover:bg-obsidian-surface/80"
+                                            ? "border-accent bg-accent/10 "
+                                            : "border-border bg-surface/40 hover:border-border-strong hover:bg-surface/80"
                                             }`}
                                     >
-                                        <div className="w-10 h-10 rounded-lg bg-white/5 border border-border-subtle flex items-center justify-center text-xl shrink-0">
+                                        <div className="w-10 h-10 rounded-lg bg-surface border border-border flex items-center justify-center text-xl shrink-0">
                                             {resourceTypeIcon(res.type)}
                                         </div>
                                         <div className="flex-1 min-w-0">
-                                            <h4 className="font-display text-white text-lg truncate mb-1">{res.title}</h4>
-                                            {res.description && <p className="text-text-secondary font-body text-sm line-clamp-2">{res.description}</p>}
+                                            <h4 className="font-display text-text text-lg truncate mb-1">{res.title}</h4>
+                                            {res.description && <p className="text-text-muted font-body text-sm line-clamp-2">{res.description}</p>}
                                         </div>
                                     </button>
                                 ))}
@@ -638,37 +640,37 @@ export default function ModuleSection({ section, roadmap, onUpdate, onNavigate,
                         </div>
 
                         {/* Resource Side Panel */}
-                        <div className={`absolute top-0 right-0 h-full w-[400px] border-l border-border-subtle bg-obsidian-elevated/95 backdrop-blur-xl transition-transform duration-300 transform shadow-[-20px_0_50px_rgba(0,0,0,0.5)] flex flex-col ${sidePanelResource ? "translate-x-0" : "translate-x-full"
+                        <div className={`absolute top-0 right-0 h-full w-[400px] border-l border-border bg-surface-muted/95  transition-transform duration-300 transform  flex flex-col ${sidePanelResource ? "translate-x-0" : "translate-x-full"
                             }`}>
                             {sidePanelResource && (
                                 <>
-                                    <div className="p-4 border-b border-border flex items-center justify-between bg-obsidian-surface">
+                                    <div className="p-4 border-b border-border flex items-center justify-between bg-surface">
                                         <div className="flex items-center gap-3">
                                             <span className="text-xl">{resourceTypeIcon(sidePanelResource.type)}</span>
-                                            <h4 className="font-sans-display text-xs uppercase tracking-widest text-white truncate max-w-[250px] font-bold">
+                                            <h4 className="font-display text-xs text-text truncate max-w-[250px] font-bold">
                                                 {sidePanelResource.title}
                                             </h4>
                                         </div>
                                         <button
                                             onClick={() => setSidePanelResource(null)}
-                                            className="p-1.5 hover:bg-white/10 rounded text-text-secondary hover:text-white"
+                                            className="p-1.5 hover:bg-surface-muted rounded text-text-muted hover:text-text"
                                         >
                                             <X size={16} />
                                         </button>
                                     </div>
                                     <div className="flex-1 overflow-y-auto p-4 flex flex-col">
                                         <div className="mb-4">
-                                            <p className="text-text-secondary text-sm font-body mb-4">{sidePanelResource.description}</p>
+                                            <p className="text-text-muted text-sm font-body mb-4">{sidePanelResource.description}</p>
                                             <a
                                                 href={sidePanelResource.url}
                                                 target="_blank"
                                                 rel="noopener noreferrer"
-                                                className="inline-flex items-center gap-2 font-sans-display text-xs uppercase tracking-widest text-indigo-400 hover:text-white transition-colors"
+                                                className="inline-flex items-center gap-2 font-display text-xs text-accent hover:text-text transition-colors"
                                             >
                                                 Open in New Tab <Navigation size={12} />
                                             </a>
                                         </div>
-                                        <div className="flex-1 rounded-xl overflow-hidden border border-border-subtle bg-black min-h-[300px]">
+                                        <div className="flex-1 rounded-xl overflow-hidden border border-border bg-page min-h-[300px]">
                                             <SmartEmbed url={sidePanelResource.url} title={sidePanelResource.title} />
                                         </div>
                                     </div>
@@ -682,8 +684,8 @@ export default function ModuleSection({ section, roadmap, onUpdate, onNavigate,
                     <div className="p-8 max-w-4xl animate-fade-in space-y-6">
                         <div className="flex flex-col gap-3 border-b border-border pb-6 sm:flex-row sm:items-center sm:justify-between">
                             <div>
-                                <h3 className="font-sans-display text-xs uppercase tracking-[0.2em] text-text-secondary">Knowledge Check</h3>
-                                <p className="mt-2 max-w-2xl text-sm leading-relaxed text-text-secondary">
+                                <h3 className="font-display text-xs text-text-muted">Knowledge Check</h3>
+                                <p className="mt-2 max-w-2xl text-sm leading-relaxed text-text-muted">
                                     Turn this module into a short multiple-choice quiz based on its tasks, notes, glossary terms, and description.
                                 </p>
                             </div>
@@ -691,7 +693,7 @@ export default function ModuleSection({ section, roadmap, onUpdate, onNavigate,
                                 type="button"
                                 onClick={() => void handleGenerateQuiz()}
                                 disabled={isGeneratingQuiz}
-                                className="inline-flex items-center gap-2 rounded-lg border border-indigo-500/30 bg-indigo-500/10 px-4 py-2 text-xs font-bold uppercase tracking-[0.15em] text-indigo-300 transition-colors hover:bg-indigo-500/20 disabled:cursor-not-allowed disabled:opacity-60"
+                                className="inline-flex items-center gap-2 rounded-lg border border-accent/30 bg-accent/10 px-4 py-2 text-xs font-bold text-accent transition-colors hover:bg-accent/20 disabled:cursor-not-allowed disabled:opacity-60"
                             >
                                 <RefreshCw size={14} className={isGeneratingQuiz ? "animate-spin" : ""} />
                                 {quizData ? "Generate fresh quiz" : "Generate quiz"}
@@ -699,30 +701,30 @@ export default function ModuleSection({ section, roadmap, onUpdate, onNavigate,
                         </div>
 
                         {quizError && (
-                            <div className="rounded-xl border border-red-500/20 bg-red-500/10 px-4 py-3 text-sm text-red-300">
+                            <div className="rounded-xl border border-danger/20 bg-danger/10 px-4 py-3 text-sm text-danger">
                                 {quizError}
                             </div>
                         )}
 
                         {!quizData ? (
-                            <div className="rounded-2xl border border-dashed border-border bg-obsidian-surface/30 p-8 text-center">
-                                <div className="mx-auto mb-4 flex h-14 w-14 items-center justify-center rounded-full border border-indigo-500/20 bg-indigo-500/10 text-indigo-300">
+                            <div className="rounded-2xl border border-dashed border-border bg-surface/30 p-8 text-center">
+                                <div className="mx-auto mb-4 flex h-14 w-14 items-center justify-center rounded-full border border-accent/20 bg-accent/10 text-accent">
                                     <Target size={20} />
                                 </div>
-                                <h4 className="font-display text-2xl text-white">No quiz generated yet</h4>
-                                <p className="mx-auto mt-3 max-w-xl text-sm leading-relaxed text-text-secondary">
+                                <h4 className="font-display text-2xl text-text">No quiz generated yet</h4>
+                                <p className="mx-auto mt-3 max-w-xl text-sm leading-relaxed text-text-muted">
                                     Generate a five-question review for this module when you want a fast checkpoint before moving on.
                                 </p>
                             </div>
                         ) : (
                             <div className="space-y-5">
                                 {quizSubmitted && quizScore !== null && (
-                                    <div className="rounded-2xl border border-indigo-500/20 bg-indigo-500/10 p-5">
-                                        <div className="font-sans-display text-[11px] uppercase tracking-[0.2em] text-indigo-300">Quiz Score</div>
-                                        <div className="mt-2 font-display text-4xl text-white">
+                                    <div className="rounded-2xl border border-accent/20 bg-accent/10 p-5">
+                                        <div className="font-display text-xs text-accent">Quiz Score</div>
+                                        <div className="mt-2 font-display text-4xl text-text">
                                             {quizScore} / {quizData.questions.length}
                                         </div>
-                                        <p className="mt-2 text-sm text-text-secondary">
+                                        <p className="mt-2 text-sm text-text-muted">
                                             Your score is saved for today in this browser so you can review explanations without losing your answers.
                                         </p>
                                     </div>
@@ -733,19 +735,19 @@ export default function ModuleSection({ section, roadmap, onUpdate, onNavigate,
                                     const isCorrect = selectedAnswer === question.answerIndex;
 
                                     return (
-                                        <div key={question.id} className="rounded-2xl border border-border bg-obsidian-surface/40 p-6">
+                                        <div key={question.id} className="rounded-2xl border border-border bg-surface/40 p-6">
                                             <div className="mb-4 flex items-start justify-between gap-4">
                                                 <div>
-                                                    <div className="mb-2 font-sans-display text-[11px] uppercase tracking-[0.2em] text-text-secondary">
+                                                    <div className="mb-2 font-display text-xs text-text-muted">
                                                         Question {index + 1}
                                                     </div>
-                                                    <h4 className="font-display text-2xl leading-tight text-white">{question.prompt}</h4>
+                                                    <h4 className="font-display text-2xl leading-tight text-text">{question.prompt}</h4>
                                                 </div>
                                                 {quizSubmitted && (
-                                                    <span className={`rounded-full border px-3 py-1 text-[11px] uppercase tracking-[0.15em] ${
+                                                    <span className={`rounded-full border px-3 py-1 text-xs   ${
                                                         isCorrect
-                                                            ? "border-emerald-500/30 bg-emerald-500/10 text-emerald-300"
-                                                            : "border-red-500/30 bg-red-500/10 text-red-300"
+                                                            ? "border-accent/30 bg-accent/10 text-accent"
+                                                            : "border-danger/30 bg-danger/10 text-danger"
                                                     }`}>
                                                         {isCorrect ? "Correct" : "Review"}
                                                     </span>
@@ -765,13 +767,13 @@ export default function ModuleSection({ section, roadmap, onUpdate, onNavigate,
                                                             disabled={quizSubmitted}
                                                             className={`w-full rounded-xl border px-4 py-3 text-left text-sm transition-all ${
                                                                 showCorrectAnswer
-                                                                    ? "border-emerald-500/30 bg-emerald-500/10 text-emerald-100"
+                                                                    ? "border-accent/30 bg-accent/10 text-accent-strong"
                                                                     : isSelected
-                                                                        ? "border-indigo-500/40 bg-indigo-500/10 text-white"
-                                                                        : "border-border bg-obsidian-light/60 text-text-primary hover:border-indigo-500/20 hover:bg-white/5"
+                                                                        ? "border-accent/40 bg-accent/10 text-text"
+                                                                        : "border-border bg-surface-muted/60 text-text hover:border-accent/20 hover:bg-surface"
                                                             } disabled:cursor-default`}
                                                         >
-                                                            <span className="mr-3 inline-flex h-6 w-6 items-center justify-center rounded-full border border-current/20 text-[11px] font-bold uppercase">
+                                                            <span className="mr-3 inline-flex h-6 w-6 items-center justify-center rounded-full border border-current/20 text-xs font-bold">
                                                                 {String.fromCharCode(65 + choiceIndex)}
                                                             </span>
                                                             {choice}
@@ -781,8 +783,8 @@ export default function ModuleSection({ section, roadmap, onUpdate, onNavigate,
                                             </div>
 
                                             {quizSubmitted && (
-                                                <div className="mt-4 rounded-xl border border-border bg-black/20 px-4 py-3 text-sm leading-relaxed text-text-secondary">
-                                                    <span className="font-medium text-white">Explanation:</span> {question.explanation}
+                                                <div className="mt-4 rounded-xl border border-border bg-black/20 px-4 py-3 text-sm leading-relaxed text-text-muted">
+                                                    <span className="font-medium text-text">Explanation:</span> {question.explanation}
                                                 </div>
                                             )}
                                         </div>
@@ -794,7 +796,7 @@ export default function ModuleSection({ section, roadmap, onUpdate, onNavigate,
                                         type="button"
                                         onClick={handleQuizSubmit}
                                         disabled={quizData.questions.some((question) => selectedAnswers[question.id] === undefined)}
-                                        className="inline-flex items-center gap-2 rounded-lg bg-indigo-600 px-5 py-3 text-xs font-bold uppercase tracking-[0.15em] text-white transition-colors hover:bg-indigo-500 disabled:cursor-not-allowed disabled:opacity-60"
+                                        className="inline-flex items-center gap-2 rounded-full bg-text px-5 py-3 text-xs font-medium text-page transition-colors hover:bg-[#e6e6e6] disabled:cursor-not-allowed disabled:opacity-60"
                                     >
                                         Submit answers
                                     </button>
@@ -811,15 +813,15 @@ export default function ModuleSection({ section, roadmap, onUpdate, onNavigate,
                         <div className="flex-1 p-6 lg:p-8 overflow-y-auto">
                             {activeVideoId && (
                                 <div className="max-w-4xl mx-auto space-y-6">
-                                    <div className="aspect-video w-full rounded-2xl overflow-hidden border border-border-subtle shadow-[0_10px_40px_rgba(0,0,0,0.5)] bg-black">
+                                    <div className="aspect-video w-full rounded-2xl overflow-hidden border border-border bg-page">
                                         <SmartEmbed
                                             url={videos.find(v => v.id === activeVideoId)?.url || ""}
                                             title={videos.find(v => v.id === activeVideoId)?.title || "Video"}
                                         />
                                     </div>
                                     <div>
-                                        <h3 className="font-display text-2xl text-white mb-2">{videos.find(v => v.id === activeVideoId)?.title}</h3>
-                                        <p className="font-body text-text-secondary leading-relaxed bg-obsidian-surface/50 p-6 rounded-xl border border-border">
+                                        <h3 className="font-display text-2xl text-text mb-2">{videos.find(v => v.id === activeVideoId)?.title}</h3>
+                                        <p className="font-body text-text-muted leading-relaxed bg-surface/50 p-6 rounded-xl border border-border">
                                             {videos.find(v => v.id === activeVideoId)?.description}
                                         </p>
                                     </div>
@@ -827,8 +829,8 @@ export default function ModuleSection({ section, roadmap, onUpdate, onNavigate,
                             )}
                         </div>
                         {/* Playlist Sidebar */}
-                        <div className="w-full lg:w-80 border-t lg:border-t-0 lg:border-l border-border bg-obsidian-surface/20 flex flex-col shrink-0 overflow-y-auto">
-                            <div className="p-4 border-b border-border font-sans-display text-xs uppercase tracking-[0.2em] text-text-secondary sticky top-0 bg-obsidian-surface/90 backdrop-blur-md z-10">
+                        <div className="w-full lg:w-80 border-t lg:border-t-0 lg:border-l border-border bg-surface/20 flex flex-col shrink-0 overflow-y-auto">
+                            <div className="p-4 border-b border-border font-display text-xs text-text-muted sticky top-0 bg-surface/90 z-10">
                                 Playlist
                             </div>
                             <div className="flex flex-col p-2 gap-1">
@@ -837,15 +839,15 @@ export default function ModuleSection({ section, roadmap, onUpdate, onNavigate,
                                         key={v.id}
                                         onClick={() => setActiveVideoId(v.id)}
                                         className={`flex flex-col items-start gap-1 p-3 rounded-lg text-left transition-all ${activeVideoId === v.id
-                                            ? "bg-indigo-500/10 border border-indigo-500/20 shadow-inner"
-                                            : "hover:bg-white/5 border border-transparent"
+                                            ? "bg-accent/10 border border-accent/20 shadow-inner"
+                                            : "hover:bg-surface border border-transparent"
                                             }`}
                                     >
-                                        <span className={`font-body text-sm line-clamp-2 ${activeVideoId === v.id ? "text-indigo-300" : "text-white"}`}>
+                                        <span className={`font-body text-sm line-clamp-2 ${activeVideoId === v.id ? "text-accent" : "text-text"}`}>
                                             {v.title}
                                         </span>
                                         {v.duration && (
-                                            <span className="font-sans-display text-[9px] uppercase tracking-widest text-text-secondary tabular-nums mt-1">
+                                            <span className="font-display text-xs text-text-muted tabular-nums mt-1">
                                                 <Clock size={10} className="mr-1 inline-flex" /> {v.duration}
                                             </span>
                                         )}
@@ -860,8 +862,8 @@ export default function ModuleSection({ section, roadmap, onUpdate, onNavigate,
                 {activeTab === 'notes' && (
                     <div className="p-8 max-w-4xl h-full flex flex-col animate-fade-in">
                         <div className="flex items-center justify-between mb-6">
-                            <h3 className="font-sans-display text-xs uppercase tracking-[0.2em] text-text-secondary">Module Notes</h3>
-                            <span className="font-sans-display text-[12px] uppercase tracking-widest text-indigo-400 font-bold min-w-[80px] text-right">
+                            <h3 className="font-display text-xs text-text-muted">Module Notes</h3>
+                            <span className="font-display text-[12px] text-accent font-bold min-w-[80px] text-right">
                                 {saveStatus}
                             </span>
                         </div>
@@ -869,20 +871,20 @@ export default function ModuleSection({ section, roadmap, onUpdate, onNavigate,
                             value={notesText}
                             onChange={(e) => setNotesText(e.target.value)}
                             placeholder="Type your notes for this module here... Autosaves as you type."
-                            className="flex-1 w-full bg-obsidian-surface/30 border border-border-subtle rounded-xl p-6 font-body text-text-primary text-base leading-relaxed placeholder:text-text-secondary/30 resize-none transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-indigo-500 focus-visible:ring-offset-2"
+                            className="flex-1 w-full bg-surface/30 border border-border rounded-xl p-6 font-body text-text text-base leading-relaxed placeholder:text-text-muted/30 resize-none transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-strong focus-visible:ring-offset-2"
                         />
                     </div>
                 )}
             </div>
 
             {/* Bottom Nav */}
-            <div className="p-4 border-t border-border flex items-center justify-between bg-obsidian-surface/50 shrink-0">
+            <div className="p-4 border-t border-border flex items-center justify-between bg-surface/50 shrink-0">
                 <button
                     onClick={() => prevModule && onNavigate?.(prevModule.id)}
                     disabled={!prevModule}
-                    className={`px-5 py-2.5 flex items-center gap-3 font-sans-display text-xs uppercase tracking-[0.15em] font-bold rounded-lg transition-all ${prevModule
-                        ? "hover:bg-white/10 text-white"
-                        : "opacity-30 cursor-not-allowed text-text-secondary"
+                    className={`px-5 py-2.5 flex items-center gap-3 font-display text-xs   font-bold rounded-lg transition-all ${prevModule
+                        ? "hover:bg-surface-muted text-text"
+                        : "opacity-30 cursor-not-allowed text-text-muted"
                         }`}
                 >
                     <ChevronRight size={14} className="rotate-180" />
@@ -890,15 +892,15 @@ export default function ModuleSection({ section, roadmap, onUpdate, onNavigate,
                 </button>
                 <div className="flex gap-1">
                     {moduleSections.map((_, i) => (
-                        <div key={i} className={`w-1.5 h-1.5 rounded-full ${i === currentIndex ? "bg-indigo-500" : "bg-white/20"}`} />
+                        <div key={i} className={`w-1.5 h-1.5 rounded-full ${i === currentIndex ? "bg-accent" : "bg-raised"}`} />
                     ))}
                 </div>
                 <button
                     onClick={() => nextModule && onNavigate?.(nextModule.id)}
                     disabled={!nextModule}
-                    className={`px-5 py-2.5 flex items-center gap-3 font-sans-display text-xs uppercase tracking-[0.15em] font-bold rounded-lg transition-all ${nextModule
-                        ? "hover:bg-indigo-500/10 text-indigo-400 border border-transparent hover:border-indigo-500/30"
-                        : "opacity-30 cursor-not-allowed text-text-secondary"
+                    className={`px-5 py-2.5 flex items-center gap-3 font-display text-xs   font-bold rounded-lg transition-all ${nextModule
+                        ? "hover:bg-accent/10 text-accent border border-transparent hover:border-accent/30"
+                        : "opacity-30 cursor-not-allowed text-text-muted"
                         }`}
                 >
                     Next module
diff --git a/components/workspace/sections/NotesSection.tsx b/src/components/workspace/sections/NotesSection.tsx
similarity index 74%
rename from components/workspace/sections/NotesSection.tsx
rename to src/components/workspace/sections/NotesSection.tsx
index e333b39..b5608bb 100644
--- a/components/workspace/sections/NotesSection.tsx
+++ b/src/components/workspace/sections/NotesSection.tsx
@@ -69,14 +69,14 @@ export default function Notes({ section, onUpdate }: Props) {
         <div className="max-w-6xl mx-auto h-[max(calc(100vh-160px),600px)] flex flex-col lg:flex-row gap-6 animate-fade-in relative z-10">
 
             {/* Sidebar List */}
-            <div className="w-full lg:w-80 shrink-0 flex flex-col min-h-0 surface rounded-2xl border border-border shadow-xl animate-slide-up bg-obsidian-surface/60 backdrop-blur-sm">
-                <div className="p-5 border-b border-border/50 flex items-center justify-between z-10 sticky top-0 bg-obsidian-surface backdrop-blur-xl rounded-t-2xl">
+            <div className="w-full lg:w-80 shrink-0 flex flex-col min-h-0 surface rounded-2xl border border-border shadow-xl animate-slide-up bg-surface/60">
+                <div className="p-5 border-b border-border/50 flex items-center justify-between z-10 sticky top-0 bg-surface rounded-t-2xl">
                     <div className="flex items-center gap-2">
-                        <h2 className="font-display text-lg font-black text-text-primary tracking-wide">📝 Notes</h2>
+                        <h2 className="font-display text-lg font-semibold text-text">📝 Notes</h2>
                     </div>
                     <button
                         onClick={addNote}
-                        className="w-8 h-8 flex items-center justify-center rounded-lg bg-indigo-500/20 text-indigo-400 hover:bg-indigo-500 hover:text-white transition-all duration-300 shadow-[0_0_10px_rgba(99,102,241,0.2)]"
+                        className="w-8 h-8 flex items-center justify-center rounded-lg bg-raised text-text-muted hover:text-text transition-all duration-300"
                         title="Create new note"
                     >
                         +
@@ -90,23 +90,23 @@ export default function Notes({ section, onUpdate }: Props) {
                                 key={note.id}
                                 onClick={() => setActiveNoteId(note.id)}
                                 className={`w-full text-left p-4 rounded-xl transition-all duration-300 group overflow-hidden relative ${isActive
-                                    ? "bg-indigo-500/10 border border-indigo-500/20 shadow-[0_5px_15px_-5px_rgba(99,102,241,0.2)]"
-                                    : "hover:bg-obsidian border border-transparent hover:border-border"
+                                    ? "bg-accent/10 border border-accent/20 "
+                                    : "hover:bg-page border border-transparent hover:border-border"
                                     }`}
                             >
-                                {isActive && <div className="absolute left-0 top-0 bottom-0 w-1 bg-indigo-500 drop-shadow-[0_0_8px_rgba(99,102,241,1)]" />}
+                                {isActive && <div className="absolute left-0 top-0 bottom-0 w-1 bg-accent" />}
 
-                                <h3 className={`font-bold transition-colors truncate mb-1 ${isActive ? "text-indigo-300" : "text-text-primary group-hover:text-indigo-200"}`}>
+                                <h3 className={`font-bold transition-colors truncate mb-1 ${isActive ? "text-accent" : "text-text group-hover:text-accent-strong"}`}>
                                     {note.title || "Untitled Note"}
                                 </h3>
-                                <p className="text-sm text-text-secondary truncate">
+                                <p className="text-sm text-text-muted truncate">
                                     {new Intl.DateTimeFormat("en-US", { dateStyle: "short" }).format(new Date(note.updatedAt))}
                                 </p>
                             </button>
                         );
                     })}
                     {section.data.length === 0 && (
-                        <div className="p-6 text-center text-text-secondary text-sm border border-dashed border-border-subtle rounded-xl m-2">
+                        <div className="p-6 text-center text-text-muted text-sm border border-dashed border-border rounded-xl m-2">
                             No notes yet. Click the + button to create one.
                         </div>
                     )}
@@ -115,20 +115,20 @@ export default function Notes({ section, onUpdate }: Props) {
 
             {/* Editor Main */}
             {activeNote ? (
-                <div className="flex-1 flex flex-col min-h-0 surface rounded-2xl border border-border shadow-[0_20px_40px_-15px_rgba(0,0,0,0.5)] bg-obsidian animate-slide-up shadow-indigo-500/5 relative overflow-hidden" style={{ animationDelay: '0.1s' }}>
+                <div className="flex-1 flex flex-col min-h-0 surface rounded-2xl border border-border bg-page animate-slide-up relative overflow-hidden" style={{ animationDelay: '0.1s' }}>
 
                     {/* Editor glow effect inner */}
-                    <div className="absolute top-0 right-0 w-64 h-64 bg-indigo-500/5 blur-[100px] pointer-events-none rounded-full" />
+                    <div className="absolute top-0 right-0 w-64 h-64 bg-accent/5 blur-[100px] pointer-events-none rounded-full" />
 
-                    <div className="p-6 sm:p-8 lg:px-12 lg:pt-10 flex-shrink-0 border-b border-border pb-6 bg-obsidian-surface/30">
+                    <div className="p-6 sm:p-8 lg:px-12 lg:pt-10 flex-shrink-0 border-b border-border pb-6 bg-surface/30">
                         <input
                             type="text"
                             value={activeNote.title}
                             onChange={(e) => updateNote(activeNote.id, { title: e.target.value })}
-                            className="mb-2 w-full bg-transparent border-none text-2xl font-display font-black text-text-primary placeholder:text-text-secondary/40 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-indigo-500 focus-visible:ring-offset-2 sm:text-3xl"
+                            className="mb-2 w-full bg-transparent border-none text-2xl font-display font-semibold text-text placeholder:text-text-muted/40 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-strong focus-visible:ring-offset-2 sm:text-3xl"
                             placeholder="Note Title"
                         />
-                        <div className="flex items-center gap-4 text-xs font-bold text-text-secondary/60 uppercase tracking-widest">
+                        <div className="flex items-center gap-4 text-xs font-bold text-text-muted/60">
                             <span>Updated {new Intl.DateTimeFormat("en-US", { dateStyle: "medium", timeStyle: "short" }).format(new Date(activeNote.updatedAt))}</span>
                             <span>•</span>
                             <span className="tabular-nums">{wordCount} words</span>
@@ -136,11 +136,9 @@ export default function Notes({ section, onUpdate }: Props) {
                     </div>
 
                     <div className="flex-1 overflow-y-auto lg:px-12 px-6 sm:px-8 py-8 relative group">
-                        {/* Rich text feel lines background mock */}
-                        <div className="absolute inset-0 pointer-events-none" style={{ backgroundImage: "repeating-linear-gradient(transparent, transparent 31px, rgba(255,255,255,0.03) 31px, rgba(255,255,255,0.03) 32px)", backgroundPosition: "0 8px" }} />
 
                         <textarea
-                            className="custom-scrollbar relative z-10 h-full w-full resize-none border-none bg-transparent text-[15px] font-serif leading-8 text-text-primary drop-shadow-sm placeholder:text-text-secondary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-indigo-500 focus-visible:ring-offset-2 sm:text-base"
+                            className="custom-scrollbar relative z-10 h-full w-full resize-none border-none bg-transparent text-[15px] font-serif leading-8 text-text drop-shadow-sm placeholder:text-text-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-strong focus-visible:ring-offset-2 sm:text-base"
                             value={activeNote.content}
                             onChange={(e) => updateNote(activeNote.id, { content: e.target.value })}
                             onKeyDown={handleKeyDown}
@@ -150,7 +148,7 @@ export default function Notes({ section, onUpdate }: Props) {
                 </div>
             ) : (
                 <div className="flex-1 flex items-center justify-center surface rounded-2xl border-border border-dashed border shadow-lg m-2 lg:m-0">
-                    <p className="text-text-secondary font-display text-lg">Select or create a note to begin.</p>
+                    <p className="text-text-muted font-display text-lg">Select or create a note to begin.</p>
                 </div>
             )}
         </div>
diff --git a/components/workspace/sections/ProgressSection.tsx b/src/components/workspace/sections/ProgressSection.tsx
similarity index 69%
rename from components/workspace/sections/ProgressSection.tsx
rename to src/components/workspace/sections/ProgressSection.tsx
index c562e13..7970812 100644
--- a/components/workspace/sections/ProgressSection.tsx
+++ b/src/components/workspace/sections/ProgressSection.tsx
@@ -23,40 +23,40 @@ export default function ProgressSection({ roadmap }: Props) {
     return (
         <div className="max-w-4xl mx-auto animate-fade-in relative">
             <div className="mb-10 text-center">
-                <h2 className="font-display text-4xl font-black text-text-primary mb-3 drop-shadow-md">
+                <h2 className="font-display text-4xl font-semibold text-text mb-3 drop-shadow-md">
                     📊 Tracking
                 </h2>
-                <p className="text-text-secondary text-base max-w-lg mx-auto">
+                <p className="text-text-muted text-base max-w-lg mx-auto">
                     {getMessage(progress.overall)}
                 </p>
             </div>
 
             {/* Main Ring Area */}
             <div className="surface rounded-3xl p-8 sm:p-12 text-center mb-8 border border-border shadow-2xl relative overflow-hidden group">
-                <div className="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-64 h-64 bg-indigo-500/10 blur-[80px] rounded-full pointer-events-none transition-opacity duration-500 group-hover:opacity-100 opacity-50" />
+                <div className="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-64 h-64 bg-accent/10 blur-[80px] rounded-full pointer-events-none transition-opacity duration-500 group-hover:opacity-100 opacity-50" />
 
                 <div className="flex flex-col items-center justify-center relative z-10">
                     <div className="relative">
                         <ProgressRing percent={progress.overall} size={220} strokeWidth={12} />
                         <div className="absolute inset-0 flex flex-col items-center justify-center drop-shadow-lg">
-                            <span className="text-5xl font-black text-transparent bg-clip-text bg-gradient-to-br from-indigo-300 to-purple-300 tabular-nums tracking-tighter">
+                            <span className="text-5xl font-semibold bg-accent tabular-nums tracking-tighter">
                                 {progress.overall}%
                             </span>
-                            <span className="text-sm font-bold uppercase tracking-widest text-text-secondary mt-2">
+                            <span className="text-sm font-bold text-text-muted mt-2">
                                 Total Completion
                             </span>
                         </div>
                     </div>
 
-                    <div className="mt-8 flex items-center justify-center gap-6 px-6 py-3 rounded-2xl bg-obsidian-elevated/50 border border-border shadow-inner">
+                    <div className="mt-8 flex items-center justify-center gap-6 px-6 py-3 rounded-2xl bg-surface-muted/50 border border-border shadow-inner">
                         <div className="text-center">
-                            <p className="text-sm text-text-secondary font-medium mb-1">Completed</p>
-                            <p className="text-2xl font-bold text-emerald-400 tabular-nums drop-shadow-sm">{progress.completedTasks}</p>
+                            <p className="text-sm text-text-muted font-medium mb-1">Completed</p>
+                            <p className="text-2xl font-bold text-accent tabular-nums drop-shadow-sm">{progress.completedTasks}</p>
                         </div>
-                        <div className="w-[2px] h-10 bg-white/10 rounded" />
+                        <div className="w-[2px] h-10 bg-surface-muted rounded" />
                         <div className="text-center">
-                            <p className="text-sm text-text-secondary font-medium mb-1">Remaining</p>
-                            <p className="text-2xl font-bold text-text-primary tabular-nums drop-shadow-sm">{progress.totalTasks - progress.completedTasks}</p>
+                            <p className="text-sm text-text-muted font-medium mb-1">Remaining</p>
+                            <p className="text-2xl font-bold text-text tabular-nums drop-shadow-sm">{progress.totalTasks - progress.completedTasks}</p>
                         </div>
                     </div>
                 </div>
@@ -65,22 +65,22 @@ export default function ProgressSection({ roadmap }: Props) {
             {/* Detailed Phase Breakdown */}
             {progress.phaseProgress.length > 0 && (
                 <div className="grid grid-cols-1 sm:grid-cols-2 gap-4">
-                    <h3 className="col-span-1 border-b border-border pb-2 mb-2 sm:col-span-2 font-display text-lg font-bold text-text-primary text-text-secondary">Phase Breakdown</h3>
+                    <h3 className="col-span-1 border-b border-border pb-2 mb-2 sm:col-span-2 font-display text-lg font-bold text-text-muted">Phase Breakdown</h3>
                     {progress.phaseProgress.map((pm: { id: string; title: string; percent: number }, i: number) => (
-                        <div key={pm.id} className="surface rounded-xl p-5 border border-border hover:-translate-y-1 hover:shadow-lg transition-all duration-300 animate-slide-up bg-obsidian-surface/60" style={{ animationDelay: `${i * 0.05}s` }}>
+                        <div key={pm.id} className="surface rounded-xl p-5 border border-border hover:-translate-y-1 hover:shadow-lg transition-all duration-300 animate-slide-up bg-surface/60" style={{ animationDelay: `${i * 0.05}s` }}>
                             <div className="flex justify-between items-center mb-3">
-                                <span className="text-sm font-bold text-text-primary truncate pr-2">{pm.title}</span>
-                                <span className={`text-xs font-bold tabular-nums px-2 py-0.5 rounded-md bg-obsidian-elevated ${pm.percent === 100 ? 'text-emerald-400' : 'text-indigo-300'}`}>
+                                <span className="text-sm font-bold text-text truncate pr-2">{pm.title}</span>
+                                <span className={`text-xs font-bold tabular-nums px-2 py-0.5 rounded-md bg-surface-muted ${pm.percent === 100 ? 'text-accent' : 'text-accent'}`}>
                                     {pm.percent}%
                                 </span>
                             </div>
-                            <div className="w-full h-2 rounded-full overflow-hidden bg-obsidian-elevated shadow-inner">
+                            <div className="w-full h-2 rounded-full overflow-hidden bg-surface-muted shadow-inner">
                                 <div
-                                    className="h-full rounded-full transition-all duration-1000 ease-[cubic-bezier(0.4,0,0.2,1)] bg-gradient-to-r from-indigo-500 to-purple-500 relative"
+                                    className="h-full rounded-full transition-all duration-1000 ease-[cubic-bezier(0.4,0,0.2,1)] bg-accent relative"
                                     style={{ width: `${pm.percent}%` }}
                                 >
                                     {pm.percent === 100 && (
-                                        <div className="absolute inset-0 bg-emerald-500" />
+                                        <div className="absolute inset-0 bg-accent" />
                                     )}
                                 </div>
                             </div>
diff --git a/components/workspace/sections/ResourcesSection.tsx b/src/components/workspace/sections/ResourcesSection.tsx
similarity index 63%
rename from components/workspace/sections/ResourcesSection.tsx
rename to src/components/workspace/sections/ResourcesSection.tsx
index 68d52b2..59ebaf5 100644
--- a/components/workspace/sections/ResourcesSection.tsx
+++ b/src/components/workspace/sections/ResourcesSection.tsx
@@ -14,14 +14,14 @@ export default function Resources({ section, onUpdate }: Props) {
 
     const getIcon = (type: string) => {
         switch (type) {
-            case "doc": return <span className="text-blue-400 drop-shadow-[0_0_5px_rgba(96,165,250,0.5)]">📄</span>;
-            case "video": return <span className="text-rose-400 drop-shadow-[0_0_5px_rgba(251,113,133,0.5)]">🎥</span>;
-            case "tool": return <span className="text-amber-400 drop-shadow-[0_0_5px_rgba(251,191,36,0.5)]">🔧</span>;
-            case "course": return <span className="text-purple-400 drop-shadow-[0_0_5px_rgba(192,132,252,0.5)]">🎓</span>;
-            case "book": return <span className="text-emerald-400 drop-shadow-[0_0_5px_rgba(52,211,153,0.5)]">📚</span>;
-            case "pdf": return <span className="text-red-400 drop-shadow-[0_0_5px_rgba(248,113,113,0.5)]">📑</span>;
+            case "doc": return <span className="text-accent">📄</span>;
+            case "video": return <span className="text-danger">🎥</span>;
+            case "tool": return <span className="text-warning">🔧</span>;
+            case "course": return <span className="text-accent">🎓</span>;
+            case "book": return <span className="text-accent">📚</span>;
+            case "pdf": return <span className="text-danger">📑</span>;
             case "link":
-            default: return <span className="text-indigo-400 drop-shadow-[0_0_5px_rgba(129,140,248,0.5)]">🔗</span>;
+            default: return <span className="text-accent">🔗</span>;
         }
     };
 
@@ -30,10 +30,10 @@ export default function Resources({ section, onUpdate }: Props) {
     return (
         <div className="max-w-6xl mx-auto space-y-12 animate-fade-in">
             <div className="text-center sm:text-left">
-                <h2 className="font-display text-4xl font-black text-text-primary mb-3 drop-shadow-md">
+                <h2 className="font-display text-4xl font-semibold text-text mb-3 drop-shadow-md">
                     📚 {section.title}
                 </h2>
-                <p className="text-text-secondary text-base">Curated materials to accelerate your learning.</p>
+                <p className="text-text-muted text-base">Curated materials to accelerate your learning.</p>
             </div>
 
             <div className="space-y-12">
@@ -42,39 +42,39 @@ export default function Resources({ section, onUpdate }: Props) {
                     return (
                         <div key={category} className="animate-slide-up" style={{ animationDelay: `${i * 0.1}s` }}>
                             <div className="flex items-center gap-3 mb-6 px-2 sm:px-0">
-                                <h3 className="font-display font-bold text-text-primary text-lg text-text-secondary uppercase tracking-widest">{category}</h3>
-                                <div className="flex-1 h-px bg-gradient-to-r from-white/10 to-transparent" />
-                                <span className="text-[12px] font-bold text-text-primary bg-obsidian-elevated px-2 py-0.5 rounded shadow-inner">{catResources.length} items</span>
+                                <h3 className="font-display font-bold text-text text-lg text-text-muted">{category}</h3>
+                                <div className="flex-1 h-px bg-surface-muted to-transparent" />
+                                <span className="text-[12px] font-bold text-text bg-surface-muted px-2 py-0.5 rounded shadow-inner">{catResources.length} items</span>
                             </div>
                             <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-5">
                                 {catResources.map((res: Resource) => (
                                     <button
                                         key={res.id}
                                         onClick={() => setViewerUrl(res.url)}
-                                        className="group relative flex flex-col p-5 rounded-2xl surface border border-border text-left transition-all duration-300 hover:-translate-y-1 hover:shadow-[0_15px_30px_-10px_rgba(99,102,241,0.2)] hover:border-indigo-500/30 overflow-hidden"
+                                        className="group relative flex flex-col p-5 rounded-2xl surface border border-border text-left transition-all duration-300 hover:-translate-y-1 hover:border-accent/30 overflow-hidden"
                                     >
                                         {/* Hover Glow Background */}
-                                        <div className="absolute inset-0 bg-indigo-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-300 pointer-events-none" />
+                                        <div className="absolute inset-0 bg-accent/5 opacity-0 group-hover:opacity-100 transition-opacity duration-300 pointer-events-none" />
 
                                         <div className="flex items-start justify-between mb-4 relative z-10 w-full gap-3">
-                                            <div className="w-10 h-10 rounded-xl bg-obsidian flex items-center justify-center text-xl shrink-0 shadow-inner group-hover:scale-110 transition-transform duration-300 border border-border">
+                                            <div className="w-10 h-10 rounded-xl bg-page flex items-center justify-center text-xl shrink-0 shadow-inner transition-transform duration-300 border border-border">
                                                 {getIcon(res.type)}
                                             </div>
-                                            <span className="text-[12px] font-bold uppercase tracking-wider text-text-secondary bg-white/5 px-2 py-1 rounded">
+                                            <span className="text-[12px] font-bold text-text-muted bg-surface px-2 py-1 rounded">
                                                 {res.type}
                                             </span>
                                         </div>
 
                                         <div className="relative z-10 flex flex-col flex-1">
-                                            <h4 className="font-display font-bold text-base text-text-primary mb-2 line-clamp-2 leading-snug group-hover:text-indigo-200 transition-colors duration-300">
+                                            <h4 className="font-display font-bold text-base text-text mb-2 line-clamp-2 leading-snug group-hover:text-accent-strong transition-colors duration-300">
                                                 {res.title}
                                             </h4>
-                                            <p className="text-sm text-text-secondary line-clamp-2 mt-auto">
+                                            <p className="text-sm text-text-muted line-clamp-2 mt-auto">
                                                 {res.description}
                                             </p>
                                         </div>
 
-                                        <div className="absolute bottom-4 right-4 opacity-0 group-hover:opacity-100 transition-all duration-300 translate-x-4 group-hover:translate-x-0 relative z-10 text-indigo-400 mt-4 text-sm font-bold flex items-center gap-1 w-full justify-end">
+                                        <div className="absolute bottom-4 right-4 opacity-0 group-hover:opacity-100 transition-all duration-300 translate-x-4 group-hover:translate-x-0 relative z-10 text-accent mt-4 text-sm font-bold flex items-center gap-1 w-full justify-end">
                                             Open <span className="group-hover:translate-x-1 transition-transform">→</span>
                                         </div>
                                     </button>
diff --git a/components/workspace/sections/SubmissionsSection.tsx b/src/components/workspace/sections/SubmissionsSection.tsx
similarity index 92%
rename from components/workspace/sections/SubmissionsSection.tsx
rename to src/components/workspace/sections/SubmissionsSection.tsx
index 7cd88d8..9203330 100644
--- a/components/workspace/sections/SubmissionsSection.tsx
+++ b/src/components/workspace/sections/SubmissionsSection.tsx
@@ -68,7 +68,7 @@ export default function SubmissionsSection({ section, onUpdate }: Props) {
     return (
         <div className="max-w-3xl">
             <div className="flex items-center justify-between mb-6 animate-fade-in">
-                <h2 className="font-display text-2xl font-bold text-text-primary text-text-primary">📤 {section.title}</h2>
+                <h2 className="text-xl font-semibold text-text">📤 {section.title}</h2>
                 <button type="button" className="btn btn-primary text-xs" onClick={() => setShowSubmit(true)}>
                     Submit Work
                 </button>
@@ -96,33 +96,33 @@ export default function SubmissionsSection({ section, onUpdate }: Props) {
                         style={{ animationDelay: `${i * 0.05}s` }}
                     >
                         <div className="flex items-start justify-between gap-3 mb-2">
-                            <h3 className="font-display font-bold text-text-primary text-sm text-text-primary flex-1">{sub.title}</h3>
+                            <h3 className="font-display font-bold text-text text-sm text-text flex-1">{sub.title}</h3>
                             <StatusBadge status={sub.status} />
                         </div>
-                        <p className="text-text-secondary text-sm mb-2">{sub.description}</p>
+                        <p className="text-text-muted text-sm mb-2">{sub.description}</p>
                         {sub.attachment ? (
                             <a
                                 href={sub.attachment}
                                 target="_blank"
                                 rel="noopener noreferrer"
-                                className="text-indigo-soft text-xs hover:underline block mb-2"
+                                className="text-accent text-xs hover:underline block mb-2"
                             >
                                 📎 View attachment ↗
                             </a>
                         ) : null}
                         {sub.feedback ? (
-                            <div className="p-2.5 rounded-lg bg-obsidian-elevated text-xs text-text-secondary mt-2">
-                                <span className="font-medium text-text-primary">Feedback:</span> {sub.feedback}
+                            <div className="p-2.5 rounded-lg bg-surface-muted text-xs text-text-muted mt-2">
+                                <span className="font-medium text-text">Feedback:</span> {sub.feedback}
                             </div>
                         ) : null}
                         <div className="flex items-center justify-between mt-3">
-                            <span className="text-text-secondary text-[12px] tabular-nums">
+                            <span className="text-text-muted text-[12px] tabular-nums">
                                 {new Intl.DateTimeFormat("en-US", { dateStyle: "medium" }).format(new Date(sub.createdAt))}
                             </span>
                             {sub.status === "submitted" ? (
                                 <button
                                     type="button"
-                                    className="btn btn-ghost text-xs text-indigo-soft"
+                                    className="btn btn-ghost text-xs text-accent"
                                     onClick={() => setShowReview(sub.id)}
                                 >
                                     Review
diff --git a/components/workspace/sections/TaskListSection.tsx b/src/components/workspace/sections/TaskListSection.tsx
similarity index 81%
rename from components/workspace/sections/TaskListSection.tsx
rename to src/components/workspace/sections/TaskListSection.tsx
index f19e3a3..d323a2e 100644
--- a/components/workspace/sections/TaskListSection.tsx
+++ b/src/components/workspace/sections/TaskListSection.tsx
@@ -104,10 +104,10 @@ export default function TaskListSection({ section, onUpdate }: Props) {
     return (
         <div className="max-w-4xl mx-auto space-y-10">
             <div className="text-center sm:text-left">
-                <h2 className="font-display text-3xl font-black text-text-primary mb-2 drop-shadow-md">
+                <h2 className="text-2xl font-semibold text-text mb-2 drop-shadow-md">
                     ✅ {section.title}
                 </h2>
-                <p className="text-text-secondary text-sm">Actionable items to keep you moving forward.</p>
+                <p className="text-text-muted text-sm">Actionable items to keep you moving forward.</p>
             </div>
 
             <div className="grid grid-cols-1 lg:grid-cols-2 gap-6 items-start">
@@ -118,22 +118,22 @@ export default function TaskListSection({ section, onUpdate }: Props) {
                     return (
                         <div
                             key={group.id}
-                            className="surface rounded-2xl p-5 sm:p-6 shadow-lg shadow-black/20 hover:shadow-indigo-500/5 transition-all duration-300 border border-border animate-slide-up hover:-translate-y-1 group"
+                            className="surface rounded-2xl p-5 sm:p-6 shadow-lg transition-all duration-300 border border-border animate-slide-up hover:-translate-y-1 group"
                             style={{ animationDelay: `${i * 0.05}s` }}
                         >
                             <div className="flex items-center justify-between mb-5">
-                                <h3 className="font-display font-bold text-text-primary text-sm text-text-primary uppercase tracking-widest flex items-center gap-2">
-                                    <span className="w-2 h-2 rounded-full bg-indigo-500 shadow-[0_0_8px_rgba(99,102,241,0.8)]" />
+                                <h3 className="font-display font-bold text-text text-sm text-text flex items-center gap-2">
+                                    <span className="w-2 h-2 rounded-full bg-accent" />
                                     {group.title}
                                 </h3>
                                 <div className="flex items-center gap-3">
-                                    <span className="bg-obsidian-elevated px-2.5 py-1 rounded-full text-[12px] font-bold text-text-secondary border border-border shadow-inner">
+                                    <span className="bg-surface-muted px-2.5 py-1 rounded-full text-[12px] font-bold text-text-muted border border-border shadow-inner">
                                         {completedCount} / {totalCount} done
                                     </span>
                                     {completedCount > 0 && (
                                         <button
                                             onClick={() => clearCompleted(group.id)}
-                                            className="text-xs uppercase font-bold text-indigo-400 hover:text-indigo-300 transition-colors opacity-0 group-hover:opacity-100 px-2 py-1 hover:bg-indigo-500/10 rounded"
+                                            className="text-xs font-bold text-accent hover:text-accent transition-colors opacity-0 group-hover:opacity-100 px-2 py-1 hover:bg-accent/10 rounded"
                                         >
                                             Clear Done
                                         </button>
@@ -142,15 +142,15 @@ export default function TaskListSection({ section, onUpdate }: Props) {
                             </div>
 
                             {(group.tasks || []).length === 0 ? (
-                                <div className="py-8 text-center border border-dashed border-border-subtle rounded-xl bg-obsidian-surface/60">
-                                    <p className="text-text-secondary text-sm italic">All tasks completed! 🎉</p>
+                                <div className="py-8 text-center border border-dashed border-border rounded-xl bg-surface/60">
+                                    <p className="text-text-muted text-sm italic">All tasks completed! 🎉</p>
                                 </div>
                             ) : (
                                 <div className="space-y-3">
                                     {(group.tasks || []).map((task) => (
                                         <div
                                             key={task.id}
-                                            className={`relative bg-obsidian-elevated/40 border rounded-xl p-3 sm:p-4 transition-all duration-500 ease-out hover:bg-obsidian-hover hover:border-border-subtle ${task.completed ? "opacity-40 scale-[0.98] grayscale" : "opacity-100 scale-100"} ${focusedTaskPath?.g === section.data.indexOf(group) && focusedTaskPath?.t === group.tasks.indexOf(task) ? "border-indigo-500 shadow-[0_0_0_1px_rgba(99,102,241,0.5)]" : "border-border"}`}
+                                            className={`relative bg-surface-muted/40 border rounded-xl p-3 sm:p-4 transition-all duration-500 ease-out hover:bg-surface-subtle hover:border-border ${task.completed ? "opacity-40  grayscale" : "opacity-100 "} ${focusedTaskPath?.g === section.data.indexOf(group) && focusedTaskPath?.t === group.tasks.indexOf(task) ? "border-accent " : "border-border"}`}
                                         >
                                             <label className="flex items-start gap-3 cursor-pointer group/label">
                                                 <div className="relative flex items-center justify-center w-5 h-5 mt-0.5 shrink-0">
@@ -158,29 +158,29 @@ export default function TaskListSection({ section, onUpdate }: Props) {
                                                         type="checkbox"
                                                         checked={task.completed}
                                                         onChange={() => toggleComplete(group.id, task.id)}
-                                                        className="peer appearance-none w-5 h-5 rounded-md border border-white/20 bg-obsidian-surface checked:bg-emerald-500 checked:border-emerald-500 transition-all cursor-pointer hover:border-indigo-400 shadow-inner"
+                                                        className="peer appearance-none w-5 h-5 rounded-md border border-border-strong bg-surface checked:bg-accent checked:border-accent transition-all cursor-pointer hover:border-accent shadow-inner"
                                                     />
-                                                    <span className="absolute text-white text-[12px] font-black pointer-events-none opacity-0 peer-checked:opacity-100 drop-shadow-md">✓</span>
+                                                    <span className="absolute text-text text-[12px] font-semibold pointer-events-none opacity-0 peer-checked:opacity-100 drop-shadow-md">✓</span>
                                                 </div>
                                                 <div className="flex-1 min-w-0 pt-0.5">
                                                     <span
                                                         className={`block text-sm sm:text-base transition-all duration-300 font-medium ${task.completed
-                                                            ? "text-text-secondary line-through decoration-white/20"
-                                                            : "text-text-primary group-hover/label:text-indigo-100"
+                                                            ? "text-text-muted line-through decoration-text-soft"
+                                                            : "text-text group-hover/label:text-accent-strong"
                                                             }`}
                                                     >
                                                         {task.title}
                                                         {task.priority && (
-                                                            <span className={`ml-2 inline-flex items-center px-1.5 py-0.5 rounded-full text-[10px] font-medium ${
-                                                                task.priority === 'core' ? 'bg-indigo-500/10 text-indigo-400' :
-                                                                task.priority === 'optional' ? 'bg-zinc-500/10 text-zinc-400' :
-                                                                task.priority === 'advanced' ? 'bg-amber-500/10 text-amber-400' : ''
+                                                            <span className={`ml-2 inline-flex items-center px-1.5 py-0.5 rounded-full text-xs font-medium ${
+                                                                task.priority === 'core' ? 'bg-accent/10 text-accent' :
+                                                                task.priority === 'optional' ? 'bg-raised/10 text-text-muted' :
+                                                                task.priority === 'advanced' ? 'bg-warning/10 text-warning' : ''
                                                             }`}>
                                                                 {task.priority.charAt(0).toUpperCase() + task.priority.slice(1)}
                                                             </span>
                                                         )}
                                                         {task.estimatedTime && (
-                                                            <span className="ml-3 inline-flex items-center gap-1 text-[12px] text-text-secondary opacity-70">
+                                                            <span className="ml-3 inline-flex items-center gap-1 text-[12px] text-text-muted opacity-70">
                                                                 <Clock size={12} />
                                                                 {task.estimatedTime}
                                                             </span>
@@ -191,7 +191,7 @@ export default function TaskListSection({ section, onUpdate }: Props) {
 
                                             {/* Subtasks */}
                                             {!task.completed && task.subtasks && task.subtasks.length > 0 && (
-                                                <div className="mt-3 ml-8 space-y-2 border-l border-border-subtle pl-3">
+                                                <div className="mt-3 ml-8 space-y-2 border-l border-border pl-3">
                                                     {(task.subtasks || []).map((st) => (
                                                         <label
                                                             key={st.id}
@@ -202,14 +202,14 @@ export default function TaskListSection({ section, onUpdate }: Props) {
                                                                     type="checkbox"
                                                                     checked={st.completed}
                                                                     onChange={() => toggleComplete(group.id, task.id, st.id)}
-                                                                    className="peer appearance-none w-4 h-4 rounded border border-white/20 bg-obsidian-surface checked:bg-indigo-500 checked:border-indigo-500 transition-all cursor-pointer hover:border-indigo-400"
+                                                                    className="peer appearance-none w-4 h-4 rounded border border-border-strong bg-surface checked:bg-accent checked:border-accent transition-all cursor-pointer hover:border-accent"
                                                                 />
-                                                                <span className="absolute text-white text-[8px] font-black pointer-events-none opacity-0 peer-checked:opacity-100">✓</span>
+                                                                <span className="absolute text-text text-xs font-semibold pointer-events-none opacity-0 peer-checked:opacity-100">✓</span>
                                                             </div>
                                                             <span
                                                                 className={`text-xs transition-colors duration-200 mt-0.5 ${st.completed
-                                                                    ? "text-text-secondary line-through"
-                                                                    : "text-text-secondary group-hover/sub:text-text-primary"
+                                                                    ? "text-text-muted line-through"
+                                                                    : "text-text-muted group-hover/sub:text-text"
                                                                     }`}
                                                             >
                                                                 {st.title}
diff --git a/components/workspace/sections/VideosSection.tsx b/src/components/workspace/sections/VideosSection.tsx
similarity index 69%
rename from components/workspace/sections/VideosSection.tsx
rename to src/components/workspace/sections/VideosSection.tsx
index 3ba2f77..5b42198 100644
--- a/components/workspace/sections/VideosSection.tsx
+++ b/src/components/workspace/sections/VideosSection.tsx
@@ -19,30 +19,30 @@ export default function Videos({ section, onUpdate }: Props) {
     return (
         <div className="max-w-6xl mx-auto h-[max(calc(100vh-160px),600px)] flex flex-col animate-fade-in relative z-10">
             <div className="mb-6 shrink-0 text-center sm:text-left">
-                <h2 className="font-display text-4xl font-black text-text-primary mb-2 drop-shadow-md flex items-center justify-center sm:justify-start gap-3">
-                    <span className="text-indigo-400 drop-shadow-[0_0_10px_rgba(99,102,241,0.5)]">▶</span> {section.title}
+                <h2 className="font-display text-4xl font-semibold text-text mb-2 drop-shadow-md flex items-center justify-center sm:justify-start gap-3">
+                    <span className="text-accent">▶</span> {section.title}
                 </h2>
-                <p className="text-text-secondary text-sm">Distraction-free viewing experience.</p>
+                <p className="text-text-muted text-sm">Distraction-free viewing experience.</p>
             </div>
 
             <div className="flex-1 min-h-0 flex flex-col lg:flex-row gap-6">
                 {/* Main Player Area */}
                 {activeVideo ? (
-                    <div className="flex-1 flex flex-col min-h-0 group animate-slide-up rounded-2xl overflow-hidden shadow-[0_20px_50px_-15px_rgba(0,0,0,0.5)] border border-border-subtle bg-obsidian">
-                        <div className="relative w-full aspect-video bg-black flex-shrink-0">
+                    <div className="flex-1 flex flex-col min-h-0 group animate-slide-up rounded-2xl overflow-hidden border border-border bg-page">
+                        <div className="relative w-full aspect-video bg-page flex-shrink-0">
                             <VideoPlayer
                                 url={activeVideo.url}
                                 title={activeVideo.title}
                                 description={activeVideo.description}
                             />
                         </div>
-                        <div className="flex-1 overflow-y-auto p-6 lg:p-8 bg-gradient-to-b from-obsidian-surface to-obsidian">
+                        <div className="flex-1 overflow-y-auto p-6 lg:p-8 bg-surface to-obsidian">
                             <div className="flex items-center gap-3 mb-4">
-                                <span className="bg-indigo-500/20 text-indigo-300 text-[12px] font-bold uppercase tracking-widest px-2.5 py-1 rounded shadow-[0_0_10px_rgba(99,102,241,0.2)]">Now Playing</span>
-                                {activeVideo.duration && <span className="text-text-secondary text-sm tabular-nums">⏱ {activeVideo.duration}</span>}
+                                <span className="bg-accent/20 text-accent text-[12px] font-bold px-2.5 py-1 rounded">Now Playing</span>
+                                {activeVideo.duration && <span className="text-text-muted text-sm tabular-nums">⏱ {activeVideo.duration}</span>}
                             </div>
-                            <h3 className="font-display text-2xl font-bold text-text-primary text-text-primary mb-4">{activeVideo.title}</h3>
-                            <p className="text-text-secondary leading-relaxed bg-obsidian-elevated/30 p-4 rounded-xl border border-border">
+                            <h3 className="text-xl font-semibold text-text mb-4">{activeVideo.title}</h3>
+                            <p className="text-text-muted leading-relaxed bg-surface-muted/30 p-4 rounded-xl border border-border">
                                 {activeVideo.description || "No description provided."}
                             </p>
                         </div>
@@ -51,20 +51,20 @@ export default function Videos({ section, onUpdate }: Props) {
                     <div className="flex-1 flex items-center justify-center surface rounded-2xl border-border border-dashed border">
                         <div className="text-center">
                             <div className="text-4xl mb-4">🎥</div>
-                            <h3 className="text-lg font-bold text-text-primary text-text-primary">No videos available</h3>
-                            <p className="text-sm text-text-secondary mt-2">Add videos to this playlist to watch them here.</p>
+                            <h3 className="text-lg font-bold text-text">No videos available</h3>
+                            <p className="text-sm text-text-muted mt-2">Add videos to this playlist to watch them here.</p>
                         </div>
                     </div>
                 )}
 
                 {/* Playlist Sidebar */}
                 <div className="w-full lg:w-96 shrink-0 flex flex-col min-h-0 surface rounded-2xl border border-border overflow-hidden shadow-xl animate-slide-up" style={{ animationDelay: '0.1s' }}>
-                    <div className="p-4 border-b border-border/50 bg-obsidian-surface/80 backdrop-blur-sm shrink-0 flex items-center justify-between">
-                        <h3 className="font-display font-bold text-text-primary text-sm text-text-secondary uppercase tracking-widest">Playlist</h3>
-                        <span className="text-[12px] bg-white/5 px-2 py-0.5 rounded text-text-secondary">{section.data.length} items</span>
+                    <div className="p-4 border-b border-border/50 bg-surface/80 shrink-0 flex items-center justify-between">
+                        <h3 className="font-display font-bold text-text text-sm text-text-muted">Playlist</h3>
+                        <span className="text-[12px] bg-surface px-2 py-0.5 rounded text-text-muted">{section.data.length} items</span>
                     </div>
 
-                    <div className="flex-1 overflow-y-auto p-3 space-y-2 bg-obsidian/30">
+                    <div className="flex-1 overflow-y-auto p-3 space-y-2 bg-page/30">
                         {section.data.map((video) => {
                             const isActive = video.id === activeVideoId;
                             const pseudoProgress = (video.id.length * 7) % 100; // Deterministic visual mock progress
@@ -78,16 +78,15 @@ export default function Videos({ section, onUpdate }: Props) {
                                     key={video.id}
                                     type="button"
                                     className={`w-full flex gap-3 p-3 rounded-xl text-left transition-all duration-300 relative group overflow-hidden ${isActive
-                                        ? "bg-indigo-500/10 border border-indigo-500/20 shadow-[inset_0_0_20px_rgba(99,102,241,0.05)]"
-                                        : "hover:bg-obsidian-surface border border-transparent hover:border-border"
+                                        ? "bg-accent/10 border border-accent/20 "
+                                        : "hover:bg-surface border border-transparent hover:border-border"
                                         }`}
                                     onClick={() => setActiveVideoId(video.id)}
                                 >
-                                    <div className={`relative w-28 aspect-video rounded-lg shrink-0 overflow-hidden bg-obsidian-elevated flex items-center justify-center transition-transform duration-500 ${isActive ? 'ring-1 ring-indigo-400' : 'group-hover:scale-105'}`}>
+                                    <div className={`relative w-28 aspect-video rounded-lg shrink-0 overflow-hidden bg-surface-muted flex items-center justify-center transition-transform duration-500 ${isActive ? 'ring-1 ring-border-strong' : ''}`}>
                                         {imgUrl ? (
                                             <>
                                                 {/* next/image is not practical here because thumbnail hosts are provider-controlled. */}
-                                                {/* eslint-disable-next-line @next/next/no-img-element */}
                                                 <img src={imgUrl} alt={video.title} className="absolute inset-0 w-full h-full object-cover" />
                                             </>
                                         ) : (
@@ -95,15 +94,15 @@ export default function Videos({ section, onUpdate }: Props) {
                                         )}
                                         {/* Duration Tag */}
                                         {video.duration && (
-                                            <div className="absolute bottom-1 right-1 bg-black/80 font-mono text-xs text-white px-1 rounded backdrop-blur">
+                                            <div className="absolute bottom-1 right-1 bg-black/80 font-mono text-xs text-text px-1 rounded">
                                                 {video.duration}
                                             </div>
                                         )}
                                         {/* Active Overlay */}
                                         {isActive && (
-                                            <div className="absolute inset-0 bg-indigo-500/20 flex items-center justify-center backdrop-blur-[2px]">
-                                                <div className="w-8 h-8 rounded-full bg-indigo-500 flex items-center justify-center drop-shadow-md">
-                                                    <span className="text-white text-[12px] ml-0.5">▶</span>
+                                            <div className="absolute inset-0 bg-accent/20 flex items-center justify-center backdrop-blur-[2px]">
+                                                <div className="w-8 h-8 rounded-full bg-accent flex items-center justify-center drop-shadow-md">
+                                                    <span className="text-text text-[12px] ml-0.5">▶</span>
                                                 </div>
                                             </div>
                                         )}
@@ -111,10 +110,10 @@ export default function Videos({ section, onUpdate }: Props) {
 
                                     <div className="flex-1 min-w-0 flex flex-col py-0.5 justify-between">
                                         <div>
-                                            <span className={`text-sm font-bold line-clamp-2 leading-snug transition-colors ${isActive ? 'text-indigo-300' : 'text-text-primary group-hover:text-indigo-100'}`}>
+                                            <span className={`text-sm font-bold line-clamp-2 leading-snug transition-colors ${isActive ? 'text-accent' : 'text-text group-hover:text-accent-strong'}`}>
                                                 {video.title}
                                             </span>
-                                            <span className="text-[12px] uppercase tracking-wider text-text-secondary mt-1 block">
+                                            <span className="text-[12px] text-text-muted mt-1 block">
                                                 {video.platform}
                                             </span>
                                         </div>
@@ -122,7 +121,7 @@ export default function Videos({ section, onUpdate }: Props) {
                                         {/* Visual Mock Progress Bar */}
                                         <div className="w-full h-1 bg-black/50 overflow-hidden rounded-full mt-2">
                                             {pseudoProgress > 0 && (
-                                                <div className={`h-full bg-indigo-500/80 rounded-full transition-all duration-1000`} style={{ width: `${pseudoProgress}%` }} />
+                                                <div className={`h-full bg-accent/80 rounded-full transition-all duration-1000`} style={{ width: `${pseudoProgress}%` }} />
                                             )}
                                         </div>
                                     </div>
diff --git a/src/components/workspaces/WorkspaceLibraryCard.tsx b/src/components/workspaces/WorkspaceLibraryCard.tsx
new file mode 100644
index 0000000..e29ed51
--- /dev/null
+++ b/src/components/workspaces/WorkspaceLibraryCard.tsx
@@ -0,0 +1,201 @@
+"use client";
+
+import { useState } from "react";
+import { Link } from "@tanstack/react-router";
+import { PencilLine, Trash2 } from "lucide-react";
+import {
+    AlertDialog,
+    AlertDialogAction,
+    AlertDialogCancel,
+    AlertDialogContent,
+    AlertDialogDescription,
+    AlertDialogFooter,
+    AlertDialogHeader,
+    AlertDialogTitle,
+    AlertDialogTrigger,
+} from "@/components/ui/alert-dialog";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import type { Roadmap } from "@/types";
+import { cn } from "@/lib/utils";
+import {
+    getRelativeTimeLabel,
+    getRoadmapDisplayTitle,
+    getRoadmapStateLabel,
+    getRoadmapStats,
+} from "@/lib/workspace-stats";
+
+interface WorkspaceLibraryCardProps {
+    roadmap: Roadmap;
+    onDelete?: (id: string) => void;
+    onRename?: (id: string, nextTitle: string) => void;
+}
+
+export default function WorkspaceLibraryCard({
+    roadmap,
+    onDelete,
+    onRename,
+}: WorkspaceLibraryCardProps) {
+    const stats = getRoadmapStats(roadmap);
+    const displayTitle = getRoadmapDisplayTitle(roadmap);
+    const [isRenaming, setIsRenaming] = useState(false);
+    const [nextTitle, setNextTitle] = useState(displayTitle);
+
+    const handleRename = () => {
+        if (!onRename) return;
+        const trimmedTitle = nextTitle.trim();
+        if (!trimmedTitle || trimmedTitle === displayTitle) {
+            setNextTitle(displayTitle);
+            setIsRenaming(false);
+            return;
+        }
+
+        onRename(roadmap.id, trimmedTitle);
+        setIsRenaming(false);
+    };
+
+    const handleDelete = () => {
+        if (!onDelete) return;
+        onDelete(roadmap.id);
+    };
+
+    const updated = getRelativeTimeLabel(
+        roadmap.updatedAt || roadmap.createdAt,
+    );
+
+    if (isRenaming) {
+        return (
+            <article className="border-t border-border px-5 py-4 first:border-t-0">
+                <label htmlFor={`rename-${roadmap.id}`} className="field-label">
+                    Rename workspace
+                </label>
+                <div className="flex flex-col gap-2 sm:flex-row">
+                    <Input
+                        id={`rename-${roadmap.id}`}
+                        value={nextTitle}
+                        autoFocus
+                        onChange={(event) => setNextTitle(event.target.value)}
+                        onKeyDown={(event) => {
+                            if (event.key === "Enter") handleRename();
+                        }}
+                    />
+                    <div className="flex gap-2">
+                        <Button
+                            type="button"
+                            size="sm"
+                            className="h-10"
+                            onClick={handleRename}
+                        >
+                            Save
+                        </Button>
+                        <Button
+                            type="button"
+                            variant="secondary"
+                            size="sm"
+                            className="h-10"
+                            onClick={() => {
+                                setNextTitle(displayTitle);
+                                setIsRenaming(false);
+                            }}
+                        >
+                            Cancel
+                        </Button>
+                    </div>
+                </div>
+            </article>
+        );
+    }
+
+    /** The progress moves below the title when the shared canvas narrows. */
+    return (
+        <article className="sy-workspace-row">
+            <div className="min-w-0">
+                <div className="flex flex-wrap items-center gap-2">
+                    <Link
+                        to="/learn"
+                        search={{ roadmap: roadmap.id }}
+                        className="min-w-0 break-words text-[15px] font-medium text-text after:absolute after:inset-0 hover:underline hover:underline-offset-4"
+                    >
+                        {displayTitle}
+                    </Link>
+                    {roadmap.packVersion ? (
+                        <span className="studio-badge">Built by Scout</span>
+                    ) : null}
+                </div>
+                <p className="mt-1 text-[13px] text-text-soft">
+                    {stats.moduleCount} module
+                    {stats.moduleCount === 1 ? "" : "s"} ·{" "}
+                    {getRoadmapStateLabel(stats.progressState)} · {updated}
+                </p>
+            </div>
+
+            <div className="sy-workspace-progress">
+                <div className="flex items-baseline justify-between text-[13px] tabular-nums">
+                    <span className="text-text">{stats.percent}%</span>
+                    <span className="text-text-soft">
+                        {stats.completedTasks} of {stats.totalTasks}
+                    </span>
+                </div>
+                <div className="h-1.5 overflow-hidden rounded-full bg-raised">
+                    <div
+                        className={cn(
+                            "h-full rounded-full",
+                            stats.progressState === "completed"
+                                ? "bg-success"
+                                : "bg-accent",
+                        )}
+                        style={{ width: `${stats.percent}%` }}
+                    />
+                </div>
+            </div>
+
+            <div className="relative z-10 flex items-center gap-1">
+                {onRename ? (
+                    <Button
+                        type="button"
+                        variant="ghost"
+                        size="icon"
+                        aria-label={`Rename ${displayTitle}`}
+                        onClick={() => {
+                            setNextTitle(displayTitle);
+                            setIsRenaming(true);
+                        }}
+                    >
+                        <PencilLine size={15} />
+                    </Button>
+                ) : null}
+                {onDelete ? (
+                    <AlertDialog>
+                        <AlertDialogTrigger asChild>
+                            <Button
+                                type="button"
+                                variant="ghost"
+                                size="icon"
+                                aria-label={`Delete ${displayTitle}`}
+                            >
+                                <Trash2 size={15} />
+                            </Button>
+                        </AlertDialogTrigger>
+                        <AlertDialogContent>
+                            <AlertDialogHeader>
+                                <AlertDialogTitle>
+                                    Delete {displayTitle}?
+                                </AlertDialogTitle>
+                                <AlertDialogDescription>
+                                    This removes the workspace and its progress
+                                    from this browser. It cannot be undone.
+                                </AlertDialogDescription>
+                            </AlertDialogHeader>
+                            <AlertDialogFooter>
+                                <AlertDialogCancel>Cancel</AlertDialogCancel>
+                                <AlertDialogAction onClick={handleDelete}>
+                                    Delete workspace
+                                </AlertDialogAction>
+                            </AlertDialogFooter>
+                        </AlertDialogContent>
+                    </AlertDialog>
+                ) : null}
+            </div>
+        </article>
+    );
+}
diff --git a/hooks/useAchievements.ts b/src/hooks/useAchievements.ts
similarity index 100%
rename from hooks/useAchievements.ts
rename to src/hooks/useAchievements.ts
diff --git a/src/hooks/useLearningRoadmaps.ts b/src/hooks/useLearningRoadmaps.ts
new file mode 100644
index 0000000..695cea5
--- /dev/null
+++ b/src/hooks/useLearningRoadmaps.ts
@@ -0,0 +1,29 @@
+import { useEffect, useState } from "react";
+import { getStorage } from "@/lib/storage";
+import {
+    WORKSPACE_CHANGE_EVENT,
+    WORKSPACE_STATE_KEY,
+} from "@/lib/workspace-persistence";
+import type { Roadmap } from "@/types";
+
+export function useLearningRoadmaps() {
+    const [roadmaps, setRoadmaps] = useState<Roadmap[]>([]);
+    const [loaded, setLoaded] = useState(false);
+    useEffect(() => {
+        function refresh() {
+            setRoadmaps(getStorage().getRoadmaps());
+            setLoaded(true);
+        }
+        const onStorage = (event: StorageEvent) => {
+            if (event.key === WORKSPACE_STATE_KEY) refresh();
+        };
+        refresh();
+        window.addEventListener(WORKSPACE_CHANGE_EVENT, refresh);
+        window.addEventListener("storage", onStorage);
+        return () => {
+            window.removeEventListener(WORKSPACE_CHANGE_EVENT, refresh);
+            window.removeEventListener("storage", onStorage);
+        };
+    }, []);
+    return { roadmaps, loaded };
+}
diff --git a/hooks/useProgress.ts b/src/hooks/useProgress.ts
similarity index 100%
rename from hooks/useProgress.ts
rename to src/hooks/useProgress.ts
diff --git a/hooks/useRoadmap.ts b/src/hooks/useRoadmap.ts
similarity index 100%
rename from hooks/useRoadmap.ts
rename to src/hooks/useRoadmap.ts
diff --git a/hooks/useStreak.ts b/src/hooks/useStreak.ts
similarity index 100%
rename from hooks/useStreak.ts
rename to src/hooks/useStreak.ts
diff --git a/hooks/useTimeTracker.ts b/src/hooks/useTimeTracker.ts
similarity index 100%
rename from hooks/useTimeTracker.ts
rename to src/hooks/useTimeTracker.ts
diff --git a/src/lib/__tests__/epub-library.test.ts b/src/lib/__tests__/epub-library.test.ts
new file mode 100644
index 0000000..ed9790b
--- /dev/null
+++ b/src/lib/__tests__/epub-library.test.ts
@@ -0,0 +1,92 @@
+// @vitest-environment happy-dom
+import "fake-indexeddb/auto";
+import { File, Blob } from "node:buffer";
+import { webcrypto } from "node:crypto";
+import JSZip from "jszip";
+import { DOMParser } from "@xmldom/xmldom";
+import { beforeAll, beforeEach, expect, it, vi } from "vitest";
+import {
+    importEpub,
+    getBookFile,
+    updateBook,
+    findBook,
+} from "@/lib/personal/books";
+import { getPersonalSnapshot, personalEntries } from "@/lib/personal/store";
+
+beforeAll(() => {
+    vi.stubGlobal("crypto", webcrypto);
+    vi.stubGlobal("File", File);
+    vi.stubGlobal("Blob", Blob);
+    vi.stubGlobal("DOMParser", DOMParser);
+});
+beforeEach(() => {
+    localStorage.clear();
+    getPersonalSnapshot();
+});
+
+async function exampleEpub() {
+    const zip = new JSZip();
+    zip.file("mimetype", "application/epub+zip");
+    zip.file(
+        "META-INF/container.xml",
+        '<?xml version="1.0"?><container version="1.0" xmlns="urn:oasis:names:tc:opendocument:xmlns:container"><rootfiles><rootfile full-path="OEBPS/book.opf" media-type="application/oebps-package+xml"/></rootfiles></container>',
+    );
+    zip.file(
+        "OEBPS/book.opf",
+        '<?xml version="1.0"?><package xmlns="http://www.idpf.org/2007/opf" unique-identifier="id" version="3.0"><metadata xmlns:dc="http://purl.org/dc/elements/1.1/"><dc:identifier id="id">syllo-test</dc:identifier><dc:title>Learning by Doing</dc:title><dc:creator>A. Reader</dc:creator><dc:language>en</dc:language><meta property="dcterms:modified">2026-10-21T00:00:00Z</meta></metadata><manifest><item id="nav" href="nav.xhtml" media-type="application/xhtml+xml" properties="nav"/><item id="one" href="one.xhtml" media-type="application/xhtml+xml"/></manifest><spine><itemref idref="one"/></spine></package>',
+    );
+    zip.file(
+        "OEBPS/nav.xhtml",
+        '<html xmlns="http://www.w3.org/1999/xhtml" xmlns:epub="http://www.idpf.org/2007/ops"><head><title>Contents</title></head><body><nav epub:type="toc"><ol><li><a href="one.xhtml">Try one idea</a></li></ol></nav></body></html>',
+    );
+    zip.file(
+        "OEBPS/one.xhtml",
+        '<html xmlns="http://www.w3.org/1999/xhtml"><head><title>Try one idea</title></head><body><h1>Try one idea</h1><p>Use what you learn and describe what happens.</p></body></html>',
+    );
+    return new File(
+        [new Uint8Array(await zip.generateAsync({ type: "arraybuffer" }))],
+        "learning.epub",
+        { type: "application/epub+zip" },
+    );
+}
+
+it("imports real EPUB metadata, keeps bytes locally, and deduplicates without resetting progress", async () => {
+    const file = await exampleEpub();
+    const book = await importEpub(file);
+    expect(book.title).toBe("Learning by Doing");
+    expect(book.author).toBe("A. Reader");
+    expect(book.status).toBe("to-read");
+    expect((await getBookFile(book)).size).toBe(file.size);
+    updateBook(book.id, {
+        position: "epubcfi(/6/2!/4/2:0)",
+        chapter: "Try one idea",
+        percent: 24,
+        status: "reading",
+    });
+    const reimported = await importEpub(file);
+    expect(reimported.id).toBe(book.id);
+    expect(findBook(book.id)?.percent).toBe(24);
+    expect(personalEntries(getPersonalSnapshot(), "book")).toHaveLength(1);
+});
+
+it("uses the actual EPUB table of contents", async () => {
+    const { default: ePub } = await import("epubjs");
+    const epub = ePub();
+    try {
+        await epub.open(await (await exampleEpub()).arrayBuffer(), "binary");
+        const navigation = await epub.loaded.navigation;
+        expect(navigation.toc.map((item) => item.label.trim())).toEqual([
+            "Try one idea",
+        ]);
+        expect(navigation.toc[0].href).toBe("one.xhtml");
+    } finally {
+        epub.destroy();
+    }
+});
+
+it("rejects non-EPUB input without saving a library entry", async () => {
+    await expect(importEpub(new File(["text"], "notes.txt"))).rejects.toThrow(
+        "Choose an EPUB file",
+    );
+    expect(personalEntries(getPersonalSnapshot(), "book")).toEqual([]);
+});
diff --git a/lib/__tests__/learning-session.test.ts b/src/lib/__tests__/learning-session.test.ts
similarity index 100%
rename from lib/__tests__/learning-session.test.ts
rename to src/lib/__tests__/learning-session.test.ts
diff --git a/lib/__tests__/navigation.test.ts b/src/lib/__tests__/navigation.test.ts
similarity index 100%
rename from lib/__tests__/navigation.test.ts
rename to src/lib/__tests__/navigation.test.ts
diff --git a/src/lib/__tests__/personal-learning.test.ts b/src/lib/__tests__/personal-learning.test.ts
new file mode 100644
index 0000000..9727f9e
--- /dev/null
+++ b/src/lib/__tests__/personal-learning.test.ts
@@ -0,0 +1,160 @@
+// @vitest-environment happy-dom
+import { beforeEach, describe, expect, it } from "vitest";
+import { Rating } from "ts-fsrs";
+import {
+    getPersonalSnapshot,
+    mergePersonalEntries,
+    personalEntries,
+    putPersonalEntry,
+    PERSONAL_STORAGE_KEY,
+} from "@/lib/personal/store";
+import {
+    reviewSchema,
+    personalEntrySchema,
+    type PersonalEntry,
+} from "@/lib/personal/schema";
+import { scheduleReview } from "@/lib/reviews";
+import { canonicalResourceUrl, dedupeResources } from "@/lib/scout/discovery";
+import { getVideoStartSeconds } from "@/lib/video-utils";
+import { assertFreeAi } from "@/lib/ai-policy";
+
+beforeEach(() => {
+    localStorage.clear();
+    getPersonalSnapshot();
+});
+
+describe("local progress and sync", () => {
+    it("keeps newer local edits and propagates deletion without resurrecting an older record", () => {
+        const entry = {
+            id: "timer:settings",
+            kind: "timer",
+            updatedAt: 10,
+            deleted: false,
+            data: { focus: 30, rest: 7 },
+        } satisfies PersonalEntry;
+        mergePersonalEntries([entry]);
+        mergePersonalEntries([
+            { ...entry, updatedAt: 9, data: { focus: 10, rest: 3 } },
+        ]);
+        expect(getPersonalSnapshot()[entry.id].data).toEqual({
+            focus: 30,
+            rest: 7,
+        });
+        mergePersonalEntries([{ ...entry, updatedAt: 11, deleted: true }]);
+        mergePersonalEntries([entry]);
+        expect(personalEntries(getPersonalSnapshot(), "timer")).toEqual([]);
+        expect(
+            JSON.parse(localStorage.getItem(PERSONAL_STORAGE_KEY) ?? "{}")[
+                entry.id
+            ].deleted,
+        ).toBe(true);
+    });
+    it("makes local revisions newer than the synced revision even when clocks differ", () => {
+        const entry = {
+            id: "timer:settings",
+            kind: "timer",
+            updatedAt: Date.now() + 60_000,
+            deleted: false,
+            data: { focus: 25, rest: 5 },
+        } satisfies PersonalEntry;
+        mergePersonalEntries([entry]);
+        putPersonalEntry({ ...entry, data: { focus: 40, rest: 10 } });
+        expect(getPersonalSnapshot()[entry.id].updatedAt).toBe(
+            entry.updatedAt + 1,
+        );
+    });
+    it("rejects an invalid progress record before it can enter persistence", () => {
+        expect(
+            personalEntrySchema.safeParse({
+                id: "bad",
+                kind: "study",
+                updatedAt: 1,
+                data: { seconds: -1 },
+            }).success,
+        ).toBe(false);
+        expect(localStorage.getItem(PERSONAL_STORAGE_KEY)).toBeNull();
+    });
+});
+
+describe("review scheduling", () => {
+    it("survives JSON persistence and continues the FSRS schedule with its source intact", () => {
+        const now = new Date("2026-10-21T08:00:00Z");
+        const initial = reviewSchema.parse({
+            id: "card",
+            roadmapId: "topic",
+            prompt: "When would you use a tool?",
+            answer: "When a model needs an external action.",
+            easeFactor: 2.5,
+            repetitions: 0,
+            intervalDays: 0,
+            dueAt: now.toISOString(),
+            status: "suggested",
+            source: {
+                url: "https://www.youtube.com/watch?v=AbCdEf12345",
+                seconds: 752,
+                taskId: "one",
+            },
+        });
+        const reviewed = scheduleReview(initial, Rating.Good, now);
+        const restored = reviewSchema.parse(
+            JSON.parse(JSON.stringify(reviewed)),
+        );
+        const again = scheduleReview(
+            restored,
+            Rating.Good,
+            new Date(restored.dueAt),
+        );
+        expect(again.repetitions).toBe(2);
+        expect(again.fsrs?.reps).toBe(2);
+        expect(again.status).toBe("kept");
+        expect(again.source).toEqual(initial.source);
+        expect(new Date(again.dueAt).getTime()).toBeGreaterThan(
+            new Date(restored.dueAt).getTime(),
+        );
+        expect(reviewSchema.safeParse(again).success).toBe(true);
+    });
+});
+
+describe("source anchors and free mode", () => {
+    it.each([
+        ["?t=12m30s", 750],
+        ["?start=752", 752],
+        ["#t=1h2m3s", 3723],
+        ["?t=-5", 0],
+    ])("reads video offset %s", (suffix, seconds) => {
+        expect(
+            getVideoStartSeconds(`https://www.youtube.com/watch${suffix}`),
+        ).toBe(seconds);
+    });
+    it("deduplicates YouTube formats while preserving case-sensitive video ids and page paths", () => {
+        const first = "https://youtu.be/AbCdEf12345?t=752";
+        expect(canonicalResourceUrl(first)).toBe(
+            canonicalResourceUrl(
+                "https://www.youtube.com/watch?v=AbCdEf12345&utm_source=test",
+            ),
+        );
+        expect(canonicalResourceUrl(first)).not.toBe(
+            canonicalResourceUrl("https://youtu.be/abcdef12345"),
+        );
+        expect(canonicalResourceUrl("https://example.org/Guide")).not.toBe(
+            canonicalResourceUrl("https://example.org/guide"),
+        );
+        expect(
+            dedupeResources(
+                [first, "https://www.youtube.com/embed/AbCdEf12345"].map(
+                    (url) => ({
+                        kind: "video",
+                        source: "test",
+                        title: "Lesson",
+                        url,
+                    }),
+                ),
+            ),
+        ).toHaveLength(1);
+    });
+    it("rejects paid providers and models before any request", () => {
+        expect(() => assertFreeAi("gemini", "gemini-2.5-flash")).not.toThrow();
+        expect(() => assertFreeAi("gemini", "gemini-2.5-pro")).toThrow();
+        expect(() => assertFreeAi("deepseek", "deepseek-chat")).toThrow();
+    });
+});
diff --git a/src/lib/__tests__/private-mode.test.ts b/src/lib/__tests__/private-mode.test.ts
new file mode 100644
index 0000000..fa15a98
--- /dev/null
+++ b/src/lib/__tests__/private-mode.test.ts
@@ -0,0 +1,14 @@
+import { afterEach, expect, it, vi } from "vitest";
+import { canAccessServer } from "@/lib/server/access";
+
+afterEach(() => vi.unstubAllEnvs());
+
+it("keeps local APIs accessible without an account when no deployment is configured", async () => {
+    vi.stubEnv("VITE_CONVEX_URL", "");
+    await expect(canAccessServer(new Request("http://localhost:3000/api/scout/settings"))).resolves.toBe(true);
+});
+
+it("requires a sign-in token once a deployment is connected", async () => {
+    vi.stubEnv("VITE_CONVEX_URL", "https://example.convex.cloud");
+    await expect(canAccessServer(new Request("http://localhost:3000/api/scout/settings"))).resolves.toBe(false);
+});
diff --git a/lib/__tests__/roadmap-intake.test.ts b/src/lib/__tests__/roadmap-intake.test.ts
similarity index 100%
rename from lib/__tests__/roadmap-intake.test.ts
rename to src/lib/__tests__/roadmap-intake.test.ts
diff --git a/lib/__tests__/workspace-persistence.test.ts b/src/lib/__tests__/workspace-persistence.test.ts
similarity index 100%
rename from lib/__tests__/workspace-persistence.test.ts
rename to src/lib/__tests__/workspace-persistence.test.ts
diff --git a/lib/accent-theme.ts b/src/lib/accent-theme.ts
similarity index 90%
rename from lib/accent-theme.ts
rename to src/lib/accent-theme.ts
index 631139f..ca95be7 100644
--- a/lib/accent-theme.ts
+++ b/src/lib/accent-theme.ts
@@ -1,4 +1,4 @@
-const DEFAULT_ACCENT = "#4F7CFF";
+const DEFAULT_ACCENT = "#4CB3F0";
 
 function clamp(value: number, min: number, max: number) {
     return Math.min(max, Math.max(min, value));
@@ -47,13 +47,14 @@ function mixHex(base: string, target: string, weight: number) {
     });
 }
 
+/** Derives the three accent tokens for the true-black theme from one colour. */
 export function buildAccentTheme(accentColor: string) {
     const accent = normalizeHex(accentColor);
 
     return {
         accent,
-        accentStrong: mixHex(accent, "#0F172A", 0.22),
-        accentSoft: mixHex(accent, "#FFFFFF", 0.9),
+        accentStrong: mixHex(accent, "#FFFFFF", 0.3),
+        accentSoft: mixHex(accent, "#000000", 0.82),
     };
 }
 
diff --git a/lib/ai-config.ts b/src/lib/ai-config.ts
similarity index 100%
rename from lib/ai-config.ts
rename to src/lib/ai-config.ts
diff --git a/src/lib/ai-policy.ts b/src/lib/ai-policy.ts
new file mode 100644
index 0000000..96f3422
--- /dev/null
+++ b/src/lib/ai-policy.ts
@@ -0,0 +1,16 @@
+export const FREE_GEMINI_MODELS = [
+    "gemini-2.5-flash",
+    "gemini-2.5-flash-lite",
+] as const;
+
+/** A free-only deployment never falls back to a billable provider or model. */
+export function assertFreeAi(provider: string, model: string) {
+    if (
+        provider !== "gemini" ||
+        !FREE_GEMINI_MODELS.some((allowed) => allowed === model)
+    ) {
+        throw new Error(
+            "Syllo is configured for free Gemini models only. Choose Gemini Flash or Flash-Lite with a key from an unbilled Google AI Studio project.",
+        );
+    }
+}
diff --git a/lib/aiClient.ts b/src/lib/aiClient.ts
similarity index 100%
rename from lib/aiClient.ts
rename to src/lib/aiClient.ts
diff --git a/lib/analytics.ts b/src/lib/analytics.ts
similarity index 100%
rename from lib/analytics.ts
rename to src/lib/analytics.ts
diff --git a/src/lib/app-url.ts b/src/lib/app-url.ts
new file mode 100644
index 0000000..fd89d6a
--- /dev/null
+++ b/src/lib/app-url.ts
@@ -0,0 +1,9 @@
+/**
+ * Single source of truth for the public origin used in metadata, robots.txt
+ * and sitemap.xml. Set `VITE_APP_URL` in the environment (see .env.example).
+ */
+const FALLBACK_APP_URL = "https://roadmap.znsnexus.com";
+
+export function getAppUrl(): string {
+    return import.meta.env.VITE_APP_URL || FALLBACK_APP_URL;
+}
diff --git a/lib/billing.ts b/src/lib/billing.ts
similarity index 100%
rename from lib/billing.ts
rename to src/lib/billing.ts
diff --git a/lib/constants.ts b/src/lib/constants.ts
similarity index 77%
rename from lib/constants.ts
rename to src/lib/constants.ts
index 156b84e..2bb2dfd 100644
--- a/lib/constants.ts
+++ b/src/lib/constants.ts
@@ -1,8 +1,8 @@
 /* App-wide constants */
 
-export const APP_NAME = "ZNS RoadMap Studio";
-export const APP_TAGLINE = "Paste any guide and get a full interactive workspace.";
-export const BRAND_OWNER = "ZNS Nexus / ZNS Enterprises";
+export const APP_NAME = "Syllo";
+export const APP_TAGLINE = "Your books, learning topics, and next steps.";
+export const BRAND_OWNER = "Screen";
 
 export const SECTION_ICONS: Record<string, string> = {
     module: "[ ]",
diff --git a/lib/credits.ts b/src/lib/credits.ts
similarity index 100%
rename from lib/credits.ts
rename to src/lib/credits.ts
diff --git a/lib/export.ts b/src/lib/export.ts
similarity index 100%
rename from lib/export.ts
rename to src/lib/export.ts
diff --git a/lib/gallery.ts b/src/lib/gallery.ts
similarity index 100%
rename from lib/gallery.ts
rename to src/lib/gallery.ts
diff --git a/lib/learning-session.ts b/src/lib/learning-session.ts
similarity index 100%
rename from lib/learning-session.ts
rename to src/lib/learning-session.ts
diff --git a/src/lib/learning.ts b/src/lib/learning.ts
new file mode 100644
index 0000000..3f49f79
--- /dev/null
+++ b/src/lib/learning.ts
@@ -0,0 +1,134 @@
+import type { Resource, Roadmap, Section, Task, Video } from "@/types";
+import { detectPlatform } from "./video-utils";
+import { getStorage } from "./storage";
+
+export interface LearningTask {
+    task: Task;
+    sectionId: string;
+    sectionTitle: string;
+    resources: Resource[];
+}
+function videoResource(video: Video): Resource {
+    return {
+        id: video.id,
+        title: video.title,
+        url: video.url,
+        type: "video",
+        description: video.description,
+    };
+}
+
+export function getLearningTasks(roadmap: Roadmap): LearningTask[] {
+    return [...roadmap.sections]
+        .sort((a, b) => a.order - b.order)
+        .flatMap((section): LearningTask[] => {
+            function wrap(
+                tasks: Task[],
+                resources: Resource[],
+                title = section.title,
+            ) {
+                return tasks.map((task) => ({
+                    task,
+                    sectionId: section.id,
+                    sectionTitle: title,
+                    resources: [...task.attachments, ...resources].filter(
+                        (resource, index, all) =>
+                            all.findIndex(
+                                (item) => item.url === resource.url,
+                            ) === index,
+                    ),
+                }));
+            }
+            switch (section.type) {
+                case "module":
+                    return wrap(section.data.tasks, [
+                        ...section.data.videos.map(videoResource),
+                        ...section.data.resources,
+                    ]);
+                case "tasks":
+                    return section.data.flatMap((group) =>
+                        wrap(group.tasks, [], group.title),
+                    );
+                case "milestones":
+                    return section.data.flatMap((milestone) =>
+                        wrap(
+                            milestone.tasks,
+                            [
+                                ...milestone.videos.map(videoResource),
+                                ...milestone.resources,
+                            ],
+                            milestone.title,
+                        ),
+                    );
+                default:
+                    return [];
+            }
+        });
+}
+
+export function nextLearningTask(roadmap: Roadmap) {
+    return (
+        getLearningTasks(roadmap).find(
+            (item) => !item.task.completed && !item.task.done,
+        ) ?? null
+    );
+}
+export function taskVideo(item: LearningTask) {
+    return item.resources.find(
+        (resource) =>
+            resource.type === "video" ||
+            detectPlatform(resource.url) !== "other",
+    );
+}
+
+export function setLearningTaskDone(
+    roadmap: Roadmap,
+    taskId: string,
+    completed: boolean,
+) {
+    const update = (task: Task) =>
+        task.id === taskId ? { ...task, completed, done: completed } : task;
+    const sections = roadmap.sections.map((section): Section => {
+        if (section.type === "module")
+            return {
+                ...section,
+                data: {
+                    ...section.data,
+                    tasks: section.data.tasks.map(update),
+                },
+            };
+        if (section.type === "tasks")
+            return {
+                ...section,
+                data: section.data.map((group) => ({
+                    ...group,
+                    tasks: group.tasks.map(update),
+                })),
+            };
+        if (section.type === "milestones")
+            return {
+                ...section,
+                data: section.data.map((milestone) => ({
+                    ...milestone,
+                    tasks: milestone.tasks.map(update),
+                })),
+            };
+        return section;
+    });
+    getStorage().saveRoadmap({
+        ...roadmap,
+        sections,
+        updatedAt: new Date().toISOString(),
+    });
+}
+
+export function safeResourceUrl(value: string) {
+    try {
+        const url = new URL(value);
+        return url.protocol === "https:" || url.protocol === "http:"
+            ? url.toString()
+            : null;
+    } catch {
+        return null;
+    }
+}
diff --git a/lib/navigation.ts b/src/lib/navigation.ts
similarity index 100%
rename from lib/navigation.ts
rename to src/lib/navigation.ts
diff --git a/lib/openai.ts b/src/lib/openai.ts
similarity index 94%
rename from lib/openai.ts
rename to src/lib/openai.ts
index 65e7506..be21bff 100644
--- a/lib/openai.ts
+++ b/src/lib/openai.ts
@@ -1,5 +1,6 @@
 import OpenAI from "openai";
 import { AiRequestOptions, AIProvider, DEFAULT_PROVIDER_MODELS, getAiProviderLabel, PROVIDER_BASE_URLS, PROVIDER_ENV_KEYS } from "@/lib/ai-config";
+import { assertFreeAi } from "@/lib/ai-policy";
 
 export const AI_MAX_INPUT_CHARS = 12_000;
 
@@ -17,6 +18,7 @@ export function resolveAiRequestOptions(options?: AiRequestOptions) {
     const provider = options?.provider ?? "gemini";
     const model = options?.model?.trim() || DEFAULT_PROVIDER_MODELS[provider];
     const apiKey = options?.apiKey?.trim() || getProviderEnvApiKey(provider);
+    assertFreeAi(provider, model);
 
     if (!apiKey) {
         throw new Error(`${getAiProviderLabel(provider)} API key is not configured`);
diff --git a/src/lib/personal/books.ts b/src/lib/personal/books.ts
new file mode 100644
index 0000000..93ff4f6
--- /dev/null
+++ b/src/lib/personal/books.ts
@@ -0,0 +1,135 @@
+import { getLocalFile, saveLocalFile } from "./files";
+import {
+    personalEntries,
+    getPersonalSnapshot,
+    putPersonalEntry,
+} from "./store";
+import type { LibraryBook } from "./schema";
+
+export const MAX_BOOK_BYTES = 50 * 1024 * 1024;
+const colors = [
+    "#c6d2c0",
+    "#b9cbd8",
+    "#c6b1b3",
+    "#69746c",
+    "#9d7e68",
+    "#b8b4a8",
+];
+
+export function saveBook(book: LibraryBook) {
+    putPersonalEntry({
+        kind: "book",
+        id: `book:${book.id}`,
+        data: book,
+        updatedAt: Date.now(),
+        deleted: false,
+    });
+}
+
+export function findBook(id: string) {
+    const entry = getPersonalSnapshot()[`book:${id}`];
+    return entry?.kind === "book" && !entry.deleted ? entry.data : null;
+}
+
+export function updateBook(id: string, updates: Partial<LibraryBook>) {
+    const book = findBook(id);
+    if (book) saveBook({ ...book, ...updates });
+}
+
+/** Metadata and contents come from the imported EPUB, never an inferred chapter list. */
+export async function importEpub(
+    file: Pick<File, "name" | "size" | "type" | "arrayBuffer">,
+): Promise<LibraryBook> {
+    if (!file.name.toLowerCase().endsWith(".epub"))
+        throw new Error("Choose an EPUB file.");
+    if (file.size > MAX_BOOK_BYTES)
+        throw new Error("Choose an EPUB smaller than 50 MB.");
+    const buffer = await file.arrayBuffer();
+    const cachedFile = new Blob([buffer], { type: "application/epub+zip" });
+    const digest = await crypto.subtle.digest("SHA-256", buffer);
+    const fingerprint = Array.from(new Uint8Array(digest), (byte) =>
+        byte.toString(16).padStart(2, "0"),
+    ).join("");
+    const existing = personalEntries(getPersonalSnapshot(), "book").find(
+        (item) => item.data.fingerprint === fingerprint,
+    );
+    if (existing) {
+        await saveLocalFile(existing.data.fileKey, cachedFile);
+        return existing.data;
+    }
+    const { default: ePub } = await import("epubjs");
+    const epub = ePub();
+    try {
+        await epub.open(buffer, "binary");
+        const metadata = await epub.loaded.metadata;
+        const id = crypto.randomUUID();
+        const fileKey = `epub:${id}`;
+        await saveLocalFile(fileKey, cachedFile);
+        let coverKey: string | null = null;
+        const coverUrl = await epub.coverUrl().catch(() => null);
+        if (coverUrl) {
+            try {
+                const response = await fetch(coverUrl);
+                if (response.ok) {
+                    const blob = await response.blob();
+                    if (
+                        blob.type.startsWith("image/") &&
+                        blob.size < 5 * 1024 * 1024
+                    ) {
+                        coverKey = `cover:${id}`;
+                        await saveLocalFile(coverKey, blob);
+                    }
+                }
+            } catch {
+                /* A missing cover never blocks reading the book. */
+            }
+        }
+        const count = personalEntries(getPersonalSnapshot(), "book").length;
+        const book: LibraryBook = {
+            id,
+            title: metadata.title?.trim() || file.name.replace(/\.epub$/i, ""),
+            author: metadata.creator?.trim() || "Unknown author",
+            category: "Uncategorized",
+            status: "to-read",
+            fileName: file.name,
+            fileSize: file.size,
+            fingerprint,
+            coverKey,
+            fileKey,
+            cloudFileId: null,
+            cloudCoverId: null,
+            position: null,
+            chapter: "Not started",
+            percent: 0,
+            locations: null,
+            addedAt: new Date().toISOString(),
+            lastReadAt: null,
+            color: colors[count % colors.length],
+        };
+        saveBook(book);
+        return book;
+    } catch (error) {
+        if (error instanceof Error && /space|storage/i.test(error.message))
+            throw error;
+        throw new Error(
+            "This EPUB could not be opened. Try a valid, DRM-free copy.",
+        );
+    } finally {
+        epub.destroy();
+    }
+}
+
+export async function getBookFile(
+    book: LibraryBook,
+    download?: (id: string) => Promise<Blob>,
+) {
+    const cached = await getLocalFile(book.fileKey);
+    if (cached) return cached;
+    if (!book.cloudFileId || !download)
+        throw new Error(
+            "This book is not downloaded on this device. Connect sync or import the same EPUB again.",
+        );
+    const file = await download(book.cloudFileId);
+    await saveLocalFile(book.fileKey, file);
+    return file;
+}
diff --git a/src/lib/personal/cloud-api.ts b/src/lib/personal/cloud-api.ts
new file mode 100644
index 0000000..36a7fcf
--- /dev/null
+++ b/src/lib/personal/cloud-api.ts
@@ -0,0 +1,37 @@
+import {
+    makeFunctionReference,
+    type ApiFromModules,
+    type FunctionArgs,
+    type FunctionReturnType,
+} from "convex/server";
+
+type CloudApi = ApiFromModules<{
+    cloud: typeof import("../../../convex/cloud");
+}>["cloud"];
+export const cloudApi = {
+    viewer: makeFunctionReference<
+        "query",
+        FunctionArgs<CloudApi["viewer"]>,
+        FunctionReturnType<CloudApi["viewer"]>
+    >("cloud:viewer"),
+    list: makeFunctionReference<
+        "query",
+        FunctionArgs<CloudApi["list"]>,
+        FunctionReturnType<CloudApi["list"]>
+    >("cloud:list"),
+    write: makeFunctionReference<
+        "mutation",
+        FunctionArgs<CloudApi["write"]>,
+        FunctionReturnType<CloudApi["write"]>
+    >("cloud:write"),
+    uploadUrl: makeFunctionReference<
+        "mutation",
+        FunctionArgs<CloudApi["uploadUrl"]>,
+        FunctionReturnType<CloudApi["uploadUrl"]>
+    >("cloud:uploadUrl"),
+    registerFile: makeFunctionReference<
+        "mutation",
+        FunctionArgs<CloudApi["registerFile"]>,
+        FunctionReturnType<CloudApi["registerFile"]>
+    >("cloud:registerFile"),
+};
diff --git a/src/lib/personal/files.ts b/src/lib/personal/files.ts
new file mode 100644
index 0000000..5db0ba2
--- /dev/null
+++ b/src/lib/personal/files.ts
@@ -0,0 +1,44 @@
+const DATABASE = "syllo-library";
+const STORE = "files";
+let database: Promise<IDBDatabase> | null = null;
+
+function openDatabase() {
+    database ??= new Promise<IDBDatabase>((resolve, reject) => {
+        const request = indexedDB.open(DATABASE, 1);
+        request.onupgradeneeded = () => request.result.createObjectStore(STORE);
+        request.onsuccess = () => resolve(request.result);
+        request.onerror = () => {
+            database = null;
+            reject(new Error("Book storage is unavailable in this browser."));
+        };
+    });
+    return database;
+}
+
+export async function saveLocalFile(key: string, file: Blob) {
+    const db = await openDatabase();
+    await new Promise<void>((resolve, reject) => {
+        const transaction = db.transaction(STORE, "readwrite");
+        transaction.objectStore(STORE).put(file, key);
+        transaction.oncomplete = () => resolve();
+        transaction.onerror = () =>
+            reject(new Error("There is not enough space to save this book."));
+        transaction.onabort = () =>
+            reject(
+                new Error(
+                    "The book could not be saved. Free some storage and try again.",
+                ),
+            );
+    });
+}
+
+export async function getLocalFile(key: string): Promise<Blob | null> {
+    const db = await openDatabase();
+    return new Promise((resolve, reject) => {
+        const request = db.transaction(STORE).objectStore(STORE).get(key);
+        request.onsuccess = () =>
+            resolve(request.result instanceof Blob ? request.result : null);
+        request.onerror = () =>
+            reject(new Error("Could not open this book’s cached file."));
+    });
+}
diff --git a/src/lib/personal/schema.ts b/src/lib/personal/schema.ts
new file mode 100644
index 0000000..beee7f6
--- /dev/null
+++ b/src/lib/personal/schema.ts
@@ -0,0 +1,318 @@
+import { z } from "zod";
+import type { Roadmap, Section } from "@/types";
+
+const resource = z.object({
+    id: z.string(),
+    title: z.string(),
+    url: z.string(),
+    type: z.enum([
+        "video",
+        "doc",
+        "pdf",
+        "link",
+        "code",
+        "tool",
+        "course",
+        "book",
+    ]),
+    description: z.string(),
+    category: z.string().optional(),
+});
+const video = z.object({
+    id: z.string(),
+    title: z.string(),
+    url: z.string(),
+    videoId: z.string(),
+    platform: z.enum(["youtube", "vimeo", "other"]),
+    description: z.string(),
+    duration: z.string().optional(),
+    timestamps: z
+        .array(z.object({ time: z.string(), label: z.string() }))
+        .optional(),
+});
+const task = z.object({
+    id: z.string(),
+    title: z.string(),
+    completed: z.boolean(),
+    notes: z.string(),
+    subtasks: z.array(
+        z.object({ id: z.string(), title: z.string(), completed: z.boolean() }),
+    ),
+    attachments: z.array(resource),
+    text: z.string().optional(),
+    description: z.string().optional(),
+    estimatedTime: z.string().optional(),
+    priority: z.string().optional(),
+    done: z.boolean().optional(),
+});
+const baseSection = z.object({
+    id: z.string(),
+    title: z.string(),
+    order: z.number(),
+    metadata: z
+        .object({
+            estimatedDuration: z.string().optional(),
+            difficulty: z.string().optional(),
+            taskCount: z.number().optional(),
+            keyOutcome: z.string().optional(),
+        })
+        .optional(),
+});
+const note = z.object({
+    id: z.string(),
+    title: z.string(),
+    content: z.string(),
+    createdAt: z.string(),
+    updatedAt: z.string(),
+});
+export const sectionSchema: z.ZodType<Section> = z.discriminatedUnion("type", [
+    baseSection.extend({
+        type: z.literal("module"),
+        data: z.object({
+            description: z.string(),
+            estimatedTime: z.string().optional(),
+            concepts: z.string().optional(),
+            objectives: z.array(z.string()).optional(),
+            notes: z.string().optional(),
+            tasks: z.array(task),
+            resources: z.array(resource),
+            videos: z.array(video),
+            completed: z.boolean(),
+        }),
+    }),
+    baseSection.extend({
+        type: z.literal("milestones"),
+        data: z.array(
+            z.object({
+                id: z.string(),
+                title: z.string(),
+                description: z.string(),
+                tasks: z.array(task),
+                resources: z.array(resource),
+                videos: z.array(video),
+                completed: z.boolean(),
+                order: z.number(),
+            }),
+        ),
+    }),
+    baseSection.extend({
+        type: z.literal("tasks"),
+        data: z.array(
+            z.object({
+                id: z.string(),
+                title: z.string(),
+                tasks: z.array(task),
+            }),
+        ),
+    }),
+    baseSection.extend({
+        type: z.literal("resources"),
+        data: z.array(resource),
+    }),
+    baseSection.extend({ type: z.literal("videos"), data: z.array(video) }),
+    baseSection.extend({ type: z.literal("notes"), data: z.array(note) }),
+    baseSection.extend({
+        type: z.literal("progress"),
+        data: z.record(z.string(), z.never()),
+    }),
+    baseSection.extend({
+        type: z.literal("calendar"),
+        data: z.array(
+            z.object({
+                id: z.string(),
+                title: z.string(),
+                date: z.string(),
+                description: z.string(),
+                completed: z.boolean(),
+            }),
+        ),
+    }),
+    baseSection.extend({
+        type: z.literal("glossary"),
+        data: z.array(
+            z.object({
+                id: z.string(),
+                term: z.string(),
+                definition: z.string(),
+                relatedSections: z.array(z.string()).optional(),
+            }),
+        ),
+    }),
+    baseSection.extend({
+        type: z.literal("submissions"),
+        data: z.array(
+            z.object({
+                id: z.string(),
+                title: z.string(),
+                description: z.string(),
+                attachment: z.string().optional(),
+                attachmentType: z.enum(["link", "file"]).optional(),
+                status: z.enum([
+                    "pending",
+                    "submitted",
+                    "approved",
+                    "revision",
+                ]),
+                feedback: z.string().optional(),
+                createdAt: z.string(),
+                reviewedAt: z.string().optional(),
+                submittedBy: z.string().optional(),
+            }),
+        ),
+    }),
+    baseSection.extend({
+        type: z.literal("custom"),
+        data: z.object({
+            description: z.string(),
+            layout: z.enum(["checklist", "cards", "table", "list"]),
+            items: z.array(
+                z.object({
+                    id: z.string(),
+                    title: z.string(),
+                    description: z.string().optional(),
+                    completed: z.boolean().optional(),
+                    metadata: z.record(z.string(), z.string()).optional(),
+                }),
+            ),
+        }),
+    }),
+]);
+
+export const roadmapSchema: z.ZodType<Roadmap> = z.object({
+    id: z.string(),
+    title: z.string(),
+    mode: z.enum(["general", "intern"]),
+    sections: z.array(sectionSchema),
+    rawContent: z.string(),
+    createdAt: z.string(),
+    updatedAt: z.string(),
+    summary: z.string().optional(),
+    objectives: z.array(z.string()).optional(),
+    branding: z
+        .object({
+            customTitle: z.string().optional(),
+            hideWatermark: z.boolean().optional(),
+            accentColor: z.string().optional(),
+            logoUrl: z.string().optional(),
+        })
+        .optional(),
+    contentType: z.string().optional(),
+    detectedContext: z.string().optional(),
+    totalEstimatedDuration: z.string().optional(),
+    difficulty: z.enum(["beginner", "intermediate", "advanced"]).optional(),
+    goal: z.string().optional(),
+    isPublic: z.boolean().optional(),
+    forkCount: z.number().optional(),
+    forkedFrom: z.string().nullable().optional(),
+    ownerId: z.string().optional(),
+    packVersion: z.string().optional(),
+});
+
+export const fsrsCardSchema = z.object({
+    due: z.string(),
+    stability: z.number(),
+    difficulty: z.number(),
+    elapsed_days: z.number(),
+    scheduled_days: z.number(),
+    reps: z.number(),
+    lapses: z.number(),
+    learning_steps: z.number(),
+    state: z.union([z.literal(0), z.literal(1), z.literal(2), z.literal(3)]),
+    last_review: z.string().optional(),
+});
+export const reviewSchema = z.object({
+    id: z.string(),
+    roadmapId: z.string(),
+    sectionId: z.string().optional(),
+    prompt: z.string(),
+    answer: z.string(),
+    easeFactor: z.number(),
+    intervalDays: z.number(),
+    repetitions: z.number(),
+    dueAt: z.string(),
+    lastReviewedAt: z.string().nullable().optional(),
+    status: z.enum(["suggested", "kept", "skipped"]).optional(),
+    fsrs: fsrsCardSchema.optional(),
+    source: z
+        .object({
+            url: z.string().optional(),
+            bookId: z.string().optional(),
+            cfi: z.string().optional(),
+            seconds: z.number().optional(),
+            quote: z.string().optional(),
+            taskId: z.string().optional(),
+        })
+        .optional(),
+});
+
+export const bookSchema = z.object({
+    id: z.string(),
+    title: z.string(),
+    author: z.string(),
+    category: z.string(),
+    status: z.enum(["to-read", "reading", "finished"]),
+    fileName: z.string(),
+    fileSize: z.number(),
+    fingerprint: z.string(),
+    coverKey: z.string().nullable(),
+    fileKey: z.string(),
+    cloudFileId: z.string().nullable(),
+    cloudCoverId: z.string().nullable(),
+    position: z.string().nullable(),
+    chapter: z.string(),
+    percent: z.number().min(0).max(100),
+    locations: z.string().nullable(),
+    addedAt: z.string(),
+    lastReadAt: z.string().nullable(),
+    color: z.string(),
+});
+export type LibraryBook = z.infer<typeof bookSchema>;
+
+export const studySchema = z.object({
+    roadmapId: z.string(),
+    taskId: z.string(),
+    resourceUrl: z.string(),
+    seconds: z.number().nonnegative(),
+    lastOpenedAt: z.string(),
+});
+export type StudyPosition = z.infer<typeof studySchema>;
+export const annotationSchema = z.object({
+    text: z.string(),
+    quote: z.string(),
+    color: z.string(),
+    anchor: z.discriminatedUnion("kind", [
+        z.object({
+            kind: z.literal("book"),
+            bookId: z.string(),
+            cfi: z.string(),
+        }),
+        z.object({
+            kind: z.literal("lesson"),
+            roadmapId: z.string(),
+            taskId: z.string(),
+            url: z.string(),
+            seconds: z.number().nonnegative(),
+        }),
+    ]),
+    createdAt: z.string(),
+});
+export const timerSettingsSchema = z.object({
+    focus: z.number().min(1).max(120),
+    rest: z.number().min(1).max(60),
+});
+const entry = z.object({
+    id: z.string(),
+    updatedAt: z.number(),
+    deleted: z.boolean().default(false),
+});
+export const personalEntrySchema = z.discriminatedUnion("kind", [
+    entry.extend({ kind: z.literal("book"), data: bookSchema }),
+    entry.extend({ kind: z.literal("study"), data: studySchema }),
+    entry.extend({ kind: z.literal("annotation"), data: annotationSchema }),
+    entry.extend({ kind: z.literal("timer"), data: timerSettingsSchema }),
+    entry.extend({ kind: z.literal("review"), data: reviewSchema }),
+    entry.extend({ kind: z.literal("roadmap"), data: roadmapSchema }),
+]);
+export type PersonalEntry = z.infer<typeof personalEntrySchema>;
+export const personalSnapshotSchema = z.record(z.string(), personalEntrySchema);
+export type PersonalSnapshot = z.infer<typeof personalSnapshotSchema>;
diff --git a/src/lib/personal/store.ts b/src/lib/personal/store.ts
new file mode 100644
index 0000000..a6bdac7
--- /dev/null
+++ b/src/lib/personal/store.ts
@@ -0,0 +1,99 @@
+import { useSyncExternalStore } from "react";
+import {
+    personalEntrySchema,
+    personalSnapshotSchema,
+    type PersonalEntry,
+    type PersonalSnapshot,
+} from "./schema";
+
+export const PERSONAL_STORAGE_KEY = "syllo:personal:v1";
+export const PERSONAL_CHANGE_EVENT = "syllo:personal-change";
+const empty: PersonalSnapshot = {};
+let cachedRaw: string | null = null;
+let cached: PersonalSnapshot = empty;
+const listeners = new Set<() => void>();
+
+export function getPersonalSnapshot(): PersonalSnapshot {
+    if (typeof localStorage === "undefined") return empty;
+    const raw = localStorage.getItem(PERSONAL_STORAGE_KEY);
+    if (raw === cachedRaw) return cached;
+    try {
+        const result = personalSnapshotSchema.safeParse(
+            raw ? JSON.parse(raw) : {},
+        );
+        if (result.success) {
+            cachedRaw = raw;
+            cached = result.data;
+        }
+    } catch {
+        /* A damaged file is kept intact so it can be exported for recovery. */
+    }
+    return cached;
+}
+
+function commit(records: PersonalSnapshot) {
+    const raw = JSON.stringify(records);
+    const previous = localStorage.getItem(PERSONAL_STORAGE_KEY);
+    if (previous && previous !== cachedRaw)
+        localStorage.setItem(`syllo:personal:recovery:${Date.now()}`, previous);
+    localStorage.setItem(PERSONAL_STORAGE_KEY, raw);
+    cachedRaw = raw;
+    cached = records;
+    listeners.forEach((listener) => listener());
+    window.dispatchEvent(new Event(PERSONAL_CHANGE_EVENT));
+}
+
+export function putPersonalEntry(input: PersonalEntry) {
+    const records = getPersonalSnapshot();
+    const previous = records[input.id];
+    const parsed = personalEntrySchema.parse({
+        ...input,
+        updatedAt: Math.max(Date.now(), (previous?.updatedAt ?? 0) + 1),
+    });
+    commit({ ...records, [parsed.id]: parsed });
+}
+
+/** Remote records only replace older versions. Deletions remain as tombstones. */
+export function mergePersonalEntries(incoming: readonly PersonalEntry[]) {
+    const records = { ...getPersonalSnapshot() };
+    let changed = false;
+    for (const candidate of incoming) {
+        const item = personalEntrySchema.parse(candidate);
+        if (!records[item.id] || records[item.id].updatedAt < item.updatedAt) {
+            records[item.id] = item;
+            changed = true;
+        }
+    }
+    if (changed) commit(records);
+}
+
+export function removePersonalEntry(id: string) {
+    const item = getPersonalSnapshot()[id];
+    if (item) putPersonalEntry({ ...item, deleted: true });
+}
+
+function subscribe(listener: () => void) {
+    listeners.add(listener);
+    const onStorage = (event: StorageEvent) => {
+        if (event.key === PERSONAL_STORAGE_KEY) listener();
+    };
+    window.addEventListener("storage", onStorage);
+    return () => {
+        listeners.delete(listener);
+        window.removeEventListener("storage", onStorage);
+    };
+}
+
+export function usePersonalData() {
+    return useSyncExternalStore(subscribe, getPersonalSnapshot, () => empty);
+}
+
+export function personalEntries<K extends PersonalEntry["kind"]>(
+    records: PersonalSnapshot,
+    kind: K,
+) {
+    return Object.values(records).filter(
+        (item): item is Extract<PersonalEntry, { kind: K }> =>
+            item.kind === kind && !item.deleted,
+    );
+}
diff --git a/lib/plans.ts b/src/lib/plans.ts
similarity index 100%
rename from lib/plans.ts
rename to src/lib/plans.ts
diff --git a/src/lib/private-api-fetch.ts b/src/lib/private-api-fetch.ts
new file mode 100644
index 0000000..133b089
--- /dev/null
+++ b/src/lib/private-api-fetch.ts
@@ -0,0 +1,9 @@
+import { getScoutAccessToken } from "./scout/api-client";
+
+/** Keep the existing workspace APIs usable when private sync is connected. */
+export function fetchPrivateApi(path: `/api/${string}`, init?: RequestInit) {
+    const headers = new Headers(init?.headers);
+    const token = getScoutAccessToken();
+    if (token) headers.set("Authorization", `Bearer ${token}`);
+    return fetch(path, { ...init, headers });
+}
diff --git a/src/lib/reviews.ts b/src/lib/reviews.ts
new file mode 100644
index 0000000..76a83ab
--- /dev/null
+++ b/src/lib/reviews.ts
@@ -0,0 +1,78 @@
+import { createEmptyCard, fsrs, Rating, type Card, type Grade } from "ts-fsrs";
+import type { SrsItem } from "@/types";
+import { putPersonalEntry } from "./personal/store";
+
+const scheduler = fsrs({ enable_fuzz: false });
+export const reviewRatings = [
+    { value: Rating.Again, label: "Again" },
+    { value: Rating.Hard, label: "Hard" },
+    { value: Rating.Good, label: "Good" },
+    { value: Rating.Easy, label: "Easy" },
+] as const;
+
+export function scheduleReview(
+    item: SrsItem,
+    rating: Grade,
+    now = new Date(),
+): SrsItem {
+    const previous: Card = item.fsrs
+        ? {
+              ...item.fsrs,
+              due: new Date(item.fsrs.due),
+              last_review: item.fsrs.last_review
+                  ? new Date(item.fsrs.last_review)
+                  : undefined,
+          }
+        : { ...createEmptyCard(now), due: new Date(item.dueAt) };
+    const { card } = scheduler.next(previous, now, rating);
+    return {
+        ...item,
+        status: "kept",
+        repetitions: card.reps,
+        intervalDays: card.scheduled_days,
+        dueAt: card.due.toISOString(),
+        lastReviewedAt: now.toISOString(),
+        fsrs: {
+            ...card,
+            due: card.due.toISOString(),
+            last_review: card.last_review?.toISOString(),
+        },
+    };
+}
+
+export function saveReview(item: SrsItem) {
+    putPersonalEntry({
+        kind: "review",
+        id: `review:${item.id}`,
+        data: item,
+        updatedAt: Date.now(),
+        deleted: false,
+    });
+}
+
+export function createReview({
+    prompt,
+    answer,
+    roadmapId,
+    source,
+}: {
+    prompt: string;
+    answer: string;
+    roadmapId: string;
+    source: SrsItem["source"];
+}): SrsItem {
+    const item: SrsItem = {
+        id: crypto.randomUUID(),
+        roadmapId,
+        prompt: prompt.trim(),
+        answer: answer.trim(),
+        status: "kept",
+        dueAt: new Date().toISOString(),
+        easeFactor: 2.5,
+        repetitions: 0,
+        intervalDays: 0,
+        source,
+    };
+    saveReview(item);
+    return item;
+}
diff --git a/src/lib/router-nav.ts b/src/lib/router-nav.ts
new file mode 100644
index 0000000..98a0fc9
--- /dev/null
+++ b/src/lib/router-nav.ts
@@ -0,0 +1,15 @@
+import { useRouterState } from "@tanstack/react-router";
+
+/**
+ * Thin adapters that mirror the two Next.js navigation hooks this codebase
+ * used. Keeping the call sites unchanged makes the framework migration a
+ * one-line import swap per file instead of a component rewrite.
+ */
+export function usePathname(): string {
+    return useRouterState({ select: (state) => state.location.pathname });
+}
+
+export function useSearchParams(): URLSearchParams {
+    const search = useRouterState({ select: (state) => state.location.searchStr });
+    return new URLSearchParams(search);
+}
diff --git a/src/lib/scout/__tests__/agent.test.ts b/src/lib/scout/__tests__/agent.test.ts
new file mode 100644
index 0000000..7c5f8c2
--- /dev/null
+++ b/src/lib/scout/__tests__/agent.test.ts
@@ -0,0 +1,59 @@
+import { describe, expect, it } from "vitest";
+import { agentResourcesSchema, buildResearchPrompt, extractJsonObject } from "@/lib/scout/agent-runner";
+
+describe("Agent JSON extraction", () => {
+    it("takes the outer object from prose or a code fence", () => {
+        expect(extractJsonObject('Here you go:\n```json\n{"resources":[]}\n```\nDone.')).toEqual({ resources: [] });
+        expect(extractJsonObject('{"ok":true} trailing words')).toEqual({ ok: true });
+        expect(extractJsonObject('prefix {"nested":{"a":1}} suffix')).toEqual({ nested: { a: 1 } });
+    });
+
+    it("rejects output without a usable object", () => {
+        expect(() => extractJsonObject("no json at all")).toThrow(/JSON object/);
+        expect(() => extractJsonObject("{not json}")).toThrow(/invalid JSON/);
+        expect(() => extractJsonObject("} backwards {")).toThrow(/JSON object/);
+    });
+});
+
+describe("Agent resource validation", () => {
+    it("accepts http(s) resources and optional notes", () => {
+        const parsed = agentResourcesSchema.parse({
+            resources: [
+                {
+                    title: "Refactoring UI",
+                    url: "https://www.refactoringui.com/",
+                    note: "A practical guide to visual hierarchy.",
+                    skill: "UI design",
+                },
+                { title: "MDN", url: "https://developer.mozilla.org/" },
+            ],
+        });
+
+        expect(parsed.resources).toHaveLength(2);
+        expect(parsed.resources[0].skill).toBe("UI design");
+    });
+
+    it("rejects non-URLs, empty lists and oversized batches", () => {
+        expect(() => agentResourcesSchema.parse({ resources: [] })).toThrow();
+        expect(() => agentResourcesSchema.parse({ resources: [{ title: "x", url: "not a url" }] })).toThrow();
+        expect(() =>
+            agentResourcesSchema.parse({
+                resources: Array.from({ length: 13 }, (_, index) => ({
+                    title: `Resource ${index}`,
+                    url: `https://example.com/${index}`,
+                })),
+            }),
+        ).toThrow();
+    });
+});
+
+describe("Agent research prompt", () => {
+    it("states the goal, the free-only rule and the JSON shape", () => {
+        const prompt = buildResearchPrompt("  UI design for developers  ");
+
+        expect(prompt).toContain("Goal: UI design for developers");
+        expect(prompt).toContain("No paid courses");
+        expect(prompt).toContain('"resources"');
+        expect(prompt).not.toContain("  UI design");
+    });
+});
diff --git a/src/lib/scout/__tests__/format.test.ts b/src/lib/scout/__tests__/format.test.ts
new file mode 100644
index 0000000..9894abd
--- /dev/null
+++ b/src/lib/scout/__tests__/format.test.ts
@@ -0,0 +1,118 @@
+import { describe, expect, it } from "vitest";
+import {
+    chunkText,
+    deepLink,
+    formatTimestamp,
+    normalizeForMatch,
+    parseDescriptionChapters,
+    parseIsoDuration,
+    parseTimestamp,
+    quoteAppearsIn,
+} from "@/lib/scout/format";
+
+describe("Scout timestamps", () => {
+    it("parses minute and hour timestamps", () => {
+        expect(parseTimestamp("0:00")).toBe(0);
+        expect(parseTimestamp("1:23")).toBe(83);
+        expect(parseTimestamp("01:02:03")).toBe(3723);
+        expect(parseTimestamp("12:30")).toBe(750);
+    });
+
+    it("rejects malformed and out-of-range values", () => {
+        expect(parseTimestamp("1:60")).toBeNull();
+        expect(parseTimestamp("1:02:75")).toBeNull();
+        expect(parseTimestamp("intro")).toBeNull();
+        expect(parseTimestamp("")).toBeNull();
+    });
+
+    it("formats seconds without padding the leading unit", () => {
+        expect(formatTimestamp(0)).toBe("0:00");
+        expect(formatTimestamp(83)).toBe("1:23");
+        expect(formatTimestamp(3723)).toBe("1:02:03");
+        expect(formatTimestamp(-4)).toBe("0:00");
+    });
+
+    it("builds deep links only when there is an offset", () => {
+        expect(deepLink("abc12345678")).toBe("https://youtu.be/abc12345678");
+        expect(deepLink("abc12345678", 0)).toBe("https://youtu.be/abc12345678");
+        expect(deepLink("abc12345678", 92.9)).toBe("https://youtu.be/abc12345678?t=92");
+    });
+
+    it("reads ISO-8601 durations", () => {
+        expect(parseIsoDuration("PT1H2M10S")).toBe(3730);
+        expect(parseIsoDuration("PT45S")).toBe(45);
+        expect(parseIsoDuration("P1DT1S")).toBe(86401);
+        expect(parseIsoDuration("PT0S")).toBeNull();
+        expect(parseIsoDuration("nope")).toBeNull();
+    });
+});
+
+describe("Scout chapter parsing", () => {
+    it("accepts the shapes creators use and sorts them", () => {
+        const chapters = parseDescriptionChapters(
+            [
+                "00:00 Intro",
+                "0:00 - Duplicate intro",
+                "12:30 Demo",
+                "(25:10) Refactoring",
+                "* 1:02:03 Deep dive",
+                "No timestamp here",
+            ].join("\n"),
+        );
+
+        expect(chapters).toEqual([
+            { startSeconds: 0, title: "Intro" },
+            { startSeconds: 750, title: "Demo" },
+            { startSeconds: 1510, title: "Refactoring" },
+            { startSeconds: 3723, title: "Deep dive" },
+        ]);
+    });
+
+    it("sorts an out-of-order description instead of dropping lines", () => {
+        const chapters = parseDescriptionChapters("10:00 Second\n02:00 First");
+        expect(chapters).toEqual([
+            { startSeconds: 120, title: "First" },
+            { startSeconds: 600, title: "Second" },
+        ]);
+    });
+
+    it("returns nothing without a description", () => {
+        expect(parseDescriptionChapters(null)).toEqual([]);
+        expect(parseDescriptionChapters("just prose")).toEqual([]);
+    });
+});
+
+describe("Scout quote validation", () => {
+    const source = "So the first rule of refactoring is: make the change easy, then make the easy change.";
+
+    it("matches quotes across punctuation, case and curly quotes", () => {
+        expect(quoteAppearsIn("make the change easy, then make the easy change", source)).toBe(true);
+        expect(quoteAppearsIn("MAKE THE CHANGE EASY — THEN MAKE THE EASY CHANGE", source)).toBe(true);
+        expect(quoteAppearsIn("The first rule of refactoring", source)).toBe(true);
+    });
+
+    it("rejects quotes that are not in the source", () => {
+        expect(quoteAppearsIn("always rewrite the whole module first", source)).toBe(false);
+    });
+
+    it("rejects short quotes that would match almost anything", () => {
+        expect(quoteAppearsIn("the change", source)).toBe(false);
+    });
+
+    it("normalizes curly quotes and collapses whitespace", () => {
+        expect(normalizeForMatch("Don\u2019t   panic")).toBe("don't panic");
+    });
+});
+
+describe("Scout chunking", () => {
+    it("keeps short text in one chunk and splits long text with overlap", () => {
+        expect(chunkText("")).toEqual([]);
+        expect(chunkText("short text")).toEqual(["short text"]);
+
+        const text = `${"a".repeat(400)}\n\n${"b".repeat(400)}`;
+        const chunks = chunkText(text, 500, 50);
+        expect(chunks.length).toBeGreaterThan(1);
+        expect(chunks[0].length).toBeLessThanOrEqual(500);
+        expect(chunks.join("")).toContain("b");
+    });
+});
diff --git a/src/lib/scout/__tests__/jobs.test.ts b/src/lib/scout/__tests__/jobs.test.ts
new file mode 100644
index 0000000..3f17348
--- /dev/null
+++ b/src/lib/scout/__tests__/jobs.test.ts
@@ -0,0 +1,101 @@
+import { mkdtempSync, rmSync } from "node:fs";
+import { tmpdir } from "node:os";
+import { join } from "node:path";
+import { afterAll, beforeAll, describe, expect, it } from "vitest";
+import { closeScoutDb } from "@/lib/scout/db";
+import {
+    claimNextJob,
+    completeJob,
+    countJobs,
+    deferJob,
+    enqueueJob,
+    failJob,
+    getJob,
+    hasQueuedJob,
+    JobDeferred,
+    recoverStaleJobs,
+} from "@/lib/scout/jobs";
+
+let directory = "";
+
+beforeAll(() => {
+    directory = mkdtempSync(join(tmpdir(), "syllo-scout-jobs-"));
+    process.env.SCOUT_DB_PATH = join(directory, "jobs.db");
+});
+
+afterAll(() => {
+    closeScoutDb();
+    rmSync(directory, { recursive: true, force: true });
+});
+
+describe("Scout job queue", () => {
+    it("claims the oldest due job and completes it", () => {
+        const first = enqueueJob("discover", { packId: "one" }, { runAfter: new Date("2026-10-01T00:00:00Z") });
+        const second = enqueueJob("discover", { packId: "two" }, { runAfter: new Date("2026-10-02T00:00:00Z") });
+
+        const claimed = claimNextJob(new Date("2026-10-01T12:00:00Z"));
+        expect(claimed?.id).toBe(first);
+        expect(claimed?.status).toBe("running");
+        expect(claimed?.attempts).toBe(1);
+
+        completeJob(first, { found: 3 });
+        expect(getJob(first)?.status).toBe("done");
+        expect(getJob(first)?.result).toBe(JSON.stringify({ found: 3 }));
+
+        expect(claimNextJob(new Date("2026-10-01T12:00:00Z"))).toBeNull();
+        expect(claimNextJob(new Date("2026-10-02T12:00:00Z"))?.id).toBe(second);
+    });
+
+    it("defers a job without spending an attempt", () => {
+        const id = enqueueJob("process_resource", { packId: "pack" }, { runAfter: new Date("2026-10-01T00:00:00Z") });
+        const claimed = claimNextJob(new Date("2026-10-01T00:00:01Z"));
+        expect(claimed?.id).toBe(id);
+        expect(claimed?.attempts).toBe(1);
+
+        deferJob(id, 60_000, "transcript throttle");
+        const deferred = getJob(id);
+        expect(deferred?.status).toBe("queued");
+        expect(deferred?.attempts).toBe(0);
+        expect(deferred?.error).toBe("transcript throttle");
+        expect(claimNextJob(new Date())).toBeNull();
+        const reclaimed = claimNextJob(new Date(Date.now() + 120_000));
+        expect(reclaimed?.id).toBe(id);
+        completeJob(id, {});
+    });
+
+    it("retries with backoff until max attempts, then fails", () => {
+        const id = enqueueJob("discover", {}, { maxAttempts: 2, runAfter: new Date("2026-10-01T00:00:00Z") });
+
+        expect(claimNextJob(new Date("2026-10-01T00:00:01Z"))?.attempts).toBe(1);
+        failJob(id, new Error("provider down"));
+        expect(getJob(id)?.status).toBe("queued");
+        expect(getJob(id)?.error).toBe("provider down");
+
+        const later = new Date(Date.now() + 3_600_000);
+        expect(claimNextJob(later)?.attempts).toBe(2);
+        failJob(id, new Error("still down"));
+
+        const failed = getJob(id);
+        expect(failed?.status).toBe("failed");
+        expect(failed?.error).toBe("still down");
+        expect(countJobs("failed")).toBe(1);
+    });
+
+    it("recovers jobs abandoned while running", () => {
+        const id = enqueueJob("build_workspace", {}, { runAfter: new Date("2026-10-01T00:00:00Z") });
+        expect(claimNextJob(new Date("2026-10-01T00:00:01Z"))?.id).toBe(id);
+        expect(getJob(id)?.status).toBe("running");
+
+        expect(recoverStaleJobs(-1_000)).toBeGreaterThanOrEqual(1);
+        expect(getJob(id)?.status).toBe("queued");
+    });
+
+    it("tracks queued work by kind and clamps a negative defer delay", () => {
+        enqueueJob("auto_check");
+        expect(hasQueuedJob("auto_check")).toBe(true);
+        expect(hasQueuedJob("discover")).toBe(true);
+
+        const deferred = new JobDeferred(-50);
+        expect(deferred.delayMs).toBe(0);
+    });
+});
diff --git a/src/lib/scout/__tests__/source-evidence.test.ts b/src/lib/scout/__tests__/source-evidence.test.ts
new file mode 100644
index 0000000..d20f5fa
--- /dev/null
+++ b/src/lib/scout/__tests__/source-evidence.test.ts
@@ -0,0 +1,65 @@
+import { describe, expect, it, vi } from "vitest";
+import { extractResource, suggestBookOutline } from "@/lib/scout/extract";
+import { scoutGenerateObject } from "@/lib/scout/llm";
+
+vi.mock("@/lib/scout/llm", async (importOriginal) => {
+    const actual = await importOriginal<typeof import("@/lib/scout/llm")>();
+    return { ...actual, scoutGenerateObject: vi.fn() };
+});
+
+describe("source evidence", () => {
+    it("anchors quotes to actual transcript segments and drops invented quotes", async () => {
+        vi.mocked(scoutGenerateObject).mockResolvedValueOnce({
+            object: {
+                summary: "Tools connect a model to external actions.",
+                keyPoints: [
+                    {
+                        text: "Tools allow a model to act outside its context.",
+                        quote: "A tool connects the model to an external action.",
+                        atSeconds: 999,
+                    },
+                    {
+                        text: "A made-up idea that does not exist in the source.",
+                        quote: "An invented quote that is absent from the transcript.",
+                        atSeconds: 12,
+                    },
+                ],
+                skills: ["tool calling"],
+                chapters: [{ startSeconds: 999, title: "Invented chapter" }],
+            },
+            inputTokens: 50,
+            outputTokens: 50,
+        });
+        const quote = "A tool connects the model to an external action.";
+        const result = await extractResource({
+            resource: {
+                id: "video",
+                kind: "video",
+                title: "Tool calling",
+                durationSeconds: 1200,
+                externalId: "AbCdEf12345",
+            },
+            text: `Earlier we described a model. ${quote} Later we test its output.`,
+            segments: [
+                { start: 0, text: "Earlier we described a model." },
+                { start: 371, text: quote },
+                { start: 390, text: "Later we test its output." },
+            ],
+        });
+        expect(result.keyPoints).toHaveLength(1);
+        expect(result.keyPoints[0].atSeconds).toBe(371);
+        expect(result.chapters[0].startSeconds).toBe(371);
+        expect(
+            result.chapters.some((chapter) => chapter.startSeconds === 999),
+        ).toBe(false);
+    });
+    it("does not invent a table of contents from a book title", async () => {
+        const result = await suggestBookOutline({
+            title: "An unfamiliar book",
+        });
+        expect(result).toEqual({
+            chapters: ["Read the book"],
+            confident: false,
+        });
+    });
+});
diff --git a/src/lib/scout/__tests__/youtube-feed.test.ts b/src/lib/scout/__tests__/youtube-feed.test.ts
new file mode 100644
index 0000000..2d85ed8
--- /dev/null
+++ b/src/lib/scout/__tests__/youtube-feed.test.ts
@@ -0,0 +1,53 @@
+import { describe, expect, it } from "vitest";
+import { parseYouTubeFeed } from "@/lib/scout/discovery/youtube";
+
+const feed = `<?xml version="1.0" encoding="UTF-8"?>
+<feed xmlns:yt="http://www.youtube.com/xml/schemas/2015" xmlns:media="http://search.yahoo.com/mrss/">
+  <title>Channel</title>
+  <entry>
+    <id>yt:video:aaaaaaaaaaa</id>
+    <yt:videoId>aaaaaaaaaaa</yt:videoId>
+    <title>Design tokens from scratch</title>
+    <link rel="alternate" href="https://www.youtube.com/watch?v=aaaaaaaaaaa"/>
+    <published>2026-10-01T09:00:00+00:00</published>
+    <author><name>Design Channel</name></author>
+    <media:thumbnail url="https://i.ytimg.com/vi/aaaaaaaaaaa/hqdefault.jpg" width="480" height="360"/>
+    <media:description><![CDATA[00:00 Intro & setup
+12:30 Tokens in practice]]></media:description>
+  </entry>
+  <entry>
+    <yt:videoId>bbbbbbbbbbb</yt:videoId>
+    <title>Type &amp; scale</title>
+    <published>2026-09-24T09:00:00+00:00</published>
+    <author><name>Design Channel</name></author>
+    <media:description>No chapters here</media:description>
+  </entry>
+  <entry>
+    <title>Broken entry without a video id</title>
+  </entry>
+</feed>`;
+
+describe("YouTube channel RSS", () => {
+    it("parses entries, CDATA and escaped titles", () => {
+        const items = parseYouTubeFeed(feed);
+
+        expect(items).toHaveLength(2);
+        expect(items[0]).toMatchObject({
+            kind: "video",
+            source: "youtube-rss",
+            externalId: "aaaaaaaaaaa",
+            url: "https://www.youtube.com/watch?v=aaaaaaaaaaa",
+            title: "Design tokens from scratch",
+            creator: "Design Channel",
+            thumbnailUrl: "https://i.ytimg.com/vi/aaaaaaaaaaa/hqdefault.jpg",
+        });
+        expect(items[0].description).toContain("12:30 Tokens in practice");
+        expect(items[1].title).toBe("Type & scale");
+        expect(items[1].thumbnailUrl).toBeNull();
+    });
+
+    it("returns an empty list for feeds it cannot read", () => {
+        expect(parseYouTubeFeed("")).toEqual([]);
+        expect(parseYouTubeFeed("<feed></feed>")).toEqual([]);
+    });
+});
diff --git a/src/lib/scout/agent-runner.ts b/src/lib/scout/agent-runner.ts
new file mode 100644
index 0000000..4d314cc
--- /dev/null
+++ b/src/lib/scout/agent-runner.ts
@@ -0,0 +1,358 @@
+import crossSpawn from "cross-spawn";
+import { existsSync, statSync } from "node:fs";
+import { resolve } from "node:path";
+import { z } from "zod";
+import type { ScoutAgentConnection, ScoutAgentStatus } from "./types";
+
+/**
+ * Scout can hand one bounded research task to a coding agent the learner
+ * already has installed. Agents run as child processes with an explicit
+ * working directory, a timeout, no shell, and no approval-bypass flags.
+ *
+ * The other direction (agent -> Scout) is mcp/server.mjs: the learner points
+ * their agent at that file and it can add or search library resources.
+ */
+
+export type AgentId = "opencode" | "codex" | "claude";
+
+interface AgentDefinition {
+    id: AgentId;
+    label: string;
+    command: string;
+    /** Print mode, prompt as one argv entry. Never a shell string. */
+    args: (prompt: string) => string[];
+}
+
+const AGENTS: AgentDefinition[] = [
+    {
+        id: "opencode",
+        label: "opencode",
+        command: "opencode",
+        args: (prompt) => ["run", prompt],
+    },
+    {
+        id: "codex",
+        label: "Codex",
+        command: "codex",
+        args: (prompt) => ["exec", "--sandbox", "read-only", prompt],
+    },
+    {
+        id: "claude",
+        label: "Claude Code",
+        command: "claude",
+        args: (prompt) => ["-p", prompt],
+    },
+];
+
+const DEFAULT_TIMEOUT_MS = 120_000;
+const MAX_TIMEOUT_MS = 300_000;
+const MAX_OUTPUT_BYTES = 1_000_000;
+const MAX_PROMPT_CHARS = 20_000;
+
+function messageOf(error: unknown) {
+    return error instanceof Error && error.message ? error.message : "Unknown agent error";
+}
+
+function truncate(value: string, max = 800) {
+    const trimmed = value.trim();
+    return trimmed.length > max ? `${trimmed.slice(0, max)}…` : trimmed;
+}
+
+interface SpawnResult {
+    ok: boolean;
+    code: number | null;
+    stdout: string;
+    stderr: string;
+    timedOut: boolean;
+}
+
+function collect(
+    command: string,
+    args: string[],
+    options: { cwd: string; timeoutMs: number; maxBytes?: number },
+): Promise<SpawnResult> {
+    const maxBytes = options.maxBytes ?? MAX_OUTPUT_BYTES;
+
+    return new Promise<SpawnResult>((resolvePromise) => {
+        let settled = false;
+        let stdout = "";
+        let stderr = "";
+        let stdoutBytes = 0;
+        let stderrBytes = 0;
+        let timedOut = false;
+
+        const finish = (ok: boolean, code: number | null) => {
+            if (settled) return;
+            settled = true;
+            clearTimeout(timer);
+            resolvePromise({ ok, code, stdout, stderr, timedOut });
+        };
+
+        let child: ReturnType<typeof crossSpawn>;
+        try {
+            child = crossSpawn(command, args, {
+                cwd: options.cwd,
+                shell: false,
+                windowsHide: true,
+                stdio: ["ignore", "pipe", "pipe"],
+                env: process.env,
+            });
+        } catch (error) {
+            stderr = messageOf(error);
+            resolvePromise({ ok: false, code: null, stdout: "", stderr, timedOut: false });
+            return;
+        }
+
+        const timer = setTimeout(() => {
+            timedOut = true;
+            child.kill("SIGKILL");
+            // A shim can ignore the first signal; release the waiter regardless.
+            setTimeout(() => finish(false, null), 2_000);
+        }, options.timeoutMs);
+
+        child.stdout?.on("data", (chunk: Buffer) => {
+            if (stdoutBytes >= maxBytes) return;
+            const text = chunk.toString("utf8");
+            stdout += text.slice(0, maxBytes - stdoutBytes);
+            stdoutBytes += Buffer.byteLength(text);
+        });
+
+        child.stderr?.on("data", (chunk: Buffer) => {
+            if (stderrBytes >= maxBytes) return;
+            const text = chunk.toString("utf8");
+            stderr += text.slice(0, maxBytes - stderrBytes);
+            stderrBytes += Buffer.byteLength(text);
+        });
+
+        child.on("error", (error) => {
+            stderr = stderr || messageOf(error);
+            finish(false, null);
+        });
+
+        child.on("close", (code) => {
+            finish(code === 0, code);
+        });
+    });
+}
+
+function definitionOf(id: AgentId) {
+    const definition = AGENTS.find((agent) => agent.id === id);
+    if (!definition) throw new Error(`Unknown agent: ${id}`);
+    return definition;
+}
+
+export async function probeAgent(id: AgentId): Promise<ScoutAgentStatus> {
+    const definition = definitionOf(id);
+    const result = await collect(definition.command, ["--version"], {
+        cwd: process.cwd(),
+        timeoutMs: 4_000,
+        maxBytes: 64_000,
+    });
+
+    const versionLine = (result.stdout || result.stderr)
+        .split(/\r?\n/)
+        .map((line) => line.trim())
+        .find(Boolean);
+
+    return {
+        id: definition.id,
+        label: definition.label,
+        available: result.ok,
+        version: result.ok && versionLine ? versionLine.slice(0, 80) : null,
+        command: definition.command,
+    };
+}
+
+export async function agentStatuses(): Promise<ScoutAgentStatus[]> {
+    return Promise.all(AGENTS.map((agent) => probeAgent(agent.id)));
+}
+
+export interface RunAgentOptions {
+    cwd?: string;
+    timeoutMs?: number;
+}
+
+export async function runAgent(id: AgentId, prompt: string, options: RunAgentOptions = {}): Promise<string> {
+    const definition = definitionOf(id);
+    const cleanPrompt = prompt.trim();
+
+    if (!cleanPrompt) throw new Error("The prompt is empty");
+    if (cleanPrompt.length > MAX_PROMPT_CHARS) throw new Error("The prompt is too long");
+
+    const cwd = resolve(options.cwd?.trim() || process.cwd());
+    if (!existsSync(cwd) || !statSync(cwd).isDirectory()) {
+        throw new Error(`Agent working directory does not exist: ${cwd}`);
+    }
+
+    const timeoutMs = Math.min(MAX_TIMEOUT_MS, Math.max(5_000, options.timeoutMs ?? DEFAULT_TIMEOUT_MS));
+    const result = await collect(definition.command, definition.args(cleanPrompt), { cwd, timeoutMs });
+
+    if (result.timedOut) {
+        throw new Error(`${definition.label} timed out after ${Math.round(timeoutMs / 1000)}s`);
+    }
+    if (!result.ok) {
+        const detail = truncate(result.stderr || result.stdout);
+        throw new Error(detail ? `${definition.label} failed: ${detail}` : `${definition.label} exited with code ${result.code}`);
+    }
+
+    const output = result.stdout.trim();
+    if (!output) throw new Error(`${definition.label} returned no output`);
+    return output;
+}
+
+/** Agents like to wrap JSON in prose or fences. Take the outer object. */
+export function extractJsonObject(output: string): unknown {
+    const start = output.indexOf("{");
+    const end = output.lastIndexOf("}");
+    if (start === -1 || end === -1 || end <= start) {
+        throw new Error("The agent did not return a JSON object");
+    }
+
+    try {
+        return JSON.parse(output.slice(start, end + 1));
+    } catch {
+        throw new Error("The agent returned invalid JSON");
+    }
+}
+
+export async function runAgentJson<T>(
+    id: AgentId,
+    prompt: string,
+    schema: z.ZodType<T>,
+    options: RunAgentOptions = {},
+): Promise<T> {
+    const output = await runAgent(id, prompt, options);
+    const parsed = schema.safeParse(extractJsonObject(output));
+    if (!parsed.success) {
+        throw new Error(`The agent returned data Scout could not use: ${parsed.error.issues[0]?.message ?? "invalid shape"}`);
+    }
+    return parsed.data;
+}
+
+export const agentResourcesSchema = z.object({
+    resources: z
+        .array(
+            z.object({
+                title: z.string().min(1).max(200),
+                url: z.url(),
+                note: z.string().max(400).optional(),
+                skill: z.string().max(60).optional(),
+            }),
+        )
+        .min(1)
+        .max(12),
+});
+
+export type AgentResources = z.infer<typeof agentResourcesSchema>;
+
+export function buildResearchPrompt(goal: string) {
+    return [
+        "You are helping Syllo Scout find free learning resources for one goal.",
+        `Goal: ${goal.trim()}`,
+        "",
+        "Rules:",
+        "- Find up to 8 free, publicly accessible resources: videos, articles or documentation.",
+        "- No paid courses, no books, no login walls, no pirated material.",
+        "- Prefer primary sources and recent material.",
+        "- Return ONLY a JSON object, with no prose and no code fences, in this shape:",
+        '{"resources":[{"title":"...","url":"https://...","note":"why it helps","skill":"short skill name"}]}',
+    ].join("\n");
+}
+
+export async function pickAgent(preferred?: AgentId | null): Promise<ScoutAgentStatus> {
+    const statuses = await agentStatuses();
+    const chosen =
+        (preferred ? statuses.find((agent) => agent.id === preferred && agent.available) : undefined) ??
+        statuses.find((agent) => agent.available);
+
+    if (!chosen) {
+        throw new Error("No agent CLI found. Install opencode, Codex or Claude Code, then reopen Settings.");
+    }
+    return chosen;
+}
+
+export async function researchWithAgent(goal: string, preferred?: AgentId | null) {
+    const agent = await pickAgent(preferred);
+    const result = await runAgentJson(agent.id, buildResearchPrompt(goal), agentResourcesSchema, {
+        timeoutMs: 120_000,
+    });
+
+    const seen = new Set<string>();
+    const resources = result.resources.filter((resource) => {
+        const key = resource.url.trim();
+        if (seen.has(key)) return false;
+        seen.add(key);
+        return true;
+    });
+
+    return { agent, resources };
+}
+
+/**
+ * Copy-paste MCP registration for each agent. Paths are absolute so the agent
+ * does not have to start in the Syllo repo.
+ */
+export function agentConnections(): ScoutAgentConnection[] {
+    const serverPath = resolve(process.cwd(), "mcp", "server.mjs");
+    const dbPath = resolve(process.env.SCOUT_DB_PATH?.trim() || resolve(process.cwd(), ".data", "syllo.db"));
+
+    const opencode = {
+        $schema: "https://opencode.ai/config.json",
+        mcp: {
+            "syllo-scout": {
+                type: "local",
+                command: ["node", serverPath],
+                environment: { SCOUT_DB_PATH: dbPath },
+                enabled: true,
+            },
+        },
+    };
+
+    const claude = {
+        mcpServers: {
+            "syllo-scout": {
+                command: "node",
+                args: [serverPath],
+                env: { SCOUT_DB_PATH: dbPath },
+            },
+        },
+    };
+
+    const codex = [
+        "[mcp_servers.syllo-scout]",
+        'command = "node"',
+        `args = [${JSON.stringify(serverPath)}]`,
+        `env = { SCOUT_DB_PATH = ${JSON.stringify(dbPath)} }`,
+    ].join("\n");
+
+    return [
+        {
+            id: "opencode",
+            label: "opencode",
+            file: "opencode.json",
+            snippet: JSON.stringify(opencode, null, 2),
+            note: "Project or global opencode config. Restart opencode after saving.",
+        },
+        {
+            id: "codex",
+            label: "Codex",
+            file: "~/.codex/config.toml",
+            snippet: codex,
+            note: "Codex CLI and the Codex IDE extension read this file.",
+        },
+        {
+            id: "claude",
+            label: "Claude Code",
+            file: ".mcp.json",
+            snippet: JSON.stringify(claude, null, 2),
+            note: "Run `claude mcp list` to confirm the server is connected.",
+        },
+        {
+            id: "chatgpt",
+            label: "ChatGPT",
+            file: "ChatGPT desktop",
+            snippet: `node ${serverPath}`,
+            note: "ChatGPT connectors expect a remote MCP URL. Run the same tools locally through Codex, or expose this stdio server through your own tunnel.",
+        },
+    ];
+}
diff --git a/src/lib/scout/api-client.ts b/src/lib/scout/api-client.ts
new file mode 100644
index 0000000..dea1462
--- /dev/null
+++ b/src/lib/scout/api-client.ts
@@ -0,0 +1,165 @@
+import type { ScoutPackDetail } from "./pack";
+import type {
+    ResourceKind,
+    ScoutAgentConnection,
+    ScoutAgentStatus,
+    ScoutDigest,
+    ScoutPack,
+    ScoutResource,
+    ScoutSettings,
+    ScoutSource,
+    ScoutSourceKind,
+    SpendSummary,
+} from "./types";
+
+/**
+ * Typed browser client for the Scout API. Every call returns the parsed JSON
+ * envelope and turns `{ success: false }` into an Error with the server's
+ * message, so views can show one consistent failure state.
+ */
+
+interface Envelope {
+    success?: boolean;
+    error?: string;
+}
+
+let accessToken: string | null = null;
+export function setScoutAccessToken(token: string | null) { accessToken = token; }
+export function getScoutAccessToken() { return accessToken; }
+
+async function request<T extends Envelope>(url: string, init?: RequestInit): Promise<T> {
+    const response = await fetch(url, {
+        ...init,
+        headers: { ...(init?.body ? { "content-type": "application/json" } : {}), ...(accessToken ? { Authorization: `Bearer ${accessToken}` } : {}), ...init?.headers },
+    });
+
+    let payload: T | null = null;
+    try {
+        payload = (await response.json()) as T;
+    } catch {
+        payload = null;
+    }
+
+    if (!response.ok || !payload || payload.success === false) {
+        throw new Error(payload?.error || `Scout request failed (${response.status})`);
+    }
+
+    return payload;
+}
+
+export interface ScoutStartInput {
+    goal: string;
+    provider?: string;
+    model?: string;
+    apiKey?: string;
+}
+
+export const scoutApi = {
+    start(input: ScoutStartInput) {
+        return request<{ success: true; pack: ScoutPack }>("/api/scout/start", {
+            method: "POST",
+            body: JSON.stringify(input),
+        });
+    },
+
+    getPack(id: string) {
+        return request<{ success: true; pack: ScoutPackDetail }>(`/api/scout/packs/${encodeURIComponent(id)}`);
+    },
+
+    approve(id: string, picks: string[]) {
+        return request<{ success: true; pack: ScoutPackDetail }>(
+            `/api/scout/packs/${encodeURIComponent(id)}/approve`,
+            { method: "POST", body: JSON.stringify({ picks }) },
+        );
+    },
+
+    recent() {
+        return request<{ success: true; packs: ScoutPack[] }>("/api/scout/recent");
+    },
+
+    getSettings() {
+        return request<{ success: true; settings: ScoutSettings; spend: SpendSummary }>("/api/scout/settings");
+    },
+
+    patchSettings(patch: Partial<Pick<ScoutSettings, "autoCheck" | "paused" | "monthlyBudgetCents">>) {
+        return request<{ success: true; settings: ScoutSettings; spend: SpendSummary }>("/api/scout/settings", {
+            method: "PATCH",
+            body: JSON.stringify(patch),
+        });
+    },
+
+    listSources() {
+        return request<{ success: true; sources: ScoutSource[] }>("/api/scout/sources");
+    },
+
+    addSource(input: { kind: ScoutSourceKind; label?: string; value: string }) {
+        return request<{ success: true; source: ScoutSource; sources: ScoutSource[] }>("/api/scout/sources", {
+            method: "POST",
+            body: JSON.stringify(input),
+        });
+    },
+
+    toggleSource(id: string, enabled: boolean) {
+        return request<{ success: true; sources: ScoutSource[] }>("/api/scout/sources", {
+            method: "POST",
+            body: JSON.stringify({ id, enabled }),
+        });
+    },
+
+    removeSource(id: string) {
+        return request<{ success: true; sources: ScoutSource[] }>(`/api/scout/sources?id=${encodeURIComponent(id)}`, {
+            method: "DELETE",
+        });
+    },
+
+    listResources(input: { q?: string; kind?: ResourceKind | "all"; limit?: number } = {}) {
+        const params = new URLSearchParams();
+        if (input.q) params.set("q", input.q);
+        if (input.kind) params.set("kind", input.kind);
+        if (input.limit) params.set("limit", String(input.limit));
+        const query = params.toString();
+        return request<{ success: true; resources: ScoutResource[]; books: ScoutResource[] }>(
+            `/api/scout/resources${query ? `?${query}` : ""}`,
+        );
+    },
+
+    addResource(input: {
+        url?: string;
+        title?: string;
+        note?: string;
+        skill?: string;
+        kind?: "book";
+        outline?: string[];
+    }) {
+        return request<{ success: true; resource: ScoutResource }>("/api/scout/resources", {
+            method: "POST",
+            body: JSON.stringify(input),
+        });
+    },
+
+    getDigest() {
+        return request<{ success: true; digest: ScoutDigest }>("/api/scout/digest");
+    },
+
+    getAgents() {
+        return request<{ success: true; agents: ScoutAgentStatus[]; connections: ScoutAgentConnection[] }>(
+            "/api/scout/agents",
+        );
+    },
+
+    researchWithAgent(input: { goal: string; agent?: ScoutAgentStatus["id"] }) {
+        return request<{
+            success: true;
+            agent: ScoutAgentStatus;
+            resources: ScoutResource[];
+            skipped: string[];
+        }>("/api/scout/agents", { method: "POST", body: JSON.stringify(input) });
+    },
+};
+
+/** Human formatting for the cost meter (costs are stored in US cents). */
+export function formatCents(cents: number) {
+    if (!Number.isFinite(cents) || cents <= 0) return "$0.00";
+    const dollars = cents / 100;
+    return `$${dollars < 1 ? dollars.toFixed(4) : dollars.toFixed(2)}`;
+}
diff --git a/src/lib/scout/client.ts b/src/lib/scout/client.ts
new file mode 100644
index 0000000..0fd3f37
--- /dev/null
+++ b/src/lib/scout/client.ts
@@ -0,0 +1,198 @@
+import type { Roadmap, SrsItem } from "@/types";
+import type { ScoutPackDetail } from "./pack";
+import type { ScoutResource } from "./types";
+import { getStorage } from "@/lib/storage";
+
+/**
+ * Browser-side Scout state.
+ *
+ * The server owns discovery and the pack pipeline; the learner owns the
+ * workspace. Publishing copies the finished pack into the same localStorage
+ * store every other Syllo screen reads, keyed by stable ids so republishing a
+ * pack updates the workspace instead of duplicating it.
+ */
+
+const LAST_PACK_KEY = "syllo:scout:last-pack";
+const BOOKSHELF_KEY = "syllo:scout:bookshelf";
+const WEEK_KEY = "syllo:scout:week";
+
+export interface ScoutLastPack {
+    packId: string;
+    roadmapId: string;
+    goal: string;
+    title: string;
+    at: string;
+}
+
+export interface BookProgress {
+    /** Chapter indexes the learner has finished. */
+    completed: number[];
+    lastChapter: number;
+    updatedAt: string;
+}
+
+export interface ScoutLocalStats {
+    minutesWatched: number;
+    tasksCompleted: number;
+    reviewDue: number;
+}
+
+function read<T>(key: string): T | null {
+    if (typeof localStorage === "undefined") return null;
+    try {
+        const raw = localStorage.getItem(key);
+        return raw ? (JSON.parse(raw) as T) : null;
+    } catch {
+        return null;
+    }
+}
+
+function write(key: string, value: unknown) {
+    if (typeof localStorage === "undefined") return;
+    try {
+        localStorage.setItem(key, JSON.stringify(value));
+    } catch {
+        // Storage full or blocked: Scout state is a convenience, never a gate.
+    }
+}
+
+export function getLastScoutPack(): ScoutLastPack | null {
+    return read<ScoutLastPack>(LAST_PACK_KEY);
+}
+
+export function forgetLastScoutPack() {
+    if (typeof localStorage === "undefined") return;
+    localStorage.removeItem(LAST_PACK_KEY);
+}
+
+/**
+ * Copy a ready pack into the learner's workspace. Returns the roadmap id, or
+ * null when the pack has no roadmap yet.
+ */
+export function publishScoutPack(detail: ScoutPackDetail): string | null {
+    if (!detail.roadmap) return null;
+
+    const roadmap: Roadmap = {
+        ...detail.roadmap,
+        packVersion: detail.roadmap.packVersion ?? `scout-${detail.id}`,
+        updatedAt: new Date().toISOString(),
+    };
+
+    const storage = getStorage();
+    storage.saveRoadmap(roadmap);
+    if (detail.quizzes.length > 0) storage.saveReviews(roadmap.id, detail.quizzes.map(card => ({ ...card, status: "suggested" })));
+    storage.saveVersion(roadmap);
+
+    const record: ScoutLastPack = {
+        packId: detail.id,
+        roadmapId: roadmap.id,
+        goal: detail.goal,
+        title: roadmap.title,
+        at: new Date().toISOString(),
+    };
+    write(LAST_PACK_KEY, record);
+
+    return roadmap.id;
+}
+
+export function getBookshelf(): Record<string, BookProgress> {
+    return read<Record<string, BookProgress>>(BOOKSHELF_KEY) ?? {};
+}
+
+export function saveBookshelf(shelf: Record<string, BookProgress>) {
+    write(BOOKSHELF_KEY, shelf);
+}
+
+export function getBookProgress(bookId: string): BookProgress {
+    return getBookshelf()[bookId] ?? { completed: [], lastChapter: 0, updatedAt: new Date().toISOString() };
+}
+
+export function setChapterDone(bookId: string, chapterIndex: number, done: boolean): BookProgress {
+    const shelf = getBookshelf();
+    const current = shelf[bookId] ?? { completed: [], lastChapter: 0, updatedAt: new Date().toISOString() };
+    const completed = done
+        ? [...new Set([...current.completed, chapterIndex])].sort((a, b) => a - b)
+        : current.completed.filter((index) => index !== chapterIndex);
+
+    const next: BookProgress = {
+        completed,
+        lastChapter: chapterIndex,
+        updatedAt: new Date().toISOString(),
+    };
+    shelf[bookId] = next;
+    saveBookshelf(shelf);
+    return next;
+}
+
+/** Total chapters for a book, with a one-step fallback for books without an outline. */
+export function bookChapterCount(book: ScoutResource) {
+    return Math.max(1, book.chapters.length);
+}
+
+export function bookPercent(book: ScoutResource, progress: BookProgress) {
+    const total = bookChapterCount(book);
+    const done = progress.completed.filter((index) => index < total).length;
+    return Math.round((done / total) * 100);
+}
+
+export function reviewDueCount(now = new Date()): number {
+    const storage = getStorage();
+    const moment = now.getTime();
+    return storage.getRoadmaps().reduce((count, roadmap) => {
+        return count + storage.getReviews(roadmap.id).filter((item) => item.status !== "suggested" && item.status !== "skipped" && new Date(item.dueAt).getTime() <= moment).length;
+    }, 0);
+}
+
+function weekStart(now = new Date()) {
+    const start = new Date(Date.UTC(now.getUTCFullYear(), now.getUTCMonth(), now.getUTCDate()));
+    const day = start.getUTCDay() || 7;
+    start.setUTCDate(start.getUTCDate() - (day - 1));
+    return start;
+}
+
+interface WeekRecord {
+    weekOf: string;
+    sessionMs: number;
+}
+
+/**
+ * Minutes watched and tasks completed since Monday. Session time is cumulative,
+ * so the first visit of a week stores a baseline and later visits report the
+ * difference; nothing is invented when there is no baseline yet.
+ */
+export function localWeeklyStats(now = new Date()): ScoutLocalStats {
+    const storage = getStorage();
+    const learning = storage.getLearningRecord();
+    const start = weekStart(now);
+    const weekOf = start.toISOString().slice(0, 10);
+
+    const tasksCompleted = Object.entries(learning.tasksByDate).reduce((total, [date, count]) => {
+        return date >= weekOf ? total + count : total;
+    }, 0);
+
+    const stored = read<WeekRecord>(WEEK_KEY);
+    let minutesWatched = 0;
+
+    if (!stored || stored.weekOf !== weekOf) {
+        write(WEEK_KEY, { weekOf, sessionMs: learning.sessionTimeMs } satisfies WeekRecord);
+    } else {
+        minutesWatched = Math.max(0, Math.round((learning.sessionTimeMs - stored.sessionMs) / 60_000));
+    }
+
+    return {
+        minutesWatched,
+        tasksCompleted,
+        reviewDue: reviewDueCount(now),
+    };
+}
+
+/** Due review items across every local roadmap, newest schedule first. */
+export function dueReviews(now = new Date()): SrsItem[] {
+    const storage = getStorage();
+    const moment = now.getTime();
+    return storage
+        .getRoadmaps()
+        .flatMap((roadmap) => storage.getReviews(roadmap.id))
+        .filter((item) => item.status !== "suggested" && item.status !== "skipped" && new Date(item.dueAt).getTime() <= moment)
+        .sort((a, b) => new Date(a.dueAt).getTime() - new Date(b.dueAt).getTime());
+}
diff --git a/src/lib/scout/db.ts b/src/lib/scout/db.ts
new file mode 100644
index 0000000..1badfe2
--- /dev/null
+++ b/src/lib/scout/db.ts
@@ -0,0 +1,88 @@
+import Database from "better-sqlite3";
+import { mkdirSync } from "node:fs";
+import { dirname, join, resolve } from "node:path";
+import schema from "./schema.sql?raw";
+
+export type ScoutDatabase = Database.Database;
+
+const globalKey = Symbol.for("syllo.scout.db");
+
+type GlobalWithDb = typeof globalThis & {
+    [globalKey]?: { db: ScoutDatabase; path: string };
+};
+
+export function getScoutDbPath() {
+    return resolve(process.env.SCOUT_DB_PATH?.trim() || join(process.cwd(), ".data", "syllo.db"));
+}
+
+/**
+ * One SQLite file for the whole app.
+ *
+ * The connection is cached on globalThis because the dev server reloads
+ * modules on every edit; opening a fresh handle each time leaks file locks.
+ */
+export function getScoutDb(): ScoutDatabase {
+    const path = getScoutDbPath();
+    const store = globalThis as GlobalWithDb;
+    const cached = store[globalKey];
+    if (cached?.path === path) return cached.db;
+
+    mkdirSync(dirname(path), { recursive: true });
+    const db = new Database(path);
+    db.pragma("journal_mode = WAL");
+    db.pragma("foreign_keys = ON");
+    db.exec(schema);
+    seedDefaults(db);
+
+    store[globalKey] = { db, path };
+    return db;
+}
+
+export function closeScoutDb() {
+    const store = globalThis as GlobalWithDb;
+    const cached = store[globalKey];
+    if (!cached) return;
+    cached.db.close();
+    delete store[globalKey];
+}
+
+function seedDefaults(db: ScoutDatabase) {
+    db.prepare(
+        `INSERT OR IGNORE INTO scout_settings (id, auto_check, paused, monthly_budget_cents, updated_at)
+         VALUES (1, 0, 0, 0, ?)`,
+    ).run(new Date().toISOString());
+
+    // First run only. A learner who deletes every source keeps it that way.
+    const seeded = db.prepare(`SELECT value FROM scout_kv WHERE key = 'seeded_sources'`).get() as
+        | { value: string }
+        | undefined;
+    if (seeded) return;
+
+    const now = new Date().toISOString();
+    const seeds: Array<[string, string, string]> = [
+        ["youtube_channel", "Matt Pocock", "@mattpocockuk"],
+        ["youtube_channel", "Theo", "@t3dotgg"],
+        ["site", "MDN Web Docs", "developer.mozilla.org"],
+        ["site", "web.dev", "web.dev"],
+    ];
+
+    const insert = db.prepare(
+        `INSERT OR IGNORE INTO sources (id, kind, label, value, enabled, meta, created_at)
+         VALUES (?, ?, ?, ?, 1, '{}', ?)`,
+    );
+
+    db.transaction(() => {
+        for (const [kind, label, value] of seeds) {
+            insert.run(newId("src"), kind, label, value, now);
+        }
+        db.prepare(`INSERT INTO scout_kv (key, value) VALUES ('seeded_sources', '1')`).run();
+    })();
+}
+
+export function nowIso() {
+    return new Date().toISOString();
+}
+
+export function newId(prefix: string) {
+    return `${prefix}_${Date.now().toString(36)}${Math.random().toString(36).slice(2, 8)}`;
+}
diff --git a/src/lib/scout/digest.ts b/src/lib/scout/digest.ts
new file mode 100644
index 0000000..0393ead
--- /dev/null
+++ b/src/lib/scout/digest.ts
@@ -0,0 +1,34 @@
+import { countResourcesSince, listLibrary } from "./library";
+import type { ScoutDigest } from "./types";
+
+/**
+ * Weekly digest. The server knows how many resources arrived and which ones
+ * are worth a look. Minutes watched, tasks completed and review-due live in
+ * the learner's browser, so the client merges those into this shape.
+ */
+export function buildDigest(now = new Date()): ScoutDigest {
+    const weekStart = new Date(now.getTime() - 7 * 24 * 3600_000);
+    const since = weekStart.toISOString();
+    const newResources = countResourcesSince(since);
+
+    const highlights = listLibrary({ since, limit: 4 }).map((resource) => ({
+        title: resource.title,
+        url: resource.url,
+        skill: resource.skillTags[0],
+    }));
+
+    const headline =
+        newResources === 0
+            ? "No new free resources this week yet. Scout checks again tonight."
+            : `${newResources} new free resource${newResources === 1 ? "" : "s"} arrived this week.`;
+
+    return {
+        weekOf: since.slice(0, 10),
+        newResources,
+        minutesWatched: 0,
+        tasksCompleted: 0,
+        reviewDue: 0,
+        headline,
+        highlights,
+    };
+}
diff --git a/src/lib/scout/discovery/combine.ts b/src/lib/scout/discovery/combine.ts
new file mode 100644
index 0000000..129fffe
--- /dev/null
+++ b/src/lib/scout/discovery/combine.ts
@@ -0,0 +1,88 @@
+import { listEnabledSources } from "../sources";
+import { canonicalResourceUrl, dedupeResources, isLikelyFree, type DiscoveredResource } from "./index";
+import { discoverYouTubeForGoal, discoverYouTubeRecent } from "./youtube";
+import { discoverYouTubeSearch } from "./youtube";
+import { discoverFreeWeb } from "./free-web";
+import { ScoutError, type ScoutLlmConfig } from "../llm";
+
+/**
+ * Broad search supplies candidates; enabled creators are preferences.
+ * Imported books stay in Library and do not need web discovery.
+ */
+export async function discoverForGoal(input: { goal: string; limit?: number; llm?: ScoutLlmConfig | null }): Promise<DiscoveredResource[]> {
+    const goal = input.goal.trim();
+    const limit = Math.min(20, Math.max(4, input.limit ?? 12));
+
+    const sources = listEnabledSources();
+    const channels = sources
+        .filter((source) => source.kind === "youtube_channel" || source.kind === "creator")
+        .map((source) => source.value);
+
+    const [preferredVideos, broadVideos, web] = await Promise.all([
+        channels.length > 0
+            ? discoverYouTubeForGoal({ goal, channels, limit: Math.ceil(limit * 0.7) }).catch((error) => {
+                  console.warn("[scout] YouTube discovery failed:", error instanceof Error ? error.message : error);
+                  return [] as DiscoveredResource[];
+              })
+            : Promise.resolve([] as DiscoveredResource[]),
+        discoverYouTubeSearch(goal, Math.ceil(limit * 0.7)).catch(() => []),
+        discoverFreeWeb(goal, Math.ceil(limit * 0.7), input.llm).catch((error) => {
+            if (error instanceof ScoutError) throw error;
+            console.warn("[scout] web discovery failed:", error instanceof Error ? error.message : error);
+            return [] as DiscoveredResource[];
+        }),
+    ]);
+
+    const clean = (items: DiscoveredResource[]) =>
+        items.filter((item) => isLikelyFree(item.url) && !/#shorts/i.test(`${item.title} ${item.url}`));
+
+    const videoPool = clean(dedupeResources([...broadVideos, ...web.filter(item => item.kind === "video"), ...preferredVideos]));
+    const webPool = clean(web.filter(item => item.kind !== "video"));
+    const maxVideos = Math.max(3, Math.ceil(limit * 0.7));
+
+    const picked: DiscoveredResource[] = [];
+    const seen = new Set<string>();
+    const push = (item: DiscoveredResource) => {
+        const key = canonicalResourceUrl(item.url);
+        if (seen.has(key) || picked.length >= limit) return;
+        seen.add(key);
+        picked.push(item);
+    };
+
+    // Alternating keeps the pack from becoming ten videos or ten articles.
+    const maxLength = Math.max(videoPool.length, webPool.length);
+    for (let index = 0; index < maxLength; index += 1) {
+        if (videoPool[index] && picked.filter((item) => item.kind === "video").length < maxVideos) {
+            push(videoPool[index]);
+        }
+        if (webPool[index]) push(webPool[index]);
+        if (picked.length >= limit) break;
+    }
+
+    for (const item of [...videoPool, ...webPool]) push(item);
+
+    return picked;
+}
+
+/**
+ * Optional creator check uses free RSS while the local worker is running.
+ */
+export async function discoverNewFromSources(input: {
+    goal: string;
+    since: Date;
+    limit?: number;
+}): Promise<DiscoveredResource[]> {
+    const limit = input.limit ?? 12;
+    const sources = listEnabledSources();
+    const channels = sources
+        .filter((source) => source.kind === "youtube_channel" || source.kind === "creator")
+        .map((source) => source.value);
+    const videos = channels.length > 0
+        ? await discoverYouTubeRecent({ channels, since: input.since, limit }).catch(() => [])
+        : [];
+
+    return dedupeResources(videos)
+        .filter((item) => isLikelyFree(item.url))
+        .filter((item) => !item.publishedAt || new Date(item.publishedAt) >= input.since)
+        .slice(0, limit);
+}
diff --git a/src/lib/scout/discovery/exa.ts b/src/lib/scout/discovery/exa.ts
new file mode 100644
index 0000000..9c1cfb7
--- /dev/null
+++ b/src/lib/scout/discovery/exa.ts
@@ -0,0 +1,124 @@
+import { isLikelyFree, type DiscoveredResource } from "./index";
+
+interface ExaResult {
+    title?: string;
+    url?: string;
+    publishedDate?: string | null;
+    author?: string | null;
+    text?: string | null;
+    score?: number;
+}
+
+interface ExaResponse {
+    results?: ExaResult[];
+    error?: string;
+}
+
+export function getExaApiKey() {
+    return process.env.EXA_API_KEY?.trim() || "";
+}
+
+function looksLikeBook(url: string) {
+    return /(?:^|\/)(books?|ebooks?)\//i.test(url) || /\.epub$/i.test(url);
+}
+
+export async function searchExa(input: {
+    query: string;
+    limit: number;
+    includeDomains?: string[];
+}): Promise<DiscoveredResource[]> {
+    const key = getExaApiKey();
+    if (!key) return [];
+
+    const response = await fetch("https://api.exa.ai/search", {
+        method: "POST",
+        headers: {
+            "content-type": "application/json",
+            "x-api-key": key,
+        },
+        body: JSON.stringify({
+            query: input.query,
+            numResults: Math.min(20, Math.max(1, input.limit)),
+            type: "auto",
+            contents: { text: { maxCharacters: 4000 } },
+            ...(input.includeDomains?.length ? { includeDomains: input.includeDomains } : {}),
+        }),
+        signal: AbortSignal.timeout(25_000),
+    });
+
+    if (!response.ok) {
+        const body = await response.text().catch(() => "");
+        throw new Error(`Exa ${response.status}: ${body.slice(0, 200)}`);
+    }
+
+    const payload = (await response.json()) as ExaResponse;
+    if (payload.error) throw new Error(`Exa: ${payload.error}`);
+
+    return (payload.results ?? [])
+        .filter((result): result is ExaResult & { url: string } => Boolean(result.url))
+        .filter((result) => isLikelyFree(result.url) && !looksLikeBook(result.url))
+        .filter((result) => !/youtube\.com|youtu\.be/i.test(result.url))
+        .map((result) => ({
+            kind: /\.pdf(?:$|\?)/i.test(result.url) ? ("doc" as const) : ("article" as const),
+            source: "exa",
+            url: result.url,
+            title: result.title?.trim() || result.url,
+            creator: result.author ?? null,
+            publishedAt: result.publishedDate ?? null,
+            description: result.text ?? null,
+        }));
+}
+
+/**
+ * The web half of goal discovery. Exa's neural search finds free tutorials
+ * and reference docs; the query asks for free material explicitly so paid
+ * course aggregators do not dominate.
+ */
+export async function discoverWebForGoal(input: {
+    goal: string;
+    limit: number;
+    sites: string[];
+}): Promise<DiscoveredResource[]> {
+    const queries = [
+        `${input.goal} free tutorial guide`,
+        `${input.goal} documentation reference`,
+    ];
+
+    const results: DiscoveredResource[] = [];
+    for (const query of queries) {
+        try {
+            results.push(...(await searchExa({ query, limit: Math.ceil(input.limit / queries.length) })));
+        } catch (error) {
+            console.warn("[scout] Exa query failed:", error instanceof Error ? error.message : error);
+        }
+    }
+
+    for (const site of input.sites.slice(0, 4)) {
+        try {
+            results.push(
+                ...(await searchExa({
+                    query: `${input.goal} site:${site}`,
+                    limit: 5,
+                    includeDomains: [site],
+                })),
+            );
+        } catch {
+            // A single site failure must not fail discovery.
+        }
+    }
+
+    return results;
+}
+
+/** Nightly check: only look at the sites the user explicitly added. */
+export async function discoverSitesRecent(input: { goal: string; sites: string[]; limit: number }) {
+    const results: DiscoveredResource[] = [];
+    for (const site of input.sites.slice(0, 6)) {
+        try {
+            results.push(...(await searchExa({ query: input.goal || "new guides", limit: 5, includeDomains: [site] })));
+        } catch {
+            // ignore
+        }
+    }
+    return results.slice(0, input.limit);
+}
diff --git a/src/lib/scout/discovery/free-web.ts b/src/lib/scout/discovery/free-web.ts
new file mode 100644
index 0000000..734eeac
--- /dev/null
+++ b/src/lib/scout/discovery/free-web.ts
@@ -0,0 +1,112 @@
+import { createGoogleGenerativeAI } from "@ai-sdk/google";
+import { generateText } from "ai";
+import { getYouTubeId } from "@/lib/video-utils";
+import {
+    assertScoutQuota,
+    pauseScoutQuota,
+    resolveScoutLlm,
+    ScoutError,
+} from "../llm";
+import { assertFreeAi } from "@/lib/ai-policy";
+import { z } from "zod";
+import { isLikelyFree, type DiscoveredResource } from "./index";
+import type { ScoutLlmConfig } from "../llm";
+
+async function sourceUrl(value: string) {
+    let url = new URL(value);
+    for (
+        let attempt = 0;
+        attempt < 4 && url.hostname === "vertexaisearch.cloud.google.com";
+        attempt += 1
+    ) {
+        const response = await fetch(url, {
+            redirect: "manual",
+            signal: AbortSignal.timeout(10_000),
+        });
+        const target = response.headers.get("location");
+        await response.body?.cancel();
+        if (!target)
+            throw new Error(
+                "Search citation did not resolve to a source page.",
+            );
+        url = new URL(target, url);
+    }
+    if (url.hostname === "vertexaisearch.cloud.google.com")
+        throw new Error("Search citation has too many redirects.");
+    return url;
+}
+
+/** Only grounded source URLs become candidates; model-written links are ignored. */
+export async function discoverFreeWeb(
+    goal: string,
+    limit: number,
+    override?: ScoutLlmConfig | null,
+): Promise<DiscoveredResource[]> {
+    const config = resolveScoutLlm(override);
+    if (!config.apiKey) return [];
+    assertFreeAi(config.provider, config.model);
+    assertScoutQuota();
+    const google = createGoogleGenerativeAI({ apiKey: config.apiKey });
+    try {
+        const result = await generateText({
+            model: google("gemini-2.5-flash"),
+            tools: { google_search: google.tools.googleSearch({}) },
+            maxRetries: 0,
+            prompt: `Find up to ${limit} specific free resources teaching this learning goal: ${goal}. Search across creators, official documentation, articles, and YouTube. Prefer substantial instructional material over news, reactions, paid courses, or resource directories. Cite the actual source pages. Creator preferences are guidance, never a restriction.`,
+        });
+        const candidates = await Promise.all(
+            result.sources.map(
+                async (source): Promise<DiscoveredResource[]> => {
+                    if (
+                        source.sourceType !== "url" ||
+                        !isLikelyFree(source.url)
+                    )
+                        return [];
+                    try {
+                        const url = await sourceUrl(source.url);
+                        if (
+                            url.protocol !== "https:" ||
+                            /^(localhost|127\.|0\.|10\.|192\.168\.|\[::1\])/.test(
+                                url.hostname,
+                            )
+                        )
+                            return [];
+                        if (!isLikelyFree(url.toString())) return [];
+                        const videoId = getYouTubeId(url.toString());
+                        return [
+                            {
+                                kind: videoId
+                                    ? "video"
+                                    : /(?:docs\.|developer\.|\/docs\/)/.test(
+                                            url.toString(),
+                                        )
+                                      ? "doc"
+                                      : "article",
+                                source: "google-search",
+                                url: url.toString(),
+                                title: source.title || url.hostname,
+                                externalId: videoId,
+                                thumbnailUrl: videoId
+                                    ? `https://i.ytimg.com/vi/${videoId}/hqdefault.jpg`
+                                    : null,
+                            },
+                        ];
+                    } catch {
+                        return [];
+                    }
+                },
+            ),
+        );
+        return candidates.flat().slice(0, limit);
+    } catch (error) {
+        const status = z.object({ statusCode: z.number() }).safeParse(error);
+        if (status.success && status.data.statusCode === 429) {
+            pauseScoutQuota();
+            throw new ScoutError(
+                "quota",
+                "The free Gemini quota is exhausted. Scout has paused. Try again later or add resources manually.",
+            );
+        }
+        throw error;
+    }
+}
diff --git a/src/lib/scout/discovery/index.ts b/src/lib/scout/discovery/index.ts
new file mode 100644
index 0000000..6665b89
--- /dev/null
+++ b/src/lib/scout/discovery/index.ts
@@ -0,0 +1,92 @@
+/** Shared shape every discovery provider returns. */
+export interface DiscoveredResource {
+    kind: "video" | "article" | "doc" | "book";
+    source: string;
+    externalId?: string | null;
+    url: string;
+    title: string;
+    creator?: string | null;
+    durationSeconds?: number | null;
+    publishedAt?: string | null;
+    thumbnailUrl?: string | null;
+    description?: string | null;
+}
+
+export interface DiscoveryProvider {
+    name: string;
+    discover(input: { goal: string; limit: number }): Promise<DiscoveredResource[]>;
+}
+
+const PAID_HOSTS = [
+    "udemy.com",
+    "coursera.org",
+    "skillshare.com",
+    "pluralsight.com",
+    "linkedin.com/learning",
+    "masterclass.com",
+    "frontendmasters.com",
+    "egghead.io",
+    "oreilly.com",
+    "packtpub.com",
+    "manning.com",
+];
+
+/** Keeps discovery on free material; books are added by hand and never fetched. */
+export function isLikelyFree(url: string): boolean {
+    try {
+        const parsed = new URL(url);
+        const host = parsed.hostname.replace(/^www\./, "");
+        const full = `${host}${parsed.pathname}`;
+
+        if (PAID_HOSTS.some((paid) => full.startsWith(paid) || full.includes(`.${paid}`))) {
+            // Udemy has a genuinely free filter; anything else on a paid host is out.
+            return host === "udemy.com" && parsed.searchParams.get("price") === "price-free";
+        }
+
+        return true;
+    } catch {
+        return false;
+    }
+}
+
+export function dedupeResources(items: DiscoveredResource[]): DiscoveredResource[] {
+    const seen = new Set<string>();
+    const result: DiscoveredResource[] = [];
+    for (const item of items) {
+        const key = canonicalResourceUrl(item.url);
+        if (seen.has(key)) continue;
+        seen.add(key);
+        result.push(item);
+    }
+    return result;
+}
+
+export function canonicalResourceUrl(value: string) {
+    try {
+        const url = new URL(value);
+        const video = /(?:^|\.)youtube\.com$/.test(url.hostname) ? url.searchParams.get("v") || url.pathname.match(/\/(?:embed|shorts)\/([\w-]+)/)?.[1] : url.hostname === "youtu.be" ? url.pathname.slice(1) : null;
+        if (video) return `https://www.youtube.com/watch?v=${video}`;
+        url.hash = "";
+        for (const key of [...url.searchParams.keys()]) if (/^(utm_|fbclid|gclid)/i.test(key)) url.searchParams.delete(key);
+        return url.toString().replace(/\/$/, "");
+    } catch { return value; }
+}
+
+/** Cheap lexical score used only to order candidates before the LLM ranks them. */
+export function goalScore(goal: string, text: string): number {
+    const tokens = new Set(
+        goal
+            .toLowerCase()
+            .replace(/[^a-z0-9\s+#.-]/g, " ")
+            .split(/\s+/)
+            .filter((token) => token.length > 2),
+    );
+    if (tokens.size === 0) return 0;
+
+    const haystack = text.toLowerCase();
+    let score = 0;
+    for (const token of tokens) {
+        if (haystack.includes(token)) score += 1;
+    }
+    return score;
+}
diff --git a/src/lib/scout/discovery/youtube.ts b/src/lib/scout/discovery/youtube.ts
new file mode 100644
index 0000000..a1a7c79
--- /dev/null
+++ b/src/lib/scout/discovery/youtube.ts
@@ -0,0 +1,398 @@
+import { getScoutDb, nowIso } from "../db";
+import { parseIsoDuration } from "../format";
+import { dedupeResources, goalScore, type DiscoveredResource } from "./index";
+import { z } from "zod";
+
+const API_ROOT = "https://www.googleapis.com/youtube/v3";
+
+interface YouTubeChannelResponse {
+    items?: Array<{
+        id: string;
+        snippet?: { title?: string };
+        contentDetails?: { relatedPlaylists?: { uploads?: string } };
+    }>;
+}
+
+interface PlaylistItemsResponse {
+    items?: Array<{
+        contentDetails?: { videoId?: string };
+        snippet?: {
+            title?: string;
+            description?: string;
+            publishedAt?: string;
+            channelTitle?: string;
+            thumbnails?: { medium?: { url?: string } };
+        };
+    }>;
+    nextPageToken?: string;
+}
+
+interface VideosResponse {
+    items?: Array<{
+        id: string;
+        snippet?: {
+            title?: string;
+            description?: string;
+            publishedAt?: string;
+            channelTitle?: string;
+            thumbnails?: { medium?: { url?: string } };
+        };
+        contentDetails?: { duration?: string };
+    }>;
+}
+
+export function getYouTubeApiKey() {
+    return process.env.YOUTUBE_API_KEY?.trim() || "";
+}
+
+/** Saved creators are preferences; goal search can find any channel. */
+export async function discoverYouTubeSearch(goal: string, limit: number): Promise<DiscoveredResource[]> {
+    if (!getYouTubeApiKey()) return [];
+    const response = await youtubeFetch<unknown>("search", { part: "snippet", q: goal, type: "video", maxResults: String(Math.min(15, limit)), videoDuration: "medium", relevanceLanguage: "en", order: "relevance" });
+    const parsed = z.object({ items: z.array(z.object({ id: z.object({ videoId: z.string() }) })).default([]) }).parse(response);
+    const videos = await fetchVideos(parsed.items.map(item => item.id.videoId));
+    return videos.map(toVideo).filter(video => !video.durationSeconds || video.durationSeconds >= MIN_VIDEO_SECONDS);
+}
+
+async function youtubeFetch<T>(path: string, params: Record<string, string>): Promise<T> {
+    const key = getYouTubeApiKey();
+    if (!key) throw new Error("YOUTUBE_API_KEY is not configured");
+
+    const url = new URL(`${API_ROOT}/${path}`);
+    for (const [name, value] of Object.entries(params)) url.searchParams.set(name, value);
+    url.searchParams.set("key", key);
+
+    const response = await fetch(url, { signal: AbortSignal.timeout(20_000) });
+    if (!response.ok) {
+        const body = await response.text().catch(() => "");
+        if (response.status === 403) {
+            throw new Error(`YouTube API quota or permission error: ${body.slice(0, 200)}`);
+        }
+        throw new Error(`YouTube API ${response.status}: ${body.slice(0, 200)}`);
+    }
+
+    return (await response.json()) as T;
+}
+
+interface ChannelInfo {
+    channelId: string;
+    uploadsPlaylistId: string;
+    title: string;
+}
+
+/** Resolves an @handle, a channel URL or a raw UC id into its uploads playlist. */
+export async function resolveChannel(value: string): Promise<ChannelInfo | null> {
+    const clean = value.trim();
+    if (!clean) return null;
+
+    const byUrl = clean.match(/youtube\.com\/channel\/(UC[\w-]+)/i)?.[1];
+    const rawId = byUrl ?? (clean.startsWith("UC") ? clean : null);
+
+    const params: Record<string, string> = { part: "contentDetails,snippet", maxResults: "1" };
+    if (rawId) params.id = rawId;
+    else params.forHandle = clean.startsWith("@") ? clean : `@${clean}`;
+
+    const payload = await youtubeFetch<YouTubeChannelResponse>("channels", params);
+    const item = payload.items?.[0];
+    const uploadsPlaylistId = item?.contentDetails?.relatedPlaylists?.uploads;
+    if (!item || !uploadsPlaylistId) return null;
+
+    getScoutDb()
+        .prepare(
+            `INSERT INTO channel_cache (channel_id, uploads_playlist_id, checked_at) VALUES (?, ?, ?)
+             ON CONFLICT(channel_id) DO UPDATE SET uploads_playlist_id = excluded.uploads_playlist_id, checked_at = excluded.checked_at`,
+        )
+        .run(item.id, uploadsPlaylistId, nowIso());
+
+    return { channelId: item.id, uploadsPlaylistId, title: item.snippet?.title ?? clean };
+}
+
+async function cachedChannel(value: string): Promise<ChannelInfo | null> {
+    const db = getScoutDb();
+    const directId = value.match(/^UC[\w-]+$/)?.[0];
+    if (directId) {
+        const cached = db
+            .prepare(`SELECT channel_id, uploads_playlist_id, checked_at FROM channel_cache WHERE channel_id = ?`)
+            .get(directId) as { channel_id: string; uploads_playlist_id: string; checked_at: string } | undefined;
+
+        if (cached && Date.now() - new Date(cached.checked_at).getTime() < 7 * 24 * 3600_000) {
+            return { channelId: cached.channel_id, uploadsPlaylistId: cached.uploads_playlist_id, title: directId };
+        }
+    }
+
+    return resolveChannel(value);
+}
+
+async function listUploads(
+    playlistId: string,
+    maxResults = 25,
+): Promise<NonNullable<PlaylistItemsResponse["items"]>> {
+    const payload = await youtubeFetch<PlaylistItemsResponse>("playlistItems", {
+        part: "snippet,contentDetails",
+        playlistId,
+        maxResults: String(Math.min(50, maxResults)),
+    });
+    return payload.items ?? [];
+}
+
+async function fetchVideos(ids: string[]): Promise<NonNullable<VideosResponse["items"]>> {
+    if (ids.length === 0) return [];
+    const payload = await youtubeFetch<VideosResponse>("videos", {
+        part: "snippet,contentDetails",
+        id: ids.slice(0, 50).join(","),
+        maxResults: "50",
+    });
+    return payload.items ?? [];
+}
+
+function toVideo(item: NonNullable<VideosResponse["items"]>[number]): DiscoveredResource {
+    const duration = parseIsoDuration(item.contentDetails?.duration);
+    return {
+        kind: "video",
+        source: "youtube",
+        externalId: item.id,
+        url: `https://www.youtube.com/watch?v=${item.id}`,
+        title: item.snippet?.title ?? "Untitled video",
+        creator: item.snippet?.channelTitle ?? null,
+        durationSeconds: duration,
+        publishedAt: item.snippet?.publishedAt ?? null,
+        thumbnailUrl: item.snippet?.thumbnails?.medium?.url ?? null,
+        description: item.snippet?.description ?? null,
+    };
+}
+
+const MIN_VIDEO_SECONDS = 3 * 60;
+const MAX_VIDEO_SECONDS = 3 * 3600;
+
+/**
+ * Goal discovery through the Data API: channels.list -> playlistItems.list ->
+ * videos.list. search.list is never called because it costs 100 quota units
+ * per request and returns less structured data.
+ */
+export async function discoverYouTubeForGoal(input: {
+    goal: string;
+    channels: string[];
+    limit: number;
+}): Promise<DiscoveredResource[]> {
+    // Without a Data API key the RSS feed still gives titles, descriptions and
+    // publish dates. That is enough to rank candidates; durations arrive when
+    // the transcript is fetched.
+    if (!getYouTubeApiKey()) return discoverYouTubeFromFeeds(input);
+
+    const candidates: DiscoveredResource[] = [];
+
+    for (const channel of input.channels.slice(0, 5)) {
+        try {
+            const info = await cachedChannel(channel);
+            if (!info) continue;
+
+            const uploads = await listUploads(info.uploadsPlaylistId, 25);
+            const ids = uploads.map((item) => item.contentDetails?.videoId).filter((id): id is string => Boolean(id));
+            const videos = await fetchVideos(ids);
+            for (const video of videos) candidates.push(toVideo(video));
+        } catch (error) {
+            console.warn(`[scout] YouTube channel ${channel} failed:`, error instanceof Error ? error.message : error);
+        }
+    }
+
+    const filtered = candidates.filter(
+        (item) => (item.durationSeconds ?? 0) >= MIN_VIDEO_SECONDS && (item.durationSeconds ?? 0) <= MAX_VIDEO_SECONDS,
+    );
+
+    return dedupeResources(filtered)
+        .map((item) => ({ item, score: goalScore(input.goal, `${item.title} ${item.description ?? ""}`) }))
+        .sort((left, right) => right.score - left.score || (right.item.publishedAt ?? "").localeCompare(left.item.publishedAt ?? ""))
+        .slice(0, input.limit)
+        .map((entry) => entry.item);
+}
+
+const handleCache = new Map<string, string | null>();
+
+/**
+ * Public channel pages expose their id in the HTML. This keeps goal discovery
+ * working when no YOUTUBE_API_KEY is configured; it is one request per handle
+ * and cached for the life of the process.
+ */
+export async function resolveChannelIdWithoutKey(value: string): Promise<string | null> {
+    const clean = value.trim();
+    if (!clean) return null;
+
+    const direct = clean.match(/(?:channel\/)?(UC[\w-]{20,})/)?.[1];
+    if (direct) return direct;
+
+    const handle =
+        clean.match(/youtube\.com\/@([\w.-]+)/i)?.[1] ??
+        clean.match(/youtube\.com\/c\/([\w.-]+)/i)?.[1] ??
+        clean.replace(/^@/, "").match(/^[\w.-]+$/)?.[0];
+
+    if (!handle) return null;
+    if (handleCache.has(handle)) return handleCache.get(handle) ?? null;
+
+    try {
+        const response = await fetch(`https://www.youtube.com/@${handle}`, {
+            headers: {
+                "user-agent": "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/124 Safari/537.36",
+                "accept-language": "en-US,en;q=0.8",
+            },
+            signal: AbortSignal.timeout(20_000),
+        });
+
+        if (!response.ok) {
+            handleCache.set(handle, null);
+            return null;
+        }
+
+        const html = await response.text();
+        const channelId =
+            html.match(/"channelId":"(UC[\w-]{20,})"/)?.[1] ??
+            html.match(/channel\/(UC[\w-]{20,})/)?.[1] ??
+            null;
+
+        handleCache.set(handle, channelId);
+        return channelId;
+    } catch {
+        handleCache.set(handle, null);
+        return null;
+    }
+}
+
+/** RSS-based goal discovery. No API key, no quota, no search.list. */
+export async function discoverYouTubeFromFeeds(input: {
+    goal: string;
+    channels: string[];
+    limit: number;
+}): Promise<DiscoveredResource[]> {
+    const candidates: DiscoveredResource[] = [];
+
+    for (const channel of input.channels.slice(0, 6)) {
+        try {
+            const channelId = await resolveChannelIdWithoutKey(channel);
+            if (!channelId) continue;
+
+            const feed = await fetchChannelFeed(channelId);
+            candidates.push(...feed);
+        } catch (error) {
+            console.warn(`[scout] YouTube feed ${channel} failed:`, error instanceof Error ? error.message : error);
+        }
+    }
+
+    return dedupeResources(candidates)
+        .map((item) => ({ item, score: goalScore(input.goal, `${item.title} ${item.description ?? ""}`) }))
+        .sort((left, right) => right.score - left.score || (right.item.publishedAt ?? "").localeCompare(left.item.publishedAt ?? ""))
+        .slice(0, input.limit)
+        .map((entry) => entry.item);
+}
+
+/** Watch pages carry lengthSeconds; used to fill the gap left by RSS. */
+export async function fetchVideoDuration(videoId: string): Promise<number | null> {
+    try {
+        const response = await fetch(`https://www.youtube.com/watch?v=${encodeURIComponent(videoId)}`, {
+            headers: { "user-agent": "Mozilla/5.0 (compatible; SylloScout/1.0)" },
+            signal: AbortSignal.timeout(15_000),
+        });
+        if (!response.ok) return null;
+        const html = await response.text();
+        const match = html.match(/"lengthSeconds":"(\d+)"/) ?? html.match(/"approxDurationMs":"(\d+)"/);
+        if (!match) return null;
+        const value = Number(match[1]);
+        if (!Number.isFinite(value) || value <= 0) return null;
+        return match[0].includes("approxDurationMs") ? Math.round(value / 1000) : value;
+    } catch {
+        return null;
+    }
+}
+
+function decodeXml(value: string) {
+    return value
+        .replace(/<!\[CDATA\[([\s\S]*?)\]\]>/g, "$1")
+        .replace(/&lt;/g, "<")
+        .replace(/&gt;/g, ">")
+        .replace(/&quot;/g, '"')
+        .replace(/&#39;|&apos;/g, "'")
+        .replace(/&amp;/g, "&")
+        .trim();
+}
+
+function tag(entry: string, name: string): string | null {
+    const match = entry.match(new RegExp(`<${name}[^>]*>([\\s\\S]*?)</${name}>`, "i"));
+    return match ? decodeXml(match[1]) : null;
+}
+
+/** Parses a YouTube channel RSS feed without a dependency. */
+export function parseYouTubeFeed(xml: string): DiscoveredResource[] {
+    const items: DiscoveredResource[] = [];
+
+    for (const entry of xml.split(/<entry>/i).slice(1)) {
+        const videoId = tag(entry, "yt:videoId");
+        if (!videoId) continue;
+
+        const description = tag(entry, "media:description");
+        const thumbnail = entry.match(/<media:thumbnail[^>]*url="([^"]+)"/i)?.[1] ?? null;
+
+        items.push({
+            kind: "video",
+            source: "youtube-rss",
+            externalId: videoId,
+            url: `https://www.youtube.com/watch?v=${videoId}`,
+            title: tag(entry, "title") ?? "Untitled video",
+            creator: tag(entry, "name") ?? null,
+            publishedAt: tag(entry, "published") ?? null,
+            thumbnailUrl: thumbnail,
+            description,
+        });
+    }
+
+    return items;
+}
+
+export async function fetchChannelFeed(channelId: string): Promise<DiscoveredResource[]> {
+    const response = await fetch(`https://www.youtube.com/feeds/videos.xml?channel_id=${encodeURIComponent(channelId)}`, {
+        signal: AbortSignal.timeout(15_000),
+    });
+    if (!response.ok) return [];
+    return parseYouTubeFeed(await response.text());
+}
+
+/**
+ * RSS path for the nightly check. It needs no API key, so auto-check keeps
+ * working for a user who never configured YouTube credentials.
+ */
+export async function discoverYouTubeRecent(input: {
+    channels: string[];
+    since: Date;
+    limit: number;
+}): Promise<DiscoveredResource[]> {
+    const items: DiscoveredResource[] = [];
+
+    for (const channel of input.channels.slice(0, 8)) {
+        try {
+            const info = getYouTubeApiKey() ? await cachedChannel(channel) : null;
+            const channelId =
+                info?.channelId ?? channel.match(/^UC[\w-]+$/)?.[0] ?? (await resolveChannelIdWithoutKey(channel));
+            if (!channelId) continue;
+
+            const feed = await fetchChannelFeed(channelId);
+            items.push(...feed.filter((item) => !item.publishedAt || new Date(item.publishedAt) >= input.since));
+        } catch (error) {
+            console.warn(`[scout] RSS feed for ${channel} failed:`, error instanceof Error ? error.message : error);
+        }
+    }
+
+    const deduped = dedupeResources(items);
+
+    // Enrich durations when the API key is available; RSS does not carry them.
+    if (getYouTubeApiKey()) {
+        const ids = deduped.map((item) => item.externalId).filter((id): id is string => Boolean(id));
+        try {
+            const videos = await fetchVideos(ids);
+            const durations = new Map(videos.map((video) => [video.id, parseIsoDuration(video.contentDetails?.duration)]));
+            for (const item of deduped) {
+                item.durationSeconds = durations.get(item.externalId ?? "") ?? null;
+            }
+        } catch (error) {
+            console.warn("[scout] duration enrichment failed:", error instanceof Error ? error.message : error);
+        }
+    }
+
+    return deduped.slice(0, input.limit);
+}
diff --git a/src/lib/scout/extract.ts b/src/lib/scout/extract.ts
new file mode 100644
index 0000000..4a0e28a
--- /dev/null
+++ b/src/lib/scout/extract.ts
@@ -0,0 +1,334 @@
+import { z } from "zod";
+import { clip, deepLink, parseDescriptionChapters, quoteAppearsIn, normalizeForMatch, chunkText } from "./format";
+import { scoutGenerateObject, ScoutError, type ScoutLlmConfig } from "./llm";
+import { SCOUT_PROMPTS } from "./prompts";
+import type { Chapter, KeyPoint, ResourceKind, TranscriptStatus } from "./types";
+
+/** The LLM contract. Kept small so a flash model can hold it. */
+export const extractionSchema = z.object({
+    summary: z.string(),
+    keyPoints: z
+        .array(
+            z.object({
+                text: z.string(),
+                atSeconds: z.number().nullable().optional(),
+                quote: z.string().nullable().optional(),
+            }),
+        )
+        .default([]),
+    skills: z.array(z.string()).default([]),
+    chapters: z
+        .array(
+            z.object({
+                startSeconds: z.number(),
+                title: z.string(),
+            }),
+        )
+        .default([]),
+});
+
+export type ExtractionOutput = z.infer<typeof extractionSchema>;
+
+export const bookOutlineSchema = z.object({
+    chapters: z.array(z.string()).default([]),
+    confident: z.boolean().default(false),
+});
+
+export interface ExtractionInput {
+    packId?: string | null;
+    resource: {
+        id: string;
+        kind: ResourceKind;
+        title: string;
+        creator?: string | null;
+        description?: string | null;
+        durationSeconds?: number | null;
+        externalId?: string | null;
+        transcriptStatus?: TranscriptStatus;
+    };
+    /** Plain text. For videos this is the transcript without markers. */
+    text: string;
+    /** Transcript segments, when the resource is a video. */
+    segments?: Array<{ text: string; start: number }>;
+    config?: Partial<ScoutLlmConfig> | null;
+}
+
+export interface ExtractionResult {
+    summary: string;
+    keyPoints: KeyPoint[];
+    skills: string[];
+    chapters: Chapter[];
+    degraded: boolean;
+    error?: string;
+}
+
+const SKILL_STOPWORDS = new Set([
+    "a",
+    "an",
+    "and",
+    "the",
+    "for",
+    "with",
+    "from",
+    "into",
+    "your",
+    "you",
+    "how",
+    "to",
+    "of",
+    "in",
+    "on",
+    "video",
+    "tutorial",
+    "guide",
+    "course",
+    "part",
+]);
+
+/** "React Hooks!" and "react hooks" collapse to one module name. */
+export function normalizeSkill(value: string): string | null {
+    const skill = value
+        .toLowerCase()
+        .replace(/^#+/, "")
+        .replace(/[^a-z0-9+#.\s-]/g, " ")
+        .replace(/\s+/g, " ")
+        .trim();
+
+    if (skill.length < 2 || skill.length > 42) return null;
+    if (!skill.split(" ").some((word) => word && !SKILL_STOPWORDS.has(word))) return null;
+    return skill;
+}
+
+function uniqueSkills(values: string[]): string[] {
+    const seen = new Set<string>();
+    const result: string[] = [];
+    for (const value of values) {
+        const skill = normalizeSkill(value);
+        if (!skill || seen.has(skill)) continue;
+        seen.add(skill);
+        result.push(skill);
+    }
+    return result.slice(0, 6);
+}
+
+function sentenceFallback(input: ExtractionInput): string {
+    const description = clip(input.resource.description ?? "", 320);
+    if (description.length > 40) return description;
+    return `${input.resource.title}${input.resource.creator ? ` by ${input.resource.creator}` : ""}.`;
+}
+
+function stripMarkers(value: string) {
+    return value.replace(/\[\d{1,2}:\d{2}(?::\d{2})?\]/g, " ");
+}
+
+function pickChunks(text: string, limit = 3) {
+    const chunks = chunkText(text, 24_000, 600);
+    if (chunks.length <= limit) return chunks;
+    const middle = Math.floor(chunks.length / 2);
+    return chunks.length >= 3 ? [chunks[0], chunks[middle], chunks[chunks.length - 1]] : chunks.slice(0, limit);
+}
+
+/**
+ * The model is told to copy quotes verbatim. When it does not, the claim is
+ * dropped rather than shown with an invented timestamp.
+ */
+function resolveTimestamp(
+    _value: number | null | undefined,
+    quote: string | null | undefined,
+    segments: ExtractionInput["segments"],
+    durationSeconds: number | null | undefined,
+): number | null {
+    const max = durationSeconds && durationSeconds > 0 ? durationSeconds + 30 : Number.POSITIVE_INFINITY;
+
+    if (!quote || !segments?.length) return null;
+    const needle = normalizeForMatch(stripMarkers(quote));
+    if (needle.length < 12) return null;
+
+    for (let index = 0; index < segments.length; index += 1) {
+        const window = segments
+            .slice(index, index + 3)
+            .map((segment) => segment.text)
+            .join(" ");
+        const offset = normalizeForMatch(window).indexOf(needle);
+        if (offset >= 0 && offset < normalizeForMatch(segments[index].text).length && segments[index].start <= max) return Math.floor(segments[index].start);
+    }
+
+    return null;
+}
+
+function buildChapters(
+    input: ExtractionInput,
+    proposed: Array<{ startSeconds: number; title: string }>,
+): Chapter[] {
+    const isVideo = input.resource.kind === "video";
+    if (!isVideo) return [];
+
+    const descriptionChapters = parseDescriptionChapters(input.resource.description);
+    const duration = input.resource.durationSeconds && input.resource.durationSeconds > 0 ? input.resource.durationSeconds : null;
+    const externalId = input.resource.externalId ?? "";
+
+    const fromDescription: Chapter[] = descriptionChapters
+        .filter((chapter) => !duration || chapter.startSeconds <= duration)
+        .map((chapter) => ({
+            startSeconds: chapter.startSeconds,
+            title: clip(chapter.title, 120),
+            url: externalId ? deepLink(externalId, chapter.startSeconds) : `${input.resource.id}#t=${chapter.startSeconds}`,
+        }));
+
+    const source =
+        fromDescription.length >= 2
+            ? fromDescription
+            : proposed
+                  .filter((chapter) => Number.isFinite(chapter.startSeconds) && chapter.startSeconds >= 0)
+                  .filter((chapter) => !duration || chapter.startSeconds <= duration + 30)
+                  .map((chapter) => ({
+                      startSeconds: Math.floor(chapter.startSeconds),
+                      title: clip(chapter.title, 120),
+                      url: externalId ? deepLink(externalId, chapter.startSeconds) : `${input.resource.id}#t=${chapter.startSeconds}`,
+                  }));
+
+    const sorted = source
+        .filter((chapter, index, all) => all.findIndex((other) => other.startSeconds === chapter.startSeconds) === index)
+        .sort((left, right) => left.startSeconds - right.startSeconds)
+        .slice(0, 20);
+
+    return sorted.map((chapter, index) => ({
+        ...chapter,
+        endSeconds:
+            sorted[index + 1]?.startSeconds ??
+            (duration ? Math.max(chapter.startSeconds + 30, duration) : null),
+    }));
+}
+
+function mergeKeyPoints(
+    outputs: ExtractionOutput[],
+    input: ExtractionInput,
+): KeyPoint[] {
+    const source = input.text;
+    const isVideo = input.resource.kind === "video";
+    const seen = new Set<string>();
+    const points: KeyPoint[] = [];
+
+    for (const output of outputs) {
+        for (const point of output.keyPoints) {
+            const text = clip(point.text, 320);
+            if (text.length < 12) continue;
+
+            const key = normalizeForMatch(text);
+            if (seen.has(key)) continue;
+
+            const quote = point.quote ? clip(point.quote, 400) : null;
+            if (quote && source && !quoteAppearsIn(stripMarkers(quote), source)) continue;
+            if (!quote && isVideo) continue;
+
+            const atSeconds = isVideo ? resolveTimestamp(point.atSeconds, quote, input.segments, input.resource.durationSeconds) : null;
+            seen.add(key);
+            points.push({ text, quote, atSeconds });
+        }
+    }
+
+    return points.slice(0, 10);
+}
+
+function mergeSummary(outputs: ExtractionOutput[], fallback: string): string {
+    const seen = new Set<string>();
+    const sentences: string[] = [];
+
+    for (const output of outputs) {
+        for (const sentence of output.summary.split(/(?<=[.!?])\s+/)) {
+            const clean = sentence.replace(/\s+/g, " ").trim();
+            if (clean.length < 20) continue;
+            const key = clean.toLowerCase();
+            if (seen.has(key)) continue;
+            seen.add(key);
+            sentences.push(clean);
+        }
+    }
+
+    return clip(sentences.slice(0, 4).join(" ") || fallback, 900);
+}
+
+function chunkPrompt(input: ExtractionInput, chunk: string, index: number, total: number) {
+    const lines = [
+        `Resource: ${input.resource.title}`,
+        `Creator: ${input.resource.creator ?? "unknown"}`,
+        `Kind: ${input.resource.kind}`,
+        `Duration: ${input.resource.durationSeconds ? `${Math.round(input.resource.durationSeconds / 60)} minutes` : "unknown"}`,
+        `Description: ${clip(input.resource.description ?? "", 1200) || "(none)"}`,
+    ];
+
+    if (total > 1) lines.push(`Text part: ${index + 1} of ${total}`);
+    lines.push("", "Text:", chunk);
+    return lines.join("\n");
+}
+
+/**
+ * Runs extraction over one resource. A provider or budget failure degrades to
+ * a deterministic summary instead of failing the whole pack.
+ */
+export async function extractResource(input: ExtractionInput): Promise<ExtractionResult> {
+    const fallbackSummary = sentenceFallback(input);
+
+    if (!input.text.trim()) {
+        return {
+            summary: fallbackSummary,
+            keyPoints: [],
+            skills: uniqueSkills([input.resource.title.split(/[^a-zA-Z0-9+#]+/).slice(0, 3).join(" ")]),
+            chapters: buildChapters(input, []),
+            degraded: true,
+            error: "No text available for extraction",
+        };
+    }
+
+    const chunks = pickChunks(input.text);
+    const outputs: ExtractionOutput[] = [];
+
+    try {
+        for (let index = 0; index < chunks.length; index += 1) {
+            const result = await scoutGenerateObject({
+                packId: input.packId,
+                schema: extractionSchema,
+                system: SCOUT_PROMPTS.extract.body,
+                prompt: chunkPrompt(input, chunks[index], index, chunks.length),
+                config: input.config,
+            });
+            outputs.push(result.object);
+        }
+    } catch (error) {
+        if (error instanceof ScoutError && (error.code === "quota" || error.code === "config" || error.code === "budget")) throw error;
+        const message = error instanceof ScoutError ? error.message : error instanceof Error ? error.message : "Extraction failed";
+        return {
+            summary: fallbackSummary,
+            keyPoints: [],
+            skills: uniqueSkills([input.resource.title]),
+            chapters: buildChapters(input, []),
+            degraded: true,
+            error: message,
+        };
+    }
+
+    const skills = uniqueSkills(outputs.flatMap((output) => output.skills));
+    const keyPoints = mergeKeyPoints(outputs, input);
+    const chapters = buildChapters(input, keyPoints.flatMap(point => point.atSeconds == null ? [] : [{ startSeconds: point.atSeconds, title: point.text }]));
+
+    return {
+        summary: mergeSummary(outputs, fallbackSummary),
+        keyPoints,
+        skills: skills.length > 0 ? skills : uniqueSkills([input.resource.title]),
+        chapters,
+        degraded: false,
+    };
+}
+
+/**
+ * A title alone cannot establish a book's actual chapters.
+ */
+export async function suggestBookOutline(_input: {
+    packId?: string | null;
+    title: string;
+    creator?: string | null;
+    config?: Partial<ScoutLlmConfig> | null;
+}): Promise<{ chapters: string[]; confident: boolean }> {
+    // Only an imported EPUB or a learner-supplied contents list can establish chapters.
+    return { chapters: ["Read the book"], confident: false };
+}
diff --git a/src/lib/scout/fetch/reader.ts b/src/lib/scout/fetch/reader.ts
new file mode 100644
index 0000000..02a9bd7
--- /dev/null
+++ b/src/lib/scout/fetch/reader.ts
@@ -0,0 +1,117 @@
+import { chunkText } from "../format";
+
+export interface ReaderResult {
+    status: "ok" | "unavailable";
+    title: string | null;
+    text: string;
+    via: "jina" | "direct" | "none";
+    error?: string;
+}
+
+function tidy(markdown: string) {
+    return markdown
+        .replace(/!\[[^\]]*\]\([^)]*\)/g, "")
+        .replace(/\[([^\]]+)\]\((?:[^)]+)\)/g, "$1")
+        .replace(/^[ \t]*[-*+][ \t]+/gm, "- ")
+        .replace(/\n{3,}/g, "\n\n")
+        .replace(/[ \t]{2,}/g, " ")
+        .trim();
+}
+
+function htmlToText(html: string) {
+    const withoutHead = html
+        .replace(/<head[\s\S]*?<\/head>/gi, "")
+        .replace(/<script[\s\S]*?<\/script>/gi, "")
+        .replace(/<style[\s\S]*?<\/style>/gi, "")
+        .replace(/<nav[\s\S]*?<\/nav>/gi, "")
+        .replace(/<footer[\s\S]*?<\/footer>/gi, "");
+
+    const text = withoutHead
+        .replace(/<(h[1-6])[^>]*>([\s\S]*?)<\/\1>/gi, "\n\n## $2\n\n")
+        .replace(/<\/(p|div|li|tr|blockquote)>/gi, "\n")
+        .replace(/<br\s*\/?>/gi, "\n")
+        .replace(/<[^>]+>/g, " ");
+
+    return text
+        .replace(/&nbsp;/g, " ")
+        .replace(/&amp;/g, "&")
+        .replace(/&lt;/g, "<")
+        .replace(/&gt;/g, ">")
+        .replace(/&quot;/g, '"')
+        .replace(/&#39;/g, "'");
+}
+
+function extractTitle(markdown: string, html: string) {
+    const mdTitle = markdown.match(/^Title:\s*(.+)$/m)?.[1]?.trim();
+    if (mdTitle) return mdTitle;
+
+    const htmlTitle = html.match(/<title[^>]*>([\s\S]*?)<\/title>/i)?.[1]?.trim();
+    return htmlTitle ? htmlTitle.replace(/\s+/g, " ") : null;
+}
+
+/** Jina Reader turns any article into clean markdown. Direct fetch is the fallback. */
+export async function readArticle(url: string): Promise<ReaderResult> {
+    try {
+        const response = await fetch(`https://r.jina.ai/${url}`, {
+            headers: {
+                accept: "text/plain",
+            },
+            signal: AbortSignal.timeout(60_000),
+        });
+
+        if (response.ok) {
+            const body = await response.text();
+            const text = tidy(body);
+            if (text.length > 400) {
+                return {
+                    status: "ok",
+                    title: extractTitle(body, ""),
+                    text,
+                    via: "jina",
+                };
+            }
+        }
+    } catch {
+        // fall through to a direct fetch
+    }
+
+    try {
+        const response = await fetch(url, {
+            headers: { "user-agent": "SylloScout/1.0 (+https://syllo.app)" },
+            signal: AbortSignal.timeout(30_000),
+        });
+        if (!response.ok) {
+            return { status: "unavailable", title: null, text: "", via: "none", error: `HTTP ${response.status}` };
+        }
+
+        const contentType = response.headers.get("content-type") ?? "";
+        if (!contentType.includes("text/html") && !contentType.includes("text/plain")) {
+            return { status: "unavailable", title: null, text: "", via: "none", error: "Not a text page" };
+        }
+
+        const body = await response.text();
+        const markdown = contentType.includes("text/plain") ? body : htmlToText(body);
+        const text = tidy(markdown);
+        if (text.length < 200) {
+            return { status: "unavailable", title: null, text: "", via: "none", error: "Page had no readable text" };
+        }
+
+        return { status: "ok", title: extractTitle("", body), text, via: "direct" };
+    } catch (error) {
+        return {
+            status: "unavailable",
+            title: null,
+            text: "",
+            via: "none",
+            error: error instanceof Error ? error.message : "Fetch failed",
+        };
+    }
+}
+
+/**
+ * Long docs get summarised chunk by chunk. Three chunks is the ceiling for a
+ * single resource so one 80-page guide cannot eat the whole monthly budget.
+ */
+export function readerChunks(text: string, maxChunks = 3) {
+    return chunkText(text, 8000, 500).slice(0, maxChunks);
+}
diff --git a/src/lib/scout/fetch/transcripts.ts b/src/lib/scout/fetch/transcripts.ts
new file mode 100644
index 0000000..89585a3
--- /dev/null
+++ b/src/lib/scout/fetch/transcripts.ts
@@ -0,0 +1,290 @@
+import { execFile } from "node:child_process";
+import { promisify } from "node:util";
+import { getScoutDb } from "../db";
+
+const run = promisify(execFile);
+
+export interface TranscriptSegment {
+    text: string;
+    start: number;
+    duration: number;
+}
+
+export interface TranscriptResult {
+    status: "ok" | "unavailable" | "skipped";
+    segments: TranscriptSegment[];
+    /** Plain text with segments joined by newlines. Used for quote validation. */
+    text: string;
+    /** Text prefixed with [mm:ss] markers. Used for LLM prompts. */
+    timestampedText: string;
+    source: "python" | "supadata" | "none";
+    error?: string;
+}
+
+const EMPTY: TranscriptResult = {
+    status: "unavailable",
+    segments: [],
+    text: "",
+    timestampedText: "",
+    source: "none",
+};
+
+/**
+ * Supports both youtube-transcript-api 0.6.x (static get_transcript) and
+ * 1.x (instance .fetch returning segment objects). The video id travels as
+ * argv, never through a shell, so nothing is interpolated.
+ */
+const PYTHON_SCRIPT = `
+import sys, json
+
+video_id = sys.argv[1]
+
+try:
+    from youtube_transcript_api import YouTubeTranscriptApi
+except Exception as exc:
+    print(json.dumps({"ok": False, "reason": "missing_module", "error": str(exc)[:200]}))
+    raise SystemExit(0)
+
+try:
+    segments = None
+    try:
+        api = YouTubeTranscriptApi()
+        fetched = api.fetch(video_id, languages=["en", "en-US", "en-GB"])
+        segments = [
+            {"text": seg.text, "start": seg.start, "duration": seg.duration}
+            for seg in fetched
+        ]
+    except AttributeError:
+        segments = None
+
+    if segments is None:
+        raw = YouTubeTranscriptApi.get_transcript(video_id, languages=["en", "en-US", "en-GB"])
+        segments = [
+            {"text": item.get("text", ""), "start": item.get("start", 0), "duration": item.get("duration", 0)}
+            for item in raw
+        ]
+
+    print(json.dumps({"ok": True, "segments": segments}))
+except Exception as exc:
+    print(json.dumps({"ok": False, "reason": "error", "error": str(exc)[:300]}))
+`;
+
+interface PythonCandidate {
+    command: string;
+    available: boolean;
+    checkedAt: number;
+}
+
+const globalKey = Symbol.for("syllo.scout.pythonTranscript");
+
+type GlobalWithPython = typeof globalThis & { [globalKey]?: PythonCandidate[] };
+
+function candidates(): PythonCandidate[] {
+    const store = globalThis as GlobalWithPython;
+    store[globalKey] ??= process.platform === "win32"
+        ? [
+              { command: "python", available: true, checkedAt: 0 },
+              { command: "py", available: true, checkedAt: 0 },
+              { command: "python3", available: true, checkedAt: 0 },
+          ]
+        : [
+              { command: "python3", available: true, checkedAt: 0 },
+              { command: "python", available: true, checkedAt: 0 },
+          ];
+    return store[globalKey];
+}
+
+function buildText(segments: TranscriptSegment[]) {
+    return segments.map((segment) => segment.text.replace(/\s+/g, " ").trim()).filter(Boolean).join("\n");
+}
+
+function buildTimestamped(segments: TranscriptSegment[]) {
+    return segments
+        .map((segment) => {
+            const total = Math.max(0, Math.floor(segment.start));
+            const minutes = Math.floor(total / 60);
+            const seconds = total % 60;
+            return `[${String(minutes).padStart(2, "0")}:${String(seconds).padStart(2, "0")}] ${segment.text.replace(/\s+/g, " ").trim()}`;
+        })
+        .filter((line) => line.length > 9)
+        .join("\n");
+}
+
+function normaliseSegments(raw: unknown): TranscriptSegment[] {
+    if (!Array.isArray(raw)) return [];
+    const segments: TranscriptSegment[] = [];
+
+    for (const item of raw) {
+        if (!item || typeof item !== "object") continue;
+        const record = item as Record<string, unknown>;
+        const text = typeof record.text === "string" ? record.text : "";
+        if (!text.trim()) continue;
+
+        const start = Number(record.start ?? 0);
+        const duration = Number(record.duration ?? 0);
+        segments.push({
+            text,
+            start: Number.isFinite(start) ? Math.max(0, start) : 0,
+            duration: Number.isFinite(duration) ? Math.max(0, duration) : 0,
+        });
+    }
+
+    return segments;
+}
+
+async function fromPython(videoId: string): Promise<TranscriptResult | null> {
+    for (const candidate of candidates()) {
+        if (!candidate.available) continue;
+
+        try {
+            const { stdout } = await run(candidate.command, ["-c", PYTHON_SCRIPT, videoId], {
+                timeout: 60_000,
+                windowsHide: true,
+                maxBuffer: 32 * 1024 * 1024,
+                env: { ...process.env, PYTHONIOENCODING: "utf-8" },
+            });
+
+            const line = stdout.trim().split(/\r?\n/).filter(Boolean).pop();
+            if (!line) continue;
+
+            const payload = JSON.parse(line) as { ok?: boolean; reason?: string; error?: string; segments?: unknown };
+            if (payload.ok) {
+                const segments = normaliseSegments(payload.segments);
+                if (segments.length === 0) return { ...EMPTY, error: "Transcript was empty" };
+                return {
+                    status: "ok",
+                    segments,
+                    text: buildText(segments),
+                    timestampedText: buildTimestamped(segments),
+                    source: "python",
+                };
+            }
+
+            if (payload.reason === "missing_module") {
+                candidate.available = false;
+                continue;
+            }
+
+            // The module works but this video has no captions. No point trying
+            // another interpreter.
+            return { ...EMPTY, error: payload.error ?? "No transcript available" };
+        } catch {
+            candidate.available = false;
+        }
+    }
+
+    return null;
+}
+
+interface SupadataResponse {
+    content?: unknown;
+    error?: string;
+    message?: string;
+}
+
+async function _fromSupadata(videoId: string): Promise<TranscriptResult | null> {
+    const key = process.env.SUPADATA_API_KEY?.trim();
+    if (!key) return null;
+
+    try {
+        const url = new URL("https://api.supadata.ai/v1/youtube/transcript");
+        url.searchParams.set("videoId", videoId);
+        url.searchParams.set("lang", "en");
+
+        const response = await fetch(url, {
+            headers: { "x-api-key": key },
+            signal: AbortSignal.timeout(30_000),
+        });
+        if (!response.ok) return null;
+
+        const payload = (await response.json()) as SupadataResponse;
+        if (!payload.content) return null;
+
+        if (typeof payload.content === "string") {
+            const segments = payload.content
+                .split(/\r?\n/)
+                .map((text, index) => ({ text, start: index * 5, duration: 5 }))
+                .filter((segment) => segment.text.trim());
+            return {
+                status: "ok",
+                segments,
+                text: buildText(segments),
+                timestampedText: buildTimestamped(segments),
+                source: "supadata",
+            };
+        }
+
+        if (Array.isArray(payload.content)) {
+            const segments = normaliseSegments(
+                payload.content.map((item) => {
+                    const record = (item ?? {}) as Record<string, unknown>;
+                    const offset = Number(record.offset ?? record.start ?? 0);
+                    return {
+                        text: record.text,
+                        // Supadata offsets are milliseconds; anything already
+                        // in seconds stays untouched.
+                        start: offset > 10_000 ? offset / 1000 : offset,
+                        duration: Number(record.duration ?? 0) > 10_000 ? Number(record.duration) / 1000 : Number(record.duration ?? 0),
+                    };
+                }),
+            );
+
+            if (segments.length === 0) return null;
+            return {
+                status: "ok",
+                segments,
+                text: buildText(segments),
+                timestampedText: buildTimestamped(segments),
+                source: "supadata",
+            };
+        }
+    } catch {
+        return null;
+    }
+
+    return null;
+}
+
+/** Free local captions only. Unread videos remain manual links. */
+export async function fetchTranscript(videoId: string): Promise<TranscriptResult> {
+    if (!videoId.trim()) return { ...EMPTY, error: "Missing video id" };
+
+    const local = await fromPython(videoId);
+    if (local?.status === "ok") return local;
+
+    return {
+        ...EMPTY,
+        status: "skipped",
+        error: local?.error ?? "No transcript available",
+    };
+}
+
+const KV_LAST_TRANSCRIPT = "last_transcript_at";
+
+export function getLastTranscriptAt(): number | null {
+    const row = getScoutDb().prepare(`SELECT value FROM scout_kv WHERE key = ?`).get(KV_LAST_TRANSCRIPT) as
+        | { value: string }
+        | undefined;
+    if (!row) return null;
+    const value = Number(row.value);
+    return Number.isFinite(value) ? value : null;
+}
+
+export function markTranscriptFetched() {
+    getScoutDb()
+        .prepare(
+            `INSERT INTO scout_kv (key, value) VALUES (?, ?)
+             ON CONFLICT(key) DO UPDATE SET value = excluded.value`,
+        )
+        .run(KV_LAST_TRANSCRIPT, String(Date.now()));
+}
+
+/**
+ * YouTube throttles transcript scraping. One request every 2-3 minutes with
+ * backoff is slow but survives a whole pack without a block.
+ */
+export function transcriptDelayMs(intervalMs = Number(process.env.SCOUT_TRANSCRIPT_INTERVAL_MS ?? 150_000)) {
+    const last = getLastTranscriptAt();
+    if (!last) return 0;
+    return Math.max(0, last + Math.max(30_000, intervalMs) - Date.now());
+}
diff --git a/src/lib/scout/format.ts b/src/lib/scout/format.ts
new file mode 100644
index 0000000..3345cba
--- /dev/null
+++ b/src/lib/scout/format.ts
@@ -0,0 +1,130 @@
+/** Pure helpers for timestamps, durations, chapter parsing and quote checks. */
+
+export interface ParsedChapter {
+    startSeconds: number;
+    title: string;
+}
+
+/** "1:23", "01:02:03" and "0:00" all become seconds. Returns null otherwise. */
+export function parseTimestamp(value: string): number | null {
+    const match = value.trim().match(/^(\d{1,2}):(\d{2})(?::(\d{2}))?$/);
+    if (!match) return null;
+
+    const first = Number(match[1]);
+    const second = Number(match[2]);
+    const third = match[3] === undefined ? null : Number(match[3]);
+
+    if (second > 59 || (third !== null && third > 59)) return null;
+    return third === null ? first * 60 + second : first * 3600 + second * 60 + third;
+}
+
+export function formatTimestamp(totalSeconds: number): string {
+    const safe = Math.max(0, Math.floor(totalSeconds));
+    const hours = Math.floor(safe / 3600);
+    const minutes = Math.floor((safe % 3600) / 60);
+    const seconds = safe % 60;
+    const pad = (value: number) => String(value).padStart(2, "0");
+    return hours > 0 ? `${hours}:${pad(minutes)}:${pad(seconds)}` : `${minutes}:${pad(seconds)}`;
+}
+
+export function deepLink(videoId: string, startSeconds?: number | null): string {
+    const base = `https://youtu.be/${videoId}`;
+    if (startSeconds === undefined || startSeconds === null || startSeconds <= 0) return base;
+    return `${base}?t=${Math.floor(startSeconds)}`;
+}
+
+/**
+ * Pulls chapter headings out of a YouTube description.
+ *
+ * Accepts the shapes creators actually use: "00:00 Intro", "0:00 - Intro",
+ * "(12:30) Demo" and "1:02:03 Deep dive".
+ */
+export function parseDescriptionChapters(description: string | null | undefined): ParsedChapter[] {
+    if (!description) return [];
+
+    const chapters: ParsedChapter[] = [];
+    for (const rawLine of description.split(/\r?\n/)) {
+        const line = rawLine.trim().replace(/^[-*•]\s*/, "");
+        const match = line.match(/^\(?(\d{1,2}:\d{2}(?::\d{2})?)\)?\s*[-–—:.)]?\s*(.+)$/);
+        if (!match) continue;
+
+        const startSeconds = parseTimestamp(match[1]);
+        const title = match[2].trim();
+        if (startSeconds === null || title.length < 2) continue;
+        if (chapters.some((chapter) => chapter.startSeconds === startSeconds)) continue;
+        chapters.push({ startSeconds, title: title.slice(0, 120) });
+    }
+
+    return chapters.sort((left, right) => left.startSeconds - right.startSeconds);
+}
+
+/** ISO-8601 duration ("PT1H2M10S") to seconds. */
+export function parseIsoDuration(value: string | null | undefined): number | null {
+    if (!value) return null;
+    const match = value.match(/^P(?:(\d+)D)?(?:T(?:(\d+)H)?(?:(\d+)M)?(?:(\d+)S)?)?$/);
+    if (!match) return null;
+    const [, days, hours, minutes, seconds] = match;
+    const total = Number(days ?? 0) * 86400 + Number(hours ?? 0) * 3600 + Number(minutes ?? 0) * 60 + Number(seconds ?? 0);
+    return total > 0 ? total : null;
+}
+
+export function humanDuration(totalSeconds: number | null | undefined): string {
+    if (!totalSeconds || totalSeconds <= 0) return "—";
+    const minutes = Math.round(totalSeconds / 60);
+    if (minutes < 60) return `${minutes} min`;
+    const hours = Math.floor(minutes / 60);
+    const rest = minutes % 60;
+    return rest === 0 ? `${hours} hr` : `${hours} hr ${rest} min`;
+}
+
+/** Lowercase, collapse whitespace and strip punctuation so quotes can be matched. */
+export function normalizeForMatch(value: string): string {
+    return value
+        .toLowerCase()
+        .replace(/[\u2018\u2019]/g, "'")
+        .replace(/[\u201c\u201d]/g, '"')
+        .replace(/[^a-z0-9' ]+/g, " ")
+        .replace(/\s+/g, " ")
+        .trim();
+}
+
+/**
+ * True when the quote really appears in the source text. Short quotes are
+ * rejected because they match almost anything.
+ */
+export function quoteAppearsIn(quote: string, source: string): boolean {
+    const needle = normalizeForMatch(quote);
+    if (needle.length < 12) return false;
+    return normalizeForMatch(source).includes(needle);
+}
+
+/** Split long text into overlapping chunks for summarisation. */
+export function chunkText(text: string, size = 6000, overlap = 400): string[] {
+    const clean = text.trim();
+    if (!clean) return [];
+    if (clean.length <= size) return [clean];
+
+    const chunks: string[] = [];
+    let start = 0;
+    while (start < clean.length && chunks.length < 12) {
+        const end = Math.min(clean.length, start + size);
+        let slice = clean.slice(start, end);
+
+        // Prefer to cut at a paragraph boundary near the end of the window.
+        if (end < clean.length) {
+            const boundary = slice.lastIndexOf("\n\n");
+            if (boundary > size * 0.6) slice = slice.slice(0, boundary);
+        }
+
+        chunks.push(slice.trim());
+        const advance = Math.max(1, slice.length - overlap);
+        start += advance;
+    }
+
+    return chunks.filter(Boolean);
+}
+
+export function clip(value: string, limit: number): string {
+    const clean = value.replace(/\s+/g, " ").trim();
+    return clean.length <= limit ? clean : `${clean.slice(0, Math.max(0, limit - 1)).trimEnd()}…`;
+}
diff --git a/src/lib/scout/http.ts b/src/lib/scout/http.ts
new file mode 100644
index 0000000..ae6ae9d
--- /dev/null
+++ b/src/lib/scout/http.ts
@@ -0,0 +1,46 @@
+import { registerPipelineHandlers } from "./pipeline";
+import { ensureScoutRunner } from "./runner";
+
+let registered = false;
+
+/**
+ * Every Scout endpoint calls this first. Registering handlers is idempotent,
+ * and starting the queue is cheap; a cold server starts working on the first
+ * request instead of waiting for a boot hook that TanStack Start does not
+ * give us.
+ */
+export function scoutReady() {
+    if (!registered) {
+        registerPipelineHandlers();
+        registered = true;
+    }
+    ensureScoutRunner();
+}
+
+export function scoutJson(data: unknown, status = 200) {
+    return Response.json(data, { status });
+}
+
+export function scoutFailure(error: unknown, fallback = "Scout could not finish that request") {
+    const message = error instanceof Error && error.message ? error.message : fallback;
+    console.error("[scout] api error:", error);
+    return scoutJson({ success: false, error: message }, 500);
+}
+
+export function scoutBadRequest(message: string) {
+    return scoutJson({ success: false, error: message }, 400);
+}
+
+/** Path segments of the request URL, so route files can read their own ids. */
+export function pathSegments(request: Request): string[] {
+    return new URL(request.url).pathname.split("/").filter(Boolean);
+}
+
+export async function readJsonBody<T extends Record<string, unknown>>(request: Request): Promise<T | null> {
+    try {
+        const parsed = (await request.json()) as unknown;
+        return parsed && typeof parsed === "object" ? (parsed as T) : null;
+    } catch {
+        return null;
+    }
+}
diff --git a/src/lib/scout/jobs.ts b/src/lib/scout/jobs.ts
new file mode 100644
index 0000000..be72ea7
--- /dev/null
+++ b/src/lib/scout/jobs.ts
@@ -0,0 +1,134 @@
+import { getScoutDb, newId, nowIso } from "./db";
+import type { JobKind, JobRow } from "./types";
+
+export interface EnqueueOptions {
+    runAfter?: Date | string;
+    maxAttempts?: number;
+}
+
+/**
+ * Thrown by a handler that cannot run yet (for example, the transcript
+ * throttle). The runner requeues the job without spending an attempt.
+ */
+export class JobDeferred extends Error {
+    delayMs: number;
+
+    constructor(delayMs: number, message = "Deferred until the next slot") {
+        super(message);
+        this.name = "JobDeferred";
+        this.delayMs = Math.max(0, delayMs);
+    }
+}
+
+function asIso(value: Date | string | undefined) {
+    if (!value) return nowIso();
+    return typeof value === "string" ? value : value.toISOString();
+}
+
+export function enqueueJob(kind: JobKind, payload: Record<string, unknown> = {}, options: EnqueueOptions = {}): string {
+    const db = getScoutDb();
+    const id = newId("job");
+    const now = nowIso();
+    db.prepare(
+        `INSERT INTO jobs (id, kind, status, payload, attempts, max_attempts, run_after, created_at, updated_at)
+         VALUES (?, ?, 'queued', ?, 0, ?, ?, ?, ?)`,
+    ).run(id, kind, JSON.stringify(payload), options.maxAttempts ?? 3, asIso(options.runAfter), now, now);
+    return id;
+}
+
+export function getJob(id: string): JobRow | null {
+    return (getScoutDb().prepare(`SELECT * FROM jobs WHERE id = ?`).get(id) as JobRow | undefined) ?? null;
+}
+
+/**
+ * Atomically take the oldest due job. The read and the claim happen in one
+ * transaction so two runners (or two dev restarts) cannot run the same job.
+ */
+export function claimNextJob(now = new Date()): JobRow | null {
+    const db = getScoutDb();
+    const claim = db.transaction(() => {
+        const iso = now.toISOString();
+        const row = db
+            .prepare(`SELECT * FROM jobs WHERE status = 'queued' AND run_after <= ? ORDER BY run_after, created_at LIMIT 1`)
+            .get(iso) as JobRow | undefined;
+
+        if (!row) return null;
+
+        db.prepare(`UPDATE jobs SET status = 'running', locked_at = ?, attempts = attempts + 1, updated_at = ? WHERE id = ?`).run(
+            iso,
+            iso,
+            row.id,
+        );
+
+        return db.prepare(`SELECT * FROM jobs WHERE id = ?`).get(row.id) as JobRow;
+    });
+
+    return claim();
+}
+
+export function completeJob(id: string, result: unknown) {
+    const now = nowIso();
+    getScoutDb()
+        .prepare(`UPDATE jobs SET status = 'done', result = ?, error = NULL, locked_at = NULL, updated_at = ? WHERE id = ?`)
+        .run(JSON.stringify(result ?? null), now, id);
+}
+
+export function failJob(id: string, error: unknown) {
+    const db = getScoutDb();
+    const row = getJob(id);
+    if (!row) return;
+
+    const message = error instanceof Error ? error.message : String(error ?? "Unknown error");
+    const now = nowIso();
+
+    if (row.attempts >= row.max_attempts) {
+        db.prepare(`UPDATE jobs SET status = 'failed', error = ?, locked_at = NULL, updated_at = ? WHERE id = ?`).run(
+            message.slice(0, 2000),
+            now,
+            id,
+        );
+        return;
+    }
+
+    const backoffMs = Math.min(10 * 60_000, 30_000 * 4 ** Math.max(0, row.attempts - 1));
+    db.prepare(
+        `UPDATE jobs SET status = 'queued', error = ?, locked_at = NULL, run_after = ?, updated_at = ? WHERE id = ?`,
+    ).run(message.slice(0, 2000), new Date(Date.now() + backoffMs).toISOString(), now, id);
+}
+
+/** Put a job back on the queue without counting it as a failed attempt. */
+export function deferJob(id: string, delayMs: number, reason?: string) {
+    const now = nowIso();
+    getScoutDb()
+        .prepare(
+            `UPDATE jobs SET status = 'queued', attempts = MAX(0, attempts - 1), locked_at = NULL,
+             run_after = ?, error = ?, updated_at = ? WHERE id = ?`,
+        )
+        .run(new Date(Date.now() + Math.max(0, delayMs)).toISOString(), reason ?? null, now, id);
+}
+
+/** Move jobs abandoned by a crash or a killed dev server back to the queue. */
+export function recoverStaleJobs(maxAgeMs = 30 * 60_000) {
+    const cutoff = new Date(Date.now() - maxAgeMs).toISOString();
+    return getScoutDb()
+        .prepare(`UPDATE jobs SET status = 'queued', locked_at = NULL WHERE status = 'running' AND locked_at < ?`)
+        .run(cutoff).changes;
+}
+
+export function listJobs(limit = 25): JobRow[] {
+    return getScoutDb()
+        .prepare(`SELECT * FROM jobs ORDER BY created_at DESC LIMIT ?`)
+        .all(limit) as JobRow[];
+}
+
+export function countJobs(status: JobRow["status"]) {
+    const row = getScoutDb().prepare(`SELECT COUNT(*) AS count FROM jobs WHERE status = ?`).get(status) as { count: number };
+    return row.count;
+}
+
+export function hasQueuedJob(kind: JobKind) {
+    const row = getScoutDb()
+        .prepare(`SELECT COUNT(*) AS count FROM jobs WHERE status IN ('queued', 'running') AND kind = ?`)
+        .get(kind) as { count: number };
+    return row.count > 0;
+}
diff --git a/src/lib/scout/library.ts b/src/lib/scout/library.ts
new file mode 100644
index 0000000..a631260
--- /dev/null
+++ b/src/lib/scout/library.ts
@@ -0,0 +1,183 @@
+import { getScoutDb, nowIso } from "./db";
+import { normalizeSkill } from "./extract";
+import { findResourceByUrl, toScoutResource, upsertDiscoveredResource, type ResourceRow } from "./pack";
+import type { Chapter, ResourceKind, ScoutResource } from "./types";
+
+function parseSkills(values: string[] | string | undefined): string[] {
+    const raw = Array.isArray(values) ? values : typeof values === "string" ? values.split(",") : [];
+    const cleaned: string[] = [];
+    for (const value of raw) {
+        const skill = normalizeSkill(value);
+        if (skill && !cleaned.includes(skill)) cleaned.push(skill);
+    }
+    return cleaned.slice(0, 6);
+}
+
+function inferKind(url: string, requested?: ResourceKind): ResourceKind {
+    if (requested) return requested;
+    if (/youtu\.be|youtube\.com\/(?:watch|shorts)/i.test(url)) return "video";
+    if (/\.pdf(?:$|\?)/i.test(url)) return "doc";
+    return "article";
+}
+
+function slugify(value: string) {
+    return (
+        value
+            .toLowerCase()
+            .replace(/[^a-z0-9]+/g, "-")
+            .replace(/^-|-$/g, "")
+            .slice(0, 40) || "book"
+    );
+}
+
+function youtubeId(url: string) {
+    return (
+        url.match(/youtu\.be\/([\w-]{6,})/)?.[1] ??
+        url.match(/youtube\.com\/watch\?.*v=([\w-]{6,})/)?.[1] ??
+        url.match(/youtube\.com\/shorts\/([\w-]{6,})/)?.[1] ??
+        null
+    );
+}
+
+/**
+ * Manual additions never trigger fetching. They are library entries the
+ * learner chose; a later pack can still process a link if needed.
+ */
+export function addManualResource(input: {
+    url?: string | null;
+    kind?: ResourceKind;
+    title?: string | null;
+    creator?: string | null;
+    note?: string | null;
+    skills?: string[] | string;
+    outline?: string[];
+}): ScoutResource {
+    const rawUrl = input.url?.trim() || "";
+    const kind = inferKind(rawUrl, input.kind);
+
+    if (rawUrl && !/^https?:\/\//i.test(rawUrl) && kind !== "book") {
+        throw new Error("Add a full http(s) URL");
+    }
+
+    const url = rawUrl || `book://${slugify(input.title ?? "book")}-${Date.now().toString(36)}`;
+    const existing = findResourceByUrl(url);
+    const externalId = kind === "video" ? youtubeId(url) : null;
+
+    const row = upsertDiscoveredResource({
+        kind,
+        source: kind === "book" ? "shelf" : "manual",
+        externalId,
+        url,
+        title: input.title?.trim() || existing?.title || (kind === "book" ? "Untitled book" : url),
+        creator: input.creator?.trim() || existing?.creator || null,
+        description: existing?.description ?? null,
+        durationSeconds: existing?.duration_seconds ?? null,
+        publishedAt: existing?.published_at ?? null,
+        thumbnailUrl: existing?.thumbnail_url ?? null,
+    });
+
+    const skills = parseSkills(input.skills);
+    const chapters: Chapter[] =
+        kind === "book" && input.outline?.length
+            ? input.outline.map((title, index) => ({
+                  startSeconds: index,
+                  title: title.slice(0, 160),
+                  url,
+                  suggested: true,
+              }))
+            : (JSON.parse(row.chapters || "[]") as Chapter[]) ?? [];
+
+    getScoutDb()
+        .prepare(
+            `UPDATE resources SET
+                summary = COALESCE(?, summary, ?),
+                skill_tags = ?,
+                chapters = ?,
+                transcript_status = CASE WHEN transcript_status = 'pending' THEN 'skipped' ELSE transcript_status END,
+                updated_at = ?
+             WHERE id = ?`,
+        )
+        .run(
+            input.note?.trim() || null,
+            kind === "book" ? "Added to your reading shelf." : "Saved for later.",
+            JSON.stringify(skills.length > 0 ? skills : (JSON.parse(row.skill_tags || "[]") as string[])),
+            JSON.stringify(chapters),
+            nowIso(),
+            row.id,
+        );
+
+    return toScoutResource(getScoutDb().prepare(`SELECT * FROM resources WHERE id = ?`).get(row.id) as ResourceRow);
+}
+
+export function listLibrary(input: { query?: string; kind?: ResourceKind | "all"; since?: string; limit?: number } = {}) {
+    const clauses: string[] = [];
+    const values: unknown[] = [];
+    const query = input.query?.trim() ?? "";
+
+    if (query) {
+        clauses.push(`(title LIKE ? OR summary LIKE ? OR skill_tags LIKE ? OR creator LIKE ?)`);
+        const like = `%${query.replace(/[%_]/g, "")}%`;
+        values.push(like, like, like, like);
+    }
+
+    if (input.kind && input.kind !== "all") {
+        clauses.push(`kind = ?`);
+        values.push(input.kind);
+    }
+
+    if (input.since) {
+        clauses.push(`updated_at >= ?`);
+        values.push(input.since);
+    }
+
+    const limit = Math.min(200, Math.max(1, input.limit ?? 60));
+    const where = clauses.length > 0 ? `WHERE ${clauses.join(" AND ")}` : "";
+
+    const rows = getScoutDb()
+        .prepare(`SELECT * FROM resources ${where} ORDER BY updated_at DESC LIMIT ?`)
+        .all(...values, limit) as ResourceRow[];
+
+    return rows.map((row) => toScoutResource(row));
+}
+
+/** Used by the MCP server and the Sources panel. */
+export function searchLibrary(query: string, limit = 8): ScoutResource[] {
+    const tokens = query
+        .toLowerCase()
+        .split(/\s+/)
+        .map((token) => token.replace(/[^a-z0-9+#.-]/g, ""))
+        .filter((token) => token.length > 1)
+        .slice(0, 6);
+
+    if (tokens.length === 0) return listLibrary({ limit });
+    if (tokens.length === 1) return listLibrary({ query: tokens[0], limit });
+
+    // Any token can match; the JS pass ranks by how many did.
+    const likeClauses = tokens.map(() => `(title LIKE ? OR summary LIKE ? OR skill_tags LIKE ?)`).join(" OR ");
+    const values = tokens.flatMap((token) => [`%${token}%`, `%${token}%`, `%${token}%`]);
+
+    const rows = getScoutDb()
+        .prepare(`SELECT * FROM resources WHERE ${likeClauses} ORDER BY updated_at DESC LIMIT ?`)
+        .all(...values, Math.max(limit * 4, 24)) as ResourceRow[];
+
+    return rows
+        .map((row) => {
+            const haystack = `${row.title} ${row.summary ?? ""} ${row.skill_tags} ${row.creator ?? ""}`.toLowerCase();
+            const score = tokens.reduce((total, token) => total + (haystack.includes(token) ? 1 : 0), 0);
+            return { row, score };
+        })
+        .sort((left, right) => right.score - left.score || right.row.updated_at.localeCompare(left.row.updated_at))
+        .slice(0, limit)
+        .map((entry) => toScoutResource(entry.row));
+}
+
+export function countResourcesSince(since: string) {
+    const row = getScoutDb()
+        .prepare(`SELECT COUNT(*) AS count FROM resources WHERE created_at >= ?`)
+        .get(since) as { count: number };
+    return row.count;
+}
+
+export function listBooks(): ScoutResource[] {
+    return listLibrary({ kind: "book", limit: 50 });
+}
diff --git a/src/lib/scout/llm.ts b/src/lib/scout/llm.ts
new file mode 100644
index 0000000..698dcd8
--- /dev/null
+++ b/src/lib/scout/llm.ts
@@ -0,0 +1,152 @@
+import { createGoogleGenerativeAI } from "@ai-sdk/google";
+import { generateObject } from "ai";
+import { z } from "zod";
+import { assertFreeAi } from "@/lib/ai-policy";
+import {
+    DEFAULT_PROVIDER_MODELS,
+    isAiProvider,
+    PROVIDER_ENV_KEYS,
+    type AIProvider,
+} from "@/lib/ai-config";
+import { getScoutSettings } from "./settings";
+import { hasBudget, monthSpendCents, recordSpend } from "./spend";
+
+export interface ScoutLlmConfig {
+    provider: AIProvider;
+    model: string;
+    apiKey?: string | null;
+}
+
+export class ScoutError extends Error {
+    code: "budget" | "config" | "provider" | "quota";
+
+    constructor(code: ScoutError["code"], message: string) {
+        super(message);
+        this.name = "ScoutError";
+        this.code = code;
+    }
+}
+
+/**
+ * Packs hold their provider choice for the life of the run. The API key is
+ * kept in process memory only: it is never written to SQLite or returned by
+ * an endpoint, and a restart simply asks the user to start again.
+ */
+const globalKey = Symbol.for("syllo.scout.llm");
+
+type GlobalWithSecrets = typeof globalThis & { [globalKey]?: Map<string, ScoutLlmConfig> };
+
+function secretStore() {
+    const store = globalThis as GlobalWithSecrets;
+    store[globalKey] ??= new Map();
+    return store[globalKey];
+}
+
+export function defaultScoutConfig(): ScoutLlmConfig {
+    const envProvider = process.env.SCOUT_PROVIDER?.trim();
+    const provider: AIProvider = isAiProvider(envProvider) ? envProvider : "gemini";
+    return {
+        provider,
+        model: process.env.SCOUT_MODEL?.trim() || DEFAULT_PROVIDER_MODELS[provider],
+    };
+}
+
+export function rememberScoutLlm(packId: string, config: ScoutLlmConfig) {
+    secretStore().set(packId, { ...config, apiKey: config.apiKey?.trim() || null });
+}
+
+export function recallScoutLlm(packId: string): ScoutLlmConfig | null {
+    return secretStore().get(packId) ?? null;
+}
+
+export function forgetScoutLlm(packId: string) {
+    secretStore().delete(packId);
+}
+
+export function resolveScoutLlm(override?: Partial<ScoutLlmConfig> | null): ScoutLlmConfig {
+    const base = defaultScoutConfig();
+    const provider = override?.provider && isAiProvider(override.provider) ? override.provider : base.provider;
+    const model = override?.model?.trim() || (provider === base.provider ? base.model : DEFAULT_PROVIDER_MODELS[provider]);
+    const apiKey = override?.apiKey?.trim() || process.env[PROVIDER_ENV_KEYS[provider]]?.trim() || "";
+    return { provider, model, apiKey };
+}
+
+export interface ScoutGenerateInput<T> {
+    packId?: string | null;
+    schema: z.ZodType<T>;
+    system: string;
+    prompt: string;
+    config?: Partial<ScoutLlmConfig> | null;
+}
+
+export interface ScoutGenerateResult<T> {
+    object: T;
+    inputTokens: number;
+    outputTokens: number;
+}
+
+/**
+ * Free Gemini generation stops at quota exhaustion, with no provider fallback.
+ */
+export async function scoutGenerateObject<T>(input: ScoutGenerateInput<T>): Promise<ScoutGenerateResult<T>> {
+    const settings = getScoutSettings();
+    if (!hasBudget(settings.monthlyBudgetCents)) {
+        throw new ScoutError(
+            "budget",
+            `Scout reached its monthly budget of $${(settings.monthlyBudgetCents / 100).toFixed(2)} (spent $${(monthSpendCents() / 100).toFixed(2)}). Raise the budget in Scout settings to continue.`,
+        );
+    }
+
+    const stored = input.packId ? recallScoutLlm(input.packId) : null;
+    const config = resolveScoutLlm({ ...stored, ...input.config });
+
+    if (!config.apiKey) {
+        throw new ScoutError(
+            "config",
+            `Scout needs a free Gemini API key. Add one in Settings or set GEMINI_API_KEY on the local worker.`,
+        );
+    }
+
+    assertFreeAi(config.provider, config.model);
+    assertScoutQuota();
+    const provider = createGoogleGenerativeAI({ apiKey: config.apiKey });
+
+    try {
+        const result = await generateObject({
+            model: provider(config.model),
+            schema: input.schema,
+            system: input.system,
+            prompt: input.prompt,
+            temperature: 0.2,
+            maxRetries: 0,
+        });
+
+        const inputTokens = result.usage?.inputTokens ?? 0;
+        const outputTokens = result.usage?.outputTokens ?? 0;
+
+        recordSpend({
+            packId: input.packId ?? null,
+            provider: config.provider,
+            model: config.model,
+            inputTokens,
+            outputTokens,
+        });
+
+        return { object: input.schema.parse(result.object), inputTokens, outputTokens };
+    } catch (error) {
+        if (error instanceof ScoutError) throw error;
+        const status = z.object({ statusCode: z.number() }).safeParse(error);
+        if (status.success && status.data.statusCode === 429) {
+            pauseScoutQuota();
+            throw new ScoutError("quota", "The free Gemini quota is exhausted. Scout has paused. Your existing books, notes, and learning remain available; try again later or add resources manually.");
+        }
+        const message = error instanceof Error ? error.message : "Unknown provider error";
+        throw new ScoutError("provider", `Scout could not reach ${config.provider}: ${message.slice(0, 300)}`);
+    }
+}
+
+let pausedUntil = 0;
+export function assertScoutQuota() {
+    if (Date.now() < pausedUntil) throw new ScoutError("quota", "Scout is paused after reaching the free Gemini quota. Try again later, or add resources manually.");
+}
+export function pauseScoutQuota() { pausedUntil = Date.now() + 15 * 60_000; }
diff --git a/src/lib/scout/pack.ts b/src/lib/scout/pack.ts
new file mode 100644
index 0000000..dbe8ea1
--- /dev/null
+++ b/src/lib/scout/pack.ts
@@ -0,0 +1,407 @@
+import type { Roadmap, SrsItem } from "@/types";
+import { getScoutDb, newId, nowIso } from "./db";
+import type { Chapter, KeyPoint, PackStatus, ResourceKind, ScoutPack, ScoutResource, TranscriptStatus } from "./types";
+
+export interface PackRow {
+    id: string;
+    goal: string;
+    status: PackStatus;
+    progress: number;
+    stage: string;
+    picks: string;
+    roadmap_id: string | null;
+    roadmap: string | null;
+    quizzes: string | null;
+    cost_cents: number;
+    error: string | null;
+    created_at: string;
+    updated_at: string;
+}
+
+export interface ResourceRow {
+    id: string;
+    kind: ResourceKind;
+    source: string;
+    external_id: string | null;
+    url: string;
+    title: string;
+    creator: string | null;
+    duration_seconds: number | null;
+    published_at: string | null;
+    thumbnail_url: string | null;
+    description: string | null;
+    summary: string | null;
+    key_points: string;
+    skill_tags: string;
+    chapters: string;
+    transcript: string | null;
+    transcript_status: TranscriptStatus;
+    transcript_chars: number;
+    content_hash: string | null;
+    error: string | null;
+    created_at: string;
+    updated_at: string;
+}
+
+function parseJson<T>(value: string | null | undefined, fallback: T): T {
+    if (!value) return fallback;
+    try {
+        return JSON.parse(value) as T;
+    } catch {
+        return fallback;
+    }
+}
+
+export function toScoutResource(row: ResourceRow, approved?: boolean): ScoutResource {
+    return {
+        id: row.id,
+        kind: row.kind,
+        source: row.source,
+        externalId: row.external_id,
+        url: row.url,
+        title: row.title,
+        creator: row.creator,
+        durationSeconds: row.duration_seconds,
+        publishedAt: row.published_at,
+        thumbnailUrl: row.thumbnail_url,
+        description: row.description,
+        summary: row.summary,
+        keyPoints: parseJson<KeyPoint[]>(row.key_points, []),
+        skillTags: parseJson<string[]>(row.skill_tags, []),
+        chapters: parseJson<Chapter[]>(row.chapters, []),
+        transcriptStatus: row.transcript_status,
+        transcriptChars: row.transcript_chars,
+        error: row.error,
+        createdAt: row.created_at,
+        updatedAt: row.updated_at,
+        ...(approved === undefined ? {} : { approved }),
+    };
+}
+
+export function getPackRow(id: string): PackRow | null {
+    return (getScoutDb().prepare(`SELECT * FROM packs WHERE id = ?`).get(id) as PackRow | undefined) ?? null;
+}
+
+export function getResourceRow(id: string): ResourceRow | null {
+    return (getScoutDb().prepare(`SELECT * FROM resources WHERE id = ?`).get(id) as ResourceRow | undefined) ?? null;
+}
+
+export function findResourceByUrl(url: string): ResourceRow | null {
+    return (getScoutDb().prepare(`SELECT * FROM resources WHERE url = ?`).get(url) as ResourceRow | undefined) ?? null;
+}
+
+export function packResourceRows(packId: string): ResourceRow[] {
+    return getScoutDb()
+        .prepare(
+            `SELECT r.* FROM resources r
+             JOIN pack_resources pr ON pr.resource_id = r.id
+             WHERE pr.pack_id = ?
+             ORDER BY pr.position, r.created_at`,
+        )
+        .all(packId) as ResourceRow[];
+}
+
+function packResourceRowsWithSelection(packId: string): Array<ResourceRow & { selected: number }> {
+    return getScoutDb()
+        .prepare(
+            `SELECT r.*, pr.selected FROM resources r
+             JOIN pack_resources pr ON pr.resource_id = r.id
+             WHERE pr.pack_id = ?
+             ORDER BY pr.position, r.created_at`,
+        )
+        .all(packId) as Array<ResourceRow & { selected: number }>;
+}
+
+export function toScoutPack(row: PackRow): ScoutPack {
+    const picks = parseJson<string[]>(row.picks, []);
+    const resources = packResourceRowsWithSelection(row.id).map((resource) =>
+        toScoutResource(resource, picks.includes(resource.id)),
+    );
+
+    return {
+        id: row.id,
+        goal: row.goal,
+        status: row.status,
+        progress: row.progress,
+        stage: row.stage,
+        picks,
+        roadmapId: row.roadmap_id,
+        costCents: Math.round(row.cost_cents * 100) / 100,
+        error: row.error,
+        createdAt: row.created_at,
+        updatedAt: row.updated_at,
+        resources,
+    };
+}
+
+export function getPack(id: string): ScoutPack | null {
+    const row = getPackRow(id);
+    return row ? toScoutPack(row) : null;
+}
+
+export function getPackRoadmap(id: string): Roadmap | null {
+    const row = getPackRow(id);
+    if (!row) return null;
+    return parseJson<Roadmap | null>(row.roadmap, null);
+}
+
+export function getPackQuizzes(id: string): SrsItem[] {
+    const row = getPackRow(id);
+    if (!row) return [];
+    return parseJson<SrsItem[]>(row.quizzes, []);
+}
+
+/** The shape the pack endpoint returns. Transcripts are never included. */
+export interface ScoutPackDetail extends ScoutPack {
+    roadmap: Roadmap | null;
+    quizzes: SrsItem[];
+}
+
+export function getPackDetail(id: string): ScoutPackDetail | null {
+    const row = getPackRow(id);
+    if (!row) return null;
+    return {
+        ...toScoutPack(row),
+        roadmap: parseJson<Roadmap | null>(row.roadmap, null),
+        quizzes: parseJson<SrsItem[]>(row.quizzes, []),
+    };
+}
+
+export function createPack(goal: string): ScoutPack {
+    const db = getScoutDb();
+    const id = newId("pack");
+    const now = nowIso();
+    db.prepare(
+        `INSERT INTO packs (id, goal, status, progress, stage, picks, created_at, updated_at)
+         VALUES (?, ?, 'discovering', 0, 'Looking for free resources', '[]', ?, ?)`,
+    ).run(id, goal.trim(), now, now);
+
+    return toScoutPack(getPackRow(id) as PackRow);
+}
+
+export interface PackPatch {
+    status?: PackStatus;
+    progress?: number;
+    stage?: string;
+    error?: string | null;
+    picks?: string[];
+    roadmapId?: string | null;
+    roadmap?: Roadmap | null;
+    quizzes?: SrsItem[] | null;
+}
+
+export function updatePack(id: string, patch: PackPatch) {
+    const fields: string[] = [];
+    const values: unknown[] = [];
+
+    const add = (column: string, value: unknown) => {
+        fields.push(`${column} = ?`);
+        values.push(value);
+    };
+
+    if (patch.status !== undefined) add("status", patch.status);
+    if (patch.progress !== undefined) add("progress", Math.max(0, Math.min(100, Math.round(patch.progress))));
+    if (patch.stage !== undefined) add("stage", patch.stage);
+    if (patch.error !== undefined) add("error", patch.error);
+    if (patch.picks !== undefined) add("picks", JSON.stringify(patch.picks));
+    if (patch.roadmapId !== undefined) add("roadmap_id", patch.roadmapId);
+    if (patch.roadmap !== undefined) add("roadmap", patch.roadmap ? JSON.stringify(patch.roadmap) : null);
+    if (patch.quizzes !== undefined) add("quizzes", patch.quizzes ? JSON.stringify(patch.quizzes) : null);
+
+    if (fields.length === 0) return;
+
+    fields.push("updated_at = ?");
+    values.push(nowIso(), id);
+    getScoutDb().prepare(`UPDATE packs SET ${fields.join(", ")} WHERE id = ?`).run(...values);
+}
+
+export function failPack(id: string, error: unknown) {
+    const message = error instanceof Error ? error.message : String(error ?? "Scout stopped unexpectedly");
+    updatePack(id, {
+        status: "failed",
+        stage: "Scout hit a problem",
+        progress: 100,
+        error: message.slice(0, 2000),
+    });
+}
+
+/**
+ * Upserts a discovered resource by URL. Re-running a pack reuses the earlier
+ * extraction, so the learner is not charged twice for the same video.
+ */
+export function upsertDiscoveredResource(item: {
+    kind: ResourceKind;
+    source: string;
+    externalId?: string | null;
+    url: string;
+    title: string;
+    creator?: string | null;
+    durationSeconds?: number | null;
+    publishedAt?: string | null;
+    thumbnailUrl?: string | null;
+    description?: string | null;
+}): ResourceRow {
+    const db = getScoutDb();
+    const now = nowIso();
+    const id = newId("res");
+
+    const row = db
+        .prepare(
+            `INSERT INTO resources (
+                id, kind, source, external_id, url, title, creator, duration_seconds,
+                published_at, thumbnail_url, description, created_at, updated_at
+             ) VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?)
+             ON CONFLICT(url) DO UPDATE SET
+                kind = excluded.kind,
+                source = excluded.source,
+                external_id = COALESCE(excluded.external_id, resources.external_id),
+                title = excluded.title,
+                creator = COALESCE(excluded.creator, resources.creator),
+                duration_seconds = COALESCE(excluded.duration_seconds, resources.duration_seconds),
+                published_at = COALESCE(excluded.published_at, resources.published_at),
+                thumbnail_url = COALESCE(excluded.thumbnail_url, resources.thumbnail_url),
+                description = COALESCE(excluded.description, resources.description),
+                updated_at = excluded.updated_at
+             RETURNING *`,
+        )
+        .get(
+            id,
+            item.kind,
+            item.source,
+            item.externalId ?? null,
+            item.url,
+            item.title,
+            item.creator ?? null,
+            item.durationSeconds ?? null,
+            item.publishedAt ?? null,
+            item.thumbnailUrl ?? null,
+            item.description ?? null,
+            now,
+            now,
+        ) as ResourceRow;
+
+    return row;
+}
+
+export function attachResourceToPack(packId: string, resourceId: string, position: number) {
+    getScoutDb()
+        .prepare(
+            `INSERT INTO pack_resources (pack_id, resource_id, position, selected)
+             VALUES (?, ?, ?, 1)
+             ON CONFLICT(pack_id, resource_id) DO UPDATE SET position = excluded.position`,
+        )
+        .run(packId, resourceId, position);
+}
+
+export function isResourceInPack(packId: string, resourceId: string) {
+    const row = getScoutDb()
+        .prepare(`SELECT 1 AS ok FROM pack_resources WHERE pack_id = ? AND resource_id = ?`)
+        .get(packId, resourceId) as { ok: number } | undefined;
+    return Boolean(row);
+}
+
+/** Approving picks is idempotent; only resources already in the pack survive. */
+export function approvePackPicks(packId: string, picks: string[]): string[] {
+    const allowed = new Set(packResourceRows(packId).map((row) => row.id));
+    const accepted = [...new Set(picks.filter((id) => allowed.has(id)))];
+
+    const db = getScoutDb();
+    db.transaction(() => {
+        db.prepare(`UPDATE pack_resources SET selected = 0 WHERE pack_id = ?`).run(packId);
+        const select = db.prepare(`UPDATE pack_resources SET selected = 1 WHERE pack_id = ? AND resource_id = ?`);
+        for (const id of accepted) select.run(packId, id);
+        updatePack(packId, { picks: accepted });
+    })();
+
+    return accepted;
+}
+
+export interface ExtractionWrite {
+    summary: string;
+    keyPoints: KeyPoint[];
+    skillTags: string[];
+    chapters: Chapter[];
+    transcript?: string | null;
+    transcriptStatus: TranscriptStatus;
+    transcriptChars: number;
+    durationSeconds?: number | null;
+    error?: string | null;
+}
+
+export function saveResourceExtraction(id: string, data: ExtractionWrite) {
+    getScoutDb()
+        .prepare(
+            `UPDATE resources SET
+                summary = ?, key_points = ?, skill_tags = ?, chapters = ?,
+                transcript = COALESCE(?, transcript),
+                transcript_status = ?, transcript_chars = ?,
+                duration_seconds = COALESCE(?, duration_seconds),
+                error = ?, updated_at = ?
+             WHERE id = ?`,
+        )
+        .run(
+            data.summary,
+            JSON.stringify(data.keyPoints),
+            JSON.stringify(data.skillTags),
+            JSON.stringify(data.chapters),
+            data.transcript ?? null,
+            data.transcriptStatus,
+            data.transcriptChars,
+            data.durationSeconds ?? null,
+            data.error ?? null,
+            nowIso(),
+            id,
+        );
+}
+
+export function setResourceError(id: string, error: string | null) {
+    getScoutDb().prepare(`UPDATE resources SET error = ?, updated_at = ? WHERE id = ?`).run(error, nowIso(), id);
+}
+
+export function recentPacks(limit = 8): ScoutPack[] {
+    const rows = getScoutDb()
+        .prepare(`SELECT * FROM packs ORDER BY created_at DESC LIMIT ?`)
+        .all(limit) as PackRow[];
+    return rows.map(toScoutPack);
+}
+
+export function latestPack(): ScoutPack | null {
+    return recentPacks(1)[0] ?? null;
+}
+
+export function latestGoal(): string | null {
+    const row = getScoutDb()
+        .prepare(`SELECT goal FROM packs ORDER BY created_at DESC LIMIT 1`)
+        .get() as { goal: string } | undefined;
+    return row?.goal ?? null;
+}
+
+export function countPackResources(packId: string) {
+    const row = getScoutDb()
+        .prepare(`SELECT COUNT(*) AS count FROM pack_resources WHERE pack_id = ?`)
+        .get(packId) as { count: number };
+    return row.count;
+}
+
+export function countUnprocessedPackResources(packId: string) {
+    const row = getScoutDb()
+        .prepare(
+            `SELECT COUNT(*) AS count FROM resources r
+             JOIN pack_resources pr ON pr.resource_id = r.id
+             WHERE pr.pack_id = ? AND r.summary IS NULL AND r.transcript_status = 'pending'`,
+        )
+        .get(packId) as { count: number };
+    return row.count;
+}
+
+/** True when every resource in the pack has been processed (or failed softly). */
+export function packProcessingFinished(packId: string) {
+    const row = getScoutDb()
+        .prepare(
+            `SELECT COUNT(*) AS count FROM resources r
+             JOIN pack_resources pr ON pr.resource_id = r.id
+             WHERE pr.pack_id = ? AND r.summary IS NULL AND r.error IS NULL`,
+        )
+        .get(packId) as { count: number };
+    return row.count === 0;
+}
diff --git a/src/lib/scout/pipeline.ts b/src/lib/scout/pipeline.ts
new file mode 100644
index 0000000..44e068b
--- /dev/null
+++ b/src/lib/scout/pipeline.ts
@@ -0,0 +1,362 @@
+import { discoverForGoal, discoverNewFromSources } from "./discovery/combine";
+import { extractResource } from "./extract";
+import { readArticle } from "./fetch/reader";
+import { fetchTranscript, markTranscriptFetched, transcriptDelayMs } from "./fetch/transcripts";
+import { JobDeferred, enqueueJob } from "./jobs";
+import { recallScoutLlm, rememberScoutLlm, ScoutError, type ScoutLlmConfig } from "./llm";
+import {
+    approvePackPicks,
+    attachResourceToPack,
+    countPackResources,
+    countUnprocessedPackResources,
+    createPack,
+    failPack,
+    getPackRow,
+    getResourceRow,
+    latestGoal,
+    packProcessingFinished,
+    packResourceRows,
+    saveResourceExtraction,
+    setResourceError,
+    toScoutResource,
+    updatePack,
+    upsertDiscoveredResource,
+    type ResourceRow,
+} from "./pack";
+import { buildWorkspace } from "./plan";
+import { registerJobHandler } from "./runner";
+import { getScoutSettings } from "./settings";
+import { listEnabledSources, touchSource } from "./sources";
+import type { JobRow } from "./types";
+
+const DISCOVERY_LIMIT = 14;
+
+function asString(value: unknown) {
+    return typeof value === "string" && value.trim() ? value.trim() : null;
+}
+
+function messageFor(error: unknown) {
+    return error instanceof Error ? error.message : String(error ?? "Scout stopped unexpectedly");
+}
+
+/* ------------------------------------------------------------------ *
+ * discover
+ * ------------------------------------------------------------------ */
+
+async function handleDiscover(_job: JobRow, payload: Record<string, unknown>) {
+    const packId = asString(payload.packId);
+    if (!packId) throw new Error("discover job is missing a packId");
+
+    const pack = getPackRow(packId);
+    if (!pack) throw new Error(`Pack ${packId} no longer exists`);
+    if (pack.status !== "discovering") return { skipped: true };
+
+    updatePack(packId, { progress: 6, stage: "Looking for free resources" });
+
+    const discovered = await discoverForGoal({ goal: pack.goal, limit: DISCOVERY_LIMIT, llm: recallScoutLlm(packId) }).catch(error => { failPack(packId, error); return []; });
+    if (getPackRow(packId)?.status === "failed") return { found: 0 };
+    if (discovered.length === 0) {
+        failPack(
+            packId,
+            new Error("No free resources matched that goal. Add a channel or site in Sources and try again."),
+        );
+        return { found: 0 };
+    }
+
+    const rows = discovered.map((item, index) => {
+        const row = upsertDiscoveredResource(item);
+        attachResourceToPack(packId, row.id, index);
+        return row;
+    });
+
+    updatePack(packId, {
+        status: "processing",
+        progress: 10,
+        stage: `Found ${rows.length} candidates — reading them now`,
+    });
+
+    // A small stagger avoids fifteen identical requests in the same tick; the
+    // transcript throttle in the handler does the real pacing.
+    rows.forEach((row, index) => {
+        enqueueJob(
+            "process_resource",
+            { packId, resourceId: row.id },
+            { maxAttempts: 4, runAfter: new Date(Date.now() + index * 1_000) },
+        );
+    });
+
+    return { found: rows.length };
+}
+
+/* ------------------------------------------------------------------ *
+ * process_resource
+ * ------------------------------------------------------------------ */
+
+interface TextResult {
+    text: string;
+    segments?: Array<{ text: string; start: number }>;
+    transcript?: string | null;
+    transcriptStatus: "ok" | "unavailable" | "skipped";
+    transcriptChars: number;
+    error?: string;
+}
+
+async function textFor(row: ResourceRow): Promise<TextResult> {
+    if (row.kind === "video") {
+        if (!row.external_id) {
+            return {
+                text: row.description ?? "",
+                transcriptStatus: "skipped",
+                transcriptChars: 0,
+                error: "No video id for this resource",
+            };
+        }
+
+        // Transcript scraping is the slow, rate-limited step. Deferring keeps
+        // the queue honest instead of sleeping inside a handler.
+        const delay = transcriptDelayMs();
+        if (delay > 0) throw new JobDeferred(delay, "Waiting for the next transcript slot");
+
+        const transcript = await fetchTranscript(row.external_id);
+        markTranscriptFetched();
+
+        if (transcript.status === "ok") {
+            return {
+                text: transcript.text,
+                segments: transcript.segments.map((segment) => ({ text: segment.text, start: segment.start })),
+                transcript: transcript.text,
+                transcriptStatus: "ok",
+                transcriptChars: transcript.text.length,
+            };
+        }
+
+        return {
+            text: row.description ?? "",
+            transcriptStatus: transcript.status,
+            transcriptChars: 0,
+            error: transcript.error,
+        };
+    }
+
+    const article = await readArticle(row.url);
+    if (article.status === "ok") {
+        return { text: article.text, transcriptStatus: "ok", transcriptChars: article.text.length };
+    }
+
+    return {
+        text: row.description ?? "",
+        transcriptStatus: "skipped",
+        transcriptChars: 0,
+        error: article.error ?? "Could not read this page",
+    };
+}
+
+async function handleProcessResource(job: JobRow, payload: Record<string, unknown>) {
+    const packId = asString(payload.packId);
+    const resourceId = asString(payload.resourceId);
+    if (!packId || !resourceId) throw new Error("process_resource job is missing ids");
+
+    const row = getResourceRow(resourceId);
+    if (!row) return { skipped: true };
+    if (getPackRow(packId)?.status === "failed") return { skipped: true };
+    if (row.summary && row.transcript_status !== "pending") {
+        settlePackIfProcessed(packId);
+        return { cached: true };
+    }
+
+    try {
+        const source = await textFor(row);
+        if (source.transcriptStatus !== "ok" || source.text.trim().length < 80) {
+            saveResourceExtraction(row.id, { summary: "Scout could not read this source. It remains available as a manual link.", keyPoints: [], skillTags: [], chapters: [], transcript: null, transcriptStatus: "skipped", transcriptChars: 0, error: source.error || "Source text is unavailable" });
+            settlePackIfProcessed(packId);
+            return { resourceId, unread: true };
+        }
+
+        const extraction = await extractResource({
+            packId,
+            resource: {
+                id: row.id,
+                kind: row.kind,
+                title: row.title,
+                creator: row.creator,
+                description: row.description,
+                durationSeconds: row.duration_seconds,
+                externalId: row.external_id,
+                transcriptStatus: source.transcriptStatus,
+            },
+            text: source.text,
+            segments: source.segments,
+            config: recallScoutLlm(packId),
+        });
+
+        const existingChapters = JSON.parse(row.chapters || "[]") as typeof extraction.chapters;
+        const chapters = extraction.chapters.length > 0 ? extraction.chapters : existingChapters;
+        const lastEnd = chapters.reduce((max, chapter) => Math.max(max, chapter.endSeconds ?? 0), 0);
+
+        saveResourceExtraction(row.id, {
+            summary: extraction.summary || "No summary could be produced for this resource yet.",
+            keyPoints: extraction.keyPoints,
+            skillTags: extraction.skills,
+            chapters,
+            transcript: source.transcript ?? null,
+            transcriptStatus: source.transcriptStatus,
+            transcriptChars: source.transcriptChars,
+            durationSeconds: row.duration_seconds ?? (lastEnd > 0 ? lastEnd : null),
+            error: source.error ?? extraction.error ?? null,
+        });
+    } catch (error) {
+        // A deferral is not a failure: the runner will requeue it untouched.
+        if (error instanceof JobDeferred) throw error;
+        if (error instanceof ScoutError && (error.code === "quota" || error.code === "config" || error.code === "budget")) {
+            failPack(packId, error);
+            return { paused: true, reason: error.code };
+        }
+
+        if (job.attempts >= job.max_attempts) {
+            setResourceError(resourceId, messageFor(error).slice(0, 500));
+        }
+        settlePackIfProcessed(packId);
+        throw error;
+    }
+
+    settlePackIfProcessed(packId);
+    return { resourceId };
+}
+
+/**
+ * Moves a pack from "processing" to "review" once every resource has either
+ * been extracted or finally failed. Picks default to everything, so the
+ * approval screen opens with all cards selected.
+ */
+function settlePackIfProcessed(packId: string) {
+    const pack = getPackRow(packId);
+    if (!pack || pack.status !== "processing") return;
+
+    const total = countPackResources(packId);
+    if (total === 0) return;
+
+    if (!packProcessingFinished(packId)) {
+        const pending = countUnprocessedPackResources(packId);
+        const done = Math.max(0, total - pending);
+        updatePack(packId, {
+            progress: Math.min(42, 10 + Math.round((done / total) * 30)),
+            stage: `Reading resources (${done} of ${total})`,
+        });
+        return;
+    }
+
+    approvePackPicks(
+        packId,
+        packResourceRows(packId).filter(row => row.transcript_status === "ok").map((row) => row.id),
+    );
+    updatePack(packId, {
+        status: "review",
+        progress: 45,
+        stage: "Ready for your review",
+    });
+}
+
+/* ------------------------------------------------------------------ *
+ * build_workspace
+ * ------------------------------------------------------------------ */
+
+async function handleBuildWorkspace(_job: JobRow, payload: Record<string, unknown>) {
+    const packId = asString(payload.packId);
+    if (!packId) throw new Error("build_workspace job is missing a packId");
+
+    const pack = getPackRow(packId);
+    if (!pack) throw new Error(`Pack ${packId} no longer exists`);
+    if (pack.status === "ready") return { roadmapId: pack.roadmap_id };
+
+    const picks = new Set(JSON.parse(pack.picks || "[]") as string[]);
+    const resources = packResourceRows(packId)
+        .filter((row) => picks.has(row.id))
+        .map((row) => toScoutResource(row, true));
+
+    if (resources.length === 0) {
+        failPack(packId, new Error("Approve at least one resource before building the roadmap."));
+        return { built: false };
+    }
+
+    if (resources.some(resource => resource.transcriptStatus !== "ok")) {
+        failPack(packId, new Error("Scout could not read some selected sources. Uncheck those picks to build from verified material; their links remain in your resource library."));
+        return { built: false };
+    }
+    updatePack(packId, { status: "building", progress: 55, stage: "Writing your roadmap" });
+
+    const workspace = await buildWorkspace({
+        packId,
+        goal: pack.goal,
+        resources,
+        config: recallScoutLlm(packId),
+    }).catch(error => { failPack(packId, error); return null; });
+    if (!workspace) return { built: false };
+
+    updatePack(packId, {
+        status: "ready",
+        progress: 100,
+        stage: "Your workspace is ready",
+        roadmapId: workspace.roadmap.id,
+        roadmap: workspace.roadmap,
+        quizzes: workspace.quizzes,
+        error: null,
+    });
+
+    return { roadmapId: workspace.roadmap.id, quizzes: workspace.quizzes.length, degraded: workspace.degraded };
+}
+
+/* ------------------------------------------------------------------ *
+ * auto_check
+ * ------------------------------------------------------------------ */
+
+/**
+ * Nightly check. Discovery only: it has no per-pack key, so it never calls the
+ * model and never touches an approved pack.
+ */
+async function handleAutoCheck() {
+    if (getScoutSettings().paused) return { paused: true };
+
+    const sources = listEnabledSources();
+    if (sources.length === 0) return { found: 0 };
+
+    const since = new Date(Date.now() - 7 * 24 * 3600_000);
+    const goal = latestGoal() ?? "new free tutorials";
+    const discovered = await discoverNewFromSources({ goal, since, limit: 12 });
+
+    let added = 0;
+    for (const item of discovered) {
+        const row = upsertDiscoveredResource(item);
+        if (!row.summary) added += 1;
+    }
+
+    for (const source of sources) touchSource(source.id);
+
+    return {
+        found: discovered.length,
+        added,
+        highlights: discovered.slice(0, 4).map((item) => ({ title: item.title, url: item.url })),
+    };
+}
+
+/* ------------------------------------------------------------------ */
+
+export function registerPipelineHandlers() {
+    registerJobHandler("discover", handleDiscover);
+    registerJobHandler("process_resource", handleProcessResource);
+    registerJobHandler("build_workspace", handleBuildWorkspace);
+    registerJobHandler("auto_check", handleAutoCheck);
+}
+
+/** Creates a pack and queues discovery without waiting for the next tick. */
+export function startPack(goal: string, llm?: ScoutLlmConfig | null) {
+    const created = createPack(goal);
+    if (llm) rememberScoutLlm(created.id, llm);
+    enqueueJob("discover", { packId: created.id });
+    return created;
+}
+
+/** Queues roadmap generation for an approved pack. */
+export function queueWorkspaceBuild(packId: string) {
+    updatePack(packId, { status: "building", progress: 50, stage: "Preparing your roadmap" });
+    return enqueueJob("build_workspace", { packId });
+}
diff --git a/src/lib/scout/plan.ts b/src/lib/scout/plan.ts
new file mode 100644
index 0000000..8096657
--- /dev/null
+++ b/src/lib/scout/plan.ts
@@ -0,0 +1,704 @@
+import { z } from "zod";
+import type {
+    ModuleSection,
+    Note,
+    NoteSection,
+    Resource,
+    ResourceSection,
+    Roadmap,
+    SrsItem,
+    Task,
+    Video,
+} from "@/types";
+import { clip, deepLink, formatTimestamp, quoteAppearsIn } from "./format";
+import { scoutGenerateObject, ScoutError } from "./llm";
+import { SCOUT_PROMPTS, SCOUT_PROMPT_VERSION } from "./prompts";
+import type { ScoutResource } from "./types";
+
+const planSchema = z.object({
+    title: z.string(),
+    summary: z.string(),
+    objectives: z.array(z.string()).default([]),
+    difficulty: z.enum(["beginner", "intermediate", "advanced"]).default("intermediate"),
+    modules: z
+        .array(
+            z.object({
+                title: z.string(),
+                description: z.string().default(""),
+                skill: z.string().default(""),
+                tasks: z
+                    .array(
+                        z.object({
+                            title: z.string(),
+                            resourceId: z.string(),
+                            startSeconds: z.number().nullable().optional(),
+                            endSeconds: z.number().nullable().optional(),
+                            estimatedMinutes: z.number().nullable().optional(),
+                        }),
+                    )
+                    .default([]),
+            }),
+        )
+        .default([]),
+});
+
+export type ScoutPlan = z.infer<typeof planSchema>;
+
+type PlanTask = ScoutPlan["modules"][number]["tasks"][number];
+type PlanModuleInput = ScoutPlan["modules"][number];
+
+const quizSchema = z.object({
+    cards: z
+        .array(
+            z.object({
+                moduleIndex: z.number(),
+                resourceId: z.string(),
+                prompt: z.string(),
+                answer: z.string(),
+                atSeconds: z.number().nullable().optional(),
+                quote: z.string(),
+            }),
+        )
+        .default([]),
+});
+
+type ScoutQuizPlan = z.infer<typeof quizSchema>;
+
+interface PlanModule {
+    title: string;
+    description: string;
+    skill: string;
+    resourceIds: string[];
+    tasks: Array<{
+        title: string;
+        resourceId: string;
+        startSeconds: number | null;
+        endSeconds: number | null;
+        estimatedMinutes: number | null;
+    }>;
+}
+
+export interface BuiltWorkspace {
+    roadmap: Roadmap;
+    quizzes: SrsItem[];
+    degraded: boolean;
+}
+
+export interface BuildWorkspaceInput {
+    packId: string;
+    goal: string;
+    resources: ScoutResource[];
+    config?: Parameters<typeof scoutGenerateObject>[0]["config"];
+}
+
+function unique<T>(values: T[]): T[] {
+    return [...new Set(values)];
+}
+
+function resourceMap(resources: ScoutResource[]) {
+    return new Map(resources.map((resource) => [resource.id, resource]));
+}
+
+function taskMinutes(resource: ScoutResource, startSeconds: number | null, endSeconds: number | null) {
+    if (resource.kind === "video" && startSeconds !== null && endSeconds !== null && endSeconds > startSeconds) {
+        return Math.max(2, Math.round((endSeconds - startSeconds) / 60));
+    }
+    if (resource.kind === "book") return 45;
+    if (resource.kind === "article" || resource.kind === "doc") return 20;
+    return 15;
+}
+
+function chapterFor(resource: ScoutResource, startSeconds: number | null) {
+    if (startSeconds === null) return null;
+    return resource.chapters.find((chapter) => chapter.startSeconds === startSeconds) ?? null;
+}
+
+function attachment(resource: ScoutResource, startSeconds: number | null): Resource | null {
+    if (resource.kind === "book") return null;
+
+    const url =
+        resource.kind === "video" && resource.externalId && startSeconds
+            ? deepLink(resource.externalId, startSeconds)
+            : resource.url;
+
+    const type: Resource["type"] =
+        resource.kind === "video" ? "video" : resource.kind === "doc" ? "doc" : "link";
+
+    return {
+        id: `link_${resource.id}_${startSeconds ?? 0}`,
+        title: resource.title,
+        url,
+        type,
+        description: resource.summary ?? resource.description ?? "",
+    };
+}
+
+function taskNotes(resource: ScoutResource, startSeconds: number | null, endSeconds: number | null) {
+    const lines: string[] = [];
+    if (resource.summary) lines.push(resource.summary);
+
+    const relevant = resource.keyPoints
+        .filter((point) => {
+            if (point.atSeconds == null) return true;
+            if (startSeconds === null) return true;
+            return point.atSeconds >= startSeconds && (endSeconds === null || point.atSeconds <= endSeconds);
+        })
+        .slice(0, 4);
+
+    for (const point of relevant) {
+        const link =
+            resource.kind === "video" && resource.externalId && point.atSeconds != null
+                ? `[${formatTimestamp(point.atSeconds)}](${deepLink(resource.externalId, point.atSeconds)})`
+                : point.atSeconds != null
+                  ? formatTimestamp(point.atSeconds)
+                  : "";
+        lines.push(`- ${link ? `${link} — ` : ""}${point.text}`);
+        if (point.quote) lines.push(`  > ${point.quote}`);
+    }
+
+    return lines.join("\n").slice(0, 2000);
+}
+
+function videoFor(resource: ScoutResource): Video | null {
+    if (resource.kind !== "video" || !resource.externalId) return null;
+    return {
+        id: `video_${resource.id}`,
+        title: resource.title,
+        url: resource.url,
+        videoId: resource.externalId,
+        platform: "youtube",
+        description: resource.summary ?? "",
+        duration: resource.durationSeconds ? `${Math.round(resource.durationSeconds / 60)} min` : undefined,
+        timestamps: resource.chapters.slice(0, 20).map((chapter) => ({
+            time: formatTimestamp(chapter.startSeconds),
+            label: chapter.title,
+        })),
+    };
+}
+
+function taskTitle(
+    resource: ScoutResource,
+    verb: "Watch" | "Read",
+    startSeconds: number | null,
+    endSeconds: number | null,
+    proposed?: string,
+) {
+    const chapter = chapterFor(resource, startSeconds);
+
+    if (verb === "Watch" && startSeconds !== null && endSeconds !== null) {
+        const label = chapter?.title ?? proposed ?? resource.title;
+        return `Watch ${label} (${formatTimestamp(startSeconds)}–${formatTimestamp(endSeconds)})`;
+    }
+
+    if (verb === "Watch" && startSeconds !== null) {
+        const label = chapter?.title ?? proposed ?? resource.title;
+        return `Watch ${label} from ${formatTimestamp(startSeconds)}`;
+    }
+
+    return proposed || `${verb} ${resource.title}`;
+}
+
+function buildTask(input: {
+    packId: string;
+    moduleIndex: number;
+    taskIndex: number;
+    resource: ScoutResource;
+    verb: "Watch" | "Read";
+    startSeconds: number | null;
+    endSeconds: number | null;
+    title?: string;
+    estimatedMinutes?: number | null;
+}) {
+    const { resource, startSeconds, endSeconds } = input;
+    const link = attachment(resource, startSeconds);
+    const minutes = input.estimatedMinutes ?? taskMinutes(resource, startSeconds, endSeconds);
+
+    const task: Task = {
+        id: `task_${input.packId}_${input.moduleIndex}_${input.taskIndex}`,
+        title: taskTitle(resource, input.verb, startSeconds, endSeconds, input.title),
+        completed: false,
+        notes: taskNotes(resource, startSeconds, endSeconds),
+        subtasks: [],
+        attachments: link ? [link] : [],
+        estimatedTime: `${Math.max(2, Math.min(300, Math.round(minutes)))} min`,
+        priority: "core",
+    };
+
+    return task;
+}
+
+function fallbackPlan(goal: string, resources: ScoutResource[]): ScoutPlan {
+    const groups = new Map<string, ScoutResource[]>();
+    for (const resource of resources) {
+        const label =
+            resource.skillTags[0] ??
+            (resource.kind === "book" ? "Reading" : resource.kind === "video" ? "Watch" : "Read");
+        const key = label.charAt(0).toUpperCase() + label.slice(1);
+        groups.set(key, [...(groups.get(key) ?? []), resource]);
+    }
+
+    const modules: PlanModuleInput[] = [...groups.entries()].slice(0, 5).map(([skill, items]): PlanModuleInput => ({
+        title: skill,
+        description: `Work through ${items.length} free resource${items.length === 1 ? "" : "s"} on ${skill.toLowerCase()}.`,
+        skill,
+        tasks: items.flatMap((resource): PlanTask[] => {
+            if (resource.kind === "book") {
+                const chapters = resource.chapters.length > 0 ? resource.chapters : [{ title: resource.title, startSeconds: 0, url: resource.url }];
+                return chapters.slice(0, 10).map((chapter) => ({
+                    title: `Read ${chapter.title}`,
+                    resourceId: resource.id,
+                    startSeconds: null,
+                    endSeconds: null,
+                    estimatedMinutes: 45,
+                }));
+            }
+            if (resource.kind === "video") {
+                if (resource.chapters.length > 0) {
+                    return resource.chapters.slice(0, 10).map((chapter) => ({
+                        title: `Watch ${chapter.title}`,
+                        resourceId: resource.id,
+                        startSeconds: chapter.startSeconds,
+                        endSeconds: chapter.endSeconds ?? null,
+                        estimatedMinutes: taskMinutes(resource, chapter.startSeconds, chapter.endSeconds ?? null),
+                    }));
+                }
+                return [
+                    {
+                        title: `Watch ${resource.title}`,
+                        resourceId: resource.id,
+                        startSeconds: null,
+                        endSeconds: null,
+                        estimatedMinutes: taskMinutes(resource, null, null),
+                    },
+                ];
+            }
+            return [
+                {
+                    title: `Read ${resource.title}`,
+                    resourceId: resource.id,
+                    startSeconds: null,
+                    endSeconds: null,
+                    estimatedMinutes: taskMinutes(resource, null, null),
+                },
+            ];
+        }),
+    }));
+
+    const skills = unique(resources.flatMap((resource) => resource.skillTags)).slice(0, 4);
+
+    return {
+        title: goal || "Your Scout workspace",
+        summary: `A practical path through ${resources.length} free resources chosen for "${goal}".`,
+        objectives: skills.map((skill) => `Practise ${skill} on a real project`),
+        difficulty: "intermediate",
+        modules,
+    };
+}
+
+function normalizeModules(plan: ScoutPlan, resources: ScoutResource[]): PlanModule[] {
+    const byId = resourceMap(resources);
+    const seen = new Set<string>();
+    const modules: PlanModule[] = [];
+
+    for (const module of plan.modules.slice(0, 6)) {
+        const tasks: PlanModule["tasks"] = [];
+        const resourceIds: string[] = [];
+
+        for (const task of module.tasks) {
+            const resource = byId.get(task.resourceId);
+            if (!resource) continue;
+
+            const proposedStart =
+                typeof task.startSeconds === "number" && Number.isFinite(task.startSeconds) && task.startSeconds >= 0
+                    ? Math.floor(task.startSeconds)
+                    : null;
+            const chapter = resource.kind === "video" ? chapterFor(resource, proposedStart) : null;
+            const startSeconds = chapter?.startSeconds ?? null;
+            const endSeconds = chapter?.endSeconds ?? null;
+
+            const key = `${resource.id}:${startSeconds ?? ""}`;
+            if (seen.has(key)) continue;
+            seen.add(key);
+
+            tasks.push({
+                title: clip(task.title, 140),
+                resourceId: resource.id,
+                startSeconds,
+                endSeconds,
+                estimatedMinutes: task.estimatedMinutes ?? null,
+            });
+            resourceIds.push(resource.id);
+        }
+
+        if (tasks.length === 0) continue;
+        modules.push({
+            title: clip(module.title || module.skill || "Module", 120),
+            description: clip(module.description ?? "", 600),
+            skill: module.skill ?? "",
+            resourceIds: unique(resourceIds),
+            tasks,
+        });
+    }
+
+    // Every approved resource must appear somewhere, even when the model
+    // forgot it. The appended module stays honest about why it exists.
+    const included = new Set(modules.flatMap(module => module.resourceIds));
+    const missing = resources.filter(resource => !included.has(resource.id));
+    if (missing.length > 0) {
+        modules.push({
+            title: "Also included",
+            description: "Resources from your approved picks that did not fit an earlier module.",
+            skill: "Additional practice",
+            resourceIds: missing.map((resource) => resource.id),
+            tasks: missing.map((resource) => ({
+                title: `${resource.kind === "video" ? "Watch" : "Read"} ${resource.title}`,
+                resourceId: resource.id,
+                startSeconds: null,
+                endSeconds: null,
+                estimatedMinutes: taskMinutes(resource, null, null),
+            })),
+        });
+    }
+
+    return modules;
+}
+
+function estimatedDuration(tasks: Task[]) {
+    const minutes = tasks.reduce((total, task) => {
+        const value = Number(task.estimatedTime?.replace(/[^0-9]/g, "") ?? 0);
+        return total + (Number.isFinite(value) ? value : 0);
+    }, 0);
+
+    if (minutes < 60) return `${minutes} min`;
+    const hours = Math.floor(minutes / 60);
+    const rest = minutes % 60;
+    return rest > 0 ? `${hours}h ${rest}m` : `${hours}h`;
+}
+
+function buildRoadmap(
+    packId: string,
+    goal: string,
+    plan: ScoutPlan,
+    modules: PlanModule[],
+    resources: ScoutResource[],
+): Roadmap {
+    const byId = resourceMap(resources);
+    const now = new Date().toISOString();
+    const sections: Roadmap["sections"] = [];
+
+    modules.forEach((module, moduleIndex) => {
+        const moduleResources = module.resourceIds.map((id) => byId.get(id)).filter((item): item is ScoutResource => Boolean(item));
+        const tasks: Task[] = [];
+
+        module.tasks.forEach((task, taskIndex) => {
+            const resource = byId.get(task.resourceId);
+            if (!resource) return;
+            tasks.push(
+                buildTask({
+                    packId,
+                    moduleIndex,
+                    taskIndex,
+                    resource,
+                    verb: resource.kind === "video" ? "Watch" : "Read",
+                    startSeconds: task.startSeconds,
+                    endSeconds: task.endSeconds,
+                    title: task.title,
+                    estimatedMinutes: task.estimatedMinutes,
+                }),
+            );
+        });
+
+        const videos = moduleResources.map(videoFor).filter((video): video is Video => Boolean(video));
+        const links = moduleResources
+            .map((resource) => attachment(resource, resource.kind === "video" ? (resource.chapters[0]?.startSeconds ?? null) : null))
+            .filter((link): link is Resource => Boolean(link));
+
+        const section: ModuleSection = {
+            id: `sec_${packId}_m${moduleIndex}`,
+            title: module.title,
+            order: moduleIndex,
+            type: "module",
+            metadata: {
+                estimatedDuration: estimatedDuration(tasks),
+                taskCount: tasks.length,
+                keyOutcome: module.skill || undefined,
+            },
+            data: {
+                description: module.description,
+                estimatedTime: estimatedDuration(tasks),
+                concepts: moduleResources.flatMap((resource) => resource.skillTags).slice(0, 10).join(", "),
+                objectives: module.skill ? [`Practise ${module.skill}`] : [],
+                notes: module.skill,
+                tasks,
+                resources: links,
+                videos,
+                completed: false,
+            },
+        };
+
+        sections.push(section);
+    });
+
+    const allTasks = sections.flatMap((section) => (section.type === "module" ? section.data.tasks : []));
+
+    const notes: NoteSection = {
+        id: `sec_${packId}_notes`,
+        title: "Scout notes",
+        order: sections.length,
+        type: "notes",
+        metadata: { taskCount: 0 },
+        data: resources.map((resource, index) => {
+            const body = [
+                resource.summary ?? "",
+                "",
+                ...resource.keyPoints.slice(0, 5).map((point) => {
+                    const stamp =
+                        resource.kind === "video" && resource.externalId && point.atSeconds != null
+                            ? `[${formatTimestamp(point.atSeconds)}](${deepLink(resource.externalId, point.atSeconds)}) — `
+                            : "";
+                    return `- ${stamp}${point.text}${point.quote ? `\n  > ${point.quote}` : ""}`;
+                }),
+            ]
+                .join("\n")
+                .trim();
+
+            const note: Note = {
+                id: `note_${packId}_${index}`,
+                title: resource.title,
+                content: body || "No notes were extracted for this resource.",
+                createdAt: now,
+                updatedAt: now,
+            };
+            return note;
+        }),
+    };
+    sections.push(notes);
+
+    const allLinks = resources
+        .map((resource) =>
+            attachment(resource, resource.kind === "video" ? (resource.chapters[0]?.startSeconds ?? null) : null),
+        )
+        .filter((link): link is Resource => Boolean(link));
+
+    if (allLinks.length > 0) {
+        const resourceSection: ResourceSection = {
+            id: `sec_${packId}_resources`,
+            title: "Resources",
+            order: sections.length,
+            type: "resources",
+            metadata: { taskCount: 0 },
+            data: allLinks,
+        };
+        sections.push(resourceSection);
+    }
+
+    const summary = clip(plan.summary, 900);
+    const objectives = plan.objectives.map((objective) => clip(objective, 140)).filter(Boolean).slice(0, 6);
+
+    return {
+        id: `rm_${packId}`,
+        title: clip(plan.title || goal, 140),
+        mode: "general",
+        summary,
+        objectives,
+        sections,
+        rawContent: [
+            `# ${plan.title || goal}`,
+            "",
+            summary,
+            "",
+            ...modules.map((module, index) => `## ${index + 1}. ${module.title}\n\n${module.description}`),
+        ].join("\n"),
+        createdAt: now,
+        updatedAt: now,
+        contentType: "curriculum",
+        detectedContext: "scout",
+        totalEstimatedDuration: estimatedDuration(allTasks),
+        difficulty: plan.difficulty,
+        goal,
+        packVersion: `scout-${SCOUT_PROMPT_VERSION}`,
+    };
+}
+
+function deterministicQuizzes(roadmapId: string, packId: string, modules: ModuleSection[], resources: ScoutResource[]): SrsItem[] {
+    const byId = resourceMap(resources);
+    const cards: SrsItem[] = [];
+    const now = Date.now();
+
+    for (const module of modules) {
+        let moduleCards = 0;
+
+        for (const resource of byId.values()) {
+            if (moduleCards >= 2) break;
+            if (!module.data.tasks.some((task) => task.attachments.some((link) => link.id.includes(resource.id)))) continue;
+
+            for (const point of resource.keyPoints) {
+                if (moduleCards >= 2) break;
+                if (!point.quote || point.quote.length < 12) continue;
+
+                cards.push({
+                    id: `srs_${packId}_${cards.length}`,
+                    roadmapId,
+                    sectionId: module.id,
+                    prompt: `In your own words: ${clip(point.text, 180)}`,
+                    answer: point.quote,
+                    source: { url: resource.url, seconds: point.atSeconds ?? undefined, quote: point.quote, taskId: module.data.tasks.find(task => task.attachments.some(link => link.id.includes(resource.id)))?.id },
+                    easeFactor: 2.5,
+                    intervalDays: 0,
+                    repetitions: 0,
+                    dueAt: new Date(now + (cards.length < 3 ? 0 : 24 * 3600_000)).toISOString(),
+                    lastReviewedAt: null,
+                });
+                moduleCards += 1;
+            }
+        }
+    }
+
+    return cards;
+}
+
+function validateQuizCards(
+    plan: ScoutQuizPlan,
+    modules: ModuleSection[],
+    resources: ScoutResource[],
+    roadmapId: string,
+): SrsItem[] {
+    const byId = resourceMap(resources);
+    const now = Date.now();
+    const cards: SrsItem[] = [];
+
+    for (const card of plan.cards) {
+        const module = modules[card.moduleIndex];
+        const resource = byId.get(card.resourceId);
+        if (!module || !resource) continue;
+
+        const quote = clip(card.quote, 400);
+        if (quote.length < 12) continue;
+
+        const source = [
+            resource.summary ?? "",
+            ...resource.keyPoints.map((point) => `${point.text} ${point.quote ?? ""}`),
+            ...resource.chapters.map((chapter) => chapter.title),
+        ].join("\n");
+
+        if (!quoteAppearsIn(quote, source)) continue;
+
+        const point = resource.keyPoints.find((item) => item.quote && quoteAppearsIn(quote, item.quote));
+        if (!point) continue;
+        const atSeconds = point.atSeconds ?? null;
+
+        cards.push({
+            id: `srs_${resource.id}_${cards.length}`,
+            source: { url: resource.url, seconds: atSeconds ?? undefined, quote, taskId: module.data.tasks.find(task => task.attachments.some(link => link.id.includes(resource.id)))?.id },
+            roadmapId,
+            sectionId: module.id,
+            prompt: clip(card.prompt, 240),
+            answer: atSeconds === null ? clip(card.answer, 500) : `${clip(card.answer, 460)} — ${formatTimestamp(atSeconds)}`,
+            easeFactor: 2.5,
+            intervalDays: 0,
+            repetitions: 0,
+            dueAt: new Date(now + (cards.length < 3 ? 0 : 24 * 3600_000)).toISOString(),
+            lastReviewedAt: null,
+        });
+    }
+
+    return cards.slice(0, 12);
+}
+
+/**
+ * Builds the roadmap and review cards from approved resources. The model gets
+ * one shot; anything it returns is checked against the resources before it is
+ * allowed into the workspace.
+ */
+export async function buildWorkspace(input: BuildWorkspaceInput): Promise<BuiltWorkspace> {
+    const resources = input.resources.slice(0, 14);
+    if (resources.length === 0) throw new Error("No approved resources to build from");
+
+    const payload = {
+        goal: input.goal,
+        resources: resources.map((resource) => ({
+            id: resource.id,
+            title: resource.title,
+            creator: resource.creator ?? null,
+            kind: resource.kind,
+            durationSeconds: resource.durationSeconds ?? null,
+            summary: clip(resource.summary ?? "", 500),
+            skills: resource.skillTags,
+            chapters: resource.chapters.slice(0, 14).map((chapter) => ({
+                title: chapter.title,
+                startSeconds: chapter.startSeconds,
+                endSeconds: chapter.endSeconds ?? null,
+            })),
+            keyPoints: resource.keyPoints.slice(0, 3).map((point) => ({
+                text: point.text,
+                atSeconds: point.atSeconds ?? null,
+            })),
+        })),
+    };
+
+    let plan: ScoutPlan;
+    let degraded = false;
+
+    try {
+        const result = await scoutGenerateObject({
+            packId: input.packId,
+            schema: planSchema,
+            system: SCOUT_PROMPTS.plan.body,
+            prompt: JSON.stringify(payload),
+            config: input.config,
+        });
+        plan = result.object;
+    } catch (error) {
+        if (error instanceof ScoutError) throw error;
+        console.warn("[scout] plan generation degraded:", error instanceof Error ? error.message : error);
+        plan = fallbackPlan(input.goal, resources);
+        degraded = true;
+    }
+
+    if (plan.modules.length === 0) {
+        plan = fallbackPlan(input.goal, resources);
+        degraded = true;
+    }
+
+    const modules = normalizeModules(plan, resources);
+    const roadmap = buildRoadmap(input.packId, input.goal, plan, modules, resources);
+    const moduleSections = roadmap.sections.filter((section): section is ModuleSection => section.type === "module");
+
+    let quizzes: SrsItem[] = [];
+    try {
+        const moduleInput = moduleSections.map((section, index) => ({
+            index,
+            title: section.title,
+            resources: unique(section.data.tasks.flatMap((task) => task.attachments.map((link) => link.title))).slice(0, 4),
+            keyPoints: resources
+                .filter((resource) => section.data.tasks.some((task) => task.attachments.some((link) => link.id.includes(resource.id))))
+                .flatMap((resource) =>
+                    resource.keyPoints
+                        .filter((point) => point.quote)
+                        .slice(0, 3)
+                        .map((point) => ({
+                            resourceId: resource.id,
+                            text: point.text,
+                            atSeconds: point.atSeconds ?? null,
+                            quote: point.quote,
+                        })),
+                )
+                .slice(0, 8),
+        }));
+
+        const result = await scoutGenerateObject({
+            packId: input.packId,
+            schema: quizSchema,
+            system: SCOUT_PROMPTS.quiz.body,
+            prompt: JSON.stringify({ goal: input.goal, modules: moduleInput }),
+            config: input.config,
+        });
+        quizzes = validateQuizCards(result.object, moduleSections, resources, roadmap.id);
+    } catch (error) {
+        console.warn("[scout] quiz generation degraded:", error instanceof Error ? error.message : error);
+    }
+
+    if (quizzes.length === 0) quizzes = deterministicQuizzes(roadmap.id, input.packId, moduleSections, resources);
+
+    return { roadmap, quizzes, degraded };
+}
diff --git a/src/lib/scout/prompts.ts b/src/lib/scout/prompts.ts
new file mode 100644
index 0000000..7750ce6
--- /dev/null
+++ b/src/lib/scout/prompts.ts
@@ -0,0 +1,41 @@
+import extractRaw from "../../../prompts/scout/extract.v1.md?raw";
+import planRaw from "../../../prompts/scout/plan.v1.md?raw";
+import quizRaw from "../../../prompts/scout/quiz.v1.md?raw";
+import bookRaw from "../../../prompts/scout/book.v1.md?raw";
+
+export interface ScoutPrompt {
+    version: number;
+    purpose: string;
+    body: string;
+}
+
+function parsePrompt(raw: string): ScoutPrompt {
+    const match = raw.match(/^---\r?\n([\s\S]*?)\r?\n---\r?\n?([\s\S]*)$/);
+    if (!match) return { version: 1, purpose: "", body: raw.trim() };
+
+    const frontmatter = match[1];
+    const read = (key: string) => frontmatter.match(new RegExp(`^${key}:\\s*(.+)$`, "m"))?.[1]?.trim() ?? "";
+
+    return {
+        version: Number(read("version")) || 1,
+        purpose: read("purpose"),
+        body: match[2].trim(),
+    };
+}
+
+/**
+ * Prompts live in prompts/scout/*.v1.md so a change is reviewable in a diff.
+ * Bump the filename when the contract changes.
+ */
+export const SCOUT_PROMPTS = {
+    extract: parsePrompt(extractRaw),
+    plan: parsePrompt(planRaw),
+    quiz: parsePrompt(quizRaw),
+    book: parsePrompt(bookRaw),
+} as const;
+
+export const SCOUT_PROMPT_VERSION = [
+    `extract.v${SCOUT_PROMPTS.extract.version}`,
+    `plan.v${SCOUT_PROMPTS.plan.version}`,
+    `quiz.v${SCOUT_PROMPTS.quiz.version}`,
+].join("+");
diff --git a/src/lib/scout/runner.ts b/src/lib/scout/runner.ts
new file mode 100644
index 0000000..fbd689a
--- /dev/null
+++ b/src/lib/scout/runner.ts
@@ -0,0 +1,134 @@
+import { claimNextJob, completeJob, countJobs, deferJob, failJob, recoverStaleJobs, enqueueJob, hasQueuedJob, JobDeferred } from "./jobs";
+import { getScoutSettings, markAutoCheckScheduled } from "./settings";
+import type { JobKind, JobRow } from "./types";
+
+export type JobHandler = (job: JobRow, payload: Record<string, unknown>) => Promise<unknown>;
+
+const handlers: Partial<Record<JobKind, JobHandler>> = {};
+
+export function registerJobHandler(kind: JobKind, handler: JobHandler) {
+    handlers[kind] = handler;
+}
+
+const globalKey = Symbol.for("syllo.scout.runner");
+
+type GlobalWithRunner = typeof globalThis & {
+    [globalKey]?: { started: boolean; timer?: ReturnType<typeof setTimeout>; scheduler?: ReturnType<typeof setInterval> };
+};
+
+function runnerState() {
+    const store = globalThis as GlobalWithRunner;
+    if (!store[globalKey]) store[globalKey] = { started: false };
+    return store[globalKey];
+}
+
+const POLL_MS = 1500;
+const SCHEDULER_MS = 60_000;
+
+/**
+ * Start the in-process queue loop once per process.
+ *
+ * The loop is deliberately not awaited anywhere: server functions return
+ * immediately and the UI polls the pack.
+ */
+export function ensureScoutRunner() {
+    const state = runnerState();
+    if (state.started) return;
+    state.started = true;
+
+    recoverStaleJobs();
+    void tick();
+
+    state.scheduler = setInterval(() => {
+        void scheduleNightlyCheck();
+    }, SCHEDULER_MS);
+    state.scheduler.unref?.();
+
+    void scheduleNightlyCheck();
+}
+
+async function tick() {
+    const state = runnerState();
+    if (!state.started) return;
+
+    try {
+        await runDueJobsOnce();
+    } catch (error) {
+        console.error("[scout] queue tick failed:", error);
+    }
+
+    state.timer = setTimeout(() => {
+        void tick();
+    }, POLL_MS);
+    state.timer.unref?.();
+}
+
+/** Runs every due job once. Exported so tests can drive the queue deterministically. */
+export async function runDueJobsOnce(limit = 5) {
+    for (let index = 0; index < limit; index += 1) {
+        const job = claimNextJob();
+        if (!job) return;
+
+        if (job.kind === "auto_check" && getScoutSettings().paused) {
+            deferJob(job.id, 60 * 60_000, "Scout is paused");
+            continue;
+        }
+
+        const handler = handlers[job.kind];
+        if (!handler) {
+            failJob(job.id, new Error(`No handler registered for job kind "${job.kind}"`));
+            continue;
+        }
+
+        try {
+            const payload = JSON.parse(job.payload || "{}") as Record<string, unknown>;
+            const result = await handler(job, payload);
+            completeJob(job.id, result ?? null);
+        } catch (error) {
+            if (error instanceof JobDeferred) {
+                deferJob(job.id, error.delayMs, error.message);
+                continue;
+            }
+            console.error(`[scout] job ${job.kind} (${job.id}) failed:`, error);
+            failJob(job.id, error);
+        }
+    }
+}
+
+/** Dubai has no daylight saving, so a fixed zone lookup is enough. */
+export function dubaiClock(now = new Date()) {
+    const parts = new Intl.DateTimeFormat("en-CA", {
+        timeZone: "Asia/Dubai",
+        year: "numeric",
+        month: "2-digit",
+        day: "2-digit",
+        hour: "2-digit",
+        hour12: false,
+    }).formatToParts(now);
+
+    const pick = (type: string) => parts.find((part) => part.type === type)?.value ?? "";
+    return { date: `${pick("year")}-${pick("month")}-${pick("day")}`, hour: Number(pick("hour")) };
+}
+
+/**
+ * The nightly check runs at 03:00 Asia/Dubai. The scheduler polls every
+ * minute, so anything in the 03:00 hour counts, and the stored date keeps it
+ * to one run per night.
+ */
+export async function scheduleNightlyCheck(now = new Date()) {
+    const settings = getScoutSettings();
+    if (!settings.autoCheck || settings.paused) return false;
+
+    const clock = dubaiClock(now);
+    if (clock.hour !== 3) return false;
+    if (settings.lastAutoCheckOn === clock.date) return false;
+    if (hasQueuedJob("auto_check")) return false;
+
+    enqueueJob("auto_check", { scheduledFor: clock.date });
+    markAutoCheckScheduled(clock.date);
+    return true;
+}
+
+export function runnerHealth() {
+    return { queued: countJobs("queued"), running: countJobs("running"), failed: countJobs("failed") };
+}
diff --git a/src/lib/scout/schema.sql b/src/lib/scout/schema.sql
new file mode 100644
index 0000000..994f0fc
--- /dev/null
+++ b/src/lib/scout/schema.sql
@@ -0,0 +1,112 @@
+PRAGMA journal_mode = WAL;
+PRAGMA foreign_keys = ON;
+
+CREATE TABLE IF NOT EXISTS jobs (
+    id TEXT PRIMARY KEY,
+    kind TEXT NOT NULL,
+    status TEXT NOT NULL DEFAULT 'queued',
+    payload TEXT NOT NULL DEFAULT '{}',
+    result TEXT,
+    error TEXT,
+    attempts INTEGER NOT NULL DEFAULT 0,
+    max_attempts INTEGER NOT NULL DEFAULT 3,
+    run_after TEXT NOT NULL,
+    locked_at TEXT,
+    created_at TEXT NOT NULL,
+    updated_at TEXT NOT NULL
+);
+CREATE INDEX IF NOT EXISTS jobs_claim ON jobs (status, run_after);
+
+CREATE TABLE IF NOT EXISTS packs (
+    id TEXT PRIMARY KEY,
+    goal TEXT NOT NULL,
+    status TEXT NOT NULL DEFAULT 'discovering',
+    progress INTEGER NOT NULL DEFAULT 0,
+    stage TEXT NOT NULL DEFAULT 'Discovering free resources',
+    picks TEXT NOT NULL DEFAULT '[]',
+    roadmap_id TEXT,
+    roadmap TEXT,
+    quizzes TEXT,
+    cost_cents REAL NOT NULL DEFAULT 0,
+    error TEXT,
+    created_at TEXT NOT NULL,
+    updated_at TEXT NOT NULL
+);
+
+CREATE TABLE IF NOT EXISTS resources (
+    id TEXT PRIMARY KEY,
+    kind TEXT NOT NULL,
+    source TEXT NOT NULL,
+    external_id TEXT,
+    url TEXT NOT NULL,
+    title TEXT NOT NULL,
+    creator TEXT,
+    duration_seconds INTEGER,
+    published_at TEXT,
+    thumbnail_url TEXT,
+    description TEXT,
+    summary TEXT,
+    key_points TEXT NOT NULL DEFAULT '[]',
+    skill_tags TEXT NOT NULL DEFAULT '[]',
+    chapters TEXT NOT NULL DEFAULT '[]',
+    transcript TEXT,
+    transcript_status TEXT NOT NULL DEFAULT 'pending',
+    transcript_chars INTEGER NOT NULL DEFAULT 0,
+    content_hash TEXT,
+    error TEXT,
+    created_at TEXT NOT NULL,
+    updated_at TEXT NOT NULL
+);
+CREATE UNIQUE INDEX IF NOT EXISTS resources_url ON resources (url);
+
+CREATE TABLE IF NOT EXISTS pack_resources (
+    pack_id TEXT NOT NULL REFERENCES packs (id) ON DELETE CASCADE,
+    resource_id TEXT NOT NULL REFERENCES resources (id) ON DELETE CASCADE,
+    position INTEGER NOT NULL DEFAULT 0,
+    selected INTEGER NOT NULL DEFAULT 1,
+    PRIMARY KEY (pack_id, resource_id)
+);
+
+CREATE TABLE IF NOT EXISTS sources (
+    id TEXT PRIMARY KEY,
+    kind TEXT NOT NULL,
+    label TEXT NOT NULL,
+    value TEXT NOT NULL,
+    enabled INTEGER NOT NULL DEFAULT 1,
+    meta TEXT NOT NULL DEFAULT '{}',
+    last_checked_at TEXT,
+    created_at TEXT NOT NULL
+);
+CREATE UNIQUE INDEX IF NOT EXISTS sources_kind_value ON sources (kind, value);
+
+CREATE TABLE IF NOT EXISTS scout_settings (
+    id INTEGER PRIMARY KEY CHECK (id = 1),
+    auto_check INTEGER NOT NULL DEFAULT 0,
+    paused INTEGER NOT NULL DEFAULT 0,
+    monthly_budget_cents INTEGER NOT NULL DEFAULT 500,
+    last_auto_check_on TEXT,
+    updated_at TEXT NOT NULL
+);
+
+CREATE TABLE IF NOT EXISTS spend_log (
+    id TEXT PRIMARY KEY,
+    pack_id TEXT,
+    provider TEXT,
+    model TEXT,
+    input_tokens INTEGER NOT NULL DEFAULT 0,
+    output_tokens INTEGER NOT NULL DEFAULT 0,
+    cost_cents REAL NOT NULL DEFAULT 0,
+    created_at TEXT NOT NULL
+);
+CREATE INDEX IF NOT EXISTS spend_month ON spend_log (created_at);
+
+CREATE TABLE IF NOT EXISTS channel_cache (
+    channel_id TEXT PRIMARY KEY,
+    uploads_playlist_id TEXT NOT NULL,
+    checked_at TEXT NOT NULL
+);
+
+CREATE TABLE IF NOT EXISTS scout_kv (
+    key TEXT PRIMARY KEY,
+    value TEXT NOT NULL
+);
diff --git a/src/lib/scout/settings.ts b/src/lib/scout/settings.ts
new file mode 100644
index 0000000..d697e00
--- /dev/null
+++ b/src/lib/scout/settings.ts
@@ -0,0 +1,54 @@
+import { getScoutDb, nowIso } from "./db";
+import type { ScoutSettings } from "./types";
+
+interface SettingsRow {
+    auto_check: number;
+    paused: number;
+    monthly_budget_cents: number;
+    last_auto_check_on: string | null;
+}
+
+function readRow(): SettingsRow {
+    return getScoutDb()
+        .prepare(`SELECT auto_check, paused, monthly_budget_cents, last_auto_check_on FROM scout_settings WHERE id = 1`)
+        .get() as SettingsRow;
+}
+
+export function getScoutSettings(): ScoutSettings {
+    const row = readRow();
+    return {
+        autoCheck: row.auto_check === 1,
+        paused: row.paused === 1,
+        monthlyBudgetCents: row.monthly_budget_cents,
+        lastAutoCheckOn: row.last_auto_check_on,
+    };
+}
+
+export function updateScoutSettings(patch: Partial<ScoutSettings>): ScoutSettings {
+    const current = getScoutSettings();
+    const next: ScoutSettings = { ...current, ...patch };
+
+    getScoutDb()
+        .prepare(
+            `UPDATE scout_settings SET auto_check = ?, paused = ?, monthly_budget_cents = ?, last_auto_check_on = ?, updated_at = ? WHERE id = 1`,
+        )
+        .run(
+            next.autoCheck ? 1 : 0,
+            next.paused ? 1 : 0,
+            Math.max(0, Math.round(next.monthlyBudgetCents)),
+            next.lastAutoCheckOn ?? null,
+            nowIso(),
+        );
+
+    return next;
+}
+
+export function markAutoCheckScheduled(date: string) {
+    getScoutDb()
+        .prepare(`UPDATE scout_settings SET last_auto_check_on = ?, updated_at = ? WHERE id = 1`)
+        .run(date, nowIso());
+}
+
+export function isScoutPaused() {
+    return getScoutSettings().paused;
+}
diff --git a/src/lib/scout/sources.ts b/src/lib/scout/sources.ts
new file mode 100644
index 0000000..7a5d2fd
--- /dev/null
+++ b/src/lib/scout/sources.ts
@@ -0,0 +1,81 @@
+import { getScoutDb, newId, nowIso } from "./db";
+import type { ScoutSource, ScoutSourceKind } from "./types";
+
+interface SourceRow {
+    id: string;
+    kind: string;
+    label: string;
+    value: string;
+    enabled: number;
+    meta: string;
+    last_checked_at: string | null;
+    created_at: string;
+}
+
+const KINDS: ScoutSourceKind[] = ["youtube_channel", "site", "creator", "book"];
+
+export function isSourceKind(value: unknown): value is ScoutSourceKind {
+    return typeof value === "string" && KINDS.includes(value as ScoutSourceKind);
+}
+
+function toSource(row: SourceRow): ScoutSource {
+    return {
+        id: row.id,
+        kind: row.kind as ScoutSourceKind,
+        label: row.label,
+        value: row.value,
+        enabled: row.enabled === 1,
+        lastCheckedAt: row.last_checked_at,
+        createdAt: row.created_at,
+    };
+}
+
+export function listSources(): ScoutSource[] {
+    return (getScoutDb().prepare(`SELECT * FROM sources ORDER BY created_at`).all() as SourceRow[]).map(toSource);
+}
+
+export function listEnabledSources(kind?: ScoutSourceKind): ScoutSource[] {
+    return listSources().filter((source) => source.enabled && (!kind || source.kind === kind));
+}
+
+export function addSource(input: { kind: ScoutSourceKind; label: string; value: string }): ScoutSource {
+    const db = getScoutDb();
+    const value = input.value.trim();
+    const label = input.label.trim() || value;
+    const existing = db.prepare(`SELECT * FROM sources WHERE kind = ? AND value = ?`).get(input.kind, value) as SourceRow | undefined;
+    if (existing) return toSource(existing);
+
+    const id = newId("src");
+    db.prepare(
+        `INSERT INTO sources (id, kind, label, value, enabled, meta, created_at) VALUES (?, ?, ?, ?, 1, '{}', ?)`,
+    ).run(id, input.kind, label, value, nowIso());
+
+    return toSource(db.prepare(`SELECT * FROM sources WHERE id = ?`).get(id) as SourceRow);
+}
+
+export function setSourceEnabled(id: string, enabled: boolean) {
+    return getScoutDb().prepare(`UPDATE sources SET enabled = ? WHERE id = ?`).run(enabled ? 1 : 0, id).changes > 0;
+}
+
+export function removeSource(id: string) {
+    return getScoutDb().prepare(`DELETE FROM sources WHERE id = ?`).run(id).changes > 0;
+}
+
+export function touchSource(id: string) {
+    getScoutDb().prepare(`UPDATE sources SET last_checked_at = ? WHERE id = ?`).run(nowIso(), id);
+}
+
+/**
+ * Accepts a bare @handle, a full channel URL or a channel id and returns the
+ * canonical channel id when one is already present.
+ */
+export function normalizeChannelValue(input: string): string {
+    const value = input.trim();
+    const direct = value.match(/^UC[\w-]{20,}$/);
+    if (direct) return value;
+
+    const channelUrl = value.match(/youtube\.com\/channel\/(UC[\w-]+)/i);
+    if (channelUrl) return channelUrl[1];
+
+    return value;
+}
diff --git a/src/lib/scout/spend.ts b/src/lib/scout/spend.ts
new file mode 100644
index 0000000..7be8981
--- /dev/null
+++ b/src/lib/scout/spend.ts
@@ -0,0 +1,77 @@
+import { getScoutDb, newId, nowIso } from "./db";
+
+/**
+ * Published list prices in USD per million tokens. These are estimates for
+ * the cost meter, not billing. Override with SCOUT_PRICE_* env vars when a
+ * provider changes pricing.
+ */
+const PRICES: Record<string, { input: number; output: number }> = {
+    deepseek: { input: 0.28, output: 0.42 },
+    gemini: { input: 0.1, output: 0.4 },
+    openai: { input: 2.5, output: 10 },
+    groq: { input: 0.59, output: 0.79 },
+    openrouter: { input: 0.4, output: 1.6 },
+};
+
+export interface SpendInput {
+    packId?: string | null;
+    provider: string;
+    model: string;
+    inputTokens?: number;
+    outputTokens?: number;
+}
+
+export function estimateCostCents(input: SpendInput): number {
+    // Gemini is used only with the free-only policy; provider quotas still apply.
+    if (input.provider === "gemini") return 0;
+    const price = PRICES[input.provider] ?? PRICES.deepseek;
+    const usd =
+        ((input.inputTokens ?? 0) * price.input + (input.outputTokens ?? 0) * price.output) / 1_000_000;
+    return Math.round(usd * 100 * 10_000) / 10_000;
+}
+
+export function recordSpend(input: SpendInput) {
+    const cost = estimateCostCents(input);
+    const db = getScoutDb();
+
+    db.prepare(
+        `INSERT INTO spend_log (id, pack_id, provider, model, input_tokens, output_tokens, cost_cents, created_at)
+         VALUES (?, ?, ?, ?, ?, ?, ?, ?)`,
+    ).run(
+        newId("spend"),
+        input.packId ?? null,
+        input.provider,
+        input.model,
+        input.inputTokens ?? 0,
+        input.outputTokens ?? 0,
+        cost,
+        nowIso(),
+    );
+
+    if (input.packId) {
+        db.prepare(`UPDATE packs SET cost_cents = cost_cents + ?, updated_at = ? WHERE id = ?`).run(cost, nowIso(), input.packId);
+    }
+
+    return cost;
+}
+
+function monthStartIso(now = new Date()) {
+    return new Date(Date.UTC(now.getUTCFullYear(), now.getUTCMonth(), 1)).toISOString();
+}
+
+export function monthSpendCents(now = new Date()) {
+    const row = getScoutDb()
+        .prepare(`SELECT COALESCE(SUM(cost_cents), 0) AS cents FROM spend_log WHERE created_at >= ?`)
+        .get(monthStartIso(now)) as { cents: number };
+    return row.cents;
+}
+
+export function packSpendCents(packId: string) {
+    const row = getScoutDb().prepare(`SELECT cost_cents FROM packs WHERE id = ?`).get(packId) as { cost_cents: number } | undefined;
+    return row?.cost_cents ?? 0;
+}
+
+export function hasBudget(monthlyBudgetCents: number, now = new Date()) {
+    if (monthlyBudgetCents <= 0) return true;
+    return monthSpendCents(now) < monthlyBudgetCents;
+}
diff --git a/src/lib/scout/types.ts b/src/lib/scout/types.ts
new file mode 100644
index 0000000..0c599cd
--- /dev/null
+++ b/src/lib/scout/types.ts
@@ -0,0 +1,139 @@
+/**
+ * Shared Scout types.
+ *
+ * Everything here is plain data so it can cross the API boundary. The raw
+ * transcript never leaves the server: `ScoutResource` deliberately has no
+ * transcript field.
+ */
+
+export type ScoutSourceKind = "youtube_channel" | "site" | "creator" | "book";
+
+export interface ScoutSource {
+    id: string;
+    kind: ScoutSourceKind;
+    label: string;
+    value: string;
+    enabled: boolean;
+    lastCheckedAt?: string | null;
+    createdAt: string;
+}
+
+export type ResourceKind = "video" | "article" | "doc" | "book";
+
+export type TranscriptStatus = "pending" | "ok" | "unavailable" | "skipped";
+
+export interface Chapter {
+    startSeconds: number;
+    endSeconds?: number | null;
+    title: string;
+    url: string;
+    /** True when the chapter list was suggested by the model, not supplied by the creator. */
+    suggested?: boolean;
+}
+
+export interface KeyPoint {
+    text: string;
+    atSeconds?: number | null;
+    quote?: string | null;
+}
+
+export interface ScoutResource {
+    id: string;
+    kind: ResourceKind;
+    source: string;
+    externalId?: string | null;
+    url: string;
+    title: string;
+    creator?: string | null;
+    durationSeconds?: number | null;
+    publishedAt?: string | null;
+    thumbnailUrl?: string | null;
+    description?: string | null;
+    summary?: string | null;
+    keyPoints: KeyPoint[];
+    skillTags: string[];
+    chapters: Chapter[];
+    transcriptStatus: TranscriptStatus;
+    transcriptChars: number;
+    error?: string | null;
+    createdAt: string;
+    updatedAt: string;
+    /** Per-pack selection, only present when the resource is read through a pack. */
+    approved?: boolean;
+    approvedAt?: string | null;
+}
+
+export type PackStatus = "discovering" | "processing" | "review" | "building" | "ready" | "failed";
+
+export interface ScoutPack {
+    id: string;
+    goal: string;
+    status: PackStatus;
+    progress: number;
+    stage: string;
+    picks: string[];
+    roadmapId?: string | null;
+    costCents: number;
+    error?: string | null;
+    createdAt: string;
+    updatedAt: string;
+    resources: ScoutResource[];
+}
+
+export interface ScoutSettings {
+    autoCheck: boolean;
+    paused: boolean;
+    monthlyBudgetCents: number;
+    lastAutoCheckOn?: string | null;
+}
+
+export interface SpendSummary {
+    monthCents: number;
+    budgetCents: number;
+    packCents: number;
+}
+
+export interface ScoutDigest {
+    weekOf: string;
+    newResources: number;
+    minutesWatched: number;
+    tasksCompleted: number;
+    reviewDue: number;
+    headline: string;
+    highlights: Array<{ title: string; url: string; skill?: string }>;
+}
+
+export interface ScoutAgentStatus {
+    id: "opencode" | "codex" | "claude";
+    label: string;
+    available: boolean;
+    version?: string | null;
+    command?: string | null;
+}
+
+export interface ScoutAgentConnection {
+    id: ScoutAgentStatus["id"] | "chatgpt";
+    label: string;
+    file: string;
+    snippet: string;
+    note: string;
+}
+
+export type JobKind = "discover" | "process_resource" | "build_workspace" | "auto_check";
+
+export type JobStatus = "queued" | "running" | "done" | "failed";
+
+export interface JobRow {
+    id: string;
+    kind: JobKind;
+    status: JobStatus;
+    payload: string;
+    result: string | null;
+    error: string | null;
+    attempts: number;
+    max_attempts: number;
+    run_after: string;
+    locked_at: string | null;
+    created_at: string;
+    updated_at: string;
+}
diff --git a/src/lib/server/access.ts b/src/lib/server/access.ts
new file mode 100644
index 0000000..e12f00f
--- /dev/null
+++ b/src/lib/server/access.ts
@@ -0,0 +1,20 @@
+import { ConvexHttpClient } from "convex/browser";
+import { cloudApi } from "@/lib/personal/cloud-api";
+
+/** Local mode needs no account. A connected deployment gates server APIs too. */
+export async function canAccessServer(request: Request) {
+    const url = import.meta.env.VITE_CONVEX_URL;
+    if (typeof url !== "string" || !url.trim()) return true;
+    const token = request.headers
+        .get("authorization")
+        ?.match(/^Bearer (.+)$/i)?.[1];
+    if (!token) return false;
+    try {
+        const client = new ConvexHttpClient(url);
+        client.setAuth(token);
+        await client.query(cloudApi.viewer, {});
+        return true;
+    } catch {
+        return false;
+    }
+}
diff --git a/lib/server/ai.ts b/src/lib/server/ai.ts
similarity index 100%
rename from lib/server/ai.ts
rename to src/lib/server/ai.ts
diff --git a/lib/server/auth.ts b/src/lib/server/auth.ts
similarity index 100%
rename from lib/server/auth.ts
rename to src/lib/server/auth.ts
diff --git a/lib/server/credits.ts b/src/lib/server/credits.ts
similarity index 100%
rename from lib/server/credits.ts
rename to src/lib/server/credits.ts
diff --git a/lib/server/dashboard.ts b/src/lib/server/dashboard.ts
similarity index 100%
rename from lib/server/dashboard.ts
rename to src/lib/server/dashboard.ts
diff --git a/src/lib/server/fns.ts b/src/lib/server/fns.ts
new file mode 100644
index 0000000..a7c358a
--- /dev/null
+++ b/src/lib/server/fns.ts
@@ -0,0 +1,21 @@
+import { createServerFn } from "@tanstack/react-start";
+import { listGallery } from "@/lib/server/gallery";
+import { getPublicWorkspace } from "@/lib/server/workspaces";
+
+/**
+ * Route loaders run in the browser on client-side navigation, so anything that
+ * touches the in-memory store has to cross the server-function boundary.
+ */
+export const listGalleryFn = createServerFn({ method: "GET" })
+    .validator((data: { query?: string; mode?: string; contentType?: string }) => data)
+    .handler(({ data }) =>
+        listGallery({
+            query: data.query,
+            mode: data.mode,
+            contentType: data.contentType,
+        }),
+    );
+
+export const getPublicWorkspaceFn = createServerFn({ method: "GET" })
+    .validator((data: { id: string }) => data)
+    .handler(({ data }) => getPublicWorkspace(data.id));
diff --git a/lib/server/gallery.ts b/src/lib/server/gallery.ts
similarity index 100%
rename from lib/server/gallery.ts
rename to src/lib/server/gallery.ts
diff --git a/lib/server/quiz.ts b/src/lib/server/quiz.ts
similarity index 100%
rename from lib/server/quiz.ts
rename to src/lib/server/quiz.ts
diff --git a/lib/server/roadmap-intake.ts b/src/lib/server/roadmap-intake.ts
similarity index 97%
rename from lib/server/roadmap-intake.ts
rename to src/lib/server/roadmap-intake.ts
index aa48dd0..0b921af 100644
--- a/lib/server/roadmap-intake.ts
+++ b/src/lib/server/roadmap-intake.ts
@@ -1,4 +1,3 @@
-import { NextRequest, NextResponse } from "next/server";
 import { deductCredits } from "@/lib/server/credits";
 import { generateStructuredJson, testAiConnection } from "@/lib/server/ai";
 import { getAiProviderInvalidKeyMessage, isAiProvider } from "@/lib/ai-config";
@@ -390,13 +389,13 @@ function isInvalidKeyError(error: unknown) {
     );
 }
 
-export async function handleRoadmapIntake(req: NextRequest) {
+export async function handleRoadmapIntake(req: Request) {
     try {
         const body = await req.json();
         const { content, mode, title, goal, difficulty, estimatedDuration, userApiKey, userProvider, userModel, testOnly } = body;
 
         if (!content || typeof content !== "string") {
-            return NextResponse.json(
+            return Response.json(
                 { success: false, error: "Content is required" },
                 { status: 400 }
             );
@@ -418,15 +417,15 @@ export async function handleRoadmapIntake(req: NextRequest) {
                         }
                         : undefined,
                 );
-                return NextResponse.json({ success: true, ok: true });
+                return Response.json({ success: true, ok: true });
             } catch (aiError) {
                 if (isInvalidKeyError(aiError)) {
-                    return NextResponse.json(
+                    return Response.json(
                         { success: false, error: "invalid_key", message: getAiProviderInvalidKeyMessage(sanitizedProvider) },
                         { status: 401 }
                     );
                 }
-                return NextResponse.json(
+                return Response.json(
                     {
                         success: false,
                         error: "provider_error",
@@ -447,7 +446,7 @@ export async function handleRoadmapIntake(req: NextRequest) {
             });
 
             if (!creditResult.charged && creditResult.reason === "insufficient") {
-                return NextResponse.json(
+                return Response.json(
                     {
                         error: "limit_reached",
                         plan: creditResult.status.planId,
@@ -479,7 +478,7 @@ export async function handleRoadmapIntake(req: NextRequest) {
             );
         } catch (aiError) {
             if (isInvalidKeyError(aiError)) {
-                return NextResponse.json(
+                return Response.json(
                     { success: false, error: "invalid_key", message: getAiProviderInvalidKeyMessage(sanitizedProvider) },
                     { status: 401 }
                 );
@@ -488,7 +487,7 @@ export async function handleRoadmapIntake(req: NextRequest) {
         }
 
         if (!rawContent) {
-            return NextResponse.json(
+            return Response.json(
                 { success: false, error: "AI returned an empty or invalid response structure" },
                 { status: 500 }
             );
@@ -501,7 +500,7 @@ export async function handleRoadmapIntake(req: NextRequest) {
             parsed = JSON.parse(cleaned);
         } catch (parseError) {
             console.error("Failed to parse AI JSON:", rawContent, parseError);
-            return NextResponse.json(
+            return Response.json(
                 { success: false, error: "AI response was not valid JSON" },
                 { status: 500 }
             );
@@ -509,16 +508,16 @@ export async function handleRoadmapIntake(req: NextRequest) {
 
         const normalized = normalizeRoadmapPayload(parsed, { title, mode, goal, difficulty, estimatedDuration });
         if (!normalized) {
-            return NextResponse.json(
+            return Response.json(
                 { success: false, error: "AI response did not match the roadmap schema" },
                 { status: 500 }
             );
         }
 
-        return NextResponse.json({ success: true, roadmap: normalized });
+        return Response.json({ success: true, roadmap: normalized });
     } catch (err) {
         console.error("Parse roadmap error:", err);
-        return NextResponse.json(
+        return Response.json(
             { success: false, error: "Internal server error" },
             { status: 500 }
         );
diff --git a/lib/server/settings.ts b/src/lib/server/settings.ts
similarity index 100%
rename from lib/server/settings.ts
rename to src/lib/server/settings.ts
diff --git a/lib/server/srs.ts b/src/lib/server/srs.ts
similarity index 100%
rename from lib/server/srs.ts
rename to src/lib/server/srs.ts
diff --git a/lib/server/store.ts b/src/lib/server/store.ts
similarity index 100%
rename from lib/server/store.ts
rename to src/lib/server/store.ts
diff --git a/lib/server/workspaces.ts b/src/lib/server/workspaces.ts
similarity index 100%
rename from lib/server/workspaces.ts
rename to src/lib/server/workspaces.ts
diff --git a/lib/spaced-repetition.ts b/src/lib/spaced-repetition.ts
similarity index 100%
rename from lib/spaced-repetition.ts
rename to src/lib/spaced-repetition.ts
diff --git a/lib/srs.ts b/src/lib/srs.ts
similarity index 100%
rename from lib/srs.ts
rename to src/lib/srs.ts
diff --git a/lib/storage.ts b/src/lib/storage.ts
similarity index 100%
rename from lib/storage.ts
rename to src/lib/storage.ts
diff --git a/lib/submissions-api.ts b/src/lib/submissions-api.ts
similarity index 100%
rename from lib/submissions-api.ts
rename to src/lib/submissions-api.ts
diff --git a/lib/userConfig.ts b/src/lib/userConfig.ts
similarity index 90%
rename from lib/userConfig.ts
rename to src/lib/userConfig.ts
index 8f38dab..abe21f6 100644
--- a/lib/userConfig.ts
+++ b/src/lib/userConfig.ts
@@ -24,13 +24,15 @@ function createProviderMap(defaultValue: string): ProviderMap {
     }, {} as ProviderMap);
 }
 
+const LEGACY_DEFAULT_ACCENT = "#4F7CFF";
+
 export const DEFAULT_CONFIG: UserConfig = {
     apiKeys: createProviderMap(""),
     modelByProvider: { ...DEFAULT_PROVIDER_MODELS },
     provider: "gemini",
     useCustomKey: false,
     theme: "dark",
-    accentColor: "#4F7CFF",
+    accentColor: "#4CB3F0",
     showProgressNotice: true,
     measurementStyle: "tasks",
     visualDensity: "default",
@@ -77,7 +79,12 @@ export function getUserConfig(): UserConfig {
             provider,
             useCustomKey: Boolean(parsed.useCustomKey && apiKeys[provider]),
             theme: "dark",
-            accentColor: typeof parsed.accentColor === "string" ? parsed.accentColor : DEFAULT_CONFIG.accentColor,
+            // "#4F7CFF" was the previous theme's default, saved by anyone who opened
+            // Settings; treat it as unset so they get the current default.
+            accentColor:
+                typeof parsed.accentColor === "string" && parsed.accentColor.toUpperCase() !== LEGACY_DEFAULT_ACCENT
+                    ? parsed.accentColor
+                    : DEFAULT_CONFIG.accentColor,
             showProgressNotice: parsed.showProgressNotice ?? DEFAULT_CONFIG.showProgressNotice,
             measurementStyle: (["tasks", "time", "both"] as const).includes(parsed.measurementStyle as any)
                 ? (parsed.measurementStyle as UserConfig["measurementStyle"])
diff --git a/lib/utils.ts b/src/lib/utils.ts
similarity index 100%
rename from lib/utils.ts
rename to src/lib/utils.ts
diff --git a/lib/versioning.ts b/src/lib/versioning.ts
similarity index 100%
rename from lib/versioning.ts
rename to src/lib/versioning.ts
diff --git a/lib/video-utils.ts b/src/lib/video-utils.ts
similarity index 75%
rename from lib/video-utils.ts
rename to src/lib/video-utils.ts
index f73a6d1..cdc6f7f 100644
--- a/lib/video-utils.ts
+++ b/src/lib/video-utils.ts
@@ -48,3 +48,15 @@ export function getEmbedUrl(url: string): string | null {
 export function getVideoId(url: string): string {
     return getYouTubeId(url) ?? getVimeoId(url) ?? url;
 }
+
+export function getVideoStartSeconds(value: string): number {
+    try {
+        const url = new URL(value);
+        const time = url.searchParams.get("t") || url.searchParams.get("start") || url.hash.replace(/^#t=/, "");
+        if (/^\d+(?:\.\d+)?s?$/.test(time)) return Math.max(0, Math.floor(Number.parseFloat(time)));
+        const hours = Number(time.match(/(\d+)h/)?.[1] ?? 0);
+        const minutes = Number(time.match(/(\d+)m/)?.[1] ?? 0);
+        const seconds = Number(time.match(/(\d+)s/)?.[1] ?? 0);
+        return hours * 3600 + minutes * 60 + seconds;
+    } catch { return 0; }
+}
diff --git a/lib/workspace-persistence.ts b/src/lib/workspace-persistence.ts
similarity index 92%
rename from lib/workspace-persistence.ts
rename to src/lib/workspace-persistence.ts
index 7b9922d..012fb1f 100644
--- a/lib/workspace-persistence.ts
+++ b/src/lib/workspace-persistence.ts
@@ -1,6 +1,7 @@
 import type { Roadmap, Section, SrsItem } from "@/types";
 
 export const WORKSPACE_STATE_KEY = "zns:v2:workspace-state";
+export const WORKSPACE_CHANGE_EVENT = "syllo:workspace-change";
 
 export interface WorkspaceVersion {
     versionNumber: number;
@@ -35,8 +36,13 @@ export interface WorkspaceStateAdapter {
 
 export class BrowserWorkspaceStateAdapter implements WorkspaceStateAdapter {
     read() { return typeof localStorage === "undefined" ? null : localStorage.getItem(WORKSPACE_STATE_KEY); }
-    write(value: string) { if (typeof localStorage !== "undefined") localStorage.setItem(WORKSPACE_STATE_KEY, value); }
-    clear() { if (typeof localStorage !== "undefined") localStorage.removeItem(WORKSPACE_STATE_KEY); }
+    write(value: string) {
+        if (typeof localStorage !== "undefined") {
+            localStorage.setItem(WORKSPACE_STATE_KEY, value);
+            window.dispatchEvent(new Event(WORKSPACE_CHANGE_EVENT));
+        }
+    }
+    clear() { if (typeof localStorage !== "undefined") { localStorage.removeItem(WORKSPACE_STATE_KEY); window.dispatchEvent(new Event(WORKSPACE_CHANGE_EVENT)); } }
 }
 
 export class MemoryWorkspaceStateAdapter implements WorkspaceStateAdapter {
diff --git a/lib/workspace-stats.ts b/src/lib/workspace-stats.ts
similarity index 100%
rename from lib/workspace-stats.ts
rename to src/lib/workspace-stats.ts
diff --git a/src/routeTree.gen.ts b/src/routeTree.gen.ts
new file mode 100644
index 0000000..f46f50f
--- /dev/null
+++ b/src/routeTree.gen.ts
@@ -0,0 +1,1016 @@
+/* eslint-disable */
+
+// @ts-nocheck
+
+// noinspection JSUnusedGlobalSymbols
+
+// This file was automatically generated by TanStack Router.
+// You should NOT make any changes in this file as it will be overwritten.
+// Additionally, you should also exclude this file from your linter and/or formatter to prevent it from being checked or modified.
+
+import { Route as rootRouteImport } from './routes/__root'
+import { Route as MarketingRouteImport } from './routes/_marketing'
+import { Route as StudioRouteImport } from './routes/_studio'
+import { Route as RobotsDottxtRouteImport } from './routes/robots[.]txt'
+import { Route as SitemapDotxmlRouteImport } from './routes/sitemap[.]xml'
+import { Route as MarketingIndexRouteImport } from './routes/_marketing/index'
+import { Route as MarketingContactRouteImport } from './routes/_marketing/contact'
+import { Route as MarketingGalleryRouteImport } from './routes/_marketing/gallery'
+import { Route as MarketingPricingRouteImport } from './routes/_marketing/pricing'
+import { Route as MarketingPrivacyRouteImport } from './routes/_marketing/privacy'
+import { Route as MarketingTermsRouteImport } from './routes/_marketing/terms'
+import { Route as StudioAnalyticsRouteImport } from './routes/_studio/analytics'
+import { Route as StudioCreateRouteImport } from './routes/_studio/create'
+import { Route as StudioDashboardRouteImport } from './routes/_studio/dashboard'
+import { Route as StudioLearnRouteImport } from './routes/_studio/learn'
+import { Route as StudioLibraryRouteImport } from './routes/_studio/library'
+import { Route as StudioNotesRouteImport } from './routes/_studio/notes'
+import { Route as StudioReviewsRouteImport } from './routes/_studio/reviews'
+import { Route as StudioScoutRouteImport } from './routes/_studio/scout'
+import { Route as StudioSettingsRouteImport } from './routes/_studio/settings'
+import { Route as StudioWorkspacesRouteImport } from './routes/_studio/workspaces'
+import { Route as ApiParseRoadmapRouteImport } from './routes/api/parse-roadmap'
+import { Route as EmbedIdRouteImport } from './routes/embed.$id'
+import { Route as ShareIdRouteImport } from './routes/share.$id'
+import { Route as WorkspaceIdRouteImport } from './routes/workspace.$id'
+import { Route as StudioReadIdRouteImport } from './routes/_studio/read.$id'
+import { Route as ApiCreditsStatusRouteImport } from './routes/api/credits/status'
+import { Route as ApiDashboardCoachingRouteImport } from './routes/api/dashboard/coaching'
+import { Route as ApiDashboardReviewRouteImport } from './routes/api/dashboard/review'
+import { Route as ApiGalleryForkRouteImport } from './routes/api/gallery/fork'
+import { Route as ApiGalleryListRouteImport } from './routes/api/gallery/list'
+import { Route as ApiGallerySetPublicRouteImport } from './routes/api/gallery/set-public'
+import { Route as ApiQuizGenerateRouteImport } from './routes/api/quiz/generate'
+import { Route as ApiScoutAgentsRouteImport } from './routes/api/scout/agents'
+import { Route as ApiScoutDigestRouteImport } from './routes/api/scout/digest'
+import { Route as ApiScoutRecentRouteImport } from './routes/api/scout/recent'
+import { Route as ApiScoutResourcesRouteImport } from './routes/api/scout/resources'
+import { Route as ApiScoutSettingsRouteImport } from './routes/api/scout/settings'
+import { Route as ApiScoutSourcesRouteImport } from './routes/api/scout/sources'
+import { Route as ApiScoutStartRouteImport } from './routes/api/scout/start'
+import { Route as ApiSettingsDeleteRouteImport } from './routes/api/settings/delete'
+import { Route as ApiSettingsExportRouteImport } from './routes/api/settings/export'
+import { Route as ApiSettingsPrivacyRouteImport } from './routes/api/settings/privacy'
+import { Route as ApiSrsSaveRouteImport } from './routes/api/srs/save'
+import { Route as ApiScoutPacksIdRouteImport } from './routes/api/scout/packs.$id'
+import { Route as ApiScoutPacksIdApproveRouteImport } from './routes/api/scout/packs.$id.approve'
+
+const MarketingRoute = MarketingRouteImport.update({
+  id: '/_marketing',
+  getParentRoute: () => rootRouteImport,
+} as any)
+const StudioRoute = StudioRouteImport.update({
+  id: '/_studio',
+  getParentRoute: () => rootRouteImport,
+} as any)
+const RobotsDottxtRoute = RobotsDottxtRouteImport.update({
+  id: '/robots.txt',
+  path: '/robots.txt',
+  getParentRoute: () => rootRouteImport,
+} as any)
+const SitemapDotxmlRoute = SitemapDotxmlRouteImport.update({
+  id: '/sitemap.xml',
+  path: '/sitemap.xml',
+  getParentRoute: () => rootRouteImport,
+} as any)
+const MarketingIndexRoute = MarketingIndexRouteImport.update({
+  id: '/',
+  path: '/',
+  getParentRoute: () => MarketingRoute,
+} as any)
+const MarketingContactRoute = MarketingContactRouteImport.update({
+  id: '/contact',
+  path: '/contact',
+  getParentRoute: () => MarketingRoute,
+} as any)
+const MarketingGalleryRoute = MarketingGalleryRouteImport.update({
+  id: '/gallery',
+  path: '/gallery',
+  getParentRoute: () => MarketingRoute,
+} as any)
+const MarketingPricingRoute = MarketingPricingRouteImport.update({
+  id: '/pricing',
+  path: '/pricing',
+  getParentRoute: () => MarketingRoute,
+} as any)
+const MarketingPrivacyRoute = MarketingPrivacyRouteImport.update({
+  id: '/privacy',
+  path: '/privacy',
+  getParentRoute: () => MarketingRoute,
+} as any)
+const MarketingTermsRoute = MarketingTermsRouteImport.update({
+  id: '/terms',
+  path: '/terms',
+  getParentRoute: () => MarketingRoute,
+} as any)
+const StudioAnalyticsRoute = StudioAnalyticsRouteImport.update({
+  id: '/analytics',
+  path: '/analytics',
+  getParentRoute: () => StudioRoute,
+} as any)
+const StudioCreateRoute = StudioCreateRouteImport.update({
+  id: '/create',
+  path: '/create',
+  getParentRoute: () => StudioRoute,
+} as any)
+const StudioDashboardRoute = StudioDashboardRouteImport.update({
+  id: '/dashboard',
+  path: '/dashboard',
+  getParentRoute: () => StudioRoute,
+} as any)
+const StudioLearnRoute = StudioLearnRouteImport.update({
+  id: '/learn',
+  path: '/learn',
+  getParentRoute: () => StudioRoute,
+} as any)
+const StudioLibraryRoute = StudioLibraryRouteImport.update({
+  id: '/library',
+  path: '/library',
+  getParentRoute: () => StudioRoute,
+} as any)
+const StudioNotesRoute = StudioNotesRouteImport.update({
+  id: '/notes',
+  path: '/notes',
+  getParentRoute: () => StudioRoute,
+} as any)
+const StudioReviewsRoute = StudioReviewsRouteImport.update({
+  id: '/reviews',
+  path: '/reviews',
+  getParentRoute: () => StudioRoute,
+} as any)
+const StudioScoutRoute = StudioScoutRouteImport.update({
+  id: '/scout',
+  path: '/scout',
+  getParentRoute: () => StudioRoute,
+} as any)
+const StudioSettingsRoute = StudioSettingsRouteImport.update({
+  id: '/settings',
+  path: '/settings',
+  getParentRoute: () => StudioRoute,
+} as any)
+const StudioWorkspacesRoute = StudioWorkspacesRouteImport.update({
+  id: '/workspaces',
+  path: '/workspaces',
+  getParentRoute: () => StudioRoute,
+} as any)
+const ApiParseRoadmapRoute = ApiParseRoadmapRouteImport.update({
+  id: '/api/parse-roadmap',
+  path: '/api/parse-roadmap',
+  getParentRoute: () => rootRouteImport,
+} as any)
+const EmbedIdRoute = EmbedIdRouteImport.update({
+  id: '/embed/$id',
+  path: '/embed/$id',
+  getParentRoute: () => rootRouteImport,
+} as any)
+const ShareIdRoute = ShareIdRouteImport.update({
+  id: '/share/$id',
+  path: '/share/$id',
+  getParentRoute: () => rootRouteImport,
+} as any)
+const WorkspaceIdRoute = WorkspaceIdRouteImport.update({
+  id: '/workspace/$id',
+  path: '/workspace/$id',
+  getParentRoute: () => rootRouteImport,
+} as any)
+const StudioReadIdRoute = StudioReadIdRouteImport.update({
+  id: '/read/$id',
+  path: '/read/$id',
+  getParentRoute: () => StudioRoute,
+} as any)
+const ApiCreditsStatusRoute = ApiCreditsStatusRouteImport.update({
+  id: '/api/credits/status',
+  path: '/api/credits/status',
+  getParentRoute: () => rootRouteImport,
+} as any)
+const ApiDashboardCoachingRoute = ApiDashboardCoachingRouteImport.update({
+  id: '/api/dashboard/coaching',
+  path: '/api/dashboard/coaching',
+  getParentRoute: () => rootRouteImport,
+} as any)
+const ApiDashboardReviewRoute = ApiDashboardReviewRouteImport.update({
+  id: '/api/dashboard/review',
+  path: '/api/dashboard/review',
+  getParentRoute: () => rootRouteImport,
+} as any)
+const ApiGalleryForkRoute = ApiGalleryForkRouteImport.update({
+  id: '/api/gallery/fork',
+  path: '/api/gallery/fork',
+  getParentRoute: () => rootRouteImport,
+} as any)
+const ApiGalleryListRoute = ApiGalleryListRouteImport.update({
+  id: '/api/gallery/list',
+  path: '/api/gallery/list',
+  getParentRoute: () => rootRouteImport,
+} as any)
+const ApiGallerySetPublicRoute = ApiGallerySetPublicRouteImport.update({
+  id: '/api/gallery/set-public',
+  path: '/api/gallery/set-public',
+  getParentRoute: () => rootRouteImport,
+} as any)
+const ApiQuizGenerateRoute = ApiQuizGenerateRouteImport.update({
+  id: '/api/quiz/generate',
+  path: '/api/quiz/generate',
+  getParentRoute: () => rootRouteImport,
+} as any)
+const ApiScoutAgentsRoute = ApiScoutAgentsRouteImport.update({
+  id: '/api/scout/agents',
+  path: '/api/scout/agents',
+  getParentRoute: () => rootRouteImport,
+} as any)
+const ApiScoutDigestRoute = ApiScoutDigestRouteImport.update({
+  id: '/api/scout/digest',
+  path: '/api/scout/digest',
+  getParentRoute: () => rootRouteImport,
+} as any)
+const ApiScoutRecentRoute = ApiScoutRecentRouteImport.update({
+  id: '/api/scout/recent',
+  path: '/api/scout/recent',
+  getParentRoute: () => rootRouteImport,
+} as any)
+const ApiScoutResourcesRoute = ApiScoutResourcesRouteImport.update({
+  id: '/api/scout/resources',
+  path: '/api/scout/resources',
+  getParentRoute: () => rootRouteImport,
+} as any)
+const ApiScoutSettingsRoute = ApiScoutSettingsRouteImport.update({
+  id: '/api/scout/settings',
+  path: '/api/scout/settings',
+  getParentRoute: () => rootRouteImport,
+} as any)
+const ApiScoutSourcesRoute = ApiScoutSourcesRouteImport.update({
+  id: '/api/scout/sources',
+  path: '/api/scout/sources',
+  getParentRoute: () => rootRouteImport,
+} as any)
+const ApiScoutStartRoute = ApiScoutStartRouteImport.update({
+  id: '/api/scout/start',
+  path: '/api/scout/start',
+  getParentRoute: () => rootRouteImport,
+} as any)
+const ApiSettingsDeleteRoute = ApiSettingsDeleteRouteImport.update({
+  id: '/api/settings/delete',
+  path: '/api/settings/delete',
+  getParentRoute: () => rootRouteImport,
+} as any)
+const ApiSettingsExportRoute = ApiSettingsExportRouteImport.update({
+  id: '/api/settings/export',
+  path: '/api/settings/export',
+  getParentRoute: () => rootRouteImport,
+} as any)
+const ApiSettingsPrivacyRoute = ApiSettingsPrivacyRouteImport.update({
+  id: '/api/settings/privacy',
+  path: '/api/settings/privacy',
+  getParentRoute: () => rootRouteImport,
+} as any)
+const ApiSrsSaveRoute = ApiSrsSaveRouteImport.update({
+  id: '/api/srs/save',
+  path: '/api/srs/save',
+  getParentRoute: () => rootRouteImport,
+} as any)
+const ApiScoutPacksIdRoute = ApiScoutPacksIdRouteImport.update({
+  id: '/api/scout/packs/$id',
+  path: '/api/scout/packs/$id',
+  getParentRoute: () => rootRouteImport,
+} as any)
+const ApiScoutPacksIdApproveRoute = ApiScoutPacksIdApproveRouteImport.update({
+  id: '/approve',
+  path: '/approve',
+  getParentRoute: () => ApiScoutPacksIdRoute,
+} as any)
+
+export interface FileRoutesByFullPath {
+  '/': typeof MarketingIndexRoute
+  '/robots.txt': typeof RobotsDottxtRoute
+  '/sitemap.xml': typeof SitemapDotxmlRoute
+  '/contact': typeof MarketingContactRoute
+  '/gallery': typeof MarketingGalleryRoute
+  '/pricing': typeof MarketingPricingRoute
+  '/privacy': typeof MarketingPrivacyRoute
+  '/terms': typeof MarketingTermsRoute
+  '/analytics': typeof StudioAnalyticsRoute
+  '/create': typeof StudioCreateRoute
+  '/dashboard': typeof StudioDashboardRoute
+  '/learn': typeof StudioLearnRoute
+  '/library': typeof StudioLibraryRoute
+  '/notes': typeof StudioNotesRoute
+  '/reviews': typeof StudioReviewsRoute
+  '/scout': typeof StudioScoutRoute
+  '/settings': typeof StudioSettingsRoute
+  '/workspaces': typeof StudioWorkspacesRoute
+  '/api/parse-roadmap': typeof ApiParseRoadmapRoute
+  '/embed/$id': typeof EmbedIdRoute
+  '/share/$id': typeof ShareIdRoute
+  '/workspace/$id': typeof WorkspaceIdRoute
+  '/read/$id': typeof StudioReadIdRoute
+  '/api/credits/status': typeof ApiCreditsStatusRoute
+  '/api/dashboard/coaching': typeof ApiDashboardCoachingRoute
+  '/api/dashboard/review': typeof ApiDashboardReviewRoute
+  '/api/gallery/fork': typeof ApiGalleryForkRoute
+  '/api/gallery/list': typeof ApiGalleryListRoute
+  '/api/gallery/set-public': typeof ApiGallerySetPublicRoute
+  '/api/quiz/generate': typeof ApiQuizGenerateRoute
+  '/api/scout/agents': typeof ApiScoutAgentsRoute
+  '/api/scout/digest': typeof ApiScoutDigestRoute
+  '/api/scout/recent': typeof ApiScoutRecentRoute
+  '/api/scout/resources': typeof ApiScoutResourcesRoute
+  '/api/scout/settings': typeof ApiScoutSettingsRoute
+  '/api/scout/sources': typeof ApiScoutSourcesRoute
+  '/api/scout/start': typeof ApiScoutStartRoute
+  '/api/settings/delete': typeof ApiSettingsDeleteRoute
+  '/api/settings/export': typeof ApiSettingsExportRoute
+  '/api/settings/privacy': typeof ApiSettingsPrivacyRoute
+  '/api/srs/save': typeof ApiSrsSaveRoute
+  '/api/scout/packs/$id': typeof ApiScoutPacksIdRouteWithChildren
+  '/api/scout/packs/$id/approve': typeof ApiScoutPacksIdApproveRoute
+}
+export interface FileRoutesByTo {
+  '/': typeof MarketingIndexRoute
+  '/robots.txt': typeof RobotsDottxtRoute
+  '/sitemap.xml': typeof SitemapDotxmlRoute
+  '/contact': typeof MarketingContactRoute
+  '/gallery': typeof MarketingGalleryRoute
+  '/pricing': typeof MarketingPricingRoute
+  '/privacy': typeof MarketingPrivacyRoute
+  '/terms': typeof MarketingTermsRoute
+  '/analytics': typeof StudioAnalyticsRoute
+  '/create': typeof StudioCreateRoute
+  '/dashboard': typeof StudioDashboardRoute
+  '/learn': typeof StudioLearnRoute
+  '/library': typeof StudioLibraryRoute
+  '/notes': typeof StudioNotesRoute
+  '/reviews': typeof StudioReviewsRoute
+  '/scout': typeof StudioScoutRoute
+  '/settings': typeof StudioSettingsRoute
+  '/workspaces': typeof StudioWorkspacesRoute
+  '/api/parse-roadmap': typeof ApiParseRoadmapRoute
+  '/embed/$id': typeof EmbedIdRoute
+  '/share/$id': typeof ShareIdRoute
+  '/workspace/$id': typeof WorkspaceIdRoute
+  '/read/$id': typeof StudioReadIdRoute
+  '/api/credits/status': typeof ApiCreditsStatusRoute
+  '/api/dashboard/coaching': typeof ApiDashboardCoachingRoute
+  '/api/dashboard/review': typeof ApiDashboardReviewRoute
+  '/api/gallery/fork': typeof ApiGalleryForkRoute
+  '/api/gallery/list': typeof ApiGalleryListRoute
+  '/api/gallery/set-public': typeof ApiGallerySetPublicRoute
+  '/api/quiz/generate': typeof ApiQuizGenerateRoute
+  '/api/scout/agents': typeof ApiScoutAgentsRoute
+  '/api/scout/digest': typeof ApiScoutDigestRoute
+  '/api/scout/recent': typeof ApiScoutRecentRoute
+  '/api/scout/resources': typeof ApiScoutResourcesRoute
+  '/api/scout/settings': typeof ApiScoutSettingsRoute
+  '/api/scout/sources': typeof ApiScoutSourcesRoute
+  '/api/scout/start': typeof ApiScoutStartRoute
+  '/api/settings/delete': typeof ApiSettingsDeleteRoute
+  '/api/settings/export': typeof ApiSettingsExportRoute
+  '/api/settings/privacy': typeof ApiSettingsPrivacyRoute
+  '/api/srs/save': typeof ApiSrsSaveRoute
+  '/api/scout/packs/$id': typeof ApiScoutPacksIdRouteWithChildren
+  '/api/scout/packs/$id/approve': typeof ApiScoutPacksIdApproveRoute
+}
+export interface FileRoutesById {
+  __root__: typeof rootRouteImport
+  '/_marketing': typeof MarketingRouteWithChildren
+  '/_studio': typeof StudioRouteWithChildren
+  '/robots.txt': typeof RobotsDottxtRoute
+  '/sitemap.xml': typeof SitemapDotxmlRoute
+  '/_marketing/contact': typeof MarketingContactRoute
+  '/_marketing/gallery': typeof MarketingGalleryRoute
+  '/_marketing/pricing': typeof MarketingPricingRoute
+  '/_marketing/privacy': typeof MarketingPrivacyRoute
+  '/_marketing/terms': typeof MarketingTermsRoute
+  '/_studio/analytics': typeof StudioAnalyticsRoute
+  '/_studio/create': typeof StudioCreateRoute
+  '/_studio/dashboard': typeof StudioDashboardRoute
+  '/_studio/learn': typeof StudioLearnRoute
+  '/_studio/library': typeof StudioLibraryRoute
+  '/_studio/notes': typeof StudioNotesRoute
+  '/_studio/reviews': typeof StudioReviewsRoute
+  '/_studio/scout': typeof StudioScoutRoute
+  '/_studio/settings': typeof StudioSettingsRoute
+  '/_studio/workspaces': typeof StudioWorkspacesRoute
+  '/api/parse-roadmap': typeof ApiParseRoadmapRoute
+  '/embed/$id': typeof EmbedIdRoute
+  '/share/$id': typeof ShareIdRoute
+  '/workspace/$id': typeof WorkspaceIdRoute
+  '/_marketing/': typeof MarketingIndexRoute
+  '/_studio/read/$id': typeof StudioReadIdRoute
+  '/api/credits/status': typeof ApiCreditsStatusRoute
+  '/api/dashboard/coaching': typeof ApiDashboardCoachingRoute
+  '/api/dashboard/review': typeof ApiDashboardReviewRoute
+  '/api/gallery/fork': typeof ApiGalleryForkRoute
+  '/api/gallery/list': typeof ApiGalleryListRoute
+  '/api/gallery/set-public': typeof ApiGallerySetPublicRoute
+  '/api/quiz/generate': typeof ApiQuizGenerateRoute
+  '/api/scout/agents': typeof ApiScoutAgentsRoute
+  '/api/scout/digest': typeof ApiScoutDigestRoute
+  '/api/scout/recent': typeof ApiScoutRecentRoute
+  '/api/scout/resources': typeof ApiScoutResourcesRoute
+  '/api/scout/settings': typeof ApiScoutSettingsRoute
+  '/api/scout/sources': typeof ApiScoutSourcesRoute
+  '/api/scout/start': typeof ApiScoutStartRoute
+  '/api/settings/delete': typeof ApiSettingsDeleteRoute
+  '/api/settings/export': typeof ApiSettingsExportRoute
+  '/api/settings/privacy': typeof ApiSettingsPrivacyRoute
+  '/api/srs/save': typeof ApiSrsSaveRoute
+  '/api/scout/packs/$id': typeof ApiScoutPacksIdRouteWithChildren
+  '/api/scout/packs/$id/approve': typeof ApiScoutPacksIdApproveRoute
+}
+export interface FileRouteTypes {
+  fileRoutesByFullPath: FileRoutesByFullPath
+  fullPaths:
+    | '/'
+    | '/robots.txt'
+    | '/sitemap.xml'
+    | '/contact'
+    | '/gallery'
+    | '/pricing'
+    | '/privacy'
+    | '/terms'
+    | '/analytics'
+    | '/create'
+    | '/dashboard'
+    | '/learn'
+    | '/library'
+    | '/notes'
+    | '/reviews'
+    | '/scout'
+    | '/settings'
+    | '/workspaces'
+    | '/api/parse-roadmap'
+    | '/embed/$id'
+    | '/share/$id'
+    | '/workspace/$id'
+    | '/read/$id'
+    | '/api/credits/status'
+    | '/api/dashboard/coaching'
+    | '/api/dashboard/review'
+    | '/api/gallery/fork'
+    | '/api/gallery/list'
+    | '/api/gallery/set-public'
+    | '/api/quiz/generate'
+    | '/api/scout/agents'
+    | '/api/scout/digest'
+    | '/api/scout/recent'
+    | '/api/scout/resources'
+    | '/api/scout/settings'
+    | '/api/scout/sources'
+    | '/api/scout/start'
+    | '/api/settings/delete'
+    | '/api/settings/export'
+    | '/api/settings/privacy'
+    | '/api/srs/save'
+    | '/api/scout/packs/$id'
+    | '/api/scout/packs/$id/approve'
+  fileRoutesByTo: FileRoutesByTo
+  to:
+    | '/'
+    | '/robots.txt'
+    | '/sitemap.xml'
+    | '/contact'
+    | '/gallery'
+    | '/pricing'
+    | '/privacy'
+    | '/terms'
+    | '/analytics'
+    | '/create'
+    | '/dashboard'
+    | '/learn'
+    | '/library'
+    | '/notes'
+    | '/reviews'
+    | '/scout'
+    | '/settings'
+    | '/workspaces'
+    | '/api/parse-roadmap'
+    | '/embed/$id'
+    | '/share/$id'
+    | '/workspace/$id'
+    | '/read/$id'
+    | '/api/credits/status'
+    | '/api/dashboard/coaching'
+    | '/api/dashboard/review'
+    | '/api/gallery/fork'
+    | '/api/gallery/list'
+    | '/api/gallery/set-public'
+    | '/api/quiz/generate'
+    | '/api/scout/agents'
+    | '/api/scout/digest'
+    | '/api/scout/recent'
+    | '/api/scout/resources'
+    | '/api/scout/settings'
+    | '/api/scout/sources'
+    | '/api/scout/start'
+    | '/api/settings/delete'
+    | '/api/settings/export'
+    | '/api/settings/privacy'
+    | '/api/srs/save'
+    | '/api/scout/packs/$id'
+    | '/api/scout/packs/$id/approve'
+  id:
+    | '__root__'
+    | '/_marketing'
+    | '/_studio'
+    | '/robots.txt'
+    | '/sitemap.xml'
+    | '/_marketing/contact'
+    | '/_marketing/gallery'
+    | '/_marketing/pricing'
+    | '/_marketing/privacy'
+    | '/_marketing/terms'
+    | '/_studio/analytics'
+    | '/_studio/create'
+    | '/_studio/dashboard'
+    | '/_studio/learn'
+    | '/_studio/library'
+    | '/_studio/notes'
+    | '/_studio/reviews'
+    | '/_studio/scout'
+    | '/_studio/settings'
+    | '/_studio/workspaces'
+    | '/api/parse-roadmap'
+    | '/embed/$id'
+    | '/share/$id'
+    | '/workspace/$id'
+    | '/_marketing/'
+    | '/_studio/read/$id'
+    | '/api/credits/status'
+    | '/api/dashboard/coaching'
+    | '/api/dashboard/review'
+    | '/api/gallery/fork'
+    | '/api/gallery/list'
+    | '/api/gallery/set-public'
+    | '/api/quiz/generate'
+    | '/api/scout/agents'
+    | '/api/scout/digest'
+    | '/api/scout/recent'
+    | '/api/scout/resources'
+    | '/api/scout/settings'
+    | '/api/scout/sources'
+    | '/api/scout/start'
+    | '/api/settings/delete'
+    | '/api/settings/export'
+    | '/api/settings/privacy'
+    | '/api/srs/save'
+    | '/api/scout/packs/$id'
+    | '/api/scout/packs/$id/approve'
+  fileRoutesById: FileRoutesById
+}
+export interface RootRouteChildren {
+  MarketingRoute: typeof MarketingRouteWithChildren
+  StudioRoute: typeof StudioRouteWithChildren
+  RobotsDottxtRoute: typeof RobotsDottxtRoute
+  SitemapDotxmlRoute: typeof SitemapDotxmlRoute
+  ApiParseRoadmapRoute: typeof ApiParseRoadmapRoute
+  EmbedIdRoute: typeof EmbedIdRoute
+  ShareIdRoute: typeof ShareIdRoute
+  WorkspaceIdRoute: typeof WorkspaceIdRoute
+  ApiCreditsStatusRoute: typeof ApiCreditsStatusRoute
+  ApiDashboardCoachingRoute: typeof ApiDashboardCoachingRoute
+  ApiDashboardReviewRoute: typeof ApiDashboardReviewRoute
+  ApiGalleryForkRoute: typeof ApiGalleryForkRoute
+  ApiGalleryListRoute: typeof ApiGalleryListRoute
+  ApiGallerySetPublicRoute: typeof ApiGallerySetPublicRoute
+  ApiQuizGenerateRoute: typeof ApiQuizGenerateRoute
+  ApiScoutAgentsRoute: typeof ApiScoutAgentsRoute
+  ApiScoutDigestRoute: typeof ApiScoutDigestRoute
+  ApiScoutRecentRoute: typeof ApiScoutRecentRoute
+  ApiScoutResourcesRoute: typeof ApiScoutResourcesRoute
+  ApiScoutSettingsRoute: typeof ApiScoutSettingsRoute
+  ApiScoutSourcesRoute: typeof ApiScoutSourcesRoute
+  ApiScoutStartRoute: typeof ApiScoutStartRoute
+  ApiSettingsDeleteRoute: typeof ApiSettingsDeleteRoute
+  ApiSettingsExportRoute: typeof ApiSettingsExportRoute
+  ApiSettingsPrivacyRoute: typeof ApiSettingsPrivacyRoute
+  ApiSrsSaveRoute: typeof ApiSrsSaveRoute
+  ApiScoutPacksIdRoute: typeof ApiScoutPacksIdRouteWithChildren
+}
+
+declare module '@tanstack/react-router' {
+  interface FileRoutesByPath {
+    '/_marketing': {
+      id: '/_marketing'
+      path: ''
+      fullPath: '/'
+      preLoaderRoute: typeof MarketingRouteImport
+      parentRoute: typeof rootRouteImport
+    }
+    '/_studio': {
+      id: '/_studio'
+      path: ''
+      fullPath: '/'
+      preLoaderRoute: typeof StudioRouteImport
+      parentRoute: typeof rootRouteImport
+    }
+    '/robots.txt': {
+      id: '/robots.txt'
+      path: '/robots.txt'
+      fullPath: '/robots.txt'
+      preLoaderRoute: typeof RobotsDottxtRouteImport
+      parentRoute: typeof rootRouteImport
+    }
+    '/sitemap.xml': {
+      id: '/sitemap.xml'
+      path: '/sitemap.xml'
+      fullPath: '/sitemap.xml'
+      preLoaderRoute: typeof SitemapDotxmlRouteImport
+      parentRoute: typeof rootRouteImport
+    }
+    '/_marketing/': {
+      id: '/_marketing/'
+      path: '/'
+      fullPath: '/'
+      preLoaderRoute: typeof MarketingIndexRouteImport
+      parentRoute: typeof MarketingRoute
+    }
+    '/_marketing/contact': {
+      id: '/_marketing/contact'
+      path: '/contact'
+      fullPath: '/contact'
+      preLoaderRoute: typeof MarketingContactRouteImport
+      parentRoute: typeof MarketingRoute
+    }
+    '/_marketing/gallery': {
+      id: '/_marketing/gallery'
+      path: '/gallery'
+      fullPath: '/gallery'
+      preLoaderRoute: typeof MarketingGalleryRouteImport
+      parentRoute: typeof MarketingRoute
+    }
+    '/_marketing/pricing': {
+      id: '/_marketing/pricing'
+      path: '/pricing'
+      fullPath: '/pricing'
+      preLoaderRoute: typeof MarketingPricingRouteImport
+      parentRoute: typeof MarketingRoute
+    }
+    '/_marketing/privacy': {
+      id: '/_marketing/privacy'
+      path: '/privacy'
+      fullPath: '/privacy'
+      preLoaderRoute: typeof MarketingPrivacyRouteImport
+      parentRoute: typeof MarketingRoute
+    }
+    '/_marketing/terms': {
+      id: '/_marketing/terms'
+      path: '/terms'
+      fullPath: '/terms'
+      preLoaderRoute: typeof MarketingTermsRouteImport
+      parentRoute: typeof MarketingRoute
+    }
+    '/_studio/analytics': {
+      id: '/_studio/analytics'
+      path: '/analytics'
+      fullPath: '/analytics'
+      preLoaderRoute: typeof StudioAnalyticsRouteImport
+      parentRoute: typeof StudioRoute
+    }
+    '/_studio/create': {
+      id: '/_studio/create'
+      path: '/create'
+      fullPath: '/create'
+      preLoaderRoute: typeof StudioCreateRouteImport
+      parentRoute: typeof StudioRoute
+    }
+    '/_studio/dashboard': {
+      id: '/_studio/dashboard'
+      path: '/dashboard'
+      fullPath: '/dashboard'
+      preLoaderRoute: typeof StudioDashboardRouteImport
+      parentRoute: typeof StudioRoute
+    }
+    '/_studio/learn': {
+      id: '/_studio/learn'
+      path: '/learn'
+      fullPath: '/learn'
+      preLoaderRoute: typeof StudioLearnRouteImport
+      parentRoute: typeof StudioRoute
+    }
+    '/_studio/library': {
+      id: '/_studio/library'
+      path: '/library'
+      fullPath: '/library'
+      preLoaderRoute: typeof StudioLibraryRouteImport
+      parentRoute: typeof StudioRoute
+    }
+    '/_studio/notes': {
+      id: '/_studio/notes'
+      path: '/notes'
+      fullPath: '/notes'
+      preLoaderRoute: typeof StudioNotesRouteImport
+      parentRoute: typeof StudioRoute
+    }
+    '/_studio/reviews': {
+      id: '/_studio/reviews'
+      path: '/reviews'
+      fullPath: '/reviews'
+      preLoaderRoute: typeof StudioReviewsRouteImport
+      parentRoute: typeof StudioRoute
+    }
+    '/_studio/scout': {
+      id: '/_studio/scout'
+      path: '/scout'
+      fullPath: '/scout'
+      preLoaderRoute: typeof StudioScoutRouteImport
+      parentRoute: typeof StudioRoute
+    }
+    '/_studio/settings': {
+      id: '/_studio/settings'
+      path: '/settings'
+      fullPath: '/settings'
+      preLoaderRoute: typeof StudioSettingsRouteImport
+      parentRoute: typeof StudioRoute
+    }
+    '/_studio/workspaces': {
+      id: '/_studio/workspaces'
+      path: '/workspaces'
+      fullPath: '/workspaces'
+      preLoaderRoute: typeof StudioWorkspacesRouteImport
+      parentRoute: typeof StudioRoute
+    }
+    '/api/parse-roadmap': {
+      id: '/api/parse-roadmap'
+      path: '/api/parse-roadmap'
+      fullPath: '/api/parse-roadmap'
+      preLoaderRoute: typeof ApiParseRoadmapRouteImport
+      parentRoute: typeof rootRouteImport
+    }
+    '/embed/$id': {
+      id: '/embed/$id'
+      path: '/embed/$id'
+      fullPath: '/embed/$id'
+      preLoaderRoute: typeof EmbedIdRouteImport
+      parentRoute: typeof rootRouteImport
+    }
+    '/share/$id': {
+      id: '/share/$id'
+      path: '/share/$id'
+      fullPath: '/share/$id'
+      preLoaderRoute: typeof ShareIdRouteImport
+      parentRoute: typeof rootRouteImport
+    }
+    '/workspace/$id': {
+      id: '/workspace/$id'
+      path: '/workspace/$id'
+      fullPath: '/workspace/$id'
+      preLoaderRoute: typeof WorkspaceIdRouteImport
+      parentRoute: typeof rootRouteImport
+    }
+    '/_studio/read/$id': {
+      id: '/_studio/read/$id'
+      path: '/read/$id'
+      fullPath: '/read/$id'
+      preLoaderRoute: typeof StudioReadIdRouteImport
+      parentRoute: typeof StudioRoute
+    }
+    '/api/credits/status': {
+      id: '/api/credits/status'
+      path: '/api/credits/status'
+      fullPath: '/api/credits/status'
+      preLoaderRoute: typeof ApiCreditsStatusRouteImport
+      parentRoute: typeof rootRouteImport
+    }
+    '/api/dashboard/coaching': {
+      id: '/api/dashboard/coaching'
+      path: '/api/dashboard/coaching'
+      fullPath: '/api/dashboard/coaching'
+      preLoaderRoute: typeof ApiDashboardCoachingRouteImport
+      parentRoute: typeof rootRouteImport
+    }
+    '/api/dashboard/review': {
+      id: '/api/dashboard/review'
+      path: '/api/dashboard/review'
+      fullPath: '/api/dashboard/review'
+      preLoaderRoute: typeof ApiDashboardReviewRouteImport
+      parentRoute: typeof rootRouteImport
+    }
+    '/api/gallery/fork': {
+      id: '/api/gallery/fork'
+      path: '/api/gallery/fork'
+      fullPath: '/api/gallery/fork'
+      preLoaderRoute: typeof ApiGalleryForkRouteImport
+      parentRoute: typeof rootRouteImport
+    }
+    '/api/gallery/list': {
+      id: '/api/gallery/list'
+      path: '/api/gallery/list'
+      fullPath: '/api/gallery/list'
+      preLoaderRoute: typeof ApiGalleryListRouteImport
+      parentRoute: typeof rootRouteImport
+    }
+    '/api/gallery/set-public': {
+      id: '/api/gallery/set-public'
+      path: '/api/gallery/set-public'
+      fullPath: '/api/gallery/set-public'
+      preLoaderRoute: typeof ApiGallerySetPublicRouteImport
+      parentRoute: typeof rootRouteImport
+    }
+    '/api/quiz/generate': {
+      id: '/api/quiz/generate'
+      path: '/api/quiz/generate'
+      fullPath: '/api/quiz/generate'
+      preLoaderRoute: typeof ApiQuizGenerateRouteImport
+      parentRoute: typeof rootRouteImport
+    }
+    '/api/scout/agents': {
+      id: '/api/scout/agents'
+      path: '/api/scout/agents'
+      fullPath: '/api/scout/agents'
+      preLoaderRoute: typeof ApiScoutAgentsRouteImport
+      parentRoute: typeof rootRouteImport
+    }
+    '/api/scout/digest': {
+      id: '/api/scout/digest'
+      path: '/api/scout/digest'
+      fullPath: '/api/scout/digest'
+      preLoaderRoute: typeof ApiScoutDigestRouteImport
+      parentRoute: typeof rootRouteImport
+    }
+    '/api/scout/recent': {
+      id: '/api/scout/recent'
+      path: '/api/scout/recent'
+      fullPath: '/api/scout/recent'
+      preLoaderRoute: typeof ApiScoutRecentRouteImport
+      parentRoute: typeof rootRouteImport
+    }
+    '/api/scout/resources': {
+      id: '/api/scout/resources'
+      path: '/api/scout/resources'
+      fullPath: '/api/scout/resources'
+      preLoaderRoute: typeof ApiScoutResourcesRouteImport
+      parentRoute: typeof rootRouteImport
+    }
+    '/api/scout/settings': {
+      id: '/api/scout/settings'
+      path: '/api/scout/settings'
+      fullPath: '/api/scout/settings'
+      preLoaderRoute: typeof ApiScoutSettingsRouteImport
+      parentRoute: typeof rootRouteImport
+    }
+    '/api/scout/sources': {
+      id: '/api/scout/sources'
+      path: '/api/scout/sources'
+      fullPath: '/api/scout/sources'
+      preLoaderRoute: typeof ApiScoutSourcesRouteImport
+      parentRoute: typeof rootRouteImport
+    }
+    '/api/scout/start': {
+      id: '/api/scout/start'
+      path: '/api/scout/start'
+      fullPath: '/api/scout/start'
+      preLoaderRoute: typeof ApiScoutStartRouteImport
+      parentRoute: typeof rootRouteImport
+    }
+    '/api/settings/delete': {
+      id: '/api/settings/delete'
+      path: '/api/settings/delete'
+      fullPath: '/api/settings/delete'
+      preLoaderRoute: typeof ApiSettingsDeleteRouteImport
+      parentRoute: typeof rootRouteImport
+    }
+    '/api/settings/export': {
+      id: '/api/settings/export'
+      path: '/api/settings/export'
+      fullPath: '/api/settings/export'
+      preLoaderRoute: typeof ApiSettingsExportRouteImport
+      parentRoute: typeof rootRouteImport
+    }
+    '/api/settings/privacy': {
+      id: '/api/settings/privacy'
+      path: '/api/settings/privacy'
+      fullPath: '/api/settings/privacy'
+      preLoaderRoute: typeof ApiSettingsPrivacyRouteImport
+      parentRoute: typeof rootRouteImport
+    }
+    '/api/srs/save': {
+      id: '/api/srs/save'
+      path: '/api/srs/save'
+      fullPath: '/api/srs/save'
+      preLoaderRoute: typeof ApiSrsSaveRouteImport
+      parentRoute: typeof rootRouteImport
+    }
+    '/api/scout/packs/$id': {
+      id: '/api/scout/packs/$id'
+      path: '/api/scout/packs/$id'
+      fullPath: '/api/scout/packs/$id'
+      preLoaderRoute: typeof ApiScoutPacksIdRouteImport
+      parentRoute: typeof rootRouteImport
+    }
+    '/api/scout/packs/$id/approve': {
+      id: '/api/scout/packs/$id/approve'
+      path: '/approve'
+      fullPath: '/api/scout/packs/$id/approve'
+      preLoaderRoute: typeof ApiScoutPacksIdApproveRouteImport
+      parentRoute: typeof ApiScoutPacksIdRoute
+    }
+  }
+}
+
+interface MarketingRouteChildren {
+  MarketingContactRoute: typeof MarketingContactRoute
+  MarketingGalleryRoute: typeof MarketingGalleryRoute
+  MarketingPricingRoute: typeof MarketingPricingRoute
+  MarketingPrivacyRoute: typeof MarketingPrivacyRoute
+  MarketingTermsRoute: typeof MarketingTermsRoute
+  MarketingIndexRoute: typeof MarketingIndexRoute
+}
+
+const MarketingRouteChildren: MarketingRouteChildren = {
+  MarketingContactRoute: MarketingContactRoute,
+  MarketingGalleryRoute: MarketingGalleryRoute,
+  MarketingPricingRoute: MarketingPricingRoute,
+  MarketingPrivacyRoute: MarketingPrivacyRoute,
+  MarketingTermsRoute: MarketingTermsRoute,
+  MarketingIndexRoute: MarketingIndexRoute,
+}
+
+const MarketingRouteWithChildren = MarketingRoute._addFileChildren(
+  MarketingRouteChildren,
+)
+
+interface StudioRouteChildren {
+  StudioAnalyticsRoute: typeof StudioAnalyticsRoute
+  StudioCreateRoute: typeof StudioCreateRoute
+  StudioDashboardRoute: typeof StudioDashboardRoute
+  StudioLearnRoute: typeof StudioLearnRoute
+  StudioLibraryRoute: typeof StudioLibraryRoute
+  StudioNotesRoute: typeof StudioNotesRoute
+  StudioReviewsRoute: typeof StudioReviewsRoute
+  StudioScoutRoute: typeof StudioScoutRoute
+  StudioSettingsRoute: typeof StudioSettingsRoute
+  StudioWorkspacesRoute: typeof StudioWorkspacesRoute
+  StudioReadIdRoute: typeof StudioReadIdRoute
+}
+
+const StudioRouteChildren: StudioRouteChildren = {
+  StudioAnalyticsRoute: StudioAnalyticsRoute,
+  StudioCreateRoute: StudioCreateRoute,
+  StudioDashboardRoute: StudioDashboardRoute,
+  StudioLearnRoute: StudioLearnRoute,
+  StudioLibraryRoute: StudioLibraryRoute,
+  StudioNotesRoute: StudioNotesRoute,
+  StudioReviewsRoute: StudioReviewsRoute,
+  StudioScoutRoute: StudioScoutRoute,
+  StudioSettingsRoute: StudioSettingsRoute,
+  StudioWorkspacesRoute: StudioWorkspacesRoute,
+  StudioReadIdRoute: StudioReadIdRoute,
+}
+
+const StudioRouteWithChildren =
+  StudioRoute._addFileChildren(StudioRouteChildren)
+
+interface ApiScoutPacksIdRouteChildren {
+  ApiScoutPacksIdApproveRoute: typeof ApiScoutPacksIdApproveRoute
+}
+
+const ApiScoutPacksIdRouteChildren: ApiScoutPacksIdRouteChildren = {
+  ApiScoutPacksIdApproveRoute: ApiScoutPacksIdApproveRoute,
+}
+
+const ApiScoutPacksIdRouteWithChildren = ApiScoutPacksIdRoute._addFileChildren(
+  ApiScoutPacksIdRouteChildren,
+)
+
+const rootRouteChildren: RootRouteChildren = {
+  MarketingRoute: MarketingRouteWithChildren,
+  StudioRoute: StudioRouteWithChildren,
+  RobotsDottxtRoute: RobotsDottxtRoute,
+  SitemapDotxmlRoute: SitemapDotxmlRoute,
+  ApiParseRoadmapRoute: ApiParseRoadmapRoute,
+  EmbedIdRoute: EmbedIdRoute,
+  ShareIdRoute: ShareIdRoute,
+  WorkspaceIdRoute: WorkspaceIdRoute,
+  ApiCreditsStatusRoute: ApiCreditsStatusRoute,
+  ApiDashboardCoachingRoute: ApiDashboardCoachingRoute,
+  ApiDashboardReviewRoute: ApiDashboardReviewRoute,
+  ApiGalleryForkRoute: ApiGalleryForkRoute,
+  ApiGalleryListRoute: ApiGalleryListRoute,
+  ApiGallerySetPublicRoute: ApiGallerySetPublicRoute,
+  ApiQuizGenerateRoute: ApiQuizGenerateRoute,
+  ApiScoutAgentsRoute: ApiScoutAgentsRoute,
+  ApiScoutDigestRoute: ApiScoutDigestRoute,
+  ApiScoutRecentRoute: ApiScoutRecentRoute,
+  ApiScoutResourcesRoute: ApiScoutResourcesRoute,
+  ApiScoutSettingsRoute: ApiScoutSettingsRoute,
+  ApiScoutSourcesRoute: ApiScoutSourcesRoute,
+  ApiScoutStartRoute: ApiScoutStartRoute,
+  ApiSettingsDeleteRoute: ApiSettingsDeleteRoute,
+  ApiSettingsExportRoute: ApiSettingsExportRoute,
+  ApiSettingsPrivacyRoute: ApiSettingsPrivacyRoute,
+  ApiSrsSaveRoute: ApiSrsSaveRoute,
+  ApiScoutPacksIdRoute: ApiScoutPacksIdRouteWithChildren,
+}
+export const routeTree = rootRouteImport
+  ._addFileChildren(rootRouteChildren)
+  ._addFileTypes<FileRouteTypes>()
+
+import type { getRouter } from './router.tsx'
+import type { startInstance } from './start.ts'
+declare module '@tanstack/react-start' {
+  interface Register {
+    ssr: true
+    router: Awaited<ReturnType<typeof getRouter>>
+    config: Awaited<ReturnType<typeof startInstance.getOptions>>
+  }
+}
diff --git a/src/router.tsx b/src/router.tsx
new file mode 100644
index 0000000..5a941bc
--- /dev/null
+++ b/src/router.tsx
@@ -0,0 +1,20 @@
+import { createRouter } from "@tanstack/react-router";
+import { routeTree } from "./routeTree.gen";
+
+/**
+ * Builds the application router. TanStack Start imports this from both the
+ * client and the server entry points, so it must stay free of side effects.
+ */
+export function getRouter() {
+    return createRouter({
+        routeTree,
+        scrollRestoration: true,
+        defaultPreload: "intent",
+    });
+}
+
+declare module "@tanstack/react-router" {
+    interface Register {
+        router: ReturnType<typeof getRouter>;
+    }
+}
diff --git a/src/routes/__root.tsx b/src/routes/__root.tsx
new file mode 100644
index 0000000..caa8035
--- /dev/null
+++ b/src/routes/__root.tsx
@@ -0,0 +1,93 @@
+import { createRootRoute, HeadContent, Outlet, Scripts } from "@tanstack/react-router";
+import "@/styles/globals.css";
+import "@/styles/learning.css";
+import { Providers } from "@/components/shared/Providers";
+import { getAppUrl } from "@/lib/app-url";
+import { APP_NAME, APP_TAGLINE } from "@/lib/constants";
+
+const appUrl = getAppUrl();
+const defaultTitle = `${APP_NAME} | Your learning and reading`;
+
+export const Route = createRootRoute({
+    head: () => ({
+        meta: [
+            { charSet: "utf-8" },
+            { name: "viewport", content: "width=device-width, initial-scale=1" },
+            { title: defaultTitle },
+            {
+                name: "description",
+                content: "Continue learning, read your books, and review the ideas you want to remember.",
+            },
+            { name: "theme-color", content: "#101113" },
+            { property: "og:title", content: defaultTitle },
+            { property: "og:description", content: APP_TAGLINE },
+            { property: "og:type", content: "website" },
+            { property: "og:url", content: appUrl },
+            { property: "og:site_name", content: APP_NAME },
+            { property: "og:image", content: `${appUrl}/og.png` },
+            { property: "og:image:width", content: "1200" },
+            { property: "og:image:height", content: "630" },
+            { property: "og:image:alt", content: APP_NAME },
+            { name: "twitter:card", content: "summary_large_image" },
+            { name: "twitter:title", content: defaultTitle },
+            { name: "twitter:description", content: APP_TAGLINE },
+            { name: "twitter:image", content: `${appUrl}/og.png` },
+        ],
+        links: [
+            { rel: "manifest", href: "/manifest.json" },
+            { rel: "icon", href: "/favicon.svg", type: "image/svg+xml" },
+            { rel: "shortcut icon", href: "/favicon.svg" },
+            { rel: "apple-touch-icon", href: "/favicon.svg" },
+        ],
+    }),
+    shellComponent: RootDocument,
+    component: Outlet,
+    notFoundComponent: NotFound,
+    errorComponent: RootError,
+});
+
+function RootDocument({ children }: { children: React.ReactNode }) {
+    return (
+        <html lang="en" className="dark">
+            <head>
+                <HeadContent />
+            </head>
+            <body className="min-h-screen bg-page text-text">
+                <a
+                    href="#main-content"
+                    className="sr-only focus:not-sr-only focus:fixed focus:left-4 focus:top-4 focus:z-[9999] focus:rounded-md focus:border focus:border-[color:var(--color-accent)] focus:bg-[color:color-mix(in_srgb,var(--color-accent)_16%,var(--color-surface))] focus:px-4 focus:py-2 focus:text-[color:var(--color-text)]"
+                >
+                    Skip to main content
+                </a>
+                <Providers>{children}</Providers>
+                <Scripts />
+            </body>
+        </html>
+    );
+}
+
+function NotFound() {
+    return (
+        <main id="main-content" className="flex min-h-screen flex-col items-center justify-center gap-4 px-6 text-center">
+            <p className="font-mono text-sm text-text-soft">404</p>
+            <h1 className="text-2xl font-medium tracking-tight">This page does not exist</h1>
+            <a href="/" className="button-primary px-4 py-2 text-sm">
+                Back to home
+            </a>
+        </main>
+    );
+}
+
+function RootError({ error }: { error: unknown }) {
+    const message = error instanceof Error ? error.message : "An unexpected error occurred.";
+
+    return (
+        <main id="main-content" className="flex min-h-screen flex-col items-center justify-center gap-4 px-6 text-center">
+            <h1 className="text-2xl font-medium tracking-tight">Something went wrong</h1>
+            <p className="max-w-md text-sm text-text-muted">{message}</p>
+            <a href="/" className="button-secondary px-4 py-2 text-sm">
+                Reload
+            </a>
+        </main>
+    );
+}
diff --git a/src/routes/_marketing.tsx b/src/routes/_marketing.tsx
new file mode 100644
index 0000000..e07d196
--- /dev/null
+++ b/src/routes/_marketing.tsx
@@ -0,0 +1,19 @@
+import { createFileRoute, Outlet } from "@tanstack/react-router";
+import Footer from "@/components/layout/Footer";
+import Header from "@/components/layout/Header";
+
+export const Route = createFileRoute("/_marketing")({
+    component: MarketingLayout,
+});
+
+function MarketingLayout() {
+    return (
+        <div className="min-h-screen bg-page text-text">
+            <Header />
+            <main id="main-content">
+                <Outlet />
+            </main>
+            <Footer />
+        </div>
+    );
+}
diff --git a/src/routes/_marketing/contact.tsx b/src/routes/_marketing/contact.tsx
new file mode 100644
index 0000000..3492637
--- /dev/null
+++ b/src/routes/_marketing/contact.tsx
@@ -0,0 +1,10 @@
+import { createFileRoute } from "@tanstack/react-router";
+import { getAppUrl } from "@/lib/app-url";
+import ContactPage from "@/views/marketing/contact";
+
+export const Route = createFileRoute("/_marketing/contact")({
+    head: () => ({
+        links: [{ rel: "canonical", href: `${getAppUrl()}/contact` }],
+    }),
+    component: ContactPage,
+});
diff --git a/src/routes/_marketing/gallery.tsx b/src/routes/_marketing/gallery.tsx
new file mode 100644
index 0000000..3362b50
--- /dev/null
+++ b/src/routes/_marketing/gallery.tsx
@@ -0,0 +1,44 @@
+import { createFileRoute } from "@tanstack/react-router";
+import { listGalleryFn } from "@/lib/server/fns";
+import { getAppUrl } from "@/lib/app-url";
+import { GalleryView } from "@/views/marketing/gallery";
+
+type GallerySearch = {
+    q?: string;
+    mode?: string;
+    contentType?: string;
+};
+
+function parseSearch(search: Record<string, unknown>): GallerySearch {
+    const read = (key: keyof GallerySearch) =>
+        typeof search[key] === "string" ? (search[key] as string) : undefined;
+
+    return {
+        q: read("q"),
+        mode: read("mode"),
+        contentType: read("contentType"),
+    };
+}
+
+export const Route = createFileRoute("/_marketing/gallery")({
+    validateSearch: parseSearch,
+    loaderDeps: ({ search }) => search,
+    loader: ({ deps }) =>
+        listGalleryFn({
+            data: {
+                query: deps.q,
+                mode: deps.mode,
+                contentType: deps.contentType,
+            },
+        }),
+    head: () => ({
+        links: [{ rel: "canonical", href: `${getAppUrl()}/gallery` }],
+    }),
+    component: GalleryRoute,
+});
+
+function GalleryRoute() {
+    const items = Route.useLoaderData();
+
+    return <GalleryView items={items} />;
+}
diff --git a/src/routes/_marketing/index.tsx b/src/routes/_marketing/index.tsx
new file mode 100644
index 0000000..ae7afbe
--- /dev/null
+++ b/src/routes/_marketing/index.tsx
@@ -0,0 +1,11 @@
+import { createFileRoute, redirect } from "@tanstack/react-router";
+import { getAppUrl } from "@/lib/app-url";
+import MarketingPage from "@/views/marketing/home";
+
+export const Route = createFileRoute("/_marketing/")({
+    beforeLoad: () => { throw redirect({ to: "/dashboard" }); },
+    head: () => ({
+        links: [{ rel: "canonical", href: getAppUrl() }],
+    }),
+    component: MarketingPage,
+});
diff --git a/src/routes/_marketing/pricing.tsx b/src/routes/_marketing/pricing.tsx
new file mode 100644
index 0000000..a9adaa1
--- /dev/null
+++ b/src/routes/_marketing/pricing.tsx
@@ -0,0 +1,18 @@
+import { createFileRoute } from "@tanstack/react-router";
+import { getAppUrl } from "@/lib/app-url";
+import { APP_NAME } from "@/lib/constants";
+import PricingPage from "@/views/marketing/pricing";
+
+export const Route = createFileRoute("/_marketing/pricing")({
+    head: () => ({
+        meta: [
+            { title: `Pricing | ${APP_NAME}` },
+            {
+                name: "description",
+                content: "Compare plans for ZNS RoadMap Studio and choose the workspace depth that fits your study or teaching workflow.",
+            },
+        ],
+        links: [{ rel: "canonical", href: `${getAppUrl()}/pricing` }],
+    }),
+    component: PricingPage,
+});
diff --git a/src/routes/_marketing/privacy.tsx b/src/routes/_marketing/privacy.tsx
new file mode 100644
index 0000000..278beac
--- /dev/null
+++ b/src/routes/_marketing/privacy.tsx
@@ -0,0 +1,18 @@
+import { createFileRoute } from "@tanstack/react-router";
+import { getAppUrl } from "@/lib/app-url";
+import { APP_NAME } from "@/lib/constants";
+import { PrivacyView } from "@/views/marketing/privacy";
+
+export const Route = createFileRoute("/_marketing/privacy")({
+    head: () => ({
+        meta: [
+            { title: `Privacy Policy | ${APP_NAME}` },
+            {
+                name: "description",
+                content: "Read how ZNS RoadMap Studio handles local storage and your user data.",
+            },
+        ],
+        links: [{ rel: "canonical", href: `${getAppUrl()}/privacy` }],
+    }),
+    component: PrivacyView,
+});
diff --git a/src/routes/_marketing/terms.tsx b/src/routes/_marketing/terms.tsx
new file mode 100644
index 0000000..fb669ed
--- /dev/null
+++ b/src/routes/_marketing/terms.tsx
@@ -0,0 +1,18 @@
+import { createFileRoute } from "@tanstack/react-router";
+import { getAppUrl } from "@/lib/app-url";
+import { APP_NAME } from "@/lib/constants";
+import { TermsView } from "@/views/marketing/terms";
+
+export const Route = createFileRoute("/_marketing/terms")({
+    head: () => ({
+        meta: [
+            { title: `Terms of Use | ${APP_NAME}` },
+            {
+                name: "description",
+                content: "Terms governing the use of ZNS RoadMap Studio and its local-first workspace features.",
+            },
+        ],
+        links: [{ rel: "canonical", href: `${getAppUrl()}/terms` }],
+    }),
+    component: TermsView,
+});
diff --git a/src/routes/_studio.tsx b/src/routes/_studio.tsx
new file mode 100644
index 0000000..2bab57f
--- /dev/null
+++ b/src/routes/_studio.tsx
@@ -0,0 +1,22 @@
+import { useEffect } from "react";
+import { createFileRoute, Outlet } from "@tanstack/react-router";
+import LearningLayout from "@/components/layout/LearningLayout";
+import { applyAccentTheme, applyVisualDensity } from "@/lib/accent-theme";
+import { getUserConfig } from "@/lib/userConfig";
+
+export const Route = createFileRoute("/_studio")({
+    component: StudioLayout,
+});
+
+function StudioLayout() {
+    // Accent and density live in local settings, so apply them once on the client.
+    useEffect(() => {
+        const config = getUserConfig();
+        applyAccentTheme(config.accentColor);
+        applyVisualDensity(config.visualDensity);
+    }, []);
+
+    return (
+        <LearningLayout><Outlet /></LearningLayout>
+    );
+}
diff --git a/src/routes/_studio/analytics.tsx b/src/routes/_studio/analytics.tsx
new file mode 100644
index 0000000..493d9d1
--- /dev/null
+++ b/src/routes/_studio/analytics.tsx
@@ -0,0 +1,9 @@
+import { createFileRoute } from "@tanstack/react-router";
+import AnalyticsPage from "@/views/studio/analytics";
+
+export const Route = createFileRoute("/_studio/analytics")({
+    head: () => ({
+        meta: [{ name: "robots", content: "noindex, nofollow" }],
+    }),
+    component: AnalyticsPage,
+});
diff --git a/src/routes/_studio/create.tsx b/src/routes/_studio/create.tsx
new file mode 100644
index 0000000..e278d1c
--- /dev/null
+++ b/src/routes/_studio/create.tsx
@@ -0,0 +1,13 @@
+import { createFileRoute } from "@tanstack/react-router";
+import CreatePage from "@/views/studio/create";
+import { APP_NAME } from "@/lib/constants";
+
+export const Route = createFileRoute("/_studio/create")({
+    head: () => ({
+        meta: [
+            { title: `Create Workspace | ${APP_NAME}` },
+            { name: "robots", content: "noindex, nofollow" },
+        ],
+    }),
+    component: CreatePage,
+});
diff --git a/src/routes/_studio/dashboard.tsx b/src/routes/_studio/dashboard.tsx
new file mode 100644
index 0000000..ffdd30f
--- /dev/null
+++ b/src/routes/_studio/dashboard.tsx
@@ -0,0 +1,9 @@
+import { createFileRoute } from "@tanstack/react-router";
+import DashboardPage from "@/views/studio/home";
+
+export const Route = createFileRoute("/_studio/dashboard")({
+    head: () => ({
+        meta: [{ name: "robots", content: "noindex, nofollow" }],
+    }),
+    component: DashboardPage,
+});
diff --git a/src/routes/_studio/learn.tsx b/src/routes/_studio/learn.tsx
new file mode 100644
index 0000000..da873c3
--- /dev/null
+++ b/src/routes/_studio/learn.tsx
@@ -0,0 +1,7 @@
+import { createFileRoute } from "@tanstack/react-router";
+import { z } from "zod";
+import LearnPage from "@/views/studio/learn";
+
+const searchSchema = z.object({ roadmap: z.string().optional(), task: z.string().optional(), seconds: z.number().nonnegative().optional() });
+export const Route = createFileRoute("/_studio/learn")({ validateSearch: searchSchema, head: () => ({ meta: [{ title: "Learn | Syllo" }, { name: "robots", content: "noindex, nofollow" }] }), component: LearnRoute });
+function LearnRoute() { const search = Route.useSearch(); return <LearnPage key={`${search.roadmap}:${search.task}:${search.seconds}`} roadmapId={search.roadmap} taskId={search.task} targetSeconds={search.seconds} />; }
diff --git a/src/routes/_studio/library.tsx b/src/routes/_studio/library.tsx
new file mode 100644
index 0000000..b4b97fc
--- /dev/null
+++ b/src/routes/_studio/library.tsx
@@ -0,0 +1,4 @@
+import { createFileRoute } from "@tanstack/react-router";
+import LibraryPage from "@/views/studio/library";
+
+export const Route = createFileRoute("/_studio/library")({ head: () => ({ meta: [{ title: "Library | Syllo" }, { name: "robots", content: "noindex, nofollow" }] }), component: LibraryPage });
diff --git a/src/routes/_studio/notes.tsx b/src/routes/_studio/notes.tsx
new file mode 100644
index 0000000..39cb0e8
--- /dev/null
+++ b/src/routes/_studio/notes.tsx
@@ -0,0 +1,10 @@
+import { createFileRoute, redirect } from "@tanstack/react-router";
+
+/**
+ * `/notes` was a stub in the Next app that redirected to the workspace list.
+ */
+export const Route = createFileRoute("/_studio/notes")({
+    beforeLoad: () => {
+        throw redirect({ to: "/workspaces" });
+    },
+});
diff --git a/src/routes/_studio/read.$id.tsx b/src/routes/_studio/read.$id.tsx
new file mode 100644
index 0000000..0431e5e
--- /dev/null
+++ b/src/routes/_studio/read.$id.tsx
@@ -0,0 +1,6 @@
+import { createFileRoute } from "@tanstack/react-router";
+import ReaderPage from "@/views/studio/reader";
+import { z } from "zod";
+
+export const Route = createFileRoute("/_studio/read/$id")({ validateSearch: z.object({ cfi: z.string().max(2000).optional() }), head: () => ({ meta: [{ title: "Read | Syllo" }, { name: "robots", content: "noindex, nofollow" }] }), component: ReaderRoute });
+function ReaderRoute() { const { id } = Route.useParams(); const { cfi } = Route.useSearch(); return <ReaderPage key={`${id}:${cfi ?? ""}`} id={id} targetCfi={cfi} />; }
diff --git a/src/routes/_studio/reviews.tsx b/src/routes/_studio/reviews.tsx
new file mode 100644
index 0000000..0adea53
--- /dev/null
+++ b/src/routes/_studio/reviews.tsx
@@ -0,0 +1,4 @@
+import { createFileRoute } from "@tanstack/react-router";
+import ReviewsPage from "@/views/studio/reviews";
+
+export const Route = createFileRoute("/_studio/reviews")({ head: () => ({ meta: [{ title: "Reviews | Syllo" }, { name: "robots", content: "noindex, nofollow" }] }), component: ReviewsPage });
diff --git a/src/routes/_studio/scout.tsx b/src/routes/_studio/scout.tsx
new file mode 100644
index 0000000..98cf296
--- /dev/null
+++ b/src/routes/_studio/scout.tsx
@@ -0,0 +1,13 @@
+import { createFileRoute } from "@tanstack/react-router";
+import ScoutPage from "@/views/studio/scout";
+import { APP_NAME } from "@/lib/constants";
+
+export const Route = createFileRoute("/_studio/scout")({
+    head: () => ({
+        meta: [
+            { title: `Scout | ${APP_NAME}` },
+            { name: "robots", content: "noindex, nofollow" },
+        ],
+    }),
+    component: ScoutPage,
+});
diff --git a/src/routes/_studio/settings.tsx b/src/routes/_studio/settings.tsx
new file mode 100644
index 0000000..ef472e2
--- /dev/null
+++ b/src/routes/_studio/settings.tsx
@@ -0,0 +1,16 @@
+import { createFileRoute } from "@tanstack/react-router";
+import SettingsPage from "@/views/studio/personal-settings";
+import { APP_NAME } from "@/lib/constants";
+
+export const Route = createFileRoute("/_studio/settings")({
+    validateSearch: (search: Record<string, unknown>): { tab?: string } => ({
+        tab: typeof search.tab === "string" ? search.tab : undefined,
+    }),
+    head: () => ({
+        meta: [
+            { title: `Settings | ${APP_NAME}` },
+            { name: "robots", content: "noindex, nofollow" },
+        ],
+    }),
+    component: SettingsPage,
+});
diff --git a/src/routes/_studio/workspaces.tsx b/src/routes/_studio/workspaces.tsx
new file mode 100644
index 0000000..2fae430
--- /dev/null
+++ b/src/routes/_studio/workspaces.tsx
@@ -0,0 +1,13 @@
+import { createFileRoute } from "@tanstack/react-router";
+import WorkspacesPage from "@/views/studio/workspaces";
+import { APP_NAME } from "@/lib/constants";
+
+export const Route = createFileRoute("/_studio/workspaces")({
+    head: () => ({
+        meta: [
+            { title: `Your Workspaces | ${APP_NAME}` },
+            { name: "robots", content: "noindex, nofollow" },
+        ],
+    }),
+    component: WorkspacesPage,
+});
diff --git a/src/routes/api/credits/status.ts b/src/routes/api/credits/status.ts
new file mode 100644
index 0000000..aa20287
--- /dev/null
+++ b/src/routes/api/credits/status.ts
@@ -0,0 +1,28 @@
+import { createFileRoute } from "@tanstack/react-router";
+import { getCreditStatus, listCreditTransactions } from "@/lib/server/credits";
+
+export const Route = createFileRoute("/api/credits/status")({
+    server: {
+        handlers: {
+            GET: async () => {
+                try {
+                    const [status, transactions] = await Promise.all([
+                        getCreditStatus(),
+                        listCreditTransactions(),
+                    ]);
+                    return Response.json({ success: true, status, transactions });
+                } catch (error) {
+                    if (
+                        (error as { code?: string } | null)?.code === "AUTH_ERROR" ||
+                        (error as Error | null)?.message?.includes("not authenticated") ||
+                        (error as Error | null)?.message === "Authentication required"
+                    ) {
+                        return Response.json({ success: false, authenticated: false }, { status: 401 });
+                    }
+                    console.error("Credit status error:", error);
+                    return Response.json({ success: false, error: "Failed to load credit status" }, { status: 500 });
+                }
+            },
+        },
+    },
+});
diff --git a/src/routes/api/dashboard/coaching.ts b/src/routes/api/dashboard/coaching.ts
new file mode 100644
index 0000000..1c4c934
--- /dev/null
+++ b/src/routes/api/dashboard/coaching.ts
@@ -0,0 +1,32 @@
+import { createFileRoute } from "@tanstack/react-router";
+import { saveCoachingSession } from "@/lib/server/dashboard";
+
+export const Route = createFileRoute("/api/dashboard/coaching")({
+    server: {
+        handlers: {
+            POST: async ({ request }) => {
+                try {
+                    const body = await request.json();
+                    if (typeof body.roadmapId !== "string") {
+                        return Response.json({ success: false, error: "roadmapId is required" }, { status: 400 });
+                    }
+
+                    const session = await saveCoachingSession({
+                        roadmapId: body.roadmapId,
+                        date: typeof body.date === "string" ? body.date : new Date().toISOString(),
+                        durationMinutes: Number(body.durationMinutes ?? 0),
+                        topics: Array.isArray(body.topics)
+                            ? body.topics.filter((value: unknown): value is string => typeof value === "string")
+                            : [],
+                        nextSteps: typeof body.nextSteps === "string" ? body.nextSteps : "",
+                    });
+
+                    return Response.json({ success: true, session });
+                } catch (error) {
+                    console.error("Dashboard coaching error:", error);
+                    return Response.json({ success: false, error: "Failed to save coaching session" }, { status: 500 });
+                }
+            },
+        },
+    },
+});
diff --git a/src/routes/api/dashboard/review.ts b/src/routes/api/dashboard/review.ts
new file mode 100644
index 0000000..80485d7
--- /dev/null
+++ b/src/routes/api/dashboard/review.ts
@@ -0,0 +1,33 @@
+import { createFileRoute } from "@tanstack/react-router";
+import { generateNinetyDayReview } from "@/lib/server/dashboard";
+import { isAiProvider } from "@/lib/ai-config";
+
+export const Route = createFileRoute("/api/dashboard/review")({
+    server: {
+        handlers: {
+            POST: async ({ request }) => {
+                try {
+                    const body = await request.json();
+                    if (typeof body.roadmapId !== "string") {
+                        return Response.json({ success: false, error: "roadmapId is required" }, { status: 400 });
+                    }
+
+                    const result = await generateNinetyDayReview({
+                        roadmapId: body.roadmapId,
+                        userApiKey: typeof body.userApiKey === "string" ? body.userApiKey : undefined,
+                        userModel: typeof body.userModel === "string" ? body.userModel : undefined,
+                        userProvider: isAiProvider(body.userProvider) ? body.userProvider : undefined,
+                    });
+
+                    return Response.json(result, { status: result.success ? 200 : 402 });
+                } catch (error) {
+                    console.error("Dashboard review error:", error);
+                    return Response.json(
+                        { success: false, error: "Failed to generate 90-day review" },
+                        { status: 500 },
+                    );
+                }
+            },
+        },
+    },
+});
diff --git a/src/routes/api/gallery/fork.ts b/src/routes/api/gallery/fork.ts
new file mode 100644
index 0000000..080f66c
--- /dev/null
+++ b/src/routes/api/gallery/fork.ts
@@ -0,0 +1,23 @@
+import { createFileRoute } from "@tanstack/react-router";
+import { forkGalleryRoadmap } from "@/lib/server/gallery";
+
+export const Route = createFileRoute("/api/gallery/fork")({
+    server: {
+        handlers: {
+            POST: async ({ request }) => {
+                try {
+                    const body = await request.json();
+                    if (typeof body.workspaceId !== "string" || body.workspaceId.trim().length === 0) {
+                        return Response.json({ success: false, error: "workspaceId is required" }, { status: 400 });
+                    }
+
+                    const roadmap = await forkGalleryRoadmap(body.workspaceId);
+                    return Response.json({ success: true, roadmap });
+                } catch (error) {
+                    console.error("Gallery fork error:", error);
+                    return Response.json({ success: false, error: "Failed to fork workspace" }, { status: 500 });
+                }
+            },
+        },
+    },
+});
diff --git a/src/routes/api/gallery/list.ts b/src/routes/api/gallery/list.ts
new file mode 100644
index 0000000..6223261
--- /dev/null
+++ b/src/routes/api/gallery/list.ts
@@ -0,0 +1,23 @@
+import { createFileRoute } from "@tanstack/react-router";
+import { listGallery } from "@/lib/server/gallery";
+
+export const Route = createFileRoute("/api/gallery/list")({
+    server: {
+        handlers: {
+            GET: async ({ request }) => {
+                try {
+                    const { searchParams } = new URL(request.url);
+                    const items = await listGallery({
+                        query: searchParams.get("q") ?? undefined,
+                        mode: searchParams.get("mode") ?? undefined,
+                        contentType: searchParams.get("contentType") ?? undefined,
+                    });
+                    return Response.json({ success: true, items });
+                } catch (error) {
+                    console.error("Gallery list error:", error);
+                    return Response.json({ success: false, error: "Failed to load gallery" }, { status: 500 });
+                }
+            },
+        },
+    },
+});
diff --git a/src/routes/api/gallery/set-public.ts b/src/routes/api/gallery/set-public.ts
new file mode 100644
index 0000000..f38b23b
--- /dev/null
+++ b/src/routes/api/gallery/set-public.ts
@@ -0,0 +1,26 @@
+import { createFileRoute } from "@tanstack/react-router";
+import { setWorkspacePublic } from "@/lib/server/gallery";
+import type { Roadmap } from "@/types";
+
+export const Route = createFileRoute("/api/gallery/set-public")({
+    server: {
+        handlers: {
+            POST: async ({ request }) => {
+                try {
+                    const body = await request.json();
+                    if (typeof body.workspaceId !== "string" || body.workspaceId.trim().length === 0) {
+                        return Response.json({ success: false, error: "workspaceId is required" }, { status: 400 });
+                    }
+
+                    const roadmap =
+                        body.roadmap && typeof body.roadmap === "object" ? (body.roadmap as Roadmap) : undefined;
+                    const result = await setWorkspacePublic(body.workspaceId, Boolean(body.isPublic), roadmap);
+                    return Response.json(result);
+                } catch (error) {
+                    console.error("Gallery visibility error:", error);
+                    return Response.json({ success: false, error: "Failed to update visibility" }, { status: 500 });
+                }
+            },
+        },
+    },
+});
diff --git a/src/routes/api/parse-roadmap.ts b/src/routes/api/parse-roadmap.ts
new file mode 100644
index 0000000..2bcc8ec
--- /dev/null
+++ b/src/routes/api/parse-roadmap.ts
@@ -0,0 +1,10 @@
+import { createFileRoute } from "@tanstack/react-router";
+import { handleRoadmapIntake } from "@/lib/server/roadmap-intake";
+
+export const Route = createFileRoute("/api/parse-roadmap")({
+    server: {
+        handlers: {
+            POST: ({ request }) => handleRoadmapIntake(request),
+        },
+    },
+});
diff --git a/src/routes/api/quiz/generate.ts b/src/routes/api/quiz/generate.ts
new file mode 100644
index 0000000..1785ebd
--- /dev/null
+++ b/src/routes/api/quiz/generate.ts
@@ -0,0 +1,34 @@
+import { createFileRoute } from "@tanstack/react-router";
+import { generateQuiz } from "@/lib/server/quiz";
+import { isAiProvider } from "@/lib/ai-config";
+
+export const Route = createFileRoute("/api/quiz/generate")({
+    server: {
+        handlers: {
+            POST: async ({ request }) => {
+                try {
+                    const body = await request.json();
+                    if (!body?.roadmap || typeof body.sectionId !== "string") {
+                        return Response.json(
+                            { success: false, error: "roadmap and sectionId are required" },
+                            { status: 400 },
+                        );
+                    }
+
+                    const result = await generateQuiz({
+                        roadmap: body.roadmap,
+                        sectionId: body.sectionId,
+                        userApiKey: typeof body.userApiKey === "string" ? body.userApiKey : undefined,
+                        userModel: typeof body.userModel === "string" ? body.userModel : undefined,
+                        userProvider: isAiProvider(body.userProvider) ? body.userProvider : undefined,
+                    });
+
+                    return Response.json(result, { status: result.success ? 200 : 402 });
+                } catch (error) {
+                    console.error("Quiz generation error:", error);
+                    return Response.json({ success: false, error: "Failed to generate quiz" }, { status: 500 });
+                }
+            },
+        },
+    },
+});
diff --git a/src/routes/api/scout/agents.ts b/src/routes/api/scout/agents.ts
new file mode 100644
index 0000000..ee95b2e
--- /dev/null
+++ b/src/routes/api/scout/agents.ts
@@ -0,0 +1,66 @@
+import { createFileRoute } from "@tanstack/react-router";
+import { agentConnections, agentStatuses, researchWithAgent, type AgentId } from "@/lib/scout/agent-runner";
+import { readJsonBody, scoutBadRequest, scoutFailure, scoutJson } from "@/lib/scout/http";
+import { addManualResource } from "@/lib/scout/library";
+
+const AGENT_IDS: AgentId[] = ["opencode", "codex", "claude"];
+
+export const Route = createFileRoute("/api/scout/agents")({
+    server: {
+        handlers: {
+            /** Which agent CLIs exist on this machine, plus MCP config snippets. */
+            GET: async () => {
+                try {
+                    const agents = await agentStatuses();
+                    return scoutJson({ success: true, agents, connections: agentConnections() });
+                } catch (error) {
+                    return scoutFailure(error, "Scout could not check your agents");
+                }
+            },
+            /**
+             * Ask one agent for free resources for a goal, then save the links
+             * the agent returned. Only validated titles and http(s) URLs reach
+             * the library; the agent never sees Scout keys or the transcript.
+             */
+            POST: async ({ request }) => {
+                try {
+                    const body = await readJsonBody<{ goal?: unknown; agent?: unknown }>(request);
+                    const goal = typeof body?.goal === "string" ? body.goal.trim() : "";
+                    if (goal.length < 3) return scoutBadRequest("Describe what you want to learn first.");
+                    if (goal.length > 500) return scoutBadRequest("Keep the goal under 500 characters.");
+
+                    const requested = typeof body?.agent === "string" ? (body.agent as AgentId) : null;
+                    const agentId = requested && AGENT_IDS.includes(requested) ? requested : null;
+
+                    const result = await researchWithAgent(goal, agentId);
+                    const saved = [];
+                    const skipped: string[] = [];
+
+                    for (const resource of result.resources) {
+                        try {
+                            saved.push(
+                                addManualResource({
+                                    url: resource.url,
+                                    title: resource.title,
+                                    note: resource.note ?? `Found by ${result.agent.label} for “${goal}”.`,
+                                    skills: resource.skill ? [resource.skill] : undefined,
+                                }),
+                            );
+                        } catch (error) {
+                            skipped.push(`${resource.url}: ${error instanceof Error ? error.message : "rejected"}`);
+                        }
+                    }
+
+                    return scoutJson({
+                        success: true,
+                        agent: result.agent,
+                        resources: saved,
+                        skipped,
+                    });
+                } catch (error) {
+                    return scoutFailure(error, "That agent could not finish the research");
+                }
+            },
+        },
+    },
+});
diff --git a/src/routes/api/scout/digest.ts b/src/routes/api/scout/digest.ts
new file mode 100644
index 0000000..138d049
--- /dev/null
+++ b/src/routes/api/scout/digest.ts
@@ -0,0 +1,19 @@
+import { createFileRoute } from "@tanstack/react-router";
+import { buildDigest } from "@/lib/scout/digest";
+import { scoutFailure, scoutJson, scoutReady } from "@/lib/scout/http";
+
+export const Route = createFileRoute("/api/scout/digest")({
+    server: {
+        handlers: {
+            GET: async () => {
+                scoutReady();
+
+                try {
+                    return scoutJson({ success: true, digest: buildDigest() });
+                } catch (error) {
+                    return scoutFailure(error, "Scout could not build your digest");
+                }
+            },
+        },
+    },
+});
diff --git a/src/routes/api/scout/packs.$id.approve.ts b/src/routes/api/scout/packs.$id.approve.ts
new file mode 100644
index 0000000..f18ef2e
--- /dev/null
+++ b/src/routes/api/scout/packs.$id.approve.ts
@@ -0,0 +1,38 @@
+import { createFileRoute } from "@tanstack/react-router";
+import { readJsonBody, pathSegments, scoutBadRequest, scoutFailure, scoutJson, scoutReady } from "@/lib/scout/http";
+import { approvePackPicks, getPackDetail, getPackRow } from "@/lib/scout/pack";
+import { queueWorkspaceBuild } from "@/lib/scout/pipeline";
+
+export const Route = createFileRoute("/api/scout/packs/$id/approve")({
+    server: {
+        handlers: {
+            POST: async ({ request }) => {
+                scoutReady();
+
+                try {
+                    // /api/scout/packs/<id>/approve
+                    const id = pathSegments(request)[3];
+                    const pack = id ? getPackRow(id) : null;
+                    if (!id || !pack) {
+                        return scoutJson({ success: false, error: "That pack does not exist" }, 404);
+                    }
+
+                    const body = await readJsonBody<{ picks?: unknown }>(request);
+                    const picks = Array.isArray(body?.picks)
+                        ? body.picks.filter((pick): pick is string => typeof pick === "string")
+                        : [];
+
+                    const accepted = approvePackPicks(id, picks);
+                    if (accepted.length === 0) {
+                        return scoutBadRequest("Keep at least one resource before building the roadmap.");
+                    }
+
+                    queueWorkspaceBuild(id);
+                    return scoutJson({ success: true, pack: getPackDetail(id) });
+                } catch (error) {
+                    return scoutFailure(error, "Scout could not save your picks");
+                }
+            },
+        },
+    },
+});
diff --git a/src/routes/api/scout/packs.$id.ts b/src/routes/api/scout/packs.$id.ts
new file mode 100644
index 0000000..1a9c617
--- /dev/null
+++ b/src/routes/api/scout/packs.$id.ts
@@ -0,0 +1,25 @@
+import { createFileRoute } from "@tanstack/react-router";
+import { getPackDetail } from "@/lib/scout/pack";
+import { pathSegments, scoutFailure, scoutJson, scoutReady } from "@/lib/scout/http";
+
+export const Route = createFileRoute("/api/scout/packs/$id")({
+    server: {
+        handlers: {
+            GET: async ({ request }) => {
+                scoutReady();
+
+                try {
+                    // /api/scout/packs/<id>
+                    const id = pathSegments(request)[3];
+                    const pack = id ? getPackDetail(id) : null;
+                    if (!pack) {
+                        return scoutJson({ success: false, error: "That pack does not exist" }, 404);
+                    }
+                    return scoutJson({ success: true, pack });
+                } catch (error) {
+                    return scoutFailure(error, "Scout could not load that pack");
+                }
+            },
+        },
+    },
+});
diff --git a/src/routes/api/scout/recent.ts b/src/routes/api/scout/recent.ts
new file mode 100644
index 0000000..8f34ab8
--- /dev/null
+++ b/src/routes/api/scout/recent.ts
@@ -0,0 +1,19 @@
+import { createFileRoute } from "@tanstack/react-router";
+import { recentPacks } from "@/lib/scout/pack";
+import { scoutFailure, scoutJson, scoutReady } from "@/lib/scout/http";
+
+export const Route = createFileRoute("/api/scout/recent")({
+    server: {
+        handlers: {
+            GET: async () => {
+                scoutReady();
+
+                try {
+                    return scoutJson({ success: true, packs: recentPacks(8) });
+                } catch (error) {
+                    return scoutFailure(error, "Scout could not list recent packs");
+                }
+            },
+        },
+    },
+});
diff --git a/src/routes/api/scout/resources.ts b/src/routes/api/scout/resources.ts
new file mode 100644
index 0000000..45419ab
--- /dev/null
+++ b/src/routes/api/scout/resources.ts
@@ -0,0 +1,67 @@
+import { createFileRoute } from "@tanstack/react-router";
+import { readJsonBody, scoutBadRequest, scoutFailure, scoutJson, scoutReady } from "@/lib/scout/http";
+import { addManualResource, listBooks, listLibrary, searchLibrary } from "@/lib/scout/library";
+import type { ResourceKind } from "@/lib/scout/types";
+
+const KINDS: Array<ResourceKind | "all"> = ["all", "video", "article", "doc", "book"];
+
+export const Route = createFileRoute("/api/scout/resources")({
+    server: {
+        handlers: {
+            GET: async ({ request }) => {
+                scoutReady();
+
+                try {
+                    const params = new URL(request.url).searchParams;
+                    const query = params.get("q")?.trim() ?? "";
+                    const rawKind = params.get("kind")?.trim() ?? "all";
+                    const kind = (KINDS as string[]).includes(rawKind) ? (rawKind as ResourceKind | "all") : "all";
+                    const limit = Math.min(100, Math.max(1, Number(params.get("limit") ?? 40) || 40));
+
+                    const resources = query ? searchLibrary(query, limit) : listLibrary({ kind, limit });
+                    return scoutJson({ success: true, resources, books: listBooks() });
+                } catch (error) {
+                    return scoutFailure(error, "Scout could not read your library");
+                }
+            },
+            POST: async ({ request }) => {
+                scoutReady();
+
+                try {
+                    const body = await readJsonBody<{
+                        url?: unknown;
+                        title?: unknown;
+                        note?: unknown;
+                        skill?: unknown;
+                        kind?: unknown;
+                        outline?: unknown;
+                    }>(request);
+
+                    const url = typeof body?.url === "string" ? body.url.trim() : "";
+                    const title = typeof body?.title === "string" ? body.title.trim() : "";
+                    if (!url && !title) return scoutBadRequest("Add a URL or a title.");
+
+                    const kind = body?.kind === "book" ? "book" : undefined;
+                    const skills =
+                        typeof body?.skill === "string" && body.skill.trim() ? [body.skill.trim()] : undefined;
+                    const outline = Array.isArray(body?.outline)
+                        ? body.outline.filter((chapter): chapter is string => typeof chapter === "string")
+                        : undefined;
+
+                    const resource = addManualResource({
+                        url: url || null,
+                        title: title || null,
+                        kind,
+                        note: typeof body?.note === "string" ? body.note : null,
+                        skills,
+                        outline,
+                    });
+
+                    return scoutJson({ success: true, resource }, 201);
+                } catch (error) {
+                    return scoutFailure(error, "Scout could not add that resource");
+                }
+            },
+        },
+    },
+});
diff --git a/src/routes/api/scout/settings.ts b/src/routes/api/scout/settings.ts
new file mode 100644
index 0000000..d941fa0
--- /dev/null
+++ b/src/routes/api/scout/settings.ts
@@ -0,0 +1,58 @@
+import { createFileRoute } from "@tanstack/react-router";
+import { readJsonBody, scoutFailure, scoutJson, scoutReady } from "@/lib/scout/http";
+import { latestPack } from "@/lib/scout/pack";
+import { getScoutSettings, updateScoutSettings } from "@/lib/scout/settings";
+import { monthSpendCents } from "@/lib/scout/spend";
+
+function spendSummary() {
+    const settings = getScoutSettings();
+    const pack = latestPack();
+    return {
+        monthCents: monthSpendCents(),
+        budgetCents: settings.monthlyBudgetCents,
+        packCents: pack?.costCents ?? 0,
+    };
+}
+
+export const Route = createFileRoute("/api/scout/settings")({
+    server: {
+        handlers: {
+            GET: async () => {
+                scoutReady();
+
+                try {
+                    return scoutJson({ success: true, settings: getScoutSettings(), spend: spendSummary() });
+                } catch (error) {
+                    return scoutFailure(error, "Scout could not read its settings");
+                }
+            },
+            PATCH: async ({ request }) => {
+                scoutReady();
+
+                try {
+                    const body = await readJsonBody<{
+                        autoCheck?: unknown;
+                        paused?: unknown;
+                        monthlyBudgetCents?: unknown;
+                    }>(request);
+
+                    const patch: {
+                        autoCheck?: boolean;
+                        paused?: boolean;
+                        monthlyBudgetCents?: number;
+                    } = {};
+
+                    if (typeof body?.autoCheck === "boolean") patch.autoCheck = body.autoCheck;
+                    if (typeof body?.paused === "boolean") patch.paused = body.paused;
+                    if (typeof body?.monthlyBudgetCents === "number" && Number.isFinite(body.monthlyBudgetCents)) {
+                        patch.monthlyBudgetCents = Math.max(0, Math.min(100_000, Math.round(body.monthlyBudgetCents)));
+                    }
+
+                    return scoutJson({ success: true, settings: updateScoutSettings(patch), spend: spendSummary() });
+                } catch (error) {
+                    return scoutFailure(error, "Scout could not save its settings");
+                }
+            },
+        },
+    },
+});
diff --git a/src/routes/api/scout/sources.ts b/src/routes/api/scout/sources.ts
new file mode 100644
index 0000000..d958408
--- /dev/null
+++ b/src/routes/api/scout/sources.ts
@@ -0,0 +1,64 @@
+import { createFileRoute } from "@tanstack/react-router";
+import { readJsonBody, scoutBadRequest, scoutFailure, scoutJson, scoutReady } from "@/lib/scout/http";
+import { addSource, isSourceKind, listSources, removeSource, setSourceEnabled } from "@/lib/scout/sources";
+
+export const Route = createFileRoute("/api/scout/sources")({
+    server: {
+        handlers: {
+            GET: async () => {
+                scoutReady();
+
+                try {
+                    return scoutJson({ success: true, sources: listSources() });
+                } catch (error) {
+                    return scoutFailure(error, "Scout could not list your sources");
+                }
+            },
+            POST: async ({ request }) => {
+                scoutReady();
+
+                try {
+                    const body = await readJsonBody<{
+                        kind?: unknown;
+                        label?: unknown;
+                        value?: unknown;
+                        enabled?: unknown;
+                        id?: unknown;
+                    }>(request);
+
+                    if (typeof body?.id === "string" && typeof body.enabled === "boolean") {
+                        setSourceEnabled(body.id, body.enabled);
+                        return scoutJson({ success: true, sources: listSources() });
+                    }
+
+                    if (!isSourceKind(body?.kind)) {
+                        return scoutBadRequest("Pick a channel, a site, or a creator.");
+                    }
+
+                    const value = typeof body?.value === "string" ? body.value.trim() : "";
+                    if (!value) return scoutBadRequest("Add a channel handle or a site URL.");
+
+                    const label =
+                        typeof body?.label === "string" && body.label.trim() ? body.label.trim() : value;
+
+                    const source = addSource({ kind: body.kind, label, value });
+                    return scoutJson({ success: true, source, sources: listSources() }, 201);
+                } catch (error) {
+                    return scoutFailure(error, "Scout could not add that source");
+                }
+            },
+            DELETE: async ({ request }) => {
+                scoutReady();
+
+                try {
+                    const id = new URL(request.url).searchParams.get("id")?.trim() ?? "";
+                    if (!id) return scoutBadRequest("Missing source id");
+                    removeSource(id);
+                    return scoutJson({ success: true, sources: listSources() });
+                } catch (error) {
+                    return scoutFailure(error, "Scout could not remove that source");
+                }
+            },
+        },
+    },
+});
diff --git a/src/routes/api/scout/start.ts b/src/routes/api/scout/start.ts
new file mode 100644
index 0000000..4f5b17b
--- /dev/null
+++ b/src/routes/api/scout/start.ts
@@ -0,0 +1,56 @@
+import { createFileRoute } from "@tanstack/react-router";
+import { DEFAULT_PROVIDER_MODELS, isAiProvider } from "@/lib/ai-config";
+import { readJsonBody, scoutBadRequest, scoutFailure, scoutJson, scoutReady } from "@/lib/scout/http";
+import { defaultScoutConfig, resolveScoutLlm, type ScoutLlmConfig } from "@/lib/scout/llm";
+import { assertFreeAi } from "@/lib/ai-policy";
+import { startPack } from "@/lib/scout/pipeline";
+
+export const Route = createFileRoute("/api/scout/start")({
+    server: {
+        handlers: {
+            POST: async ({ request }) => {
+                scoutReady();
+
+                try {
+                    const body = await readJsonBody<{
+                        goal?: unknown;
+                        provider?: unknown;
+                        model?: unknown;
+                        apiKey?: unknown;
+                    }>(request);
+
+                    const goal = typeof body?.goal === "string" ? body.goal.trim() : "";
+                    if (goal.length < 4) {
+                        return scoutBadRequest("Tell Scout what you want to learn, in a few words.");
+                    }
+                    if (goal.length > 1200) {
+                        return scoutBadRequest("Keep the goal and its context under 1200 characters.");
+                    }
+
+                    // The browser sends its BYO key once. It stays in process
+                    // memory for this pack and is never written to SQLite.
+                    let llm: ScoutLlmConfig | null = null;
+                    if (typeof body?.apiKey === "string" && body.apiKey.trim()) {
+                        const provider = isAiProvider(body.provider) ? body.provider : defaultScoutConfig().provider;
+                        llm = {
+                            provider,
+                            model:
+                                typeof body.model === "string" && body.model.trim()
+                                    ? body.model.trim()
+                                    : DEFAULT_PROVIDER_MODELS[provider],
+                            apiKey: body.apiKey.trim(),
+                        };
+                    }
+
+                    const config = resolveScoutLlm(llm);
+                    assertFreeAi(config.provider, config.model);
+                    if (!config.apiKey) return scoutBadRequest("Add a free Gemini API key in Settings to use Scout. You can still create a roadmap from your own links without a key.");
+                    const pack = startPack(goal, llm);
+                    return scoutJson({ success: true, pack });
+                } catch (error) {
+                    return scoutFailure(error, "Scout could not start");
+                }
+            },
+        },
+    },
+});
diff --git a/src/routes/api/settings/delete.ts b/src/routes/api/settings/delete.ts
new file mode 100644
index 0000000..45f664f
--- /dev/null
+++ b/src/routes/api/settings/delete.ts
@@ -0,0 +1,26 @@
+import { createFileRoute } from "@tanstack/react-router";
+import { deleteAllUserData } from "@/lib/server/settings";
+
+export const Route = createFileRoute("/api/settings/delete")({
+    server: {
+        handlers: {
+            POST: async ({ request }) => {
+                try {
+                    const body = await request.json().catch(() => ({}));
+                    if (body.confirmation !== "DELETE") {
+                        return Response.json(
+                            { success: false, error: "Confirmation must equal DELETE" },
+                            { status: 400 },
+                        );
+                    }
+
+                    const result = await deleteAllUserData();
+                    return Response.json(result);
+                } catch (error) {
+                    console.error("Settings delete error:", error);
+                    return Response.json({ success: false, error: "Failed to delete user data" }, { status: 500 });
+                }
+            },
+        },
+    },
+});
diff --git a/src/routes/api/settings/export.ts b/src/routes/api/settings/export.ts
new file mode 100644
index 0000000..636e3bf
--- /dev/null
+++ b/src/routes/api/settings/export.ts
@@ -0,0 +1,18 @@
+import { createFileRoute } from "@tanstack/react-router";
+import { exportUserData } from "@/lib/server/settings";
+
+export const Route = createFileRoute("/api/settings/export")({
+    server: {
+        handlers: {
+            GET: async () => {
+                try {
+                    const payload = await exportUserData();
+                    return Response.json({ success: true, data: payload });
+                } catch (error) {
+                    console.error("Settings export error:", error);
+                    return Response.json({ success: false, error: "Failed to export settings" }, { status: 500 });
+                }
+            },
+        },
+    },
+});
diff --git a/src/routes/api/settings/privacy.ts b/src/routes/api/settings/privacy.ts
new file mode 100644
index 0000000..6428aef
--- /dev/null
+++ b/src/routes/api/settings/privacy.ts
@@ -0,0 +1,37 @@
+import { createFileRoute } from "@tanstack/react-router";
+import { getPrivacySettings, updatePrivacySettings } from "@/lib/server/settings";
+
+export const Route = createFileRoute("/api/settings/privacy")({
+    server: {
+        handlers: {
+            GET: async () => {
+                try {
+                    const settings = await getPrivacySettings();
+                    return Response.json({ success: true, settings });
+                } catch (error) {
+                    console.error("Privacy settings load error:", error);
+                    return Response.json(
+                        { success: false, error: "Failed to load privacy settings" },
+                        { status: 500 },
+                    );
+                }
+            },
+            POST: async ({ request }) => {
+                try {
+                    const body = await request.json();
+                    const settings = await updatePrivacySettings({
+                        anonymousAnalytics: Boolean(body.anonymousAnalytics),
+                        allowPublicGallery: Boolean(body.allowPublicGallery),
+                    });
+                    return Response.json({ success: true, settings });
+                } catch (error) {
+                    console.error("Privacy settings update error:", error);
+                    return Response.json(
+                        { success: false, error: "Failed to update privacy settings" },
+                        { status: 500 },
+                    );
+                }
+            },
+        },
+    },
+});
diff --git a/src/routes/api/srs/save.ts b/src/routes/api/srs/save.ts
new file mode 100644
index 0000000..1c92085
--- /dev/null
+++ b/src/routes/api/srs/save.ts
@@ -0,0 +1,23 @@
+import { createFileRoute } from "@tanstack/react-router";
+import { saveSrsItems } from "@/lib/server/srs";
+
+export const Route = createFileRoute("/api/srs/save")({
+    server: {
+        handlers: {
+            POST: async ({ request }) => {
+                try {
+                    const body = await request.json();
+                    const items = Array.isArray(body?.items) ? body.items : [];
+                    const saved = await saveSrsItems(items);
+                    return Response.json({ success: true, items: saved });
+                } catch (error) {
+                    console.error("SRS save error:", error);
+                    return Response.json(
+                        { success: false, error: "Failed to save spaced repetition state" },
+                        { status: 500 },
+                    );
+                }
+            },
+        },
+    },
+});
diff --git a/src/routes/embed.$id.tsx b/src/routes/embed.$id.tsx
new file mode 100644
index 0000000..2bbef46
--- /dev/null
+++ b/src/routes/embed.$id.tsx
@@ -0,0 +1,21 @@
+import { createFileRoute } from "@tanstack/react-router";
+import { getPublicWorkspaceFn } from "@/lib/server/fns";
+import { APP_NAME } from "@/lib/constants";
+import { EmbedView } from "@/views/embed";
+
+export const Route = createFileRoute("/embed/$id")({
+    loader: ({ params }) => getPublicWorkspaceFn({ data: { id: params.id } }),
+    head: () => ({
+        meta: [
+            { title: `Embedded Workspace | ${APP_NAME}` },
+            { name: "robots", content: "noindex, nofollow" },
+        ],
+    }),
+    component: EmbedRoute,
+});
+
+function EmbedRoute() {
+    const roadmap = Route.useLoaderData();
+
+    return <EmbedView roadmap={roadmap} />;
+}
diff --git a/src/routes/robots[.]txt.ts b/src/routes/robots[.]txt.ts
new file mode 100644
index 0000000..b8abf12
--- /dev/null
+++ b/src/routes/robots[.]txt.ts
@@ -0,0 +1,41 @@
+import { createFileRoute } from "@tanstack/react-router";
+import { getAppUrl } from "@/lib/app-url";
+
+const appUrl = getAppUrl();
+
+export const Route = createFileRoute("/robots.txt")({
+    server: {
+        handlers: {
+            GET: () =>
+                new Response(
+                    [
+                        "User-agent: *",
+                        "Allow: /",
+                        "Allow: /pricing",
+                        "Allow: /gallery",
+                        "Allow: /privacy",
+                        "Allow: /terms",
+                        "Allow: /contact",
+                        "Disallow: /auth",
+                        "Disallow: /notes",
+                        "Disallow: /settings",
+                        "Disallow: /workspace",
+                        "Disallow: /workspaces",
+                        "Disallow: /share",
+                        "Disallow: /embed",
+                        "Disallow: /api",
+                        "",
+                        `Sitemap: ${appUrl}/sitemap.xml`,
+                        `Host: ${appUrl}`,
+                        "",
+                    ].join("\n"),
+                    {
+                        headers: {
+                            "content-type": "text/plain; charset=utf-8",
+                            "cache-control": "public, max-age=3600",
+                        },
+                    },
+                ),
+        },
+    },
+});
diff --git a/src/routes/share.$id.tsx b/src/routes/share.$id.tsx
new file mode 100644
index 0000000..20b4a05
--- /dev/null
+++ b/src/routes/share.$id.tsx
@@ -0,0 +1,21 @@
+import { createFileRoute } from "@tanstack/react-router";
+import { getPublicWorkspaceFn } from "@/lib/server/fns";
+import { APP_NAME } from "@/lib/constants";
+import { ShareView } from "@/views/share";
+
+export const Route = createFileRoute("/share/$id")({
+    loader: ({ params }) => getPublicWorkspaceFn({ data: { id: params.id } }),
+    head: () => ({
+        meta: [
+            { title: `Shared Workspace | ${APP_NAME}` },
+            { name: "robots", content: "noindex, nofollow" },
+        ],
+    }),
+    component: ShareRoute,
+});
+
+function ShareRoute() {
+    const roadmap = Route.useLoaderData();
+
+    return <ShareView roadmap={roadmap} />;
+}
diff --git a/src/routes/sitemap[.]xml.ts b/src/routes/sitemap[.]xml.ts
new file mode 100644
index 0000000..699531a
--- /dev/null
+++ b/src/routes/sitemap[.]xml.ts
@@ -0,0 +1,40 @@
+import { createFileRoute } from "@tanstack/react-router";
+import { getAppUrl } from "@/lib/app-url";
+
+const appUrl = getAppUrl();
+
+export const Route = createFileRoute("/sitemap.xml")({
+    server: {
+        handlers: {
+            GET: () => {
+                const now = new Date().toISOString();
+                const entries: Array<[string, string, number]> = [
+                    [appUrl, "weekly", 1],
+                    [`${appUrl}/pricing`, "monthly", 0.8],
+                    [`${appUrl}/gallery`, "weekly", 0.7],
+                    [`${appUrl}/privacy`, "yearly", 0.4],
+                    [`${appUrl}/terms`, "yearly", 0.4],
+                    [`${appUrl}/contact`, "monthly", 0.5],
+                ];
+
+                const body = [
+                    '<?xml version="1.0" encoding="UTF-8"?>',
+                    '<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">',
+                    ...entries.map(
+                        ([url, changeFrequency, priority]) =>
+                            `  <url><loc>${url}</loc><lastmod>${now}</lastmod><changefreq>${changeFrequency}</changefreq><priority>${priority}</priority></url>`,
+                    ),
+                    "</urlset>",
+                    "",
+                ].join("\n");
+
+                return new Response(body, {
+                    headers: {
+                        "content-type": "application/xml; charset=utf-8",
+                        "cache-control": "public, max-age=3600",
+                    },
+                });
+            },
+        },
+    },
+});
diff --git a/src/routes/workspace.$id.tsx b/src/routes/workspace.$id.tsx
new file mode 100644
index 0000000..cfabc88
--- /dev/null
+++ b/src/routes/workspace.$id.tsx
@@ -0,0 +1,19 @@
+import { createFileRoute } from "@tanstack/react-router";
+import { APP_NAME } from "@/lib/constants";
+import { WorkspaceView } from "@/views/workspace";
+
+export const Route = createFileRoute("/workspace/$id")({
+    head: () => ({
+        meta: [
+            { title: `Workspace | ${APP_NAME}` },
+            { name: "robots", content: "noindex, nofollow" },
+        ],
+    }),
+    component: WorkspaceRoute,
+});
+
+function WorkspaceRoute() {
+    const { id } = Route.useParams();
+
+    return <WorkspaceView id={id} />;
+}
diff --git a/src/server.ts b/src/server.ts
new file mode 100644
index 0000000..9304fe2
--- /dev/null
+++ b/src/server.ts
@@ -0,0 +1,7 @@
+import handler from "@tanstack/react-start/server-entry";
+
+/**
+ * Default server entry. `createStartHandler` wires the router, server
+ * functions and the request middleware declared in `src/start.ts`.
+ */
+export default handler;
diff --git a/src/start.ts b/src/start.ts
new file mode 100644
index 0000000..2fc417d
--- /dev/null
+++ b/src/start.ts
@@ -0,0 +1,30 @@
+import { createMiddleware, createStart } from "@tanstack/react-start";
+import { getScoutAccessToken } from "@/lib/scout/api-client";
+
+const privateApis = createMiddleware().server(async ({ request, next }) => {
+    const path = new URL(request.url).pathname;
+    if (path.startsWith("/api/") || path.startsWith("/_serverFn/")) {
+        const { canAccessServer } = await import("@/lib/server/access");
+        if (!(await canAccessServer(request)))
+            return Response.json(
+                {
+                    success: false,
+                    error: "Sign in through Settings to use this private learning space.",
+                },
+                { status: 401 },
+            );
+    }
+    return next();
+});
+
+export const startInstance = createStart(() => ({
+    requestMiddleware: [privateApis],
+    serverFns: {
+        fetch: (input, init) => {
+            const headers = new Headers(init?.headers);
+            const token = getScoutAccessToken();
+            if (token) headers.set("Authorization", `Bearer ${token}`);
+            return fetch(input, { ...init, headers });
+        },
+    },
+}));
diff --git a/src/styles/globals.css b/src/styles/globals.css
new file mode 100644
index 0000000..3d538c2
--- /dev/null
+++ b/src/styles/globals.css
@@ -0,0 +1,629 @@
+@import "@fontsource-variable/geist";
+@import "@fontsource-variable/geist-mono";
+@import "tailwindcss";
+
+/*
+ * Fonts are self-hosted by Fontsource. The variable names match the ones the
+ * Next build injected, so `font-sans` / `font-mono` resolve the same way.
+ */
+:root {
+    --font-geist-sans: "Geist Variable";
+    --font-geist-mono: "Geist Mono Variable";
+}
+
+/*
+ * Theme: true black, flat.
+ *
+ * Elevation is a lightness step (page #000, surface #111, raised #2a2a2a), not
+ * a border or a shadow. White is the primary text and the primary button fill.
+ * The accent is a sky blue reserved for data and selection marks (progress,
+ * due counts, the current item); it never fills buttons or nav.
+ *
+ * Every component reads these tokens through Tailwind utilities such as
+ * `bg-surface`, `text-text-muted` or `border-border`. Workspaces may override
+ * `--color-accent` with their own branding colour.
+ */
+@theme {
+    --color-page: #000000;
+    --color-surface: #111111;
+    --color-surface-subtle: #171717;
+    --color-surface-muted: #1f1f1f;
+    --color-raised: #2a2a2a;
+    --color-border: #222222;
+    --color-border-strong: #3a3a3a;
+    --color-text: #ffffff;
+    --color-text-muted: #b4b4b4;
+    --color-text-soft: #949494;
+    --color-accent: #4cb3f0;
+    --color-accent-strong: #7cc6f4;
+    --color-accent-soft: #0e2230;
+    --color-success: #3fc07a;
+    --color-success-soft: #172a1d;
+    --color-warning: #e5a93b;
+    --color-warning-soft: #2b2414;
+    --color-danger: #e5566f;
+    --color-danger-soft: #2c1a20;
+
+    --font-sans: var(--font-geist-sans), "Helvetica Neue", system-ui, sans-serif;
+    --font-mono: var(--font-geist-mono), ui-monospace, monospace;
+    --font-display: var(--font-geist-sans), "Helvetica Neue", system-ui, sans-serif;
+
+    /* Cards use 2xl, nested panels xl, controls are pills. */
+    --radius-sm: 6px;
+    --radius-md: 8px;
+    --radius-lg: 10px;
+    --radius-xl: 14px;
+    --radius-2xl: 20px;
+
+    --tracking-tight: -0.01em;
+    --tracking-display: -0.02em;
+}
+
+:root {
+    color-scheme: dark;
+}
+
+/* Element defaults sit in the base layer so utilities can override them. */
+@layer base {
+    *,
+    *::before,
+    *::after {
+        box-sizing: border-box;
+    }
+
+    html {
+        scroll-behavior: smooth;
+        background: var(--color-page);
+    }
+
+    body {
+        margin: 0;
+        min-height: 100vh;
+        background: var(--color-page);
+        color: var(--color-text);
+        font-family: var(--font-sans);
+        font-size: 14px;
+        line-height: 1.5;
+        text-rendering: optimizeLegibility;
+        -webkit-font-smoothing: antialiased;
+        -moz-osx-font-smoothing: grayscale;
+    }
+
+    a {
+        color: inherit;
+        text-decoration: none;
+    }
+
+    button,
+    input,
+    textarea,
+    select {
+        font: inherit;
+    }
+
+    button {
+        cursor: pointer;
+    }
+
+    img {
+        display: block;
+        max-width: 100%;
+    }
+
+    h1,
+    h2,
+    h3,
+    h4,
+    h5,
+    h6 {
+        margin: 0;
+        color: var(--color-text);
+        font-weight: 600;
+        letter-spacing: var(--tracking-tight);
+        text-wrap: balance;
+    }
+
+    h1,
+    .font-display {
+        font-family: var(--font-display);
+        letter-spacing: var(--tracking-display);
+    }
+
+    p {
+        margin: 0;
+    }
+
+    ::selection {
+        background: var(--color-raised);
+        color: var(--color-text);
+    }
+
+    /* Keyboard focus only: a neutral outline, never a coloured glow. */
+    :focus-visible {
+        outline: 2px solid rgba(255, 255, 255, 0.55);
+        outline-offset: 2px;
+    }
+
+    .tabular-nums,
+    .num {
+        font-variant-numeric: tabular-nums;
+    }
+
+    ::-webkit-scrollbar {
+        width: 10px;
+        height: 10px;
+    }
+
+    ::-webkit-scrollbar-track {
+        background: transparent;
+    }
+
+    ::-webkit-scrollbar-thumb {
+        background: var(--color-raised);
+        border: 2px solid var(--color-page);
+        border-radius: 999px;
+    }
+
+}
+
+/* Shared classes; utilities still win over these. */
+@layer components {
+    /* -- Layout ------------------------------------------------------------------ */
+
+    .page-shell {
+        width: 100%;
+        max-width: 104rem;
+        margin-inline: auto;
+        padding-inline: 1rem;
+    }
+
+    .page-shell-wide,
+    .studio-layout-shell {
+        width: 100%;
+        max-width: none;
+        margin-inline: auto;
+        padding-inline: 1rem;
+    }
+
+    .section-space {
+        padding-block: clamp(72px, 10vw, 132px);
+    }
+
+    .section-space-compact {
+        padding-block: clamp(40px, 7vw, 72px);
+    }
+
+    /* A studio screen: title row, then blocks separated by one gap. */
+    .studio-page {
+        display: grid;
+        align-content: start;
+        gap: 24px;
+        width: 100%;
+        padding-block: 28px 64px;
+    }
+
+    .app-header-block {
+        display: flex;
+        flex-direction: column;
+        gap: 6px;
+    }
+
+    .app-header-block h1 {
+        font-size: 22px;
+        line-height: 1.25;
+    }
+
+    .app-stack {
+        display: flex;
+        flex-direction: column;
+        gap: 14px;
+    }
+
+    /* KPIs: one surface split by hairlines, label over value. */
+    .app-stat-grid {
+        display: grid;
+        gap: 1px;
+        overflow: hidden;
+        border-radius: var(--radius-2xl);
+        background: var(--color-border);
+    }
+
+    .app-stat-card {
+        display: flex;
+        flex-direction: column;
+        gap: 6px;
+        padding: 18px 22px;
+        background: var(--color-surface);
+    }
+
+    .settings-shell {
+        display: grid;
+        gap: 24px;
+        align-items: start;
+    }
+
+    .settings-nav {
+        display: flex;
+        flex-direction: column;
+        gap: 2px;
+    }
+
+    .settings-nav-link {
+        display: flex;
+        align-items: center;
+        min-height: 34px;
+        padding: 0 12px;
+        border-radius: var(--radius-md);
+        color: #bbbbbb;
+        font-size: 14px;
+        transition: color 140ms ease;
+    }
+
+    .settings-nav-link:hover,
+    .settings-nav-link[data-active="true"] {
+        color: var(--color-text);
+    }
+
+    .settings-nav-link[data-active="true"] {
+        background: var(--color-surface);
+    }
+
+    .settings-content {
+        width: 100%;
+        max-width: 44rem;
+    }
+
+    .settings-section {
+        padding: 22px;
+        border-radius: var(--radius-2xl);
+        background: var(--color-surface);
+    }
+
+    .settings-field {
+        padding-block: 16px;
+        border-top: 1px solid var(--color-border);
+    }
+
+    .settings-field:first-child {
+        border-top: 0;
+        padding-top: 0;
+    }
+
+    .settings-action-row {
+        display: flex;
+        justify-content: flex-end;
+        gap: 8px;
+        padding-top: 16px;
+        border-top: 1px solid var(--color-border);
+    }
+
+    .two-panel-shell {
+        display: grid;
+        gap: 14px;
+        align-items: start;
+    }
+
+    .two-panel-sidebar {
+        width: 100%;
+        max-width: 340px;
+    }
+
+    .filter-bar {
+        display: flex;
+        flex-direction: column;
+        gap: 12px;
+        padding: 12px;
+        border-radius: var(--radius-2xl);
+        background: var(--color-surface);
+    }
+
+    @media (min-width: 768px) {
+        .app-stat-grid {
+            grid-template-columns: repeat(2, minmax(0, 1fr));
+        }
+
+        .filter-bar {
+            flex-direction: row;
+            align-items: center;
+            justify-content: space-between;
+        }
+    }
+
+    @media (min-width: 1024px) {
+        .two-panel-shell {
+            grid-template-columns: 340px minmax(0, 1fr);
+        }
+    }
+
+    @media (min-width: 1280px) {
+        .app-stat-grid {
+            grid-template-columns: repeat(4, minmax(0, 1fr));
+        }
+
+        .settings-shell {
+            grid-template-columns: 180px minmax(0, 1fr);
+            gap: 32px;
+        }
+
+        .settings-nav {
+            position: sticky;
+            top: 88px;
+        }
+    }
+
+    /* Small grey label above a value. Sentence case, no tracking. */
+    .eyebrow,
+    .field-label {
+        display: block;
+        color: var(--color-text-soft);
+        font-size: 12px;
+        font-weight: 500;
+    }
+
+    .field-label {
+        margin-bottom: 8px;
+        color: var(--color-text-muted);
+        font-size: 13px;
+    }
+
+    .text-balance {
+        text-wrap: balance;
+    }
+
+    .text-pretty {
+        text-wrap: pretty;
+    }
+
+    /* -- Surfaces ---------------------------------------------------------------- */
+
+    .surface-panel,
+    .studio-panel,
+    .studio-table,
+    .studio-orbit-shell,
+    .studio-orbit-rail,
+    .studio-hero {
+        border-radius: var(--radius-2xl);
+        background: var(--color-surface);
+    }
+
+    .surface-panel-subtle,
+    .studio-panel-muted,
+    .studio-panel-soft,
+    .studio-kpi,
+    .studio-data-tile,
+    .studio-micro-grid {
+        border-radius: var(--radius-xl);
+        background: var(--color-surface-muted);
+    }
+
+    .studio-data-tile-accent {
+        box-shadow: inset 0 0 0 1px var(--color-accent);
+    }
+
+    .studio-data-tile-success {
+        box-shadow: inset 0 0 0 1px var(--color-success);
+    }
+
+    .studio-danger {
+        box-shadow: inset 0 0 0 1px var(--color-danger);
+    }
+
+    .studio-empty {
+        border: 1px dashed var(--color-border-strong);
+        border-radius: var(--radius-xl);
+        background: transparent;
+    }
+
+    .studio-table table {
+        width: 100%;
+        border-collapse: collapse;
+    }
+
+    .studio-table thead th {
+        color: var(--color-text-soft);
+        font-size: 12px;
+        font-weight: 400;
+        text-align: left;
+    }
+
+    .studio-table tbody tr + tr {
+        border-top: 1px solid var(--color-border);
+    }
+
+    .hairline-divider {
+        border-color: var(--color-border);
+    }
+
+    .mono-surface {
+        font-family: var(--font-mono);
+    }
+
+    .interactive-row {
+        transition: background-color 140ms ease;
+    }
+
+    .interactive-row:hover {
+        background: var(--color-surface-subtle);
+    }
+
+    /* Neutral pill for a state or a count. */
+    .studio-badge {
+        display: inline-flex;
+        flex: none;
+        align-items: center;
+        gap: 6px;
+        height: 22px;
+        padding: 0 9px;
+        border-radius: 999px;
+        background: var(--color-raised);
+        color: var(--color-text);
+        font-size: 12px;
+        font-weight: 500;
+        white-space: nowrap;
+    }
+
+    /* -- Controls ---------------------------------------------------------------- */
+
+    .studio-input,
+    .field-input,
+    .field-textarea,
+    .field-select {
+        width: 100%;
+        border: 1px solid #2e2e2e;
+        border-radius: var(--radius-lg);
+        background: var(--color-surface);
+        color: var(--color-text);
+        transition: border-color 140ms ease;
+    }
+
+    .studio-input,
+    .field-input,
+    .field-select {
+        min-height: 40px;
+        padding: 0 12px;
+    }
+
+    .field-textarea {
+        min-height: 320px;
+        padding: 12px;
+        resize: vertical;
+    }
+
+    .studio-input:hover,
+    .field-input:hover,
+    .field-textarea:hover,
+    .field-select:hover,
+    .studio-input:focus,
+    .field-input:focus,
+    .field-textarea:focus,
+    .field-select:focus {
+        border-color: #4a4a4a;
+        outline: none;
+    }
+
+    .studio-input::placeholder,
+    .field-input::placeholder,
+    .field-textarea::placeholder {
+        color: var(--color-text-soft);
+    }
+
+    /* Buttons are pills. Primary is inverted white; there is one per screen. */
+    .button-primary,
+    .button-secondary,
+    .button-ghost,
+    .btn {
+        display: inline-flex;
+        align-items: center;
+        justify-content: center;
+        gap: 8px;
+        min-height: 36px;
+        padding: 0 16px;
+        border-radius: 999px;
+        font-size: 14px;
+        font-weight: 500;
+        white-space: nowrap;
+        transition:
+            background-color 140ms ease,
+            border-color 140ms ease,
+            color 140ms ease,
+            opacity 140ms ease;
+    }
+
+    .button-primary:disabled,
+    .button-secondary:disabled,
+    .button-ghost:disabled,
+    .btn:disabled {
+        cursor: not-allowed;
+        opacity: 0.5;
+    }
+
+    .button-primary,
+    .btn-primary {
+        border: 1px solid var(--color-text);
+        background: var(--color-text);
+        color: var(--color-page);
+    }
+
+    .button-primary:hover,
+    .btn-primary:hover {
+        background: #e6e6e6;
+        border-color: #e6e6e6;
+    }
+
+    .button-secondary,
+    .btn-secondary {
+        border: 1px solid var(--color-border-strong);
+        background: transparent;
+        color: var(--color-text);
+    }
+
+    .button-secondary:hover,
+    .btn-secondary:hover {
+        border-color: #555555;
+        background: var(--color-surface-subtle);
+    }
+
+    .button-ghost {
+        border: 1px solid transparent;
+        background: transparent;
+        color: var(--color-text-muted);
+    }
+
+    .button-ghost:hover {
+        color: var(--color-text);
+    }
+
+    /* Loading placeholder: a flat bar at the final size, no shimmer. */
+    .skeleton {
+        border-radius: var(--radius-md);
+        background: var(--color-surface-muted);
+    }
+
+    /* Kept for markup that still references it; screens do not perform entrances. */
+    .stagger-enter {
+        opacity: 1;
+    }
+
+    @media (prefers-reduced-motion: reduce) {
+        *,
+        *::before,
+        *::after {
+            animation-duration: 0.01ms !important;
+            animation-iteration-count: 1 !important;
+            transition-duration: 0.01ms !important;
+            scroll-behavior: auto !important;
+        }
+    }
+
+    @media (min-width: 640px) {
+        .page-shell,
+        .page-shell-wide,
+        .studio-layout-shell {
+            padding-inline: 1.5rem;
+        }
+    }
+
+    @media (min-width: 1024px) {
+        .page-shell,
+        .page-shell-wide,
+        .studio-layout-shell {
+            padding-inline: 2rem;
+        }
+    }
+
+    /* -- Visual density: compact ------------------------------------------------- */
+    html.density-compact .studio-page {
+        gap: 14px;
+        padding-block: 16px 40px;
+    }
+    html.density-compact .settings-field {
+        padding-block: 10px;
+    }
+    html.density-compact .settings-action-row {
+        padding-top: 10px;
+    }
+    html.density-compact .section-space {
+        padding-block: clamp(40px, 6vw, 80px);
+    }
+
+}
diff --git a/src/styles/learning.css b/src/styles/learning.css
new file mode 100644
index 0000000..ef645ee
--- /dev/null
+++ b/src/styles/learning.css
@@ -0,0 +1,1545 @@
+.sy-app {
+    --sy-space-section: 32px;
+    --sy-space-block: 24px;
+    --sy-space-field: 16px;
+    --sy-control-height: 40px;
+    --sy-radius: 6px;
+    --color-page: #101113;
+    --color-surface: #161719;
+    --color-surface-subtle: #1d1e21;
+    --color-raised: #25262a;
+    --color-border: #2b2c30;
+    --color-border-strong: #424349;
+    --color-text: #f7f7f8;
+    --color-text-muted: #b0b1b7;
+    --color-text-soft: #96979f;
+    --color-accent: #b7c9e8;
+    --color-accent-strong: #d1def1;
+    --color-accent-soft: #252c38;
+    --radius-2xl: var(--sy-radius);
+    --radius-xl: var(--sy-radius);
+    display: grid;
+    grid-template-columns: 190px minmax(0, 1fr);
+    min-height: 100dvh;
+    background: var(--color-page);
+    color: var(--color-text);
+    font-size: 14px;
+    line-height: 1.5;
+}
+.sy-main {
+    min-width: 0;
+    padding: 32px 36px 64px;
+}
+/* Every route fills the canvas beside the sidebar, with the same title origin. */
+.sy-page,
+.sy-app .studio-page {
+    width: 100%;
+    min-width: 0;
+    max-width: none;
+    margin: 0;
+    padding: 0;
+}
+.sy-app .studio-page {
+    gap: var(--sy-space-block);
+}
+.sy-page > *,
+.sy-app .studio-page > * {
+    min-width: 0;
+}
+.sy-app h1 {
+    font-size: 24px;
+    font-weight: 560;
+    letter-spacing: -0.7px;
+    line-height: 1.3;
+}
+.sy-app h2 {
+    font-size: 15px;
+    font-weight: 550;
+    letter-spacing: -0.15px;
+}
+.sy-app h3 {
+    font-size: 14px;
+    font-weight: 520;
+}
+.sy-muted {
+    color: var(--color-text-muted);
+}
+.sy-small {
+    font-size: 12px;
+}
+.sy-page-head {
+    display: flex;
+    align-items: flex-start;
+    justify-content: space-between;
+    gap: 16px;
+    margin-bottom: var(--sy-space-block);
+    flex-wrap: wrap;
+}
+.studio-page > .sy-page-head {
+    margin-bottom: 0;
+}
+.sy-page-head > div {
+    min-width: 0;
+}
+.sy-page-head h1 {
+    overflow-wrap: anywhere;
+}
+.sy-page-head .app-header-block {
+    gap: 0;
+}
+.sy-page-head p {
+    font-size: 13px;
+    color: var(--color-text-muted);
+    margin-top: 6px;
+}
+.sy-brand {
+    display: flex;
+    align-items: center;
+    gap: 9px;
+    font-size: 18px;
+    font-weight: 600;
+    letter-spacing: -0.6px;
+}
+.sy-brand svg {
+    width: 24px;
+    height: 24px;
+    flex-shrink: 0;
+}
+.sy-sidebar {
+    position: sticky;
+    top: 0;
+    height: 100dvh;
+    padding: 25px 13px 20px;
+    border-right: 1px solid var(--color-border);
+    display: flex;
+    flex-direction: column;
+    min-width: 0;
+    overflow-y: auto;
+}
+.sy-sidebar > .sy-brand {
+    padding: 0 10px 32px;
+}
+.sy-sidebar nav {
+    display: grid;
+    gap: 3px;
+}
+.sy-nav-item {
+    display: flex;
+    align-items: center;
+    gap: 10px;
+    min-height: 38px;
+    padding: 7px 10px;
+    color: var(--color-text-muted);
+    border-radius: var(--sy-radius);
+    font-size: 13px;
+    overflow-wrap: anywhere;
+}
+.sy-nav-item[aria-current="page"] {
+    color: #fff;
+    background: #1d1e21;
+}
+.sy-nav-item:hover {
+    color: white;
+}
+.sy-nav-topics {
+    margin-top: 30px;
+    padding: 0 10px;
+}
+.sy-nav-topics > p {
+    font-size: 12px;
+    color: var(--color-text-soft);
+    margin-bottom: 10px;
+}
+.sy-nav-topics > a {
+    display: flex;
+    align-items: flex-start;
+    gap: 9px;
+    font-size: 12px;
+    line-height: 1.6;
+    color: var(--color-text-muted);
+    padding: 8px 0;
+}
+.sy-nav-topics i {
+    width: 7px;
+    height: 7px;
+    border: 1px solid #96979f;
+    border-radius: 50%;
+    flex-shrink: 0;
+    margin-top: 6px;
+}
+.sy-nav-bottom {
+    margin-top: auto;
+    padding-top: 30px;
+}
+.sy-mobile-nav {
+    display: none;
+}
+.sy-button {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    gap: 7px;
+    min-height: var(--sy-control-height);
+    padding: 8px 13px;
+    border-radius: var(--sy-radius);
+    font-size: 13px;
+    font-weight: 450;
+    max-width: 100%;
+    white-space: normal;
+    text-align: center;
+    border: 0;
+    cursor: pointer;
+    text-decoration: none;
+}
+.sy-button:disabled {
+    opacity: 0.45;
+    cursor: default;
+}
+.sy-button.primary {
+    background: #efeff1;
+    color: #171719;
+    font-weight: 550;
+}
+.sy-button.secondary {
+    background: #25262a;
+    color: #eee;
+}
+.sy-button.quiet {
+    padding-inline: 0;
+    color: var(--color-text-muted);
+}
+.sy-button.quiet:hover {
+    color: #fff;
+}
+.sy-button.icon {
+    width: var(--sy-control-height);
+    min-width: var(--sy-control-height);
+    padding: 0;
+    background: var(--color-raised);
+}
+.sy-button svg {
+    width: 15px;
+    height: 15px;
+    flex-shrink: 0;
+}
+.sy-section-head {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 14px;
+    margin-bottom: var(--sy-space-field);
+    flex-wrap: wrap;
+}
+.sy-section-head > a,
+.sy-section-head > button,
+.sy-section-head > span {
+    font-size: 12px;
+    color: var(--color-text-muted);
+}
+.sy-section-head > a,
+.sy-section-head > button {
+    display: inline-flex;
+    align-items: center;
+    gap: 8px;
+    flex-shrink: 0;
+}
+.sy-section-head svg {
+    flex-shrink: 0;
+}
+.sy-section {
+    margin-top: var(--sy-space-section);
+}
+.sy-home-grid {
+    display: grid;
+    grid-template-columns: minmax(0, 1.6fr) minmax(260px, 1fr);
+    gap: var(--sy-space-section);
+    align-items: start;
+}
+.sy-home-main,
+.sy-home-aside {
+    min-width: 0;
+}
+.sy-resume {
+    background: var(--color-surface);
+    border-radius: var(--sy-radius);
+    display: grid;
+    grid-template-columns: minmax(150px, 0.8fr) minmax(0, 1.2fr);
+    overflow: hidden;
+}
+.sy-resume-media {
+    position: relative;
+    display: grid;
+    place-items: center;
+    background: #18191c;
+    min-height: 160px;
+    color: #bfc4cd;
+    overflow: hidden;
+}
+.sy-resume-media img {
+    width: 100%;
+    height: 100%;
+    position: absolute;
+    inset: 0;
+    object-fit: contain;
+}
+.sy-play {
+    position: absolute;
+    display: grid;
+    place-items: center;
+    border-radius: 50%;
+    background: #141416e8;
+    width: 42px;
+    height: 42px;
+    color: #fff;
+}
+.sy-play svg {
+    width: 18px;
+    height: 18px;
+    margin-left: 3px;
+}
+.sy-resume-copy {
+    padding: 22px;
+    display: flex;
+    align-items: flex-start;
+    flex-direction: column;
+    gap: 10px;
+}
+.sy-resume-copy h2 {
+    font-size: 18px;
+    font-weight: 500;
+    line-height: 1.4;
+}
+.sy-resume-copy p {
+    color: var(--color-text-muted);
+    font-size: 12px;
+}
+.sy-resume-copy > .sy-button {
+    margin-top: auto;
+}
+.sy-next-label {
+    padding-top: 12px;
+    font-size: 12px;
+    color: var(--color-text-muted);
+}
+.sy-topic {
+    display: grid;
+    grid-template-columns: minmax(0, 1fr) auto;
+    gap: 20px;
+    align-items: center;
+    padding: 19px 0;
+    border-bottom: 1px solid var(--color-border);
+}
+.sy-topic:first-child {
+    padding-top: 5px;
+}
+.sy-topic p {
+    margin-top: 5px;
+    color: var(--color-text-muted);
+    font-size: 12px;
+}
+.sy-topic > div:last-child {
+    display: flex;
+    align-items: center;
+    gap: 14px;
+}
+.sy-topic-count {
+    font-size: 12px;
+    color: var(--color-text-muted);
+    font-variant-numeric: tabular-nums;
+    white-space: nowrap;
+}
+.sy-progress {
+    height: 3px;
+    background: #303136;
+    overflow: hidden;
+    border-radius: 2px;
+    margin-top: 14px;
+}
+.sy-progress > span {
+    display: block;
+    height: 100%;
+    background: var(--color-accent);
+}
+.sy-current-book {
+    display: grid;
+    grid-template-columns: 86px minmax(0, 1fr);
+    gap: 17px;
+    align-items: center;
+    margin-bottom: var(--sy-space-block);
+}
+.sy-current-book h3 {
+    font-size: 14px;
+    line-height: 1.45;
+}
+.sy-current-book p {
+    font-size: 12px;
+    margin-top: 5px;
+    color: var(--color-text-muted);
+}
+.sy-current-book .sy-button {
+    font-size: 12px;
+    margin-top: 5px;
+}
+.sy-book-cover {
+    width: 100%;
+    aspect-ratio: 2/3;
+    object-fit: cover;
+    border-radius: 1px 3px 3px 1px;
+}
+.sy-book-cover-type {
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    padding: 12px 8px;
+    color: #222b27;
+    border-left: 3px solid #00000020;
+    font:
+        12px/1.3 Georgia,
+        serif;
+    overflow: hidden;
+}
+.sy-book-cover-type small {
+    font: 8px/1.35 var(--font-sans);
+    color: inherit;
+    opacity: 0.85;
+}
+.sy-review-row {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 16px;
+    padding-top: 20px;
+    border-top: 1px solid var(--color-border);
+}
+.sy-review-row p {
+    font-size: 12px;
+    color: var(--color-text-muted);
+    margin-top: 5px;
+}
+.sy-empty {
+    padding: 16px 0;
+    color: var(--color-text-muted);
+    font-size: 13px;
+    line-height: 1.8;
+}
+.sy-empty .sy-button {
+    margin-top: 12px;
+}
+.sy-empty.bordered {
+    padding: 24px;
+    background: var(--color-surface);
+    border-radius: var(--sy-radius);
+}
+.sy-empty p + p {
+    margin-top: 8px;
+}
+.sy-error {
+    padding: 12px 14px;
+    border: 1px solid var(--color-border-strong);
+    border-radius: var(--sy-radius);
+    color: #f3b6c0;
+    font-size: 13px;
+    line-height: 1.6;
+}
+.sy-library-tools {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    gap: 12px;
+    flex-wrap: wrap;
+    margin-bottom: var(--sy-space-block);
+}
+.sy-search {
+    display: flex;
+    align-items: center;
+    gap: 9px;
+    background: var(--color-surface);
+    border: 1px solid var(--color-border);
+    border-radius: 5px;
+    padding: 0 10px;
+    flex: 1 1 20rem;
+    min-width: min(100%, 16rem);
+}
+.sy-search svg {
+    width: 16px;
+    height: 16px;
+    color: var(--color-text-soft);
+}
+.sy-search input {
+    width: 100%;
+    min-width: 0;
+    padding: 9px 0;
+    background: none;
+    border: 0;
+    outline: none;
+    color: #fff;
+    font-size: 13px;
+}
+.sy-filters {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    flex-wrap: wrap;
+    min-width: 0;
+}
+.sy-select,
+.sy-input {
+    background: var(--color-surface);
+    color: var(--color-text);
+    border: 1px solid var(--color-border);
+    border-radius: var(--sy-radius);
+    padding: 8px 10px;
+    font: 13px var(--font-sans);
+    max-width: 100%;
+    min-height: var(--sy-control-height);
+    min-width: 0;
+    line-height: 22px;
+}
+.sy-input {
+    width: 100%;
+}
+.sy-view-switch {
+    display: flex;
+    gap: 3px;
+}
+.sy-view-switch button {
+    display: grid;
+    place-items: center;
+    width: var(--sy-control-height);
+    height: var(--sy-control-height);
+    color: var(--color-text-muted);
+    border-radius: var(--sy-radius);
+}
+.sy-view-switch button[aria-pressed="true"] {
+    color: #fff;
+    background: var(--color-raised);
+}
+.sy-shelf-group {
+    margin-bottom: 30px;
+}
+.sy-shelf-group h2 {
+    font-size: 13px;
+    color: var(--color-text-muted);
+    font-weight: 400;
+    margin-bottom: 16px;
+}
+.sy-shelf {
+    display: flex;
+    align-items: flex-end;
+    gap: 5px;
+    flex-wrap: wrap;
+    padding: 0 8px 9px;
+    border-bottom: 6px solid #303135;
+    min-height: 210px;
+}
+.sy-spine {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    flex-direction: column;
+    position: relative;
+    width: var(--spine-width, 56px);
+    min-width: 44px;
+    height: var(--spine-height, 220px);
+    padding: 12px 0 10px;
+    background: var(--book-color);
+    color: #1b2421;
+    border-left: 3px solid #ffffff10;
+    border-right: 3px solid #0000001e;
+    border-radius: 3px 3px 0 0;
+}
+.sy-spine:hover {
+    transform: translateY(-4px);
+}
+.sy-spine-title {
+    writing-mode: vertical-rl;
+    transform: rotate(180deg);
+    max-height: 168px;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    font:
+        16px/1.4 Georgia,
+        serif;
+}
+.sy-spine-author {
+    font: 8px/1.2 var(--font-sans);
+    max-width: 90%;
+    text-align: center;
+}
+.sy-bookmark {
+    position: absolute;
+    top: -2px;
+    left: 8px;
+    width: 7px;
+    height: 20px;
+    background: #e2e5df;
+    clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 77%, 0 100%);
+}
+.sy-library-row {
+    display: grid;
+    grid-template-columns: minmax(0, 1fr) minmax(0, 0.3fr) minmax(0, 0.3fr);
+    gap: 20px;
+    align-items: center;
+    padding: 17px 0;
+    border-bottom: 1px solid var(--color-border);
+    overflow-wrap: anywhere;
+}
+.sy-library-row p,
+.sy-library-row > span {
+    font-size: 12px;
+    color: var(--color-text-muted);
+    margin-top: 4px;
+}
+.sy-breadcrumb {
+    display: flex;
+    gap: 8px;
+    align-items: center;
+    color: var(--color-text-muted);
+    font-size: 12px;
+    margin-bottom: 22px;
+    flex-wrap: wrap;
+}
+.sy-breadcrumb svg {
+    width: 13px;
+    height: 13px;
+}
+.sy-study-grid {
+    display: grid;
+    grid-template-columns: minmax(0, 1.7fr) minmax(260px, 1fr);
+    gap: var(--sy-space-block);
+    align-items: start;
+}
+.sy-study-aside {
+    min-width: 0;
+}
+.sy-study-title {
+    font-size: 17px !important;
+    margin-bottom: 7px;
+}
+.sy-embed {
+    width: 100%;
+    aspect-ratio: 16/9;
+    background: #050505;
+    position: relative;
+    overflow: hidden;
+    border-radius: 6px;
+}
+.sy-embed > div,
+.sy-embed iframe {
+    position: absolute;
+    inset: 0;
+    width: 100%;
+    height: 100%;
+    border: 0;
+}
+.sy-video-caption {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 12px;
+    margin: 12px 0 22px;
+    color: var(--color-text-muted);
+    font-size: 12px;
+    flex-wrap: wrap;
+}
+.sy-check {
+    display: flex;
+    align-items: flex-start;
+    gap: 10px;
+    font-size: 13px;
+    margin-top: 15px;
+    cursor: pointer;
+}
+.sy-check input {
+    margin-top: 4px;
+    accent-color: #cbd6e7;
+}
+.sy-check small {
+    display: block;
+    color: var(--color-text-muted);
+    font-size: 12px;
+    margin-top: 4px;
+}
+.sy-tabs {
+    display: flex;
+    gap: 22px;
+    border-bottom: 1px solid var(--color-border);
+    margin-bottom: 18px;
+}
+.sy-tabs button {
+    font-size: 13px;
+    padding-bottom: 11px;
+    border-bottom: 2px solid transparent;
+    color: var(--color-text-muted);
+}
+.sy-tabs button[aria-selected="true"] {
+    color: #fff;
+    border-bottom-color: #b6b8bf;
+}
+.sy-textarea {
+    width: 100%;
+    min-height: 120px;
+    resize: vertical;
+    background: #131416;
+    color: #f7f7f8;
+    border: 1px solid var(--color-border);
+    border-radius: var(--sy-radius);
+    padding: 12px;
+    font: 13px/1.7 var(--font-sans);
+}
+.sy-textarea::placeholder {
+    color: #999aa2;
+}
+.sy-note-controls {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 10px;
+    margin-top: 9px;
+    flex-wrap: wrap;
+}
+.sy-note-controls small {
+    font-size: 11px;
+    color: var(--color-text-muted);
+}
+.sy-saved-note {
+    padding: 17px 0;
+    border-bottom: 1px solid var(--color-border);
+}
+.sy-saved-note p {
+    font-size: 13px;
+    line-height: 1.75;
+    white-space: pre-wrap;
+    overflow-wrap: anywhere;
+    margin-top: 5px;
+}
+.sy-saved-note blockquote {
+    margin: 8px 0;
+    color: var(--color-text-muted);
+    font:
+        14px/1.7 Georgia,
+        serif;
+    border-left: 2px solid var(--color-border-strong);
+    padding-left: 12px;
+}
+.sy-time-link {
+    font-size: 12px;
+    color: var(--color-accent);
+    display: inline-flex;
+    gap: 5px;
+    align-items: center;
+}
+.sy-pomodoro {
+    padding-top: 22px;
+    margin-top: 30px;
+    border-top: 1px solid var(--color-border);
+}
+.sy-pomodoro-head {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    gap: 12px;
+}
+.sy-pomodoro-head h2 {
+    font-size: 13px;
+    font-weight: 400;
+}
+.sy-pomodoro-head span {
+    font-size: 12px;
+    color: var(--color-text-muted);
+}
+.sy-timer-clock {
+    font-size: 36px;
+    letter-spacing: -1px;
+    font-variant-numeric: tabular-nums;
+    margin: 10px 0 13px;
+}
+.sy-timer-actions {
+    display: flex;
+    gap: 12px;
+}
+.sy-timer-settings {
+    display: flex;
+    gap: 12px;
+    margin-top: 16px;
+}
+.sy-timer-settings label {
+    font-size: 11px;
+    color: var(--color-text-muted);
+}
+.sy-timer-settings input {
+    display: block;
+    width: 68px;
+    margin-top: 5px;
+    background: var(--color-surface);
+    border: 1px solid var(--color-border);
+    border-radius: 4px;
+    color: #fff;
+    padding: 6px 8px;
+}
+.sy-outline-item {
+    display: flex;
+    align-items: center;
+    gap: 9px;
+    padding: 12px 0;
+    border-bottom: 1px solid var(--color-border);
+    font-size: 12px;
+    color: var(--color-text-muted);
+    width: 100%;
+    text-align: left;
+}
+.sy-outline-item[aria-current="step"] {
+    color: #fff;
+}
+.sy-outline-item svg {
+    width: 14px;
+    flex-shrink: 0;
+}
+.sy-outline-item small {
+    margin-left: auto;
+}
+.sy-outline-item .sy-outline-title {
+    min-width: 0;
+    overflow-wrap: anywhere;
+}
+.sy-article-link {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 16px;
+    padding: 16px 0;
+    border-bottom: 1px solid var(--color-border);
+    font-size: 13px;
+}
+.sy-reader-head {
+    display: flex;
+    align-items: flex-start;
+    justify-content: space-between;
+    gap: 20px;
+    flex-wrap: wrap;
+}
+.sy-reader-head p {
+    font-size: 12px;
+    color: var(--color-text-muted);
+    margin-top: 6px;
+}
+.sy-reader-tools {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 10px;
+    flex-wrap: wrap;
+    border-bottom: 1px solid var(--color-border);
+    padding: 15px 0;
+    margin-bottom: 20px;
+}
+.sy-reader-controls {
+    display: flex;
+    align-items: center;
+    gap: 10px;
+}
+.sy-reader {
+    background: #f0eee7;
+    border-radius: 6px;
+    overflow: hidden;
+    min-width: 0;
+}
+.sy-reader.night {
+    background: #191a1d;
+}
+.sy-reader-mount {
+    width: 100%;
+    /* Pagination needs a measured viewport, not an unbounded content height. */
+    height: clamp(22rem, 70dvh, 56rem);
+}
+.sy-reader-pagination {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 12px;
+    margin-top: 12px;
+}
+.sy-reader-pagination span {
+    font-size: 12px;
+    color: var(--color-text-muted);
+}
+.sy-reader-notes {
+    margin-top: 25px;
+}
+.sy-passage {
+    margin: 14px 0;
+    padding: 12px 15px;
+    border-left: 2px solid var(--color-border-strong);
+    color: var(--color-text-muted);
+    font:
+        15px/1.8 Georgia,
+        serif;
+}
+.sy-reader-fields {
+    display: flex;
+    gap: 12px;
+    margin-top: 20px;
+    flex-wrap: wrap;
+}
+.sy-reader-fields label {
+    font-size: 12px;
+    color: var(--color-text-muted);
+    display: grid;
+    gap: 6px;
+    min-width: 140px;
+}
+.sy-reader-fields .sy-input {
+    max-width: 240px;
+}
+.sy-card {
+    background: var(--color-surface);
+    border-radius: var(--sy-radius);
+    padding: 24px;
+    overflow-wrap: anywhere;
+}
+.sy-card h2 {
+    font-size: 19px;
+    line-height: 1.6;
+    font-weight: 450;
+    margin-bottom: 18px;
+}
+.sy-card-answer {
+    color: var(--color-text-muted);
+    line-height: 1.8;
+    border-top: 1px solid var(--color-border);
+    margin-top: 20px;
+    padding-top: 20px;
+    white-space: pre-wrap;
+}
+.sy-card-actions {
+    display: flex;
+    gap: 8px;
+    flex-wrap: wrap;
+    margin-top: 22px;
+}
+.sy-suggestion {
+    border-bottom: 1px solid var(--color-border);
+    padding: 20px 0;
+    overflow-wrap: anywhere;
+}
+.sy-suggestion p {
+    font-size: 13px;
+    color: var(--color-text-muted);
+    margin-top: 7px;
+    line-height: 1.8;
+}
+.sy-suggestion-actions {
+    display: flex;
+    gap: 14px;
+    margin-top: 10px;
+}
+.sy-form {
+    display: grid;
+    gap: var(--sy-space-field);
+    min-width: 0;
+    width: 100%;
+}
+.sy-form label {
+    display: grid;
+    gap: 7px;
+    font-size: 13px;
+}
+.sy-form-hint {
+    font-size: 12px;
+    color: var(--color-text-muted);
+    line-height: 1.7;
+}
+.sy-sync-panel {
+    border-top: 1px solid var(--color-border);
+    padding-top: 24px;
+    margin-top: var(--sy-space-section);
+}
+.sy-sync-panel > p {
+    font-size: 13px;
+    color: var(--color-text-muted);
+    margin-top: 8px;
+}
+.sy-app .button-primary,
+.sy-app .button-secondary {
+    border-radius: 5px;
+}
+.sy-loading {
+    font-size: 13px;
+    color: var(--color-text-muted);
+    padding-block: 28px;
+}
+
+/* Shared controls bridge the original studio components and learning screens. */
+.sy-app .sy-action,
+.sy-app .button-primary,
+.sy-app .button-secondary {
+    min-height: var(--sy-control-height);
+    height: auto;
+    max-width: 100%;
+    padding: 8px 14px;
+    border-radius: var(--sy-radius);
+    font-size: 13px;
+    line-height: 22px;
+    white-space: normal;
+    text-align: center;
+}
+.sy-app .sy-action[data-variant="secondary"],
+.sy-app .button-secondary {
+    background: var(--color-raised);
+    border-color: transparent;
+    color: var(--color-text);
+}
+.sy-app .sy-action[data-size="icon"] {
+    width: var(--sy-control-height);
+    min-width: var(--sy-control-height);
+    padding: 0;
+}
+.sy-app .sy-action svg {
+    flex-shrink: 0;
+}
+.sy-app .sy-control {
+    min-width: 0;
+    max-width: 100%;
+    height: auto;
+    min-height: var(--sy-control-height);
+    border-radius: var(--sy-radius);
+    padding: 8px 12px;
+    font-size: 14px;
+    line-height: 22px;
+}
+.sy-app textarea.sy-control {
+    min-height: 7rem;
+}
+.sy-app
+    :is(
+        .sy-control,
+        .sy-input,
+        .sy-select,
+        .sy-textarea,
+        .sy-search input
+    )::placeholder {
+    color: var(--color-text-soft);
+    opacity: 1;
+}
+.sy-app :is(a, button, input, textarea, select, summary):focus-visible {
+    outline: 2px solid var(--color-text-muted);
+    outline-offset: 3px;
+}
+.sy-segmented {
+    min-height: var(--sy-control-height);
+    height: auto;
+}
+.sy-segmented button {
+    white-space: normal;
+}
+.sy-toolbar {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 12px;
+    flex-wrap: wrap;
+    min-width: 0;
+}
+.sy-empty-row {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 16px;
+    flex-wrap: wrap;
+}
+.sy-empty-row .sy-button,
+.sy-empty-row .sy-action {
+    margin-top: 0;
+}
+.sy-workspace-list {
+    background: var(--color-surface);
+    border-radius: var(--sy-radius);
+}
+.sy-workspace-row {
+    position: relative;
+    display: grid;
+    grid-template-columns: minmax(0, 1fr) minmax(9rem, 0.4fr) auto;
+    gap: 16px 24px;
+    align-items: center;
+    padding: 20px 24px;
+}
+.sy-workspace-row + .sy-workspace-row {
+    border-top: 1px solid var(--color-border);
+}
+.sy-workspace-progress {
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+    min-width: 0;
+}
+.sy-panel {
+    min-width: 0;
+    padding: 24px;
+    border-radius: var(--sy-radius);
+    background: var(--color-surface);
+}
+/* The main column and source rail divide the remaining width after one 24px gutter. */
+.sy-scout-grid {
+    display: grid;
+    grid-template-columns: minmax(0, 1fr) minmax(18rem, 0.45fr);
+    gap: var(--sy-space-block);
+    align-items: start;
+}
+.sy-sources-panel {
+    display: grid;
+    gap: var(--sy-space-block);
+}
+.sy-source-section {
+    display: grid;
+    gap: 12px;
+    min-width: 0;
+}
+.sy-source-section > .sy-action {
+    justify-self: start;
+}
+.sy-source-disclosure {
+    min-width: 0;
+}
+.sy-source-disclosure summary {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    min-height: var(--sy-control-height);
+    color: var(--color-text-muted);
+    font-size: 13px;
+    cursor: pointer;
+    list-style: none;
+}
+.sy-source-disclosure summary::-webkit-details-marker {
+    display: none;
+}
+.sy-disclosure-chevron {
+    margin-left: auto;
+    flex-shrink: 0;
+}
+.sy-source-disclosure[open] .sy-disclosure-chevron {
+    transform: rotate(180deg);
+}
+.sy-source-fields {
+    display: grid;
+    gap: 12px;
+    padding-top: 12px;
+    min-width: 0;
+}
+.sy-source-fields > button {
+    justify-self: start;
+}
+.sy-settings-section {
+    display: grid;
+    grid-template-columns: minmax(12rem, 20rem) minmax(0, 1fr);
+    gap: var(--sy-space-section);
+    align-items: start;
+}
+.sy-settings-section + .sy-settings-section {
+    border-top: 1px solid var(--color-border);
+    padding-top: var(--sy-space-section);
+    margin-top: var(--sy-space-section);
+}
+.sy-settings-label,
+.sy-settings-content {
+    min-width: 0;
+}
+.sy-settings-label p {
+    margin-top: 8px;
+}
+.sy-settings-content {
+    display: grid;
+    gap: 16px;
+}
+.sy-settings-content > button {
+    justify-self: start;
+}
+.sy-settings-content > .sy-card-actions {
+    margin-top: 0;
+}
+.sy-settings-content .sy-form > .sy-card-actions {
+    margin-top: 0;
+}
+.sy-settings-content p {
+    font-size: 13px;
+    line-height: 1.7;
+    color: var(--color-text-muted);
+    overflow-wrap: anywhere;
+}
+.sy-create-review-grid {
+    display: grid;
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+    gap: var(--sy-space-block);
+    align-items: start;
+}
+.sy-create-pane {
+    min-width: 0;
+    border-radius: var(--sy-radius);
+    background: var(--color-surface);
+}
+.sy-create-pane-body {
+    padding: 20px;
+    overflow-wrap: anywhere;
+}
+.sy-app textarea.sy-create-input {
+    min-height: clamp(14rem, 35dvh, 26rem);
+}
+.sy-source-add {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    min-width: 0;
+}
+.sy-source-add > input {
+    flex: 1;
+    width: 0;
+}
+.sy-source-add > select {
+    flex: 0 1 auto;
+    max-width: 40%;
+}
+.sy-source-add > button {
+    flex-shrink: 0;
+    padding-inline: 10px;
+}
+.sy-sources-panel p,
+.sy-scout-main p {
+    overflow-wrap: anywhere;
+}
+.sy-scout-main a,
+.sy-article-link > span {
+    min-width: 0;
+    overflow-wrap: anywhere;
+}
+.sy-article-link > svg {
+    flex-shrink: 0;
+}
+.sy-example {
+    min-height: 32px;
+    padding: 4px 10px;
+    font-size: 12px;
+}
+.sy-agent-snippet {
+    white-space: pre-wrap;
+    overflow-wrap: anywhere;
+    padding: 16px;
+    background: var(--color-surface);
+    border-radius: var(--sy-radius);
+    font-size: 12px;
+    margin: 12px 0;
+}
+.sy-manual-roadmap {
+    border-top: 1px solid var(--color-border);
+    padding-top: 20px;
+    margin-top: var(--sy-space-block);
+}
+.sy-manual-roadmap summary {
+    cursor: pointer;
+    color: var(--color-text-muted);
+    font-size: 13px;
+}
+.sy-manual-roadmap .sy-form {
+    margin-top: 16px;
+}
+.sy-mobile-brand {
+    display: flex;
+    align-items: center;
+    gap: 12px;
+}
+.sy-mobile-brand > .sy-button {
+    display: none;
+}
+.sy-reader-head > div,
+.sy-study-grid > *,
+.sy-reader-tools > *,
+.sy-source-section > * {
+    min-width: 0;
+}
+.sy-reader-head h1,
+.sy-reader-head p,
+.sy-breadcrumb,
+.sy-topic h3 {
+    overflow-wrap: anywhere;
+}
+.sy-suggestion-actions,
+.sy-review-row,
+.sy-timer-settings {
+    flex-wrap: wrap;
+}
+.sy-reader-fields .sy-input {
+    max-width: none;
+}
+.sy-reader-fields label {
+    flex: 1 1 12rem;
+    min-width: 0;
+}
+.sy-reader-tools .sy-select {
+    min-width: 0;
+    max-width: 100%;
+    flex: 0 1 auto;
+}
+.sy-sync-panel .sy-card-actions {
+    gap: 12px;
+}
+
+@media (max-width: 1199px) {
+    .sy-scout-grid,
+    .sy-study-grid {
+        grid-template-columns: minmax(0, 1fr);
+    }
+    .sy-study-aside {
+        border-top: 1px solid var(--color-border);
+        padding-top: var(--sy-space-block);
+    }
+    .sy-sources-panel {
+        grid-template-columns: repeat(2, minmax(0, 1fr));
+        align-items: start;
+    }
+    .sy-sources-panel > div:first-child,
+    .sy-sources-panel > [role="alert"] {
+        grid-column: 1 / -1;
+    }
+    .sy-workspace-row {
+        grid-template-columns: minmax(0, 1fr) auto;
+    }
+    .sy-workspace-progress {
+        grid-column: 1;
+        grid-row: 2;
+    }
+    .sy-workspace-row > div:last-child {
+        grid-column: 2;
+        grid-row: 1 / span 2;
+    }
+}
+@media (min-width: 761px) and (max-width: 1199px) {
+    .sy-sources-panel > .sy-source-watch {
+        grid-column: 1;
+        grid-row: 2 / span 4;
+    }
+    .sy-sources-panel
+        > :is(.sy-source-disclosure, .sy-source-settings, .sy-source-cost) {
+        grid-column: 2;
+    }
+}
+@media (max-width: 1024px) {
+    .sy-app {
+        display: block;
+    }
+    .sy-sidebar {
+        display: none;
+    }
+    .sy-main {
+        padding: 24px 24px 48px;
+    }
+    .sy-mobile-nav {
+        display: block;
+        position: sticky;
+        top: 0;
+        z-index: 45;
+        padding: 10px 20px;
+        background: var(--color-page);
+        border-bottom: 1px solid var(--color-border);
+    }
+    .sy-mobile-brand {
+        justify-content: space-between;
+    }
+    .sy-mobile-nav .sy-brand {
+        font-size: 17px;
+        gap: 8px;
+    }
+    .sy-mobile-nav .sy-brand svg {
+        width: 22px;
+        height: 22px;
+    }
+    .sy-mobile-brand > .sy-button {
+        display: inline-flex;
+        min-height: 36px;
+        padding: 4px 8px;
+    }
+    .sy-mobile-nav nav {
+        display: grid;
+        grid-template-columns: repeat(5, minmax(0, 1fr));
+        gap: 4px;
+        margin-top: 6px;
+    }
+    .sy-mobile-nav nav a {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        min-height: 44px;
+        padding: 6px 4px;
+        font-size: 13px;
+        color: var(--color-text-muted);
+        border-radius: var(--sy-radius);
+    }
+    .sy-mobile-nav nav a[aria-current="page"] {
+        color: var(--color-text);
+        background: var(--color-surface-subtle);
+    }
+    .sy-home-grid {
+        grid-template-columns: minmax(0, 1.6fr) minmax(16rem, 1fr);
+        gap: 24px;
+    }
+    .sy-resume {
+        grid-template-columns: minmax(0, 1fr);
+    }
+    .sy-resume-media {
+        aspect-ratio: 16 / 9;
+        min-height: 0;
+    }
+}
+@media (max-width: 760px) {
+    .sy-app {
+        --sy-control-height: 44px;
+        --sy-space-section: 28px;
+    }
+    .sy-main {
+        padding-inline: 20px;
+    }
+    .sy-home-grid {
+        display: flex;
+        flex-direction: column;
+        align-items: stretch;
+        gap: 28px;
+    }
+    .sy-home-main {
+        display: contents;
+    }
+    .sy-home-main > section:first-child {
+        order: 0;
+    }
+    .sy-home-aside {
+        order: 1;
+    }
+    .sy-home-main > section.sy-section {
+        order: 2;
+        margin-top: 0;
+    }
+    .sy-current-books {
+        display: grid;
+        grid-template-columns: repeat(2, minmax(0, 1fr));
+        gap: 24px;
+    }
+    .sy-current-book {
+        grid-template-columns: 64px minmax(0, 1fr);
+        gap: 12px;
+        margin-bottom: 0;
+    }
+    .sy-current-book h3 {
+        font-size: 14px;
+    }
+    .sy-current-book .sy-button {
+        font-size: 12px;
+    }
+    .sy-review-row {
+        margin-top: 24px;
+    }
+    .sy-library-tools {
+        align-items: stretch;
+    }
+    .sy-search {
+        flex-basis: 100%;
+    }
+    .sy-filters {
+        width: 100%;
+    }
+    .sy-filters > select {
+        flex: 1 1 8rem;
+    }
+    .sy-select,
+    .sy-input {
+        font-size: 14px;
+    }
+    .sy-search input {
+        padding-block: 10px;
+        font-size: 14px;
+    }
+    .sy-segmented button {
+        min-height: 36px;
+    }
+    .sy-spine {
+        height: calc(var(--spine-height, 220px) * 0.85);
+    }
+    .sy-spine-title {
+        font-size: 14px;
+        max-height: 140px;
+    }
+    .sy-library-row {
+        grid-template-columns: minmax(0, 1fr) auto;
+        gap: 8px 16px;
+    }
+    .sy-library-row > div {
+        grid-column: 1 / -1;
+    }
+    .sy-library-row > span:last-child {
+        text-align: right;
+    }
+    .sy-sources-panel {
+        grid-template-columns: minmax(0, 1fr);
+    }
+    .sy-panel,
+    .sy-card,
+    .sy-empty.bordered {
+        padding: 20px;
+    }
+    .sy-workspace-row {
+        padding: 20px;
+    }
+    .sy-reader-mount {
+        height: clamp(22rem, 65dvh, 44rem);
+    }
+    .sy-reader-tools .sy-select {
+        width: 100%;
+    }
+    .sy-card-actions {
+        gap: 10px;
+    }
+    .sy-settings-section,
+    .sy-create-review-grid {
+        grid-template-columns: minmax(0, 1fr);
+        gap: 20px;
+    }
+}
+@media (max-width: 480px) {
+    .sy-main {
+        padding-inline: 16px;
+    }
+    .sy-mobile-nav {
+        padding-inline: 12px;
+    }
+    .sy-page-head {
+        gap: 12px;
+    }
+    .sy-app h1 {
+        font-size: 22px;
+    }
+    .sy-current-books {
+        grid-template-columns: minmax(0, 1fr);
+    }
+    .sy-current-book {
+        grid-template-columns: 76px minmax(0, 1fr);
+        gap: 16px;
+    }
+    .sy-toolbar > .sy-segmented {
+        width: 100%;
+    }
+    .sy-toolbar .sy-segmented button {
+        flex: 1;
+    }
+    .sy-reader-pagination {
+        gap: 8px;
+        flex-wrap: wrap;
+    }
+    .sy-reader-pagination .sy-button {
+        font-size: 12px;
+    }
+    .sy-suggestion-actions {
+        gap: 10px;
+    }
+}
+@media (prefers-reduced-motion: reduce) {
+    .sy-spine:hover {
+        transform: none;
+    }
+}
diff --git a/types/index.ts b/src/types/index.ts
similarity index 95%
rename from types/index.ts
rename to src/types/index.ts
index b3dd704..a5f786d 100644
--- a/types/index.ts
+++ b/src/types/index.ts
@@ -40,6 +40,8 @@ export interface Roadmap {
     forkCount?: number;
     forkedFrom?: string | null;
     ownerId?: string;
+    /** Set when the roadmap was published by Scout; marks the workspace as generated. */
+    packVersion?: string;
 }
 
 /* Section discriminated union */
@@ -265,6 +267,9 @@ export interface SrsItem {
     repetitions: number;
     dueAt: string;
     lastReviewedAt?: string | null;
+    status?: "suggested" | "kept" | "skipped";
+    fsrs?: import("zod").infer<typeof import("@/lib/personal/schema").fsrsCardSchema>;
+    source?: { url?: string; bookId?: string; cfi?: string; seconds?: number; quote?: string; taskId?: string };
 }
 
 export interface CreditStatus {
diff --git a/src/views/embed.tsx b/src/views/embed.tsx
new file mode 100644
index 0000000..7c6fc23
--- /dev/null
+++ b/src/views/embed.tsx
@@ -0,0 +1,25 @@
+import WorkspaceShell from "@/components/workspace/WorkspaceShell";
+import type { Roadmap } from "@/types";
+
+export function EmbedView({ roadmap }: { roadmap: Roadmap | null }) {
+    if (!roadmap) {
+        return (
+            <div className="flex h-screen items-center justify-center bg-page px-6 text-center text-text">
+                <div className="rounded-[24px] border border-border bg-text px-6 py-8">
+                    <p className="text-xs font-display text-text-muted">
+                        Embed unavailable
+                    </p>
+                    <p className="mt-3 text-sm text-text-muted">
+                        This workspace is private or no longer exists.
+                    </p>
+                </div>
+            </div>
+        );
+    }
+
+    return (
+        <div className="h-screen overflow-hidden bg-page text-text">
+            <WorkspaceShell roadmap={roadmap} isEmbed isReadOnly />
+        </div>
+    );
+}
diff --git a/app/(marketing)/contact/page.tsx b/src/views/marketing/contact.tsx
similarity index 79%
rename from app/(marketing)/contact/page.tsx
rename to src/views/marketing/contact.tsx
index b7e992d..9e4cdeb 100644
--- a/app/(marketing)/contact/page.tsx
+++ b/src/views/marketing/contact.tsx
@@ -1,5 +1,3 @@
-"use client";
-
 import { useState } from "react";
 import { ArrowUpRight, CheckCircle2, LifeBuoy, Loader2, Mail } from "lucide-react";
 import { Button } from "@/components/ui/button";
@@ -44,27 +42,26 @@ export default function ContactPage() {
     const isValid = Boolean(name.trim() && email.trim() && message.trim());
 
     return (
-        <section className="relative overflow-hidden pb-14 pt-14 md:pb-20 md:pt-20">
+        <section className="relative overflow-hidden pb-14 pt-14 md:pb-20 md:pt-10">
             <div className="pointer-events-none absolute inset-x-0 top-0 h-56 bg-[radial-gradient(circle_at_top,rgba(99,102,241,0.14),transparent_68%)]" />
 
             <div className="mx-auto max-w-6xl px-6 lg:px-12">
                 <div className="mx-auto max-w-2xl text-center">
-                    <p className="eyebrow text-text-soft">Support and partnerships</p>
-                    <h1 className="mt-4 text-4xl font-display text-text-primary md:text-6xl">Get in Touch</h1>
-                    <p className="mt-5 text-base leading-8 text-text-secondary">
+                    <h1 className="mt-4 text-4xl font-display text-text md:text-6xl">Get in Touch</h1>
+                    <p className="mt-5 text-base leading-8 text-text-muted">
                         Send product questions, billing issues, or partnership requests through the studio team.
                     </p>
                 </div>
 
                 <div className="mt-14 grid gap-6 lg:grid-cols-[minmax(0,1.2fr)_minmax(300px,0.8fr)]">
-                    <div className="rounded-[30px] border border-white/10 bg-[radial-gradient(circle_at_top,rgba(99,102,241,0.14),transparent_42%),linear-gradient(180deg,rgba(26,29,39,0.98),rgba(15,17,23,0.98))] p-7 shadow-[0_24px_60px_rgba(28,39,122,0.18)]">
+                    <div className="rounded-[30px] border border-border bg-[radial-gradient(circle_at_top,rgba(99,102,241,0.14),transparent_42%),linear-gradient(180deg,rgba(26,29,39,0.98),rgba(15,17,23,0.98))] p-7">
                         {formState === "success" ? (
                             <div className="flex flex-col items-center justify-center py-12 text-center">
-                                <div className="mb-4 flex h-16 w-16 items-center justify-center rounded-full bg-emerald-500/20">
-                                    <CheckCircle2 size={32} className="text-emerald-400" />
+                                <div className="mb-4 flex h-16 w-16 items-center justify-center rounded-full bg-accent/20">
+                                    <CheckCircle2 size={32} className="text-accent" />
                                 </div>
-                                <h2 className="text-2xl font-display text-white">Message sent</h2>
-                                <p className="mt-3 max-w-sm text-sm leading-7 text-text-secondary">
+                                <h2 className="text-2xl font-display text-text">Message sent</h2>
+                                <p className="mt-3 max-w-sm text-sm leading-7 text-text-muted">
                                     Thanks for reaching out. The team typically responds within 24 hours.
                                 </p>
                                 <Button
@@ -79,9 +76,9 @@ export default function ContactPage() {
                         ) : (
                             <>
                                 <div className="mb-8">
-                                    <p className="text-sm uppercase tracking-[0.28em] text-white/55">Contact form</p>
-                                    <h2 className="mt-3 text-2xl font-display text-white md:text-3xl">Tell us what you need.</h2>
-                                    <p className="mt-3 text-sm leading-7 text-white/70">
+                                    <p className="text-sm text-text-muted">Contact form</p>
+                                    <h2 className="mt-3 text-2xl font-display text-text md:text-3xl">Tell us what you need.</h2>
+                                    <p className="mt-3 text-sm leading-7 text-text-muted">
                                         Leave the essentials and the right person will follow up with context, next steps, or access help.
                                     </p>
                                 </div>
@@ -89,7 +86,7 @@ export default function ContactPage() {
                                 <form onSubmit={handleSubmit} className="space-y-5">
                                     <div className="grid gap-5 md:grid-cols-2">
                                         <div className="space-y-2">
-                                            <label htmlFor="contact-name" className="text-sm font-medium text-white/80">
+                                            <label htmlFor="contact-name" className="text-sm font-medium text-text">
                                                 Name
                                             </label>
                                             <Input
@@ -98,11 +95,11 @@ export default function ContactPage() {
                                                 onChange={(e) => setName(e.target.value)}
                                                 placeholder="Your name"
                                                 required
-                                                className="border-white/12 bg-white/5 text-white placeholder:text-white/40 focus-visible:ring-indigo-400 focus-visible:ring-offset-0"
+                                                className="border-border-strong bg-surface text-text placeholder:text-text-soft focus-visible:ring-border-strong focus-visible:ring-offset-0"
                                             />
                                         </div>
                                         <div className="space-y-2">
-                                            <label htmlFor="contact-email" className="text-sm font-medium text-white/80">
+                                            <label htmlFor="contact-email" className="text-sm font-medium text-text">
                                                 Email
                                             </label>
                                             <Input
@@ -112,13 +109,13 @@ export default function ContactPage() {
                                                 onChange={(e) => setEmail(e.target.value)}
                                                 placeholder="you@company.com"
                                                 required
-                                                className="border-white/12 bg-white/5 text-white placeholder:text-white/40 focus-visible:ring-indigo-400 focus-visible:ring-offset-0"
+                                                className="border-border-strong bg-surface text-text placeholder:text-text-soft focus-visible:ring-border-strong focus-visible:ring-offset-0"
                                             />
                                         </div>
                                     </div>
 
                                     <div className="space-y-2">
-                                        <label htmlFor="contact-message" className="text-sm font-medium text-white/80">
+                                        <label htmlFor="contact-message" className="text-sm font-medium text-text">
                                             Message
                                         </label>
                                         <Textarea
@@ -127,12 +124,12 @@ export default function ContactPage() {
                                             onChange={(e) => setMessage(e.target.value)}
                                             placeholder="Share the support issue, workflow need, or partnership idea."
                                             required
-                                            className="min-h-[220px] border-white/12 bg-white/5 text-white placeholder:text-white/40 focus-visible:ring-indigo-400 focus-visible:ring-offset-0"
+                                            className="min-h-[220px] border-border-strong bg-surface text-text placeholder:text-text-soft focus-visible:ring-border-strong focus-visible:ring-offset-0"
                                         />
                                     </div>
 
                                     {formState === "error" && (
-                                        <div className="rounded-lg border border-red-500/30 bg-red-500/10 p-4 text-sm text-red-300">
+                                        <div className="rounded-lg border border-danger/30 bg-danger/10 p-4 text-sm text-danger">
                                             Something went wrong. Please try again or email us directly.
                                         </div>
                                     )}
@@ -149,7 +146,7 @@ export default function ContactPage() {
                                                 Sending...
                                             </>
                                         ) : (
-                                            "Send message"
+"Send message"
                                         )}
                                     </Button>
                                 </form>
@@ -158,20 +155,20 @@ export default function ContactPage() {
                     </div>
 
                     <aside className="space-y-6">
-                        <div className="rounded-[30px] border border-white/10 bg-[linear-gradient(180deg,rgba(26,29,39,0.98),rgba(15,17,23,0.98))] p-7 shadow-[0_20px_56px_rgba(15,17,23,0.12)]">
-                            <p className="text-sm uppercase tracking-[0.28em] text-white/55">Direct channels</p>
-                            <h2 className="mt-3 text-2xl font-display text-white">Reach the right team fast.</h2>
+                        <div className="rounded-[30px] border border-border bg-[linear-gradient(180deg,rgba(26,29,39,0.98),rgba(15,17,23,0.98))] p-7">
+                            <p className="text-sm text-text-muted">Direct channels</p>
+                            <h2 className="mt-3 text-2xl font-display text-text">Reach the right team fast.</h2>
                             <div className="mt-8 space-y-4">
                                 <a
                                     href="mailto:support@znsnexus.com"
-                                    className="flex items-start gap-4 rounded-2xl border border-white/10 bg-white/[0.04] p-4 transition-colors hover:bg-white/[0.08]"
+                                    className="flex items-start gap-4 rounded-2xl border border-border bg-text p-4 transition-colors hover:bg-text"
                                 >
-                                    <span className="flex h-11 w-11 shrink-0 items-center justify-center rounded-2xl border border-white/10 bg-indigo-500/15 text-indigo-200">
+                                    <span className="flex h-11 w-11 shrink-0 items-center justify-center rounded-2xl border border-border bg-accent/15 text-accent-strong">
                                         <Mail size={18} />
                                     </span>
                                     <span>
-                                        <span className="block text-sm font-medium text-white">Support email</span>
-                                        <span className="mt-1 block text-sm text-white/70">support@znsnexus.com</span>
+                                        <span className="block text-sm font-medium text-text">Support email</span>
+                                        <span className="mt-1 block text-sm text-text-muted">support@znsnexus.com</span>
                                     </span>
                                 </a>
 
@@ -179,27 +176,27 @@ export default function ContactPage() {
                                     href="https://znsnexus.com"
                                     target="_blank"
                                     rel="noopener noreferrer"
-                                    className="flex items-start gap-4 rounded-2xl border border-white/10 bg-white/[0.04] p-4 transition-colors hover:bg-white/[0.08]"
+                                    className="flex items-start gap-4 rounded-2xl border border-border bg-text p-4 transition-colors hover:bg-text"
                                 >
-                                    <span className="flex h-11 w-11 shrink-0 items-center justify-center rounded-2xl border border-white/10 bg-indigo-500/15 text-indigo-200">
+                                    <span className="flex h-11 w-11 shrink-0 items-center justify-center rounded-2xl border border-border bg-accent/15 text-accent-strong">
                                         <ArrowUpRight size={18} />
                                     </span>
                                     <span>
-                                        <span className="block text-sm font-medium text-white">Partnership link</span>
-                                        <span className="mt-1 block text-sm text-white/70">Visit znsnexus.com</span>
+                                        <span className="block text-sm font-medium text-text">Partnership link</span>
+                                        <span className="mt-1 block text-sm text-text-muted">Visit znsnexus.com</span>
                                     </span>
                                 </a>
                             </div>
                         </div>
 
-                        <div className="rounded-[26px] border border-indigo-500/20 bg-[linear-gradient(135deg,rgba(99,102,241,0.12),rgba(34,211,238,0.06))] p-6">
+                        <div className="rounded-[26px] border border-accent/20 bg-[linear-gradient(135deg,rgba(99,102,241,0.12),rgba(34,211,238,0.06))] p-6">
                             <div className="flex items-start gap-4">
-                                <span className="flex h-10 w-10 shrink-0 items-center justify-center rounded-2xl bg-indigo-500/20 text-indigo-300">
+                                <span className="flex h-10 w-10 shrink-0 items-center justify-center rounded-2xl bg-accent/20 text-accent">
                                     <LifeBuoy size={18} />
                                 </span>
                                 <div>
-                                    <p className="text-sm font-semibold text-text-primary">Fastest route for billing questions</p>
-                                    <p className="mt-2 text-sm leading-7 text-text-secondary">
+                                    <p className="text-sm font-semibold text-text">Fastest route for billing questions</p>
+                                    <p className="mt-2 text-sm leading-7 text-text-muted">
                                         Include the account email and a short note on the issue so the team can respond with the right context.
                                     </p>
                                 </div>
@@ -208,7 +205,7 @@ export default function ContactPage() {
                     </aside>
                 </div>
 
-                <div className="mt-14 h-px w-full bg-gradient-to-r from-transparent via-indigo-400/65 to-transparent" />
+                <div className="mt-14 h-px w-full bg-transparent to-transparent" />
             </div>
         </section>
     );
diff --git a/app/(marketing)/gallery/page.tsx b/src/views/marketing/gallery.tsx
similarity index 61%
rename from app/(marketing)/gallery/page.tsx
rename to src/views/marketing/gallery.tsx
index b2b405e..5bf5ef1 100644
--- a/app/(marketing)/gallery/page.tsx
+++ b/src/views/marketing/gallery.tsx
@@ -1,29 +1,17 @@
 import GalleryFilters from "@/components/gallery/GalleryFilters";
 import GalleryGrid from "@/components/gallery/GalleryGrid";
 import GallerySchema from "@/components/seo/GallerySchema";
-import { listGallery } from "@/lib/server/gallery";
-
-export default async function GalleryPage({
-    searchParams,
-}: {
-    searchParams: Promise<{ q?: string; mode?: string; contentType?: string }>;
-}) {
-    const params = await searchParams;
-    const items = await listGallery({
-        query: params.q,
-        mode: params.mode,
-        contentType: params.contentType,
-    });
+import type { PublicRoadmapCard } from "@/types";
 
+export function GalleryView({ items }: { items: PublicRoadmapCard[] }) {
     return (
-        <div className="page-shell-wide pb-24 pt-20 md:pt-24">
+        <div className="page-shell-wide pb-24 pt-10 md:pt-12">
             <GallerySchema items={items} />
 
             <header className="app-header-block">
                 <div>
-                    <p className="eyebrow">Gallery</p>
-                    <h1 className="mt-3 text-4xl font-display leading-none text-text-primary md:text-5xl">Gallery</h1>
-                    <p className="mt-4 max-w-2xl text-sm leading-7 text-text-secondary">
+                    <h1 className="mt-3 text-4xl font-display leading-none text-text md:text-5xl">Gallery</h1>
+                    <p className="mt-4 max-w-2xl text-sm leading-7 text-text-muted">
                         Browse public workspaces and saved starting points.
                     </p>
                 </div>
diff --git a/app/(marketing)/page.tsx b/src/views/marketing/home.tsx
similarity index 72%
rename from app/(marketing)/page.tsx
rename to src/views/marketing/home.tsx
index e45a4cf..622eb03 100644
--- a/app/(marketing)/page.tsx
+++ b/src/views/marketing/home.tsx
@@ -1,7 +1,5 @@
-"use client";
-
 import { useRef } from "react";
-import Link from "next/link";
+import { Link } from "@tanstack/react-router";
 import { motion, useScroll, useTransform, useInView } from "framer-motion";
 import type { Variants } from "framer-motion";
 import { ArrowRight, Code2, ListTodo, Search } from "lucide-react";
@@ -28,9 +26,8 @@ function HeroSection() {
     };
 
     return (
-        <section className="relative flex min-h-screen w-full items-center overflow-hidden border-b border-white/5 bg-zinc-950">
+        <section className="relative flex min-h-screen w-full items-center overflow-hidden border-b border-border bg-page">
             {/* Background Image */}
-            {/* eslint-disable-next-line @next/next/no-img-element */}
             <img
                 src="https://images.unsplash.com/photo-1555066931-4365d14bab8c?w=1920&q=80&auto=format&fit=crop"
                 alt=""
@@ -39,9 +36,9 @@ function HeroSection() {
             />
 
             {/* Primary dark overlay – left-to-right fade so text stays readable */}
-            <div className="absolute inset-0 bg-gradient-to-r from-zinc-950/95 via-zinc-950/70 to-zinc-950/30" />
+            <div className="absolute inset-0 bg-page/95" />
             {/* Bottom fade */}
-            <div className="absolute inset-0 bg-gradient-to-t from-zinc-950 via-transparent to-transparent" />
+            <div className="absolute inset-0 bg-page via-transparent to-transparent" />
 
             {/* Static Film Grain Overlay – pure SVG, no external image */}
             <svg
@@ -76,12 +73,12 @@ function HeroSection() {
             >
                 <motion.p
                     variants={itemVariants}
-                    className="mb-5 text-[10px] font-bold uppercase tracking-[0.25em] text-emerald-500"
+                    className="mb-5 text-xs font-bold text-accent"
                 >
                     Editorial Workspace System
                 </motion.p>
 
-                <h1 className="flex max-w-3xl flex-wrap justify-start font-display text-4xl font-bold leading-[0.92] tracking-tighter text-zinc-100 md:text-5xl lg:text-[5.25rem]">
+                <h1 className="flex max-w-3xl flex-wrap justify-start font-display text-4xl font-bold leading-[0.92] tracking-tighter text-text md:text-5xl lg:text-[5.25rem]">
                     {"Give the work a calmer place to live.".split(" ").map((word, i) => (
                         <motion.span
                             key={i}
@@ -95,23 +92,22 @@ function HeroSection() {
 
                 <motion.p
                     variants={itemVariants}
-                    className="mt-6 max-w-lg text-base text-zinc-400 leading-relaxed"
+                    className="mt-6 max-w-lg text-base text-text-muted leading-relaxed"
                 >
                     Start privately, keep the system readable, and add shared continuity only when it improves the workflow.
                 </motion.p>
 
                 <motion.div variants={itemVariants} className="mt-8 flex flex-col items-start gap-3 sm:flex-row">
                     <Link
-                        href="/workspaces"
-                        style={{ color: '#0a0a0a' }}
-                        className="group flex h-12 items-center justify-center gap-2 bg-zinc-100 px-7 text-xs font-bold uppercase tracking-widest transition-all hover:bg-white hover:scale-[1.02]"
+                        to="/workspaces"
+                        className="button-primary group h-11 px-6"
                     >
                         Open Studio
                         <ArrowRight size={14} className="transition-transform group-hover:translate-x-1" />
                     </Link>
                     <Link
-                        href="/gallery"
-                        className="group flex h-12 items-center justify-center border border-white/20 bg-transparent px-7 text-xs font-bold uppercase tracking-widest text-zinc-100 transition-all hover:border-white/40 hover:bg-white/5"
+                        to="/gallery"
+                        className="button-secondary h-11 px-6"
                     >
                         Browse Library
                     </Link>
@@ -126,15 +122,15 @@ function SectionCapture() {
     const isInView = useInView(ref, { once: true, margin: "-20%" });
 
     return (
-        <section ref={ref} className="border-b border-white/5">
+        <section ref={ref} className="border-b border-border">
             <div className="mx-auto grid max-w-7xl grid-cols-1 lg:grid-cols-2">
                 {/* Left side: Sticky text */}
-                <div className="border-b border-white/5 lg:border-b-0 lg:border-r border-white/5 p-12 md:p-20 lg:sticky lg:top-0 lg:flex lg:h-screen lg:flex-col lg:justify-center">
+                <div className="border-b border-border lg:border-b-0 lg:border-r border-border p-12 md:p-20 lg:sticky lg:top-0 lg:flex lg:h-screen lg:flex-col lg:justify-center">
                     <motion.p
                         initial={{ opacity: 0, y: 20 }}
                         animate={isInView ? { opacity: 1, y: 0 } : {}}
                         transition={{ duration: 0.6 }}
-                        className="mb-4 text-xs font-bold uppercase tracking-[0.2em] text-zinc-500"
+                        className="mb-4 text-xs font-bold text-text-soft"
                     >
                         01. Capture
                     </motion.p>
@@ -142,7 +138,7 @@ function SectionCapture() {
                         initial={{ opacity: 0, y: 20 }}
                         animate={isInView ? { opacity: 1, y: 0 } : {}}
                         transition={{ duration: 0.6, delay: 0.1 }}
-                        className="font-display text-4xl font-bold tracking-tight text-zinc-100 md:text-5xl lg:text-6xl"
+                        className="font-display text-4xl font-bold tracking-tight text-text md:text-5xl lg:text-6xl"
                     >
                         Bring raw source material into a working draft surface.
                     </motion.h2>
@@ -150,46 +146,46 @@ function SectionCapture() {
                         initial={{ opacity: 0, y: 20 }}
                         animate={isInView ? { opacity: 1, y: 0 } : {}}
                         transition={{ duration: 0.6, delay: 0.2 }}
-                        className="mt-6 text-lg text-zinc-400"
+                        className="mt-6 text-lg text-text-muted"
                     >
                         Paste internal notes, roadmaps, onboarding guides, or process documentation and turn them into a structure that remains readable after the first session.
                     </motion.p>
                 </div>
 
                 {/* Right side: Scrolling UI Mockup */}
-                <div className="flex items-center justify-center p-8 py-24 md:p-20 bg-zinc-950 min-h-screen">
+                <div className="flex items-center justify-center p-8 py-24 md:p-20 bg-page min-h-screen">
                     <motion.div
                         initial={{ opacity: 0, scale: 0.95 }}
                         animate={isInView ? { opacity: 1, scale: 1 } : {}}
                         transition={{ duration: 0.8, delay: 0.3 }}
-                        className="w-full max-w-md border border-white/10 bg-black/40 backdrop-blur-md rounded-lg shadow-2xl overflow-hidden"
+                        className="w-full max-w-md border border-border bg-black/40 rounded-lg shadow-2xl overflow-hidden"
                     >
-                        <div className="flex items-center justify-between border-b border-white/10 bg-white/5 px-4 py-3">
+                        <div className="flex items-center justify-between border-b border-border bg-surface px-4 py-3">
                             <div className="flex gap-2">
-                                <span className="h-3 w-3 rounded-full bg-zinc-800" />
-                                <span className="h-3 w-3 rounded-full bg-zinc-800" />
-                                <span className="h-3 w-3 rounded-full bg-zinc-800" />
+                                <span className="h-3 w-3 rounded-full bg-surface-muted" />
+                                <span className="h-3 w-3 rounded-full bg-surface-muted" />
+                                <span className="h-3 w-3 rounded-full bg-surface-muted" />
                             </div>
-                            <span className="text-xs font-mono text-zinc-500">draft_notes.md</span>
+                            <span className="text-xs font-mono text-text-soft">draft_notes.md</span>
                         </div>
-                        <div className="p-6 font-mono text-sm leading-relaxed text-zinc-300">
-                            <span className="text-emerald-400"># Team Operating Notes</span>
+                        <div className="p-6 font-mono text-sm leading-relaxed text-text-muted">
+                            <span className="text-accent"># Team Operating Notes</span>
                             <br /><br />
-                            <span className="text-zinc-500">{"// Week 1"}</span><br />
-                            <span className="text-zinc-300">- Setup, access, workspace conventions</span><br />
-                            <span className="text-zinc-300">- Initial system tour</span><br />
+                            <span className="text-text-soft">{"// Week 1"}</span><br />
+                            <span className="text-text-muted">- Setup, access, workspace conventions</span><br />
+                            <span className="text-text-muted">- Initial system tour</span><br />
                             <br />
-                            <span className="text-zinc-500">{"// Week 2"}</span><br />
-                            <span className="text-zinc-300">- Ownership patterns</span><br />
-                            <span className="text-zinc-300">- Review rhythms and handoff rules</span><br />
+                            <span className="text-text-soft">{"// Week 2"}</span><br />
+                            <span className="text-text-muted">- Ownership patterns</span><br />
+                            <span className="text-text-muted">- Review rhythms and handoff rules</span><br />
                             <br />
                             <div className="mt-8 flex gap-3 opacity-80">
-                                <span className="h-2 w-full rounded-sm bg-zinc-800" />
-                                <span className="h-2 w-3/4 rounded-sm bg-zinc-800" />
+                                <span className="h-2 w-full rounded-sm bg-surface-muted" />
+                                <span className="h-2 w-3/4 rounded-sm bg-surface-muted" />
                             </div>
                         </div>
-                        <div className="border-t border-white/10 bg-zinc-950 p-4 flex justify-end">
-                            <button className="flex items-center gap-2 rounded bg-emerald-600 px-4 py-2 text-xs font-bold uppercase tracking-widest text-zinc-100 hover:bg-emerald-500 transition-colors">
+                        <div className="border-t border-border bg-page p-4 flex justify-end">
+                            <button className="flex items-center gap-2 rounded-full bg-text px-4 py-2 text-xs font-medium text-page hover:bg-[#e6e6e6] transition-colors">
                                 <Code2 size={14} /> Generate Structure
                             </button>
                         </div>
@@ -205,15 +201,15 @@ function SectionNavigate() {
     const isInView = useInView(ref, { once: true, margin: "-20%" });
 
     return (
-        <section ref={ref} className="border-b border-white/5 bg-zinc-950">
+        <section ref={ref} className="border-b border-border bg-page">
             <div className="mx-auto grid max-w-7xl grid-cols-1 lg:grid-cols-2">
                 {/* Left side: Sticky text */}
-                <div className="border-b border-white/5 lg:border-b-0 lg:border-r border-white/5 p-12 md:p-20 lg:sticky lg:top-0 lg:flex lg:h-screen lg:flex-col lg:justify-center">
+                <div className="border-b border-border lg:border-b-0 lg:border-r border-border p-12 md:p-20 lg:sticky lg:top-0 lg:flex lg:h-screen lg:flex-col lg:justify-center">
                     <motion.p
                         initial={{ opacity: 0, y: 20 }}
                         animate={isInView ? { opacity: 1, y: 0 } : {}}
                         transition={{ duration: 0.6 }}
-                        className="mb-4 text-xs font-bold uppercase tracking-[0.2em] text-zinc-500"
+                        className="mb-4 text-xs font-bold text-text-soft"
                     >
                         02. Navigate
                     </motion.p>
@@ -221,7 +217,7 @@ function SectionNavigate() {
                         initial={{ opacity: 0, y: 20 }}
                         animate={isInView ? { opacity: 1, y: 0 } : {}}
                         transition={{ duration: 0.6, delay: 0.1 }}
-                        className="font-display text-4xl font-bold tracking-tight text-zinc-100 md:text-5xl lg:text-6xl"
+                        className="font-display text-4xl font-bold tracking-tight text-text md:text-5xl lg:text-6xl"
                     >
                         Keep the library legible as the volume of work grows.
                     </motion.h2>
@@ -229,7 +225,7 @@ function SectionNavigate() {
                         initial={{ opacity: 0, y: 20 }}
                         animate={isInView ? { opacity: 1, y: 0 } : {}}
                         transition={{ duration: 0.6, delay: 0.2 }}
-                        className="mt-6 text-lg text-zinc-400"
+                        className="mt-6 text-lg text-text-muted"
                     >
                         Recency, completion, and next actions stay visible in one quiet list so people can resume work immediately instead of re-learning the interface.
                     </motion.p>
@@ -249,26 +245,26 @@ function SectionNavigate() {
                             { title: "Team Onboarding Guide", progress: 65, active: true },
                             { title: "Q3 Design System Sync", progress: 12, active: false },
                         ].map((item, i) => (
-                            <div key={i} className={`border border-white/10 rounded-lg p-5 flex flex-col transition-all duration-300 ${item.active ? 'bg-white/10 scale-105 shadow-[0_0_30px_rgba(255,255,255,0.05)]' : 'bg-black/40 opacity-70'}`}>
+                            <div key={i} className={`border border-border rounded-lg p-5 flex flex-col transition-all duration-300 ${item.active ? 'bg-surface-muted' : 'bg-black/40 opacity-70'}`}>
                                 <div className="flex justify-between items-start mb-4">
                                     <div>
-                                        <h4 className="font-medium text-zinc-200">{item.title}</h4>
-                                        <p className="text-xs text-zinc-500 mt-1">Updated 2 days ago</p>
+                                        <h4 className="font-medium text-text">{item.title}</h4>
+                                        <p className="text-xs text-text-soft mt-1">Updated 2 days ago</p>
                                     </div>
-                                    <span className="text-xs font-mono text-zinc-400">{item.progress}%</span>
+                                    <span className="text-xs font-mono text-text-muted">{item.progress}%</span>
                                 </div>
-                                <div className="h-1.5 w-full bg-zinc-900 rounded-full overflow-hidden border border-white/5">
+                                <div className="h-1.5 w-full bg-surface rounded-full overflow-hidden border border-border">
                                     <div
-                                        className={`h-full rounded-full transition-all duration-1000 ${item.progress === 100 ? 'bg-zinc-600' : 'bg-emerald-500'}`}
+                                        className={`h-full rounded-full transition-all duration-1000 ${item.progress === 100 ? 'bg-raised' : 'bg-accent'}`}
                                         style={{ width: `${item.progress}%` }}
                                     />
                                 </div>
                                 {item.active && (
-                                    <div className="mt-4 pt-4 border-t border-white/10 flex items-center justify-between">
-                                        <div className="flex items-center gap-2 text-xs text-emerald-400 font-medium">
+                                    <div className="mt-4 pt-4 border-t border-border flex items-center justify-between">
+                                        <div className="flex items-center gap-2 text-xs text-accent font-medium">
                                             <ListTodo size={14} /> Resume Module 3
                                         </div>
-                                        <ArrowRight size={14} className="text-zinc-500" />
+                                        <ArrowRight size={14} className="text-text-soft" />
                                     </div>
                                 )}
                             </div>
@@ -282,23 +278,23 @@ function SectionNavigate() {
 
 export default function MarketingPage() {
     return (
-        <div className="min-h-screen bg-zinc-950 text-zinc-100 selection:bg-emerald-500/30">
+        <div className="min-h-screen bg-page text-text selection:bg-accent/30">
             <HeroSection />
             <SectionCapture />
             <SectionNavigate />
 
-            <section className="border-t border-white/5 bg-zinc-950 py-32 text-center">
+            <section className="border-t border-border bg-page py-32 text-center">
                 <div className="mx-auto max-w-3xl px-6">
-                    <p className="mb-4 text-xs font-bold uppercase tracking-[0.2em] text-emerald-500">
+                    <p className="mb-4 text-xs font-bold text-accent">
                         Begin with material, not UI
                     </p>
-                    <h2 className="font-display text-4xl font-bold leading-tight tracking-tighter text-zinc-100 md:text-6xl">
+                    <h2 className="font-display text-4xl font-bold leading-tight tracking-tighter text-text md:text-6xl">
                         Ready to structure your work?
                     </h2>
                     <div className="mt-10 flex justify-center">
                         <Link
-                            href="/create"
-                            className="group flex h-14 items-center justify-center gap-2 rounded-none bg-emerald-600 px-10 text-sm font-bold uppercase tracking-wider text-white transition-all hover:bg-emerald-500 hover:scale-[1.02]"
+                            to="/create"
+                            className="group flex h-14 items-center justify-center gap-2 rounded-full bg-text px-10 text-sm font-medium text-page transition-all hover:bg-[#e6e6e6]"
                         >
                             Start the Studio
                             <ArrowRight size={16} className="transition-transform group-hover:translate-x-1" />
diff --git a/app/(marketing)/pricing/page.tsx b/src/views/marketing/pricing.tsx
similarity index 86%
rename from app/(marketing)/pricing/page.tsx
rename to src/views/marketing/pricing.tsx
index 47113be..9e4abb2 100644
--- a/app/(marketing)/pricing/page.tsx
+++ b/src/views/marketing/pricing.tsx
@@ -1,7 +1,5 @@
-"use client"
-
 import { useMemo, useState } from "react"
-import Link from "next/link"
+import { Link } from "@tanstack/react-router";
 import FaqSchema from "@/components/seo/FaqSchema"
 import { ArrowRight, CheckCircle2, HelpCircle, ShieldCheck, Sparkles, X } from "lucide-react"
 import { Button } from "@/components/ui/button"
@@ -82,16 +80,16 @@ function PlanCard({
             <CardHeader className="mb-8 p-0">
                 <div className="flex items-start justify-between gap-4">
                     <div>
-                        <p className="text-sm uppercase tracking-[0.3em] text-text-secondary">{plan.name}</p>
-                        <CardTitle className="mt-3 text-4xl font-display text-text-primary">
+                        <p className="text-sm text-text-muted">{plan.name}</p>
+                        <CardTitle className="mt-3 text-4xl font-display text-text">
                             {priceDisplay.primary}
-                            <span className="ml-2 text-base font-sans text-text-secondary">{priceDisplay.secondary}</span>
+                            <span className="ml-2 text-base font-sans text-text-muted">{priceDisplay.secondary}</span>
                         </CardTitle>
-                        <p className="mt-2 text-sm text-text-secondary">{priceDisplay.tertiary}</p>
+                        <p className="mt-2 text-sm text-text-muted">{priceDisplay.tertiary}</p>
                     </div>
 
                     {isPopular && (
-                        <span className="border border-border px-3 py-1 text-[11px] font-semibold uppercase tracking-[0.2em] text-text-secondary">
+                        <span className="border border-border px-3 py-1 text-xs font-semibold text-text-muted">
                             Most Popular
                         </span>
                     )}
@@ -101,13 +99,13 @@ function PlanCard({
             <CardContent className="flex flex-1 flex-col p-0">
                 <div className="mb-8 space-y-3">
                     {plan.features.map((feature) => (
-                        <div key={feature} className="flex items-start gap-3 text-sm text-text-primary">
-                            <CheckCircle2 size={18} className="mt-0.5 shrink-0 text-text-primary" />
+                        <div key={feature} className="flex items-start gap-3 text-sm text-text">
+                            <CheckCircle2 size={18} className="mt-0.5 shrink-0 text-text" />
                             <span>{feature}</span>
                         </div>
                     ))}
                     {plan.notIncluded.map((feature) => (
-                        <div key={feature} className="flex items-start gap-3 text-sm text-text-secondary">
+                        <div key={feature} className="flex items-start gap-3 text-sm text-text-muted">
                             <X size={18} className="mt-0.5 shrink-0 text-text-soft" />
                             <span>{feature}</span>
                         </div>
@@ -123,7 +121,7 @@ function PlanCard({
                         size="lg"
                         className="w-full"
                     >
-                        <Link href="/create">
+                        <Link to="/create">
                             Get Started Free
                             <ArrowRight size={16} />
                         </Link>
@@ -144,19 +142,19 @@ export default function PricingPage() {
     const [interval, setInterval] = useState<BillingInterval>("monthly")
 
     return (
-        <div className="relative overflow-hidden pt-24 text-text-primary">
+        <div className="relative overflow-hidden pt-12 text-text">
                 <FaqSchema faqs={FAQS} />
 
                 <section className="relative mx-auto max-w-7xl px-6 pb-10 pt-14 lg:px-12">
                     <div className="mx-auto max-w-3xl text-center">
-                        <div className="mb-5 inline-flex items-center gap-2 border border-border px-4 py-2 text-[11px] font-semibold uppercase tracking-[0.24em] text-text-secondary">
-                            <Sparkles size={14} className="text-text-primary" />
+                        <div className="mb-5 inline-flex items-center gap-2 border border-border px-4 py-2 text-xs font-semibold text-text-muted">
+                            <Sparkles size={14} className="text-text" />
                             Pricing for creators, teams, and agencies
                         </div>
-                        <h1 className="text-5xl font-display leading-none text-text-primary sm:text-6xl">
+                        <h1 className="text-5xl font-display leading-none text-text sm:text-6xl">
                             Simple, Transparent Pricing
                         </h1>
-                        <p className="mx-auto mt-5 max-w-2xl text-base text-text-secondary">
+                        <p className="mx-auto mt-5 max-w-2xl text-base text-text-muted">
                             Start free today. Pro and Agency plans are on the roadmap — no account, no cloud, no hidden fees.
                         </p>
                     </div>
@@ -170,12 +168,12 @@ export default function PricingPage() {
                                     variant={interval === value ? "default" : "ghost"}
                                     size="sm"
                                     onClick={() => setInterval(value)}
-                                    className={interval === value ? "" : "text-text-secondary"}
+                                    className={interval === value ? "" : "text-text-muted"}
                                 >
                                     {value === "annual" ? "Annual" : "Monthly"}
                                 </Button>
                             ))}
-                            <span className="min-w-[138px] border border-border px-4 py-2 text-center text-xs font-semibold uppercase tracking-[0.18em] whitespace-nowrap text-text-secondary">
+                            <span className="min-w-[138px] border border-border px-4 py-2 text-center text-xs font-semibold whitespace-nowrap text-text-muted">
                                 Save 2 months
                             </span>
                         </div>
@@ -193,11 +191,11 @@ export default function PricingPage() {
                 <section className="relative mx-auto max-w-6xl px-6 pb-20 lg:px-12">
                     <div className="mb-8 flex items-center gap-3">
                         <div className="flex h-11 w-11 items-center justify-center border border-border">
-                            <HelpCircle size={18} className="text-text-primary" />
+                            <HelpCircle size={18} className="text-text" />
                         </div>
                         <div>
-                            <h2 className="text-3xl font-display text-text-primary">Frequently Asked Questions</h2>
-                            <p className="text-sm text-text-secondary">Everything operational, billing, and downgrade related in one place.</p>
+                            <h2 className="text-3xl font-display text-text">Frequently Asked Questions</h2>
+                            <p className="text-sm text-text-muted">Everything operational, billing, and downgrade related in one place.</p>
                         </div>
                     </div>
 
@@ -207,14 +205,14 @@ export default function PricingPage() {
                                 key={item.question}
                                 className="border-y border-border p-6"
                             >
-                                <h3 className="mb-3 text-lg font-semibold text-text-primary">{item.question}</h3>
-                                <p className="text-sm leading-7 text-text-secondary">{item.answer}</p>
+                                <h3 className="mb-3 text-lg font-semibold text-text">{item.question}</h3>
+                                <p className="text-sm leading-7 text-text-muted">{item.answer}</p>
                             </article>
                         ))}
                     </div>
 
-                    <div className="mt-8 flex items-center gap-3 border-y border-border p-5 text-sm text-text-secondary">
-                        <ShieldCheck size={18} className="shrink-0 text-text-primary" />
+                    <div className="mt-8 flex items-center gap-3 border-y border-border p-5 text-sm text-text-muted">
+                        <ShieldCheck size={18} className="shrink-0 text-text" />
                         Local-first by design. Roadmaps and preferences stay in your browser — no cloud, no account, no hidden fees.
                     </div>
                 </section>
diff --git a/app/(marketing)/privacy/page.tsx b/src/views/marketing/privacy.tsx
similarity index 59%
rename from app/(marketing)/privacy/page.tsx
rename to src/views/marketing/privacy.tsx
index 2c83517..7add089 100644
--- a/app/(marketing)/privacy/page.tsx
+++ b/src/views/marketing/privacy.tsx
@@ -1,18 +1,8 @@
-import type { Metadata } from "next";
-
-export const metadata: Metadata = {
-    title: "Privacy Policy",
-    description: "Read how ZNS RoadMap Studio handles local storage and your user data.",
-    alternates: {
-        canonical: "/privacy",
-    },
-};
-
-export default function PrivacyPage() {
+export function PrivacyView() {
     return (
         <section className="mx-auto w-full max-w-4xl px-6 py-20 md:py-24">
-            <h1 className="font-display text-4xl text-text-primary">Privacy Policy</h1>
-            <div className="mt-8 space-y-6 text-sm leading-7 text-text-secondary">
+            <h1 className="font-display text-4xl text-text">Privacy Policy</h1>
+            <div className="mt-8 space-y-6 text-sm leading-7 text-text-muted">
                 <p>ZNS RoadMap Studio stores workspace data locally in your browser. Nothing is uploaded to a ZNS-owned server or cloud account.</p>
                 <p>Custom provider keys are stored in browser storage and only sent to the selected AI provider to fulfill requests.</p>
                 <p>If you need data deletion or support, use the contact page linked in the footer.</p>
diff --git a/app/(marketing)/terms/page.tsx b/src/views/marketing/terms.tsx
similarity index 61%
rename from app/(marketing)/terms/page.tsx
rename to src/views/marketing/terms.tsx
index 3dd58ed..c84d2ac 100644
--- a/app/(marketing)/terms/page.tsx
+++ b/src/views/marketing/terms.tsx
@@ -1,18 +1,8 @@
-import type { Metadata } from "next";
-
-export const metadata: Metadata = {
-    title: "Terms of Use",
-    description: "Terms governing the use of ZNS RoadMap Studio and its local-first workspace features.",
-    alternates: {
-        canonical: "/terms",
-    },
-};
-
-export default function TermsPage() {
+export function TermsView() {
     return (
         <section className="mx-auto w-full max-w-4xl px-6 py-20 md:py-24">
-            <h1 className="font-display text-4xl text-text-primary">Terms of Use</h1>
-            <div className="mt-8 space-y-6 text-sm leading-7 text-text-secondary">
+            <h1 className="font-display text-4xl text-text">Terms of Use</h1>
+            <div className="mt-8 space-y-6 text-sm leading-7 text-text-muted">
                 <p>This product is provided as a workspace and content-structuring tool. You are responsible for the source material, generated outputs, and any third-party services you connect.</p>
                 <p>The studio stores your workspaces locally in your browser. Data is not uploaded to a ZNS-owned server.</p>
                 <p>Use of the product must comply with applicable law and the terms of any upstream services you configure.</p>
diff --git a/app/share/[id]/page.tsx b/src/views/share.tsx
similarity index 59%
rename from app/share/[id]/page.tsx
rename to src/views/share.tsx
index 0775a2c..d0f658b 100644
--- a/app/share/[id]/page.tsx
+++ b/src/views/share.tsx
@@ -1,26 +1,19 @@
 import Header from "@/components/layout/Header";
 import WorkspaceShell from "@/components/workspace/WorkspaceShell";
-import { getPublicWorkspace } from "@/lib/server/workspaces";
-
-export default async function SharePage({
-    params,
-}: {
-    params: Promise<{ id: string }>;
-}) {
-    const { id } = await params;
-    const roadmap = await getPublicWorkspace(id);
+import type { Roadmap } from "@/types";
 
+export function ShareView({ roadmap }: { roadmap: Roadmap | null }) {
     if (!roadmap) {
         return (
-            <div className="min-h-screen bg-obsidian text-text-primary">
+            <div className="min-h-screen bg-page text-text">
                 <Header />
                 <main className="mx-auto flex min-h-screen max-w-4xl items-center justify-center px-6 pt-24">
-                    <div className="rounded-[28px] border border-white/10 bg-white/[0.03] p-10 text-center shadow-[0_24px_80px_rgba(0,0,0,0.32)]">
-                        <p className="text-[11px] font-sans-display uppercase tracking-[0.3em] text-text-secondary">
+                    <div className="rounded-[28px] border border-border bg-text p-10 text-center">
+                        <p className="text-xs font-display text-text-muted">
                             Shared workspace
                         </p>
-                        <h1 className="mt-4 font-display text-4xl text-white">Workspace not found</h1>
-                        <p className="mt-3 max-w-xl text-sm text-text-secondary">
+                        <h1 className="mt-4 font-display text-4xl text-text">Workspace not found</h1>
+                        <p className="mt-3 max-w-xl text-sm text-text-muted">
                             This share link is unavailable or no longer public.
                         </p>
                     </div>
@@ -30,7 +23,7 @@ export default async function SharePage({
     }
 
     return (
-        <div className="min-h-screen bg-obsidian text-text-primary">
+        <div className="min-h-screen bg-page text-text">
             <Header />
             <main className="pt-20">
                 <WorkspaceShell roadmap={roadmap} isReadOnly />
diff --git a/src/views/studio/analytics.tsx b/src/views/studio/analytics.tsx
new file mode 100644
index 0000000..2cb40ac
--- /dev/null
+++ b/src/views/studio/analytics.tsx
@@ -0,0 +1,421 @@
+import { useEffect, useMemo, useState } from "react";
+import { Link } from "@tanstack/react-router";
+import { getStorage } from "@/lib/storage";
+import { getRoadmapStats } from "@/lib/workspace-stats";
+import type { Roadmap, ModuleSection } from "@/types";
+
+// ─── Types ───────────────────────────────────────────────────────────────────
+
+interface DayCell {
+    date: string; // YYYY-MM-DD
+    count: number; // tasks completed on that day (approximated from updatedAt)
+    level: 0 | 1 | 2 | 3 | 4; // intensity bucket
+}
+
+interface Milestone {
+    id: string;
+    roadmapTitle: string;
+    roadmapId: string;
+    label: string;
+    completedAt: string; // ISO date string
+    type: "roadmap-complete" | "module-complete" | "halfway";
+}
+
+// ─── Helpers ─────────────────────────────────────────────────────────────────
+
+function isoToYMD(iso: string): string {
+    return iso.slice(0, 10);
+}
+
+function addDays(dateStr: string, n: number): string {
+    const d = new Date(dateStr);
+    d.setDate(d.getDate() + n);
+    return d.toISOString().slice(0, 10);
+}
+
+function today(): string {
+    return new Date().toISOString().slice(0, 10);
+}
+
+function daysBetween(a: string, b: string): number {
+    const msA = new Date(a).getTime();
+    const msB = new Date(b).getTime();
+    return Math.round(Math.abs(msB - msA) / 86400000);
+}
+
+function buildConsistencyGrid(roadmaps: Roadmap[]): DayCell[] {
+    // Build a 365-day window (52 weeks + padding)
+    const todayStr = today();
+    const startStr = addDays(todayStr, -363); // ~52 weeks back
+
+    // Count completions per day using roadmap updatedAt as a proxy
+    // In a real system you'd store per-task completion timestamps
+    const counts: Record<string, number> = {};
+
+    for (const roadmap of roadmaps) {
+        const dateStr = isoToYMD(roadmap.updatedAt || roadmap.createdAt || todayStr);
+        if (dateStr >= startStr && dateStr <= todayStr) {
+            const stats = getRoadmapStats(roadmap);
+            // Weight by how many tasks are completed
+            counts[dateStr] = (counts[dateStr] || 0) + Math.max(1, Math.floor(stats.completedTasks / 2));
+        }
+    }
+
+    const learning = getStorage().getLearningRecord();
+    for (const [date, count] of Object.entries(learning.tasksByDate)) {
+        if (date >= startStr && date <= todayStr) counts[date] = (counts[date] || 0) + count;
+    }
+
+    // Build the full 364-day array
+    const cells: DayCell[] = [];
+    const maxCount = Math.max(1, ...Object.values(counts));
+
+    for (let i = 0; i < 364; i++) {
+        const dateStr = addDays(startStr, i);
+        const count = counts[dateStr] || 0;
+        let level: DayCell["level"] = 0;
+        if (count > 0) {
+            const ratio = count / maxCount;
+            if (ratio < 0.25) level = 1;
+            else if (ratio < 0.5) level = 2;
+            else if (ratio < 0.75) level = 3;
+            else level = 4;
+        }
+        cells.push({ date: dateStr, count, level });
+    }
+
+    return cells;
+}
+
+function extractMilestones(roadmaps: Roadmap[]): Milestone[] {
+    const milestones: Milestone[] = [];
+
+    for (const roadmap of roadmaps) {
+        const stats = getRoadmapStats(roadmap);
+        const title = roadmap.title || "Untitled Workspace";
+        const baseDate = roadmap.updatedAt || roadmap.createdAt || today();
+
+        // Completed roadmap
+        if (stats.progressState === "completed") {
+            milestones.push({
+                id: `${roadmap.id}-complete`,
+                roadmapTitle: title,
+                roadmapId: roadmap.id,
+                label: `Completed "${title}"`,
+                completedAt: baseDate,
+                type: "roadmap-complete",
+            });
+        }
+
+        // Halfway milestone
+        if (stats.percent >= 50 && stats.progressState !== "not-started") {
+            milestones.push({
+                id: `${roadmap.id}-halfway`,
+                roadmapTitle: title,
+                roadmapId: roadmap.id,
+                label: `Reached 50% in "${title}"`,
+                completedAt: baseDate,
+                type: "halfway",
+            });
+        }
+
+        // Completed modules
+        const moduleSections = roadmap.sections.filter((s) => s.type === "module") as ModuleSection[];
+        for (const mod of moduleSections) {
+            if (mod.data.completed) {
+                milestones.push({
+                    id: `${roadmap.id}-${mod.id}-module`,
+                    roadmapTitle: title,
+                    roadmapId: roadmap.id,
+                    label: `Finished module: ${mod.title || "Untitled Module"}`,
+                    completedAt: baseDate,
+                    type: "module-complete",
+                });
+            }
+        }
+    }
+
+    // Sort newest first
+    return milestones
+        .sort((a, b) => new Date(b.completedAt).getTime() - new Date(a.completedAt).getTime())
+        .slice(0, 20);
+}
+
+// ─── Sub-components ───────────────────────────────────────────────────────────
+
+// Intensity buckets for the matrix: one hue, stepped by opacity.
+const LEVEL_COLORS = ["bg-surface-muted", "bg-accent/25", "bg-accent/50", "bg-accent/75", "bg-accent"] as const;
+const MONTHS = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
+const DAYS = ["", "Mon", "", "Wed", "", "Fri", ""];
+
+/** A year of activity, one column per week, stretched to the panel's width. */
+function ConsistencyMatrix({ cells }: { cells: DayCell[] }) {
+    const weeks: DayCell[][] = [];
+    for (let i = 0; i < cells.length; i += 7) {
+        weeks.push(cells.slice(i, i + 7));
+    }
+
+    const monthLabels = new Map<number, string>();
+    let lastMonth = -1;
+    weeks.forEach((week, column) => {
+        const first = week[0];
+        if (!first) return;
+        const month = new Date(first.date).getMonth();
+        if (month !== lastMonth) {
+            // Skip a label squeezed against the previous one at the left edge.
+            if (column > 1 || monthLabels.size === 0) monthLabels.set(column, MONTHS[month]);
+            lastMonth = month;
+        }
+    });
+
+    const todayStr = today();
+    const columns = { gridTemplateColumns: `repeat(${weeks.length}, minmax(0, 1fr))` };
+
+    return (
+        <div className="overflow-x-auto">
+            <div className="grid min-w-[640px] grid-cols-[32px_minmax(0,1fr)] gap-x-2">
+                <span />
+                <div className="mb-1.5 grid gap-[3px]" style={columns}>
+                    {weeks.map((_, column) => (
+                        <span key={column} className="overflow-visible whitespace-nowrap text-xs text-text-soft">
+                            {monthLabels.get(column) ?? ""}
+                        </span>
+                    ))}
+                </div>
+
+                <div className="grid grid-rows-7 gap-[3px]">
+                    {DAYS.map((day, index) => (
+                        <span key={index} className="flex items-center text-xs text-text-soft">
+                            {day}
+                        </span>
+                    ))}
+                </div>
+                <div className="grid gap-[3px]" style={columns}>
+                    {weeks.map((week, column) => (
+                        <div key={column} className="grid grid-rows-7 gap-[3px]">
+                            {week.map((cell) => (
+                                <div
+                                    key={cell.date}
+                                    title={`${cell.date}: ${cell.count} completed`}
+                                    className={`aspect-square rounded-[3px] ${LEVEL_COLORS[cell.level]} ${
+                                        cell.date === todayStr ? "outline outline-1 outline-text-soft" : ""
+                                    }`}
+                                />
+                            ))}
+                        </div>
+                    ))}
+                </div>
+            </div>
+
+            <div className="mt-4 flex items-center justify-end gap-1.5 text-xs text-text-soft">
+                <span className="mr-1">Less</span>
+                {LEVEL_COLORS.map((cls) => (
+                    <span key={cls} className={`h-3 w-3 rounded-[3px] ${cls}`} />
+                ))}
+                <span className="ml-1">More</span>
+            </div>
+        </div>
+    );
+}
+
+const MILESTONE_LABELS: Record<Milestone["type"], string> = {
+    "roadmap-complete": "Workspace done",
+    "module-complete": "Module done",
+    halfway: "Halfway",
+};
+
+// ─── Page ─────────────────────────────────────────────────────────────────────
+
+export default function AnalyticsPage() {
+    const [roadmaps, setRoadmaps] = useState<Roadmap[]>([]);
+    const [mounted, setMounted] = useState(false);
+    const [streak, setStreak] = useState(0);
+    const [tasksToday, setTasksToday] = useState(0);
+
+    useEffect(() => {
+        const storage = getStorage();
+        setMounted(true);
+        setRoadmaps(storage.getRoadmaps());
+
+        const learning = storage.getLearningRecord();
+        const todayKey = new Date().toLocaleDateString("en-CA");
+        setStreak(learning.currentStreak);
+        setTasksToday(learning.tasksByDate[todayKey] ?? 0);
+    }, []);
+
+    const cells = useMemo(() => (mounted ? buildConsistencyGrid(roadmaps) : []), [mounted, roadmaps]);
+    const milestones = useMemo(() => (mounted ? extractMilestones(roadmaps) : []), [mounted, roadmaps]);
+
+    const globalStats = useMemo(() => {
+        let totalTasks = 0;
+        let completedTasks = 0;
+        let completedRoadmaps = 0;
+        let inProgressRoadmaps = 0;
+
+        for (const r of roadmaps) {
+            const stats = getRoadmapStats(r);
+            totalTasks += stats.totalTasks;
+            completedTasks += stats.completedTasks;
+            if (stats.progressState === "completed") completedRoadmaps++;
+            if (stats.progressState === "in-progress") inProgressRoadmaps++;
+        }
+
+        const overallPct = totalTasks > 0 ? Math.round((completedTasks / totalTasks) * 100) : 0;
+        return { totalTasks, completedTasks, completedRoadmaps, inProgressRoadmaps, overallPct };
+    }, [roadmaps]);
+
+    // Calculate active days from the cells array
+    const activeDays = useMemo(() => cells.filter((c) => c.count > 0).length, [cells]);
+
+    // Top roadmaps by progress
+    const topRoadmaps = useMemo(() => {
+        return [...roadmaps]
+            .map((r) => ({ roadmap: r, stats: getRoadmapStats(r) }))
+            .filter((x) => x.stats.totalTasks > 0)
+            .sort((a, b) => b.stats.percent - a.stats.percent)
+            .slice(0, 5);
+    }, [roadmaps]);
+
+    const kpis = [
+        {
+            label: "Overall completion",
+            value: `${globalStats.overallPct}`,
+            unit: "%",
+            sub: `${globalStats.completedTasks} of ${globalStats.totalTasks} tasks`,
+        },
+        { label: "Streak", value: `${streak}`, unit: streak === 1 ? "day" : "days", sub: `${tasksToday} tasks today` },
+        { label: "Active days", value: `${activeDays}`, unit: "", sub: "in the last year" },
+        {
+            label: "Workspaces done",
+            value: `${globalStats.completedRoadmaps}`,
+            unit: "",
+            sub: `${globalStats.inProgressRoadmaps} in progress`,
+        },
+    ];
+
+    return (
+        <div className="studio-page">
+            <header className="app-header-block">
+                <h1>Analytics</h1>
+                <p className="text-sm text-text-muted">Consistency and progress across your workspaces.</p>
+            </header>
+
+            {mounted ? (
+                <>
+                    <dl className="app-stat-grid grid-cols-2 md:grid-cols-4 xl:grid-cols-4">
+                        {kpis.map((kpi) => (
+                            <div key={kpi.label} className="app-stat-card">
+                                <dt className="text-[13px] text-text-soft">{kpi.label}</dt>
+                                <dd className="text-2xl tabular-nums text-text">
+                                    {kpi.value}
+                                    {kpi.unit ? <span className="ml-1 text-sm text-text-soft">{kpi.unit}</span> : null}
+                                </dd>
+                                <dd className="text-xs tabular-nums text-text-soft">{kpi.sub}</dd>
+                            </div>
+                        ))}
+                    </dl>
+
+                    <section aria-labelledby="matrix-heading" className="rounded-2xl bg-surface p-[22px]">
+                        <div className="mb-4 flex flex-wrap items-baseline justify-between gap-2">
+                            <h2 id="matrix-heading" className="text-base text-text">
+                                Consistency
+                            </h2>
+                            <span className="text-xs tabular-nums text-text-soft">
+                                {activeDays} active day{activeDays === 1 ? "" : "s"} in the last year
+                            </span>
+                        </div>
+                        <ConsistencyMatrix cells={cells} />
+                    </section>
+
+                    <div className="grid items-start gap-[14px] lg:grid-cols-2">
+                        <section aria-labelledby="progress-heading" className="rounded-2xl bg-surface p-[22px]">
+                            <div className="flex items-baseline justify-between gap-2">
+                                <h2 id="progress-heading" className="text-base text-text">
+                                    Workspace progress
+                                </h2>
+                                <Link to="/workspaces" className="text-xs text-text-muted hover:text-text">
+                                    View all
+                                </Link>
+                            </div>
+                            {topRoadmaps.length === 0 ? (
+                                <p className="studio-empty mt-4 px-4 py-3 text-[13px] text-text-soft">
+                                    No workspace has tasks yet.
+                                </p>
+                            ) : (
+                                <ul className="mt-2">
+                                    {topRoadmaps.map(({ roadmap, stats }) => (
+                                        <li key={roadmap.id} className="border-t border-border first:border-t-0">
+                                            <Link
+                                                to="/workspace/$id"
+                                                params={{ id: roadmap.id }}
+                                                className="block py-3 text-text hover:text-text-muted"
+                                            >
+                                                <div className="flex items-baseline justify-between gap-3">
+                                                    <span className="truncate text-sm">{roadmap.title || "Untitled workspace"}</span>
+                                                    <span className="shrink-0 text-[13px] tabular-nums">{stats.percent}%</span>
+                                                </div>
+                                                <div className="mt-2 h-1 overflow-hidden rounded-full bg-raised">
+                                                    <div
+                                                        className={`h-full rounded-full ${stats.progressState === "completed" ? "bg-success" : "bg-accent"}`}
+                                                        style={{ width: `${stats.percent}%` }}
+                                                    />
+                                                </div>
+                                                <p className="mt-1.5 text-xs tabular-nums text-text-soft">
+                                                    {stats.completedTasks} of {stats.totalTasks} tasks · {stats.moduleCount} module
+                                                    {stats.moduleCount === 1 ? "" : "s"}
+                                                </p>
+                                            </Link>
+                                        </li>
+                                    ))}
+                                </ul>
+                            )}
+                        </section>
+
+                        <section aria-labelledby="milestones-heading" className="rounded-2xl bg-surface p-[22px]">
+                            <h2 id="milestones-heading" className="text-base text-text">
+                                Milestones
+                            </h2>
+                            {milestones.length === 0 ? (
+                                <p className="studio-empty mt-4 px-4 py-3 text-[13px] text-text-soft">
+                                    Finish a module to record your first milestone.
+                                </p>
+                            ) : (
+                                <ul className="mt-2">
+                                    {milestones.slice(0, 6).map((ms) => (
+                                        <li
+                                            key={ms.id}
+                                            className="grid grid-cols-[minmax(0,1fr)_auto] gap-x-4 border-t border-border py-3 first:border-t-0"
+                                        >
+                                            <div className="min-w-0">
+                                                <p className="truncate text-sm text-text">{ms.label}</p>
+                                                <Link
+                                                    to="/workspace/$id"
+                                                    params={{ id: ms.roadmapId }}
+                                                    className="mt-0.5 block truncate text-xs text-text-soft hover:text-text"
+                                                >
+                                                    {MILESTONE_LABELS[ms.type]} · {ms.roadmapTitle}
+                                                </Link>
+                                            </div>
+                                            <time dateTime={ms.completedAt} className="text-xs tabular-nums text-text-soft">
+                                                {new Date(ms.completedAt).toLocaleDateString("en-US", { month: "short", day: "numeric" })}
+                                            </time>
+                                        </li>
+                                    ))}
+                                </ul>
+                            )}
+                        </section>
+                    </div>
+                </>
+            ) : (
+                <div className="flex flex-col gap-[14px]" aria-hidden="true">
+                    <div className="skeleton h-[106px] rounded-2xl" />
+                    <div className="skeleton h-56 rounded-2xl" />
+                    <div className="grid gap-[14px] lg:grid-cols-2">
+                        <div className="skeleton h-48 rounded-2xl" />
+                        <div className="skeleton h-48 rounded-2xl" />
+                    </div>
+                </div>
+            )}
+        </div>
+    );
+}
diff --git a/src/views/studio/create.tsx b/src/views/studio/create.tsx
new file mode 100644
index 0000000..35d8e32
--- /dev/null
+++ b/src/views/studio/create.tsx
@@ -0,0 +1,459 @@
+import { fetchPrivateApi } from "@/lib/private-api-fetch";
+import { Suspense, useCallback, useRef, useState } from "react";
+import { Link } from "@tanstack/react-router";
+import { useNavigate } from "@tanstack/react-router";
+import {
+    ChevronDown,
+    ChevronUp,
+    FileUp,
+    KeyRound,
+    Loader2,
+    Wand2,
+    ArrowRight,
+    ArrowLeft,
+} from "lucide-react";
+import { Button } from "@/components/ui/button";
+import { Segmented } from "@/components/ui/segmented";
+import { Input } from "@/components/ui/input";
+import { Textarea } from "@/components/ui/textarea";
+import { getStorage } from "@/lib/storage";
+import {
+    getActiveApiKey,
+    getActiveModel,
+    getUserConfig,
+} from "@/lib/userConfig";
+import type { Roadmap } from "@/types";
+import { cn } from "@/lib/utils";
+
+const LOADING_MESSAGES = [
+    "Reading your material...",
+    "Extracting key concepts...",
+    "Structuring modules...",
+    "Finalizing steps...",
+];
+
+export default function CreatePage() {
+    return (
+        <Suspense
+            fallback={
+                <div className="page-shell-wide flex min-h-[60vh] items-center justify-center" />
+            }
+        >
+            <CreatePageContent />
+        </Suspense>
+    );
+}
+
+function CreatePageContent() {
+    const navigate = useNavigate();
+    const fileInputRef = useRef<HTMLInputElement>(null);
+
+    const [creationStep, setCreationStep] = useState<
+        "input" | "generating" | "review"
+    >("input");
+
+    // Form state
+    const [title, setTitle] = useState("");
+    const [content, setContent] = useState("");
+    const [mode, setMode] = useState<"general" | "intern">("general");
+
+    // UI state
+    const [isDragging, setIsDragging] = useState(false);
+    const [loadingStep, setLoadingStep] = useState(0);
+    const [error, setError] = useState("");
+    const [upgradeMessage, setUpgradeMessage] = useState("");
+
+    // Draft State
+    const [draftRoadmap, setDraftRoadmap] = useState<Roadmap | null>(null);
+
+    const hasContent = content.trim().length > 0;
+
+    const processFile = useCallback(
+        (file: File) => {
+            if (!file.name.match(/\.(md|txt|markdown)$/i)) {
+                setError("Only .md, .txt, and .markdown files are supported.");
+                return;
+            }
+            setError("");
+            const reader = new FileReader();
+            reader.onload = (event) => {
+                const nextContent = (event.target?.result as string) || "";
+                setContent(nextContent);
+                if (!title.trim()) setTitle(file.name.replace(/\.\w+$/, ""));
+            };
+            reader.readAsText(file);
+        },
+        [title],
+    );
+
+    const handleGenerate = async () => {
+        if (!hasContent) {
+            setError("Paste or upload content before generating.");
+            return;
+        }
+
+        setError("");
+        setCreationStep("generating");
+        setLoadingStep(0);
+
+        // Simulating the stages visually
+        const interval = setInterval(() => {
+            setLoadingStep((prev) => Math.min(prev + 1, 3));
+        }, 1200);
+
+        try {
+            const userConfig = getUserConfig();
+            const activeApiKey = getActiveApiKey(userConfig);
+            const useCustomKey = Boolean(
+                userConfig.useCustomKey && activeApiKey,
+            );
+
+            const response = await fetchPrivateApi("/api/parse-roadmap", {
+                method: "POST",
+                headers: { "Content-Type": "application/json" },
+                body: JSON.stringify({
+                    content: content.trim(),
+                    mode,
+                    title: title.trim() || undefined,
+                    userApiKey: useCustomKey ? activeApiKey : undefined,
+                    userModel: useCustomKey
+                        ? getActiveModel(userConfig)
+                        : undefined,
+                    userProvider: useCustomKey
+                        ? userConfig.provider
+                        : undefined,
+                }),
+            });
+
+            clearInterval(interval);
+
+            if (!response.ok) {
+                const payload = await response
+                    .json()
+                    .catch(() => ({ error: "Failed to generate workspace" }));
+                if (payload.error === "limit_reached") {
+                    setUpgradeMessage(payload.message ?? "Plan limit reached.");
+                    setCreationStep("input");
+                    return;
+                }
+                throw new Error(
+                    payload.message ?? payload.error ?? "Something went wrong",
+                );
+            }
+
+            const payload = await response.json();
+            if (!payload.success || !payload.roadmap) {
+                throw new Error(payload.error ?? "Incomplete response.");
+            }
+
+            let loadedTitle = payload.roadmap.title;
+            if (!loadedTitle || loadedTitle === "Untitled Course") {
+                loadedTitle = title.trim() || "Untitled Workspace";
+            }
+
+            const roadmap: Roadmap = {
+                ...payload.roadmap,
+                title: loadedTitle,
+                id: crypto.randomUUID(),
+                rawContent: content.trim(),
+                createdAt: new Date().toISOString(),
+                updatedAt: new Date().toISOString(),
+            };
+
+            setDraftRoadmap(roadmap);
+            setCreationStep("review");
+        } catch (nextError) {
+            clearInterval(interval);
+            setError(
+                nextError instanceof Error
+                    ? nextError.message
+                    : "An unexpected error occurred",
+            );
+            setCreationStep("input");
+        }
+    };
+
+    const handleCreateFinal = () => {
+        if (!draftRoadmap) return;
+        getStorage().saveRoadmap(draftRoadmap);
+        navigate({ to: "/workspace/$id", params: { id: draftRoadmap.id } });
+    };
+
+    return (
+        <>
+            <div className="studio-page">
+                {creationStep !== "review" && (
+                    <header className="sy-page-head">
+                        <div>
+                            <h1>Create</h1>
+                            <p className="max-w-2xl text-sm text-text-muted">
+                                Paste a guide, notes or markdown. The steps and
+                                modules become a workspace.
+                            </p>
+                        </div>
+                    </header>
+                )}
+
+                {creationStep === "input" && (
+                    <div className="flex flex-col gap-6">
+                        <div className="flex flex-wrap items-end gap-4">
+                            <div className="min-w-0 basis-64 flex-1">
+                                <label
+                                    htmlFor="create-title"
+                                    className="field-label"
+                                >
+                                    Workspace title
+                                </label>
+                                <Input
+                                    id="create-title"
+                                    value={title}
+                                    onChange={(e) => setTitle(e.target.value)}
+                                    placeholder="Optional. Taken from the content if empty."
+                                />
+                            </div>
+                            <div>
+                                <p className="field-label">Parsing</p>
+                                <Segmented
+                                    label="Parsing mode"
+                                    value={mode}
+                                    onChange={setMode}
+                                    className="h-10"
+                                    options={[
+                                        { key: "general", label: "Standard" },
+                                        { key: "intern", label: "Structured" },
+                                    ]}
+                                />
+                            </div>
+                        </div>
+
+                        <div className="relative">
+                            <Textarea
+                                aria-label="Guide or notes"
+                                value={content}
+                                onChange={(e) => setContent(e.target.value)}
+                                onDragOver={(e) => {
+                                    e.preventDefault();
+                                    setIsDragging(true);
+                                }}
+                                onDragLeave={(e) => {
+                                    e.preventDefault();
+                                    setIsDragging(false);
+                                }}
+                                onDrop={(e) => {
+                                    e.preventDefault();
+                                    setIsDragging(false);
+                                    if (e.dataTransfer.files[0])
+                                        processFile(e.dataTransfer.files[0]);
+                                }}
+                                placeholder="Paste a guide, course outline or notes"
+                                className={cn(
+                                    "sy-create-input resize-y p-5 text-[15px] leading-relaxed",
+                                    isDragging
+                                        ? "border-text-soft bg-surface-subtle"
+                                        : "border-border-strong",
+                                )}
+                            />
+
+                            {!content && (
+                                <div className="pointer-events-none absolute inset-0 flex flex-col items-center justify-center gap-3 text-text-soft">
+                                    <FileUp size={28} strokeWidth={1.5} />
+                                    <p className="text-[13px]">
+                                        or drop a .md or .txt file
+                                    </p>
+                                </div>
+                            )}
+                        </div>
+
+                        {error && (
+                            <p
+                                role="alert"
+                                className="rounded-xl bg-danger-soft px-4 py-3 text-sm text-danger"
+                            >
+                                {error}
+                            </p>
+                        )}
+
+                        <div className="flex flex-wrap items-center justify-between gap-3">
+                            <div className="flex items-center gap-3">
+                                <Button
+                                    type="button"
+                                    variant="secondary"
+                                    onClick={() =>
+                                        fileInputRef.current?.click()
+                                    }
+                                >
+                                    <FileUp size={15} /> Upload file
+                                </Button>
+                                {hasContent ? (
+                                    <span className="text-[13px] tabular-nums text-text-soft">
+                                        {content
+                                            .trim()
+                                            .split(/s+/)
+                                            .length.toLocaleString()}{" "}
+                                        words
+                                    </span>
+                                ) : null}
+                            </div>
+                            <input
+                                ref={fileInputRef}
+                                type="file"
+                                accept=".md,.markdown,.txt"
+                                className="hidden"
+                                onChange={(e) =>
+                                    e.target.files?.[0] &&
+                                    processFile(e.target.files[0])
+                                }
+                            />
+
+                            <Button
+                                type="button"
+                                onClick={handleGenerate}
+                                disabled={!hasContent}
+                            >
+                                <Wand2 size={15} /> Generate roadmap
+                            </Button>
+                        </div>
+                    </div>
+                )}
+
+                {creationStep === "generating" && (
+                    <div className="sy-empty bordered" role="status">
+                        <div className="relative">
+                            <Loader2 size={24} className="text-text-soft" />
+                        </div>
+                        <div className="mt-4">
+                            <h2 className="text-lg text-text">
+                                {LOADING_MESSAGES[loadingStep]}
+                            </h2>
+                            <p className="mt-2 text-text-muted text-sm">
+                                Please wait while the AI breaks down your
+                                content.
+                            </p>
+                        </div>
+                    </div>
+                )}
+
+                {creationStep === "review" && draftRoadmap && (
+                    <div>
+                        <header className="sy-page-head">
+                            <div>
+                                <h1>{draftRoadmap.title}</h1>
+                                <p className="text-sm text-text-muted">
+                                    Review the generated structure before
+                                    creating your workspace.
+                                </p>
+                            </div>
+                            <div className="flex flex-wrap items-center gap-3">
+                                <Button
+                                    variant="ghost"
+                                    onClick={() => setCreationStep("input")}
+                                >
+                                    <ArrowLeft size={16} className="mr-2" />{" "}
+                                    Back
+                                </Button>
+                                <Button onClick={handleCreateFinal}>
+                                    Create Workspace{" "}
+                                    <ArrowRight size={16} className="ml-2" />
+                                </Button>
+                            </div>
+                        </header>
+
+                        <div className="sy-create-review-grid">
+                            <div className="sy-create-pane">
+                                <div className="px-5 py-3 border-b border-border bg-[var(--color-page)] flex justify-between items-center">
+                                    <span className="text-xs font-semibold text-text-muted">
+                                        Source Text
+                                    </span>
+                                </div>
+                                <div className="sy-create-pane-body mono-surface text-sm leading-relaxed text-text-muted whitespace-pre-wrap">
+                                    {content}
+                                </div>
+                            </div>
+
+                            <div className="sy-create-pane">
+                                <div className="px-5 py-3 border-b border-border bg-[var(--color-page)] flex justify-between items-center">
+                                    <span className="text-xs font-semibold text-text">
+                                        Generated Modules
+                                    </span>
+                                    <span className="text-xs text-text-muted">
+                                        You can edit these later
+                                    </span>
+                                </div>
+                                <div className="sy-create-pane-body space-y-6">
+                                    {draftRoadmap.sections
+                                        .filter((s) => s.type === "module")
+                                        .map((s, i) => {
+                                            const mod =
+                                                s as import("@/types").ModuleSection;
+                                            return (
+                                                <div
+                                                    key={i}
+                                                    className="group border-l-2 border-border pl-4 ml-2 hover:border-text-primary transition-colors"
+                                                >
+                                                    <h3 className="font-display text-lg text-text mb-2">
+                                                        Module {i + 1}:{" "}
+                                                        {mod.title ||
+                                                            "Untitled"}
+                                                    </h3>
+                                                    <div className="space-y-2">
+                                                        {mod.data?.tasks &&
+                                                            Array.isArray(
+                                                                mod.data.tasks,
+                                                            ) &&
+                                                            mod.data.tasks.map(
+                                                                (task, j) => (
+                                                                    <div
+                                                                        key={j}
+                                                                        className="text-sm text-text-muted flex items-start gap-2 bg-[var(--color-surface)] p-2 rounded border border-border/50 group-hover:border-border transition-colors"
+                                                                    >
+                                                                        <span className="text-text-muted mt-[2px] text-xs">
+                                                                            ■
+                                                                        </span>
+                                                                        <span className="min-w-0 break-words">
+                                                                            {
+                                                                                task.title
+                                                                            }
+                                                                        </span>
+                                                                    </div>
+                                                                ),
+                                                            )}
+                                                    </div>
+                                                </div>
+                                            );
+                                        })}
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                )}
+            </div>
+
+            {upgradeMessage && (
+                <div className="fixed inset-x-0 bottom-0 z-[80] flex justify-center p-4 sm:p-6">
+                    <div className="w-full max-w-lg rounded-2xl border border-border bg-surface p-5 shadow-2xl">
+                        <p className="text-sm leading-6 text-text">
+                            {upgradeMessage}
+                        </p>
+                        <div className="mt-4 flex flex-wrap gap-3">
+                            <Link
+                                to="/settings"
+                                search={{ tab: "ai" }}
+                                className="button-primary"
+                            >
+                                <KeyRound size={14} />
+                                Add your own key
+                            </Link>
+                            <button
+                                type="button"
+                                onClick={() => setUpgradeMessage("")}
+                                className="button-secondary"
+                            >
+                                Dismiss
+                            </button>
+                        </div>
+                    </div>
+                </div>
+            )}
+        </>
+    );
+}
diff --git a/src/views/studio/dashboard.tsx b/src/views/studio/dashboard.tsx
new file mode 100644
index 0000000..889c062
--- /dev/null
+++ b/src/views/studio/dashboard.tsx
@@ -0,0 +1,350 @@
+import { useEffect, useMemo, useState } from "react";
+import { Link } from "@tanstack/react-router";
+import { ArrowRight, BookOpen, Check, Sparkles } from "lucide-react";
+import { Button } from "@/components/ui/button";
+import { getStorage } from "@/lib/storage";
+import { getRoadmapStats } from "@/lib/workspace-stats";
+import { scoutApi } from "@/lib/scout/api-client";
+import {
+    bookPercent,
+    getBookshelf,
+    getLastScoutPack,
+    localWeeklyStats,
+    setChapterDone,
+    type BookProgress,
+    type ScoutLastPack,
+    type ScoutLocalStats,
+} from "@/lib/scout/client";
+import type { ScoutDigest, ScoutResource } from "@/lib/scout/types";
+import { cn } from "@/lib/utils";
+import type { Roadmap } from "@/types";
+
+function relativeTime(iso: string) {
+    const minutes = Math.round((Date.now() - new Date(iso).getTime()) / 60_000);
+    if (minutes < 1) return "just now";
+    if (minutes < 60) return `${minutes} min ago`;
+    const hours = Math.round(minutes / 60);
+    if (hours < 24) return `${hours} h ago`;
+    return `${Math.round(hours / 24)} d ago`;
+}
+
+export default function DashboardPage() {
+    const [roadmaps, setRoadmaps] = useState<Roadmap[]>([]);
+    const [mounted, setMounted] = useState(false);
+    const [currentStreak, setCurrentStreak] = useState(0);
+    const [lastPack, setLastPack] = useState<ScoutLastPack | null>(null);
+    const [weekly, setWeekly] = useState<ScoutLocalStats | null>(null);
+    const [digest, setDigest] = useState<ScoutDigest | null>(null);
+    const [books, setBooks] = useState<ScoutResource[]>([]);
+    const [shelf, setShelf] = useState<Record<string, BookProgress>>({});
+
+    useEffect(() => {
+        const storage = getStorage();
+        let active = true;
+
+        setMounted(true);
+        setRoadmaps(storage.getRoadmaps());
+        setCurrentStreak(storage.getLearningRecord().currentStreak);
+        setLastPack(getLastScoutPack());
+        setShelf(getBookshelf());
+        setWeekly(localWeeklyStats());
+
+        void (async () => {
+            try {
+                const [digestResult, libraryResult] = await Promise.all([
+                    scoutApi.getDigest(),
+                    scoutApi.listResources({ kind: "book", limit: 12 }),
+                ]);
+                if (!active) return;
+
+                const local = localWeeklyStats();
+                setWeekly(local);
+                setDigest({
+                    ...digestResult.digest,
+                    minutesWatched: local.minutesWatched,
+                    tasksCompleted: local.tasksCompleted,
+                    reviewDue: local.reviewDue,
+                });
+                setBooks(libraryResult.books);
+                setShelf(getBookshelf());
+            } catch {
+                // Scout is optional here: local workspaces and the shelf still render.
+            }
+        })();
+
+        return () => {
+            active = false;
+        };
+    }, []);
+
+    const activeRoadmaps = useMemo(() => {
+        return roadmaps
+            .filter((r) => getRoadmapStats(r).progressState === "in-progress")
+            .sort((a, b) => new Date(b.updatedAt || b.createdAt).getTime() - new Date(a.updatedAt || a.createdAt).getTime())
+            .slice(0, 3);
+    }, [roadmaps]);
+
+    function toggleChapter(bookId: string, index: number, done: boolean) {
+        setChapterDone(bookId, index, done);
+        setShelf(getBookshelf());
+    }
+
+    const kpis = [
+        { label: "Cards due", value: weekly?.reviewDue ?? 0, unit: "" },
+        { label: "Tasks this week", value: weekly?.tasksCompleted ?? 0, unit: "" },
+        { label: "Watched this week", value: weekly?.minutesWatched ?? 0, unit: "min" },
+        { label: "Streak", value: currentStreak, unit: currentStreak === 1 ? "day" : "days" },
+    ];
+    const reviewDue = weekly?.reviewDue ?? 0;
+
+    return (
+        <div className="studio-page">
+            <header className="flex flex-wrap items-end justify-between gap-4">
+                <div className="app-header-block">
+                    <h1>Home</h1>
+                    <p className="text-sm text-text-muted">
+                        {mounted && reviewDue > 0
+                            ? `${reviewDue} review card${reviewDue === 1 ? "" : "s"} due today.`
+                            : "Pick up where you left off."}
+                    </p>
+                </div>
+                <Button asChild>
+                    <Link to="/scout">
+                        <Sparkles size={15} /> New goal
+                    </Link>
+                </Button>
+            </header>
+
+            {mounted ? (
+                <>
+                    <dl className="app-stat-grid grid-cols-2 md:grid-cols-4 xl:grid-cols-4">
+                        {kpis.map((kpi) => (
+                            <div key={kpi.label} className="app-stat-card">
+                                <dt className="text-[13px] text-text-soft">{kpi.label}</dt>
+                                <dd className="text-2xl tabular-nums text-text">
+                                    {kpi.value}
+                                    {kpi.unit ? <span className="ml-1 text-sm text-text-soft">{kpi.unit}</span> : null}
+                                </dd>
+                            </div>
+                        ))}
+                    </dl>
+
+                    <section aria-labelledby="continue-heading" className="grid gap-[14px] lg:grid-cols-[minmax(0,2fr)_minmax(0,1fr)]">
+                        <div className="flex flex-col rounded-2xl bg-surface p-[22px]">
+                            <div className="flex items-center justify-between gap-3">
+                                <p className="text-[13px] text-text-soft">Continue</p>
+                                {lastPack ? (
+                                    <span className="text-xs text-text-soft">Built by Scout {relativeTime(lastPack.at)}</span>
+                                ) : null}
+                            </div>
+
+                            {lastPack ? (
+                                <>
+                                    <h2 id="continue-heading" className="mt-2 text-xl text-text">
+                                        {lastPack.title}
+                                    </h2>
+                                    <p className="mt-1 text-sm text-text-muted">{lastPack.goal}</p>
+                                    <div className="mt-auto pt-6">
+                                        <Button asChild variant="secondary">
+                                            <Link to="/workspace/$id" params={{ id: lastPack.roadmapId }}>
+                                                Resume <ArrowRight size={14} />
+                                            </Link>
+                                        </Button>
+                                    </div>
+                                </>
+                            ) : (
+                                <>
+                                    <h2 id="continue-heading" className="mt-2 text-xl text-text">
+                                        Build a workspace from free resources
+                                    </h2>
+                                    <p className="mt-1 max-w-lg text-sm text-text-muted">
+                                        Give Scout a goal. It finds videos, articles and docs, then waits for your approval before
+                                        building anything.
+                                    </p>
+                                    <div className="mt-auto pt-6">
+                                        <Button asChild variant="secondary">
+                                            <Link to="/scout">Start Scout</Link>
+                                        </Button>
+                                    </div>
+                                </>
+                            )}
+                        </div>
+
+                        <div className="flex flex-col rounded-2xl bg-surface p-[22px]">
+                            <div className="flex items-center justify-between gap-3">
+                                <h2 className="text-[13px] font-normal text-text-soft">This week</h2>
+                                <Link to="/scout" className="text-xs text-text-muted hover:text-text">
+                                    Open Scout
+                                </Link>
+                            </div>
+                            <p className="mt-2 text-sm text-text">
+                                {digest?.headline ?? "Scout checks your sources every night at 3:00 AM and saves what is new."}
+                            </p>
+
+                            {digest && digest.highlights.length > 0 ? (
+                                <ul className="mt-3 flex flex-col">
+                                    {digest.highlights.slice(0, 5).map((highlight) => (
+                                        <li key={highlight.url} className="border-t border-border first:border-t-0">
+                                            <a
+                                                href={highlight.url}
+                                                target="_blank"
+                                                rel="noopener noreferrer"
+                                                className="flex items-baseline justify-between gap-3 py-2 text-[13px] text-text-muted hover:text-text"
+                                            >
+                                                <span className="truncate">{highlight.title}</span>
+                                                {highlight.skill ? (
+                                                    <span className="shrink-0 text-xs text-text-soft">{highlight.skill}</span>
+                                                ) : null}
+                                            </a>
+                                        </li>
+                                    ))}
+                                </ul>
+                            ) : null}
+
+                            {digest && digest.newResources > 0 ? (
+                                <p className="mt-auto pt-4 text-xs tabular-nums text-text-soft">
+                                    {digest.newResources} new resource{digest.newResources === 1 ? "" : "s"}
+                                </p>
+                            ) : null}
+                        </div>
+                    </section>
+
+                    {books.length > 0 ? (
+                        <section aria-labelledby="shelf-heading" className="flex flex-col gap-3">
+                            <div className="flex items-center justify-between">
+                                <h2 id="shelf-heading" className="flex items-center gap-2 text-base text-text">
+                                    <BookOpen size={16} strokeWidth={1.75} className="text-text-soft" /> Reading shelf
+                                    <span className="studio-badge">{books.length}</span>
+                                </h2>
+                                <Link to="/scout" className="text-[13px] text-text-muted hover:text-text">
+                                    Add a book
+                                </Link>
+                            </div>
+
+                            <div className="grid gap-[14px] md:grid-cols-2 xl:grid-cols-3">
+                                {books.map((book) => {
+                                    const progress = shelf[book.id] ?? { completed: [], lastChapter: 0, updatedAt: "" };
+                                    const percent = bookPercent(book, progress);
+                                    const chapters = book.chapters.length > 0
+                                        ? book.chapters
+                                        : [{ startSeconds: 0, title: "Read the book", url: book.url }];
+                                    const done = progress.completed.filter((index) => index < chapters.length).length;
+
+                                    return (
+                                        <article key={book.id} className="flex flex-col rounded-2xl bg-surface p-5">
+                                            <div className="flex items-start justify-between gap-3">
+                                                <h3 className="text-[15px] font-medium leading-snug text-text">{book.title}</h3>
+                                                <span className="shrink-0 text-[13px] tabular-nums text-text-muted">{percent}%</span>
+                                            </div>
+
+                                            <div className="mt-3 h-1.5 overflow-hidden rounded-full bg-raised">
+                                                <div className="h-full rounded-full bg-accent" style={{ width: `${percent}%` }} />
+                                            </div>
+                                            <p className="mt-2 text-xs tabular-nums text-text-soft">
+                                                {done} of {chapters.length} chapters
+                                            </p>
+
+                                            <ul className="mt-3 flex flex-col gap-1.5">
+                                                {chapters.slice(0, 3).map((chapter, index) => {
+                                                    const checked = progress.completed.includes(index);
+                                                    return (
+                                                        <li key={`${book.id}-${index}`} className="flex items-start gap-2">
+                                                            <button
+                                                                type="button"
+                                                                role="checkbox"
+                                                                aria-checked={checked}
+                                                                aria-label={`Mark ${chapter.title} ${checked ? "not done" : "done"}`}
+                                                                onClick={() => toggleChapter(book.id, index, !checked)}
+                                                                className={cn(
+                                                                    "mt-0.5 flex h-4 w-4 shrink-0 items-center justify-center rounded-[4px] border transition-colors",
+                                                                    checked
+                                                                        ? "border-text bg-text text-page"
+                                                                        : "border-border-strong hover:border-text-soft",
+                                                                )}
+                                                            >
+                                                                {checked ? <Check size={10} strokeWidth={3} /> : null}
+                                                            </button>
+                                                            <span className={cn("text-[13px] leading-5", checked ? "text-text-soft line-through" : "text-text-muted")}>
+                                                                {chapter.title}
+                                                            </span>
+                                                        </li>
+                                                    );
+                                                })}
+                                            </ul>
+                                            {chapters.length > 3 ? (
+                                                <p className="mt-2 text-xs text-text-soft">+{chapters.length - 3} more</p>
+                                            ) : null}
+                                        </article>
+                                    );
+                                })}
+                            </div>
+                        </section>
+                    ) : null}
+
+                    <section aria-labelledby="active-heading" className="flex flex-col gap-3">
+                        <div className="flex items-center justify-between">
+                            <h2 id="active-heading" className="flex items-center gap-2 text-base text-text">
+                                Active workspaces
+                                {activeRoadmaps.length > 0 ? <span className="studio-badge">{activeRoadmaps.length}</span> : null}
+                            </h2>
+                            <Link to="/workspaces" className="text-[13px] text-text-muted hover:text-text">
+                                View all
+                            </Link>
+                        </div>
+                        {activeRoadmaps.length > 0 ? (
+                            <div className="grid gap-[14px] md:grid-cols-2 xl:grid-cols-3">
+                                {activeRoadmaps.map((roadmap) => {
+                                    const stats = getRoadmapStats(roadmap);
+                                    return (
+                                        <Link
+                                            key={roadmap.id}
+                                            to="/workspace/$id"
+                                            params={{ id: roadmap.id }}
+                                            className="flex min-h-[160px] flex-col rounded-2xl bg-surface p-5 transition-colors hover:bg-surface-subtle"
+                                        >
+                                            <div className="flex items-start justify-between gap-3">
+                                                <h3 className="line-clamp-2 text-[15px] font-medium leading-snug text-text">
+                                                    {roadmap.title || "Untitled workspace"}
+                                                </h3>
+                                                {roadmap.packVersion ? (
+                                                    <span className="studio-badge">Built by Scout</span>
+                                                ) : null}
+                                            </div>
+
+                                            <div className="mt-auto flex flex-col gap-2 pt-6">
+                                                <div className="flex items-center justify-between text-[13px] tabular-nums">
+                                                    <span className="text-text">{stats.percent}%</span>
+                                                    <span className="text-text-soft">
+                                                        {stats.completedTasks} of {stats.totalTasks} tasks
+                                                    </span>
+                                                </div>
+                                                <div className="h-1.5 overflow-hidden rounded-full bg-raised">
+                                                    <div className="h-full rounded-full bg-accent" style={{ width: `${stats.percent}%` }} />
+                                                </div>
+                                            </div>
+                                        </Link>
+                                    );
+                                })}
+                            </div>
+                        ) : (
+                            <div className="studio-empty flex flex-wrap items-center justify-between gap-4 px-5 py-4">
+                                <p className="text-sm text-text-muted">No workspace is in progress.</p>
+                                <Button asChild variant="secondary" size="sm">
+                                    <Link to="/create">Create a workspace</Link>
+                                </Button>
+                            </div>
+                        )}
+                    </section>
+                </>
+            ) : (
+                <div className="flex flex-col gap-[14px]" aria-hidden="true">
+                    <div className="skeleton h-[86px] rounded-2xl" />
+                    <div className="grid gap-[14px] lg:grid-cols-[minmax(0,2fr)_minmax(0,1fr)]">
+                        <div className="skeleton h-48 rounded-2xl" />
+                        <div className="skeleton h-48 rounded-2xl" />
+                    </div>
+                </div>
+            )}
+        </div>
+    );
+}
diff --git a/src/views/studio/home.tsx b/src/views/studio/home.tsx
new file mode 100644
index 0000000..0f57ad5
--- /dev/null
+++ b/src/views/studio/home.tsx
@@ -0,0 +1,323 @@
+import { Link } from "@tanstack/react-router";
+import { ArrowRight, BookOpen, Play, Telescope } from "lucide-react";
+import { useLearningRoadmaps } from "@/hooks/useLearningRoadmaps";
+import { getLearningTasks, nextLearningTask, taskVideo } from "@/lib/learning";
+import { getYouTubeId, getVideoStartSeconds } from "@/lib/video-utils";
+import { personalEntries, usePersonalData } from "@/lib/personal/store";
+import { getStorage } from "@/lib/storage";
+import { formatTimestamp } from "@/lib/scout/format";
+import BookCover from "@/components/learning/BookCover";
+
+export default function HomePage() {
+    const { roadmaps, loaded } = useLearningRoadmaps();
+    const records = usePersonalData();
+    const positions = personalEntries(records, "study")
+        .map((item) => item.data)
+        .sort((a, b) => b.lastOpenedAt.localeCompare(a.lastOpenedAt));
+    const recent = positions.find((position) =>
+        roadmaps.some(
+            (roadmap) =>
+                roadmap.id === position.roadmapId && nextLearningTask(roadmap),
+        ),
+    );
+    const resumeRoadmap =
+        roadmaps.find((roadmap) => roadmap.id === recent?.roadmapId) ??
+        roadmaps.find((roadmap) => nextLearningTask(roadmap));
+    const recentTask = resumeRoadmap
+        ? getLearningTasks(resumeRoadmap).find(
+              (item) =>
+                  item.task.id === recent?.taskId &&
+                  !item.task.completed &&
+                  !item.task.done,
+          )
+        : null;
+    const resumeTask =
+        recentTask ?? (resumeRoadmap ? nextLearningTask(resumeRoadmap) : null);
+    const video = resumeTask ? taskVideo(resumeTask) : null;
+    const youtubeId = video ? getYouTubeId(video.url) : null;
+    const seconds =
+        recent && resumeTask && recent.taskId === resumeTask.task.id
+            ? recent.seconds
+            : video
+              ? getVideoStartSeconds(video.url)
+              : 0;
+    const books = personalEntries(records, "book")
+        .map((item) => item.data)
+        .filter((book) => book.status === "reading")
+        .sort((a, b) =>
+            (b.lastReadAt ?? b.addedAt).localeCompare(
+                a.lastReadAt ?? a.addedAt,
+            ),
+        )
+        .slice(0, 3);
+    const persistedReviews = roadmaps.flatMap((roadmap) =>
+        getStorage().getReviews(roadmap.id),
+    );
+    const personalReviews = personalEntries(records, "review").map(
+        (item) => item.data,
+    );
+    const reviews = [
+        ...new Map(
+            [...persistedReviews, ...personalReviews].map((item) => [
+                item.id,
+                item,
+            ]),
+        ).values(),
+    ];
+    const dueCount = reviews.filter(
+        (item) =>
+            item.status !== "suggested" &&
+            item.status !== "skipped" &&
+            new Date(item.dueAt).getTime() <= Date.now(),
+    ).length;
+    if (!loaded)
+        return (
+            <div className="sy-page sy-loading">
+                Loading your learning space…
+            </div>
+        );
+
+    return (
+        <div className="sy-page">
+            <header className="sy-page-head">
+                <h1>Home</h1>
+                <Link className="sy-button secondary" to="/scout">
+                    <Telescope />
+                    New learning goal
+                </Link>
+            </header>
+            <div className="sy-home-grid">
+                <div className="sy-home-main">
+                    <section>
+                        <div className="sy-section-head">
+                            <h2>Continue learning</h2>
+                            {recent && <span>Last studied</span>}
+                        </div>
+                        {resumeTask && resumeRoadmap ? (
+                            <>
+                                <article className="sy-resume">
+                                    <Link
+                                        className="sy-resume-media"
+                                        to="/learn"
+                                        search={{
+                                            roadmap: resumeRoadmap.id,
+                                            task: resumeTask.task.id,
+                                        }}
+                                        aria-label={`Continue ${resumeTask.task.title}`}
+                                    >
+                                        {youtubeId ? (
+                                            <img
+                                                src={`https://i.ytimg.com/vi/${youtubeId}/hqdefault.jpg`}
+                                                alt=""
+                                            />
+                                        ) : (
+                                            <BookOpen size={32} />
+                                        )}
+                                        {video && (
+                                            <span className="sy-play">
+                                                <Play />
+                                            </span>
+                                        )}
+                                    </Link>
+                                    <div className="sy-resume-copy">
+                                        <p>{resumeRoadmap.title}</p>
+                                        <h2>
+                                            {resumeTask.task.title ||
+                                                resumeTask.task.text}
+                                        </h2>
+                                        <p>
+                                            {resumeTask.sectionTitle}
+                                            {video && seconds > 0
+                                                ? ` · saved at ${formatTimestamp(seconds)}`
+                                                : ""}
+                                        </p>
+                                        <Link
+                                            className="sy-button primary"
+                                            to="/learn"
+                                            search={{
+                                                roadmap: resumeRoadmap.id,
+                                                task: resumeTask.task.id,
+                                            }}
+                                        >
+                                            Resume{" "}
+                                            {video ? "lesson" : "learning"}
+                                            <ArrowRight />
+                                        </Link>
+                                    </div>
+                                </article>
+                                <p className="sy-next-label">
+                                    {resumeTask.task.description ||
+                                        resumeTask.task.estimatedTime ||
+                                        "Continue at your own pace."}
+                                </p>
+                            </>
+                        ) : (
+                            <div className="sy-empty bordered">
+                                <p>
+                                    {roadmaps.length
+                                        ? "You’ve finished your current tasks. Choose another topic when you’re ready."
+                                        : "Start with something you want to learn. Scout can help find and organize the resources."}
+                                </p>
+                                <Link className="sy-button primary" to="/scout">
+                                    Choose a learning goal
+                                    <ArrowRight />
+                                </Link>
+                            </div>
+                        )}
+                    </section>
+                    <section className="sy-section">
+                        <div className="sy-section-head">
+                            <h2>Your learning topics</h2>
+                            <Link to="/workspaces">
+                                View all
+                                <ArrowRight size={13} />
+                            </Link>
+                        </div>
+                        {roadmaps.length ? (
+                            roadmaps.slice(0, 5).map((roadmap) => {
+                                const tasks = getLearningTasks(roadmap);
+                                const done = tasks.filter(
+                                    (item) =>
+                                        item.task.completed || item.task.done,
+                                ).length;
+                                const next = nextLearningTask(roadmap);
+                                return (
+                                    <article
+                                        className="sy-topic"
+                                        key={roadmap.id}
+                                    >
+                                        <div>
+                                            <h3>
+                                                <Link
+                                                    to="/learn"
+                                                    search={{
+                                                        roadmap: roadmap.id,
+                                                    }}
+                                                >
+                                                    {roadmap.title}
+                                                </Link>
+                                            </h3>
+                                            <p>
+                                                {next?.task.title ||
+                                                    next?.task.text ||
+                                                    (tasks.length
+                                                        ? "All tasks complete"
+                                                        : "Ready to explore")}
+                                            </p>
+                                            <div
+                                                className="sy-progress"
+                                                role="progressbar"
+                                                aria-label={`${roadmap.title} progress`}
+                                                aria-valuenow={done}
+                                                aria-valuemin={0}
+                                                aria-valuemax={Math.max(
+                                                    1,
+                                                    tasks.length,
+                                                )}
+                                            >
+                                                <span
+                                                    style={{
+                                                        width: `${tasks.length ? (done / tasks.length) * 100 : 0}%`,
+                                                    }}
+                                                />
+                                            </div>
+                                        </div>
+                                        <div>
+                                            <span className="sy-topic-count">
+                                                {done} / {tasks.length}
+                                            </span>
+                                            <Link
+                                                className="sy-button icon"
+                                                to="/learn"
+                                                search={{ roadmap: roadmap.id }}
+                                                aria-label={`Open ${roadmap.title}`}
+                                            >
+                                                <ArrowRight />
+                                            </Link>
+                                        </div>
+                                    </article>
+                                );
+                            })
+                        ) : (
+                            <p className="sy-empty">
+                                Your learning topics will appear here.
+                            </p>
+                        )}
+                    </section>
+                </div>
+                <aside className="sy-home-aside">
+                    <section>
+                        <div className="sy-section-head">
+                            <h2>Currently reading</h2>
+                            <Link to="/library">
+                                Library
+                                <ArrowRight size={13} />
+                            </Link>
+                        </div>
+                        <div className="sy-current-books">
+                            {books.length ? (
+                                books.map((book) => (
+                                    <article
+                                        key={book.id}
+                                        className="sy-current-book"
+                                    >
+                                        <Link
+                                            to="/read/$id"
+                                            params={{ id: book.id }}
+                                            aria-label={`Read ${book.title}`}
+                                        >
+                                            <BookCover book={book} />
+                                        </Link>
+                                        <div>
+                                            <h3>{book.title}</h3>
+                                            <p>{book.chapter}</p>
+                                            <div className="sy-progress">
+                                                <span
+                                                    style={{
+                                                        width: `${book.percent}%`,
+                                                    }}
+                                                />
+                                            </div>
+                                            <Link
+                                                className="sy-button quiet"
+                                                to="/read/$id"
+                                                params={{ id: book.id }}
+                                            >
+                                                Continue reading
+                                                <ArrowRight />
+                                            </Link>
+                                        </div>
+                                    </article>
+                                ))
+                            ) : (
+                                <div className="sy-empty">
+                                    <p>Import an EPUB to start reading.</p>
+                                    <Link
+                                        className="sy-button quiet"
+                                        to="/library"
+                                    >
+                                        Open Library
+                                        <ArrowRight />
+                                    </Link>
+                                </div>
+                            )}
+                        </div>
+                    </section>
+                    <div className="sy-review-row">
+                        <div>
+                            <h3>
+                                {dueCount} review card
+                                {dueCount === 1 ? "" : "s"} ready
+                            </h3>
+                            <p>From concepts you chose to keep.</p>
+                        </div>
+                        <Link className="sy-button quiet" to="/reviews">
+                            Review
+                            <ArrowRight />
+                        </Link>
+                    </div>
+                </aside>
+            </div>
+        </div>
+    );
+}
diff --git a/src/views/studio/learn.tsx b/src/views/studio/learn.tsx
new file mode 100644
index 0000000..a960eed
--- /dev/null
+++ b/src/views/studio/learn.tsx
@@ -0,0 +1,528 @@
+import { useEffect, useMemo, useRef, useState } from "react";
+import { Link, useNavigate } from "@tanstack/react-router";
+import { ArrowRight, Check, ExternalLink } from "lucide-react";
+import { useLearningRoadmaps } from "@/hooks/useLearningRoadmaps";
+import {
+    getLearningTasks,
+    nextLearningTask,
+    safeResourceUrl,
+    setLearningTaskDone,
+    taskVideo,
+} from "@/lib/learning";
+import { getVideoStartSeconds } from "@/lib/video-utils";
+import { formatTimestamp } from "@/lib/scout/format";
+import {
+    getPersonalSnapshot,
+    personalEntries,
+    putPersonalEntry,
+    usePersonalData,
+} from "@/lib/personal/store";
+import StudyVideo from "@/components/learning/StudyVideo";
+import { Pomodoro } from "@/components/learning/Pomodoro";
+import ReviewComposer from "@/components/learning/ReviewComposer";
+
+export default function LearnPage({
+    roadmapId,
+    taskId,
+    targetSeconds,
+}: {
+    roadmapId?: string;
+    taskId?: string;
+    targetSeconds?: number;
+}) {
+    const { roadmaps, loaded } = useLearningRoadmaps();
+    const records = usePersonalData();
+    const navigate = useNavigate();
+    const roadmap =
+        roadmaps.find((item) => item.id === roadmapId) ??
+        (!roadmapId ? roadmaps[0] : null);
+    const tasks = useMemo(
+        () => (roadmap ? getLearningTasks(roadmap) : []),
+        [roadmap],
+    );
+    const item =
+        tasks.find((entry) => entry.task.id === taskId) ??
+        (roadmap ? (nextLearningTask(roadmap) ?? tasks[0]) : null);
+    const video = item ? taskVideo(item) : null;
+    const [draft, setDraft] = useState("");
+    const [tab, setTab] = useState<"notes" | "roadmap">("notes");
+    const [seekTo, setSeekTo] = useState<number | null>(null);
+    const [composerOpen, setComposerOpen] = useState(false);
+    const [position, setPosition] = useState(0);
+    const positionRef = useRef(0);
+    const startRef = useRef(0);
+    const [manualPosition, setManualPosition] = useState("");
+    const [error, setError] = useState<string | null>(null);
+    const activeId = item?.task.id;
+    const activeRoadmap = roadmap?.id;
+    const activeUrl = video?.url ?? item?.resources[0]?.url ?? "";
+    const notes = personalEntries(records, "annotation")
+        .filter(
+            (entry) =>
+                entry.data.anchor.kind === "lesson" &&
+                entry.data.anchor.roadmapId === roadmap?.id &&
+                entry.data.anchor.taskId === item?.task.id,
+        )
+        .sort((a, b) => b.updatedAt - a.updatedAt);
+    useEffect(() => {
+        if (!activeId || !activeRoadmap) return;
+        const stored =
+            getPersonalSnapshot()[`study:${activeRoadmap}:${activeId}`];
+        const seconds =
+            targetSeconds ??
+            (stored?.kind === "study" && stored.data.resourceUrl === activeUrl
+                ? stored.data.seconds
+                : getVideoStartSeconds(activeUrl));
+        startRef.current = seconds;
+        positionRef.current = seconds;
+        setPosition(seconds);
+        setSeekTo(null);
+        setDraft("");
+        setError(null);
+        putPersonalEntry({
+            kind: "study",
+            id: `study:${activeRoadmap}:${activeId}`,
+            updatedAt: Date.now(),
+            deleted: false,
+            data: {
+                roadmapId: activeRoadmap,
+                taskId: activeId,
+                resourceUrl: activeUrl,
+                seconds,
+                lastOpenedAt: new Date().toISOString(),
+            },
+        });
+    }, [activeId, activeRoadmap, activeUrl, targetSeconds]);
+    function recordPosition(seconds: number) {
+        if (!activeRoadmap || !activeId) return;
+        positionRef.current = seconds;
+        setPosition(seconds);
+        try {
+            putPersonalEntry({
+                kind: "study",
+                id: `study:${activeRoadmap}:${activeId}`,
+                updatedAt: Date.now(),
+                deleted: false,
+                data: {
+                    roadmapId: activeRoadmap,
+                    taskId: activeId,
+                    resourceUrl: activeUrl,
+                    seconds,
+                    lastOpenedAt: new Date().toISOString(),
+                },
+            });
+        } catch {
+            setError(
+                "Your playback position could not be saved. Free some browser storage and try again.",
+            );
+        }
+    }
+    function saveNote() {
+        if (!draft.trim() || !roadmap || !item) return;
+        try {
+            putPersonalEntry({
+                kind: "annotation",
+                id: `annotation:${crypto.randomUUID()}`,
+                updatedAt: Date.now(),
+                deleted: false,
+                data: {
+                    text: draft.trim(),
+                    quote: "",
+                    color: "#b7c9e8",
+                    createdAt: new Date().toISOString(),
+                    anchor: {
+                        kind: "lesson",
+                        roadmapId: roadmap.id,
+                        taskId: item.task.id,
+                        url: activeUrl,
+                        seconds: positionRef.current,
+                    },
+                },
+            });
+            setDraft("");
+        } catch {
+            setError(
+                "Your note could not be saved. Free some browser storage and try again.",
+            );
+        }
+    }
+    if (!loaded)
+        return (
+            <div className="sy-page sy-loading">
+                Loading your learning topic…
+            </div>
+        );
+    if (!roadmap)
+        return (
+            <div className="sy-page">
+                <h1>Learn</h1>
+                <div className="sy-empty">
+                    <p>
+                        {roadmapId
+                            ? "This learning topic could not be found on this device."
+                            : "Start with a goal, or organize resources you already have."}
+                    </p>
+                    <Link className="sy-button primary" to="/scout">
+                        Open Scout
+                        <ArrowRight />
+                    </Link>
+                    <Link className="sy-button quiet" to="/create">
+                        Add your own roadmap
+                    </Link>
+                </div>
+            </div>
+        );
+    if (!item)
+        return (
+            <div className="sy-page">
+                <h1>{roadmap.title}</h1>
+                <div className="sy-empty">
+                    <p>
+                        This roadmap has no task list yet. Open its full
+                        workspace to add tasks or explore its resources.
+                    </p>
+                    <Link
+                        className="sy-button primary"
+                        to="/workspace/$id"
+                        params={{ id: roadmap.id }}
+                    >
+                        Open full workspace
+                        <ArrowRight />
+                    </Link>
+                </div>
+            </div>
+        );
+    const source = safeResourceUrl(activeUrl);
+    const external = source ? new URL(source) : null;
+    if (external && video)
+        external.searchParams.set("t", `${Math.floor(position)}s`);
+    const saved = records[`study:${roadmap.id}:${item.task.id}`];
+    const startSeconds =
+        targetSeconds ??
+        (saved?.kind === "study"
+            ? saved.data.seconds
+            : getVideoStartSeconds(activeUrl));
+    return (
+        <div className="sy-page">
+            <div className="sy-breadcrumb">
+                <Link to="/workspaces">Your learning topics</Link>
+                <span>/</span>
+                <span>{roadmap.title}</span>
+            </div>
+            <header className="sy-page-head">
+                <div>
+                    <h1>{item.task.title || item.task.text}</h1>
+                    <p>{item.sectionTitle}</p>
+                </div>
+                <Link
+                    className="sy-button quiet"
+                    to="/workspace/$id"
+                    params={{ id: roadmap.id }}
+                >
+                    Edit roadmap
+                    <ExternalLink />
+                </Link>
+            </header>
+            {error && (
+                <p role="alert" className="sy-error">
+                    {error}
+                </p>
+            )}
+            <div className="sy-study-grid">
+                <div>
+                    {video ? (
+                        <>
+                            <StudyVideo
+                                key={`${item.task.id}:${video.url}`}
+                                url={video.url}
+                                title={video.title}
+                                startSeconds={startSeconds}
+                                seekTo={seekTo}
+                                onPosition={recordPosition}
+                            />
+                            <div className="sy-video-caption">
+                                <span>
+                                    Saved at {formatTimestamp(position)}
+                                </span>
+                                {external && (
+                                    <a
+                                        href={external.toString()}
+                                        target="_blank"
+                                        rel="noopener noreferrer"
+                                    >
+                                        Open in external player ↗
+                                    </a>
+                                )}
+                            </div>
+                            <details className="sy-small sy-muted">
+                                <summary>
+                                    Update position after listening elsewhere
+                                </summary>
+                                <label
+                                    style={{
+                                        display: "flex",
+                                        gap: 10,
+                                        marginTop: 10,
+                                        alignItems: "center",
+                                    }}
+                                >
+                                    Minutes
+                                    <input
+                                        className="sy-input"
+                                        style={{ maxWidth: 90 }}
+                                        type="number"
+                                        min={0}
+                                        step="0.1"
+                                        value={manualPosition}
+                                        onChange={(event) =>
+                                            setManualPosition(
+                                                event.target.value,
+                                            )
+                                        }
+                                    />
+                                    <button
+                                        className="sy-button secondary"
+                                        disabled={manualPosition === ""}
+                                        onClick={() => {
+                                            const seconds = Math.max(
+                                                0,
+                                                Number(manualPosition) * 60,
+                                            );
+                                            recordPosition(seconds);
+                                            setSeekTo(seconds);
+                                        }}
+                                    >
+                                        Save
+                                    </button>
+                                </label>
+                            </details>
+                        </>
+                    ) : (
+                        item.resources
+                            .filter((resource) => safeResourceUrl(resource.url))
+                            .map((resource) => (
+                                <a
+                                    key={resource.id}
+                                    className="sy-article-link"
+                                    href={safeResourceUrl(resource.url) ?? "#"}
+                                    target="_blank"
+                                    rel="noopener noreferrer"
+                                >
+                                    <span>{resource.title}</span>
+                                    <ExternalLink size={15} />
+                                </a>
+                            ))
+                    )}
+                    <section className="sy-section">
+                        <h2 className="sy-study-title">This task</h2>
+                        {(item.task.description || item.task.text) && (
+                            <p className="sy-muted sy-small">
+                                {item.task.description || item.task.text}
+                            </p>
+                        )}
+                        <label className="sy-check">
+                            <input
+                                type="checkbox"
+                                checked={
+                                    item.task.completed || !!item.task.done
+                                }
+                                onChange={(event) =>
+                                    setLearningTaskDone(
+                                        roadmap,
+                                        item.task.id,
+                                        event.target.checked,
+                                    )
+                                }
+                            />
+                            <span>
+                                Mark this task complete
+                                <small>
+                                    Completion records what you did, not
+                                    mastery.
+                                </small>
+                            </span>
+                        </label>
+                        {item.task.notes && (
+                            <p
+                                className="sy-muted sy-small"
+                                style={{
+                                    marginTop: 16,
+                                    whiteSpace: "pre-wrap",
+                                }}
+                            >
+                                {item.task.notes}
+                            </p>
+                        )}
+                    </section>
+                    <section className="sy-section">
+                        <h2>Try it afterward</h2>
+                        <p
+                            className="sy-muted sy-small"
+                            style={{ marginTop: 8 }}
+                        >
+                            Use one idea in your own work. Keep a note about
+                            what happened.
+                        </p>
+                        <button
+                            className="sy-button quiet"
+                            onClick={() => {
+                                setDraft(
+                                    "What I tried:\n\nWhat happened:\n\nWhat I would change:",
+                                );
+                                setTab("notes");
+                            }}
+                        >
+                            Write a practice note
+                            <ArrowRight />
+                        </button>
+                    </section>
+                    <section className="sy-section">
+                        <button
+                            className="sy-button quiet"
+                            onClick={() => setComposerOpen((value) => !value)}
+                        >
+                            {composerOpen
+                                ? "Close review card"
+                                : "Keep a concept for review"}
+                        </button>
+                        {composerOpen && (
+                            <ReviewComposer
+                                roadmapId={roadmap.id}
+                                source={{
+                                    url: activeUrl,
+                                    taskId: item.task.id,
+                                    seconds: position,
+                                }}
+                            />
+                        )}
+                    </section>
+                    {item.task.completed && (
+                        <div className="sy-section">
+                            <Link
+                                className="sy-button primary"
+                                to="/learn"
+                                search={{
+                                    roadmap: roadmap.id,
+                                    task: nextLearningTask(roadmap)?.task.id,
+                                }}
+                            >
+                                Next unfinished task
+                                <ArrowRight />
+                            </Link>
+                        </div>
+                    )}
+                </div>
+                <aside className="sy-study-aside">
+                    <div
+                        className="sy-tabs"
+                        role="tablist"
+                        aria-label="Study panel"
+                    >
+                        <button
+                            role="tab"
+                            aria-selected={tab === "notes"}
+                            onClick={() => setTab("notes")}
+                        >
+                            Notes
+                        </button>
+                        <button
+                            role="tab"
+                            aria-selected={tab === "roadmap"}
+                            onClick={() => setTab("roadmap")}
+                        >
+                            Roadmap
+                        </button>
+                    </div>
+                    {tab === "notes" ? (
+                        <>
+                            <textarea
+                                className="sy-textarea"
+                                value={draft}
+                                onChange={(event) =>
+                                    setDraft(event.target.value)
+                                }
+                                placeholder="Capture an idea in your own words…"
+                                aria-label="Lesson note"
+                            />
+                            <div className="sy-note-controls">
+                                <small>
+                                    Linked to this task
+                                    {video
+                                        ? ` at ${formatTimestamp(position)}`
+                                        : ""}
+                                </small>
+                                <button
+                                    className="sy-button secondary"
+                                    disabled={!draft.trim()}
+                                    onClick={saveNote}
+                                >
+                                    Save note
+                                </button>
+                            </div>
+                            {notes.map((entry) => (
+                                <article
+                                    className="sy-saved-note"
+                                    key={entry.id}
+                                >
+                                    {entry.data.anchor.kind === "lesson" &&
+                                        video && (
+                                            <button
+                                                className="sy-time-link"
+                                                onClick={() => {
+                                                    if (
+                                                        entry.data.anchor
+                                                            .kind === "lesson"
+                                                    )
+                                                        setSeekTo(
+                                                            entry.data.anchor
+                                                                .seconds,
+                                                        );
+                                                }}
+                                            >
+                                                {formatTimestamp(
+                                                    entry.data.anchor.seconds,
+                                                )}
+                                            </button>
+                                        )}
+                                    <p>{entry.data.text}</p>
+                                </article>
+                            ))}
+                        </>
+                    ) : (
+                        tasks.map((task) => (
+                            <button
+                                key={task.task.id}
+                                className="sy-outline-item"
+                                aria-current={
+                                    item.task.id === task.task.id
+                                        ? "step"
+                                        : undefined
+                                }
+                                onClick={() => {
+                                    if (draft.trim()) saveNote();
+                                    void navigate({
+                                        to: "/learn",
+                                        search: {
+                                            roadmap: roadmap.id,
+                                            task: task.task.id,
+                                        },
+                                    });
+                                }}
+                            >
+                                {task.task.completed || task.task.done ? (
+                                    <Check size={14} />
+                                ) : (
+                                    <span aria-hidden="true">○</span>
+                                )}
+                                <span className="sy-outline-title">
+                                    {task.task.title || task.task.text}
+                                </span>
+                            </button>
+                        ))
+                    )}
+                    <Pomodoro />
+                </aside>
+            </div>
+        </div>
+    );
+}
diff --git a/src/views/studio/library.tsx b/src/views/studio/library.tsx
new file mode 100644
index 0000000..78a45a3
--- /dev/null
+++ b/src/views/studio/library.tsx
@@ -0,0 +1,262 @@
+import { useMemo, useRef, useState, type CSSProperties } from "react";
+import { Link } from "@tanstack/react-router";
+import { Library, List, Search, Upload } from "lucide-react";
+import { toast } from "sonner";
+import { importEpub } from "@/lib/personal/books";
+import { personalEntries, usePersonalData } from "@/lib/personal/store";
+import { useCloudSync } from "@/components/sync/CloudSync";
+import type { LibraryBook } from "@/lib/personal/schema";
+
+function spineStyle(
+    book: LibraryBook,
+): CSSProperties & Record<`--${string}`, string> {
+    return {
+        "--book-color": book.color,
+        "--spine-width": `${48 + Math.min(22, Math.round(Math.log2(Math.max(1, book.fileSize / 1000))))}px`,
+        "--spine-height": `${208 + (book.title.length % 28)}px`,
+    };
+}
+
+export default function LibraryPage() {
+    const records = usePersonalData();
+    const sync = useCloudSync();
+    const books = useMemo(
+        () =>
+            personalEntries(records, "book")
+                .map((entry) => entry.data)
+                .sort((a, b) => a.title.localeCompare(b.title)),
+        [records],
+    );
+    const [query, setQuery] = useState("");
+    const [category, setCategory] = useState("all");
+    const [status, setStatus] = useState("all");
+    const [groupBy, setGroupBy] = useState("status");
+    const [view, setView] = useState<"spines" | "list">("spines");
+    const [importing, setImporting] = useState<string | null>(null);
+    const [error, setError] = useState<string | null>(null);
+    const fileInput = useRef<HTMLInputElement>(null);
+    const categories = [...new Set(books.map((book) => book.category))].sort();
+    const filtered = books.filter(
+        (book) =>
+            (category === "all" || category === book.category) &&
+            (status === "all" || status === book.status) &&
+            `${book.title} ${book.author}`
+                .toLowerCase()
+                .includes(query.toLowerCase()),
+    );
+    const statusNames = {
+        reading: "Reading",
+        "to-read": "To read",
+        finished: "Finished",
+    };
+    const groups =
+        groupBy === "status" ? ["reading", "to-read", "finished"] : categories;
+    async function onImport(files: FileList | null) {
+        if (!files) return;
+        setError(null);
+        const failures: string[] = [];
+        for (const file of Array.from(files)) {
+            setImporting(file.name);
+            try {
+                const book = await importEpub(file);
+                await sync.uploadBook(book);
+                toast.success(`Added ${book.title}`);
+            } catch (cause) {
+                failures.push(
+                    `${file.name}: ${cause instanceof Error ? cause.message : "Could not import this book."}`,
+                );
+            }
+        }
+        setImporting(null);
+        if (failures.length) setError(failures.join(" "));
+        if (fileInput.current) fileInput.current.value = "";
+    }
+    return (
+        <div className="sy-page">
+            <header className="sy-page-head">
+                <div>
+                    <h1>Library</h1>
+                    <p>
+                        {books.length} book{books.length === 1 ? "" : "s"} ·{" "}
+                        {
+                            books.filter((book) => book.status === "reading")
+                                .length
+                        }{" "}
+                        currently reading
+                    </p>
+                </div>
+                <button
+                    className="sy-button primary"
+                    disabled={!!importing}
+                    onClick={() => fileInput.current?.click()}
+                >
+                    <Upload size={15} />
+                    {importing ? "Importing…" : "Import EPUB"}
+                </button>
+                <input
+                    ref={fileInput}
+                    type="file"
+                    accept=".epub,application/epub+zip"
+                    multiple
+                    hidden
+                    onChange={(event) => void onImport(event.target.files)}
+                />
+            </header>
+            {error && (
+                <p role="alert" className="sy-error">
+                    {error}
+                </p>
+            )}
+            {importing && (
+                <p className="sy-muted sy-small" role="status">
+                    Importing {importing}
+                </p>
+            )}
+            <div className="sy-library-tools">
+                <label className="sy-search">
+                    <Search />
+                    <input
+                        value={query}
+                        onChange={(event) => setQuery(event.target.value)}
+                        placeholder="Search books or authors"
+                        aria-label="Search books"
+                    />
+                </label>
+                <div className="sy-filters">
+                    <select
+                        className="sy-select"
+                        value={category}
+                        onChange={(event) => setCategory(event.target.value)}
+                        aria-label="Book category"
+                    >
+                        <option value="all">All categories</option>
+                        {categories.map((value) => (
+                            <option key={value}>{value}</option>
+                        ))}
+                    </select>
+                    <select
+                        className="sy-select"
+                        value={status}
+                        onChange={(event) => setStatus(event.target.value)}
+                        aria-label="Reading status"
+                    >
+                        <option value="all">All books</option>
+                        <option value="reading">Reading</option>
+                        <option value="to-read">To read</option>
+                        <option value="finished">Finished</option>
+                    </select>
+                    <select
+                        className="sy-select"
+                        value={groupBy}
+                        onChange={(event) => setGroupBy(event.target.value)}
+                        aria-label="Group books by"
+                    >
+                        <option value="status">Reading status</option>
+                        <option value="category">Category</option>
+                    </select>
+                    <div className="sy-view-switch">
+                        <button
+                            aria-label="Book spines"
+                            aria-pressed={view === "spines"}
+                            onClick={() => setView("spines")}
+                        >
+                            <Library size={17} />
+                        </button>
+                        <button
+                            aria-label="Book list"
+                            aria-pressed={view === "list"}
+                            onClick={() => setView("list")}
+                        >
+                            <List size={17} />
+                        </button>
+                    </div>
+                </div>
+            </div>
+            {!books.length ? (
+                <div className="sy-empty bordered">
+                    <h2>Your books belong here.</h2>
+                    <p style={{ marginTop: 8 }}>
+                        Import an EPUB to read, highlight, and save your place.
+                    </p>
+                    <p>
+                        Books are cached on this device
+                        {sync.status === "connected"
+                            ? " and synced privately to your other devices"
+                            : "; cloud sync can be connected in Settings"}
+                        .
+                    </p>
+                </div>
+            ) : !filtered.length ? (
+                <p className="sy-empty">No books match these filters.</p>
+            ) : view === "spines" ? (
+                groups.map((group) => {
+                    const items = filtered.filter(
+                        (book) =>
+                            (groupBy === "status"
+                                ? book.status
+                                : book.category) === group,
+                    );
+                    if (!items.length) return null;
+                    const label =
+                        groupBy === "status" &&
+                        (group === "reading" ||
+                            group === "to-read" ||
+                            group === "finished")
+                            ? statusNames[group]
+                            : group;
+                    return (
+                        <section className="sy-shelf-group" key={group}>
+                            <h2>
+                                {label} · {items.length}
+                            </h2>
+                            <div className="sy-shelf">
+                                {items.map((book) => (
+                                    <Link
+                                        key={book.id}
+                                        to="/read/$id"
+                                        params={{ id: book.id }}
+                                        className="sy-spine"
+                                        title={`${book.title} · ${book.author}`}
+                                        aria-label={`Open ${book.title}`}
+                                        style={spineStyle(book)}
+                                    >
+                                        {book.status === "reading" && (
+                                            <span className="sy-bookmark" />
+                                        )}
+                                        <span className="sy-spine-title">
+                                            {book.title}
+                                        </span>
+                                        <span className="sy-spine-author">
+                                            {book.author}
+                                        </span>
+                                    </Link>
+                                ))}
+                            </div>
+                        </section>
+                    );
+                })
+            ) : (
+                filtered.map((book) => (
+                    <Link
+                        className="sy-library-row"
+                        key={book.id}
+                        to="/read/$id"
+                        params={{ id: book.id }}
+                    >
+                        <div>
+                            <h3>{book.title}</h3>
+                            <p>{book.author}</p>
+                        </div>
+                        <span>{book.category}</span>
+                        <span>
+                            {statusNames[book.status]}
+                            {book.percent > 0
+                                ? ` · ${Math.round(book.percent)}%`
+                                : ""}
+                        </span>
+                    </Link>
+                ))
+            )}
+        </div>
+    );
+}
diff --git a/src/views/studio/personal-settings.tsx b/src/views/studio/personal-settings.tsx
new file mode 100644
index 0000000..ff3c2a4
--- /dev/null
+++ b/src/views/studio/personal-settings.tsx
@@ -0,0 +1,277 @@
+import { useEffect, useRef, useState } from "react";
+import { Copy, Download } from "lucide-react";
+import { toast } from "sonner";
+import { z } from "zod";
+import SyncSettings from "@/components/sync/SyncSettings";
+import SettingsSection from "@/components/layout/SettingsSection";
+import {
+    getPersonalSnapshot,
+    mergePersonalEntries,
+} from "@/lib/personal/store";
+import { personalSnapshotSchema } from "@/lib/personal/schema";
+import { getRoadmapsBackupJson } from "@/lib/storage";
+import {
+    DEFAULT_CONFIG,
+    getUserConfig,
+    saveUserConfig,
+} from "@/lib/userConfig";
+import { FREE_GEMINI_MODELS } from "@/lib/ai-policy";
+import { scoutApi } from "@/lib/scout/api-client";
+import type { ScoutAgentConnection } from "@/lib/scout/types";
+
+export default function PersonalSettingsPage() {
+    const [key, setKey] = useState("");
+    const [model, setModel] = useState<string>(
+        DEFAULT_CONFIG.modelByProvider.gemini,
+    );
+    const [showKey, setShowKey] = useState(false);
+    const [connections, setConnections] = useState<
+        ScoutAgentConnection[] | null
+    >(null);
+    const [error, setError] = useState<string | null>(null);
+    const input = useRef<HTMLInputElement>(null);
+    useEffect(() => {
+        const value = getUserConfig().modelByProvider.gemini;
+        if (FREE_GEMINI_MODELS.some((model) => model === value))
+            setModel(value);
+    }, []);
+    function exportData() {
+        const data = {
+            version: 1,
+            exportedAt: new Date().toISOString(),
+            personal: getPersonalSnapshot(),
+            legacyWorkspace: JSON.parse(getRoadmapsBackupJson()),
+        };
+        const url = URL.createObjectURL(
+            new Blob([JSON.stringify(data, null, 2)], {
+                type: "application/json",
+            }),
+        );
+        const anchor = document.createElement("a");
+        anchor.href = url;
+        anchor.download = `syllo-${new Date().toISOString().slice(0, 10)}.json`;
+        anchor.click();
+        URL.revokeObjectURL(url);
+    }
+    async function restore(file: File | undefined) {
+        if (!file) return;
+        try {
+            if (file.size > 20 * 1024 * 1024)
+                throw new Error("Choose a backup smaller than 20 MB.");
+            const backup = z
+                .object({ personal: personalSnapshotSchema })
+                .parse(JSON.parse(await file.text()));
+            mergePersonalEntries(Object.values(backup.personal));
+            toast.success("Backup merged with this device’s data.");
+            setError(null);
+        } catch {
+            setError(
+                "Could not restore this backup. Your existing data is unchanged.",
+            );
+        }
+    }
+    return (
+        <div className="sy-page">
+            <header className="sy-page-head">
+                <h1>Settings</h1>
+            </header>
+            <SettingsSection
+                title="Free AI"
+                description={
+                    <>
+                        Use a Gemini API key from an unbilled Google AI Studio
+                        project. Syllo only allows free-eligible Flash models
+                        and does not switch to paid providers. Free quotas
+                        depend on your Google project.
+                    </>
+                }
+            >
+                <form
+                    className="sy-form"
+                    onSubmit={(event) => {
+                        event.preventDefault();
+                        const config = getUserConfig();
+                        saveUserConfig({
+                            ...config,
+                            provider: "gemini",
+                            useCustomKey: true,
+                            apiKeys: {
+                                ...config.apiKeys,
+                                gemini: key.trim() || config.apiKeys.gemini,
+                            },
+                            modelByProvider: {
+                                ...config.modelByProvider,
+                                gemini: model,
+                            },
+                        });
+                        setKey("");
+                        toast.success(
+                            "Free Gemini configuration saved on this device.",
+                        );
+                    }}
+                >
+                    <label>
+                        Gemini API key
+                        <div style={{ display: "flex", gap: 10 }}>
+                            <input
+                                className="sy-input"
+                                type={showKey ? "text" : "password"}
+                                value={key}
+                                onChange={(event) => setKey(event.target.value)}
+                                placeholder="Leave blank to keep your saved key"
+                                autoComplete="off"
+                            />
+                            <button
+                                className="sy-button quiet"
+                                type="button"
+                                onClick={() => setShowKey((value) => !value)}
+                            >
+                                {showKey ? "Hide" : "Show"}
+                            </button>
+                        </div>
+                        <span className="sy-form-hint">
+                            Saved in this browser only. Keys are excluded from
+                            cloud sync and backups.
+                        </span>
+                    </label>
+                    <label>
+                        Model
+                        <select
+                            className="sy-select"
+                            value={model}
+                            onChange={(event) => setModel(event.target.value)}
+                        >
+                            {FREE_GEMINI_MODELS.map((value) => (
+                                <option key={value}>{value}</option>
+                            ))}
+                        </select>
+                    </label>
+                    <div className="sy-card-actions">
+                        <button className="sy-button primary">
+                            Save AI settings
+                        </button>
+                        <button
+                            className="sy-button quiet"
+                            type="button"
+                            onClick={() => {
+                                const config = getUserConfig();
+                                saveUserConfig({
+                                    ...config,
+                                    provider: "gemini",
+                                    useCustomKey: false,
+                                    apiKeys: { ...config.apiKeys, gemini: "" },
+                                });
+                                setKey("");
+                                toast.success(
+                                    "Browser key removed. Server configuration will be used if available.",
+                                );
+                            }}
+                        >
+                            Remove browser key
+                        </button>
+                    </div>
+                </form>
+            </SettingsSection>
+            <SyncSettings />
+            <SettingsSection
+                title="Your data"
+                description={
+                    <>
+                        Export reading positions, highlights, notes, review
+                        schedules, and roadmaps. EPUB files stay in your device
+                        cache or private file storage; keep your original copies
+                        too.
+                    </>
+                }
+            >
+                <div className="sy-card-actions">
+                    <button
+                        className="sy-button secondary"
+                        onClick={exportData}
+                    >
+                        <Download />
+                        Export backup
+                    </button>
+                    <button
+                        className="sy-button quiet"
+                        onClick={() => input.current?.click()}
+                    >
+                        Restore backup
+                    </button>
+                    <input
+                        hidden
+                        ref={input}
+                        type="file"
+                        accept=".json,application/json"
+                        onChange={(event) => {
+                            void restore(event.target.files?.[0]);
+                            event.target.value = "";
+                        }}
+                    />
+                </div>
+            </SettingsSection>
+            <SettingsSection
+                title="Coding agents"
+                description={
+                    <>
+                        Connect a local coding agent to Scout’s existing MCP
+                        server. Imported resources remain suggestions until you
+                        choose to use them.
+                    </>
+                }
+            >
+                <button
+                    className="sy-button quiet"
+                    onClick={async () => {
+                        try {
+                            setConnections(
+                                (await scoutApi.getAgents()).connections,
+                            );
+                            setError(null);
+                        } catch {
+                            setError(
+                                "Could not read local agent configurations. Start the local Syllo server and try again.",
+                            );
+                        }
+                    }}
+                >
+                    Show connection settings
+                </button>
+                {connections?.map((connection) => (
+                    <details key={connection.id} style={{ marginTop: 16 }}>
+                        <summary>{connection.label}</summary>
+                        <p className="sy-form-hint" style={{ marginTop: 8 }}>
+                            {connection.note}
+                        </p>
+                        <pre className="sy-agent-snippet">
+                            {connection.snippet}
+                        </pre>
+                        <button
+                            className="sy-button quiet"
+                            onClick={() => {
+                                void navigator.clipboard
+                                    .writeText(connection.snippet)
+                                    .then(() =>
+                                        toast.success("Copied configuration."),
+                                    )
+                                    .catch(() =>
+                                        setError(
+                                            "Select and copy the configuration manually.",
+                                        ),
+                                    );
+                            }}
+                        >
+                            <Copy />
+                            Copy
+                        </button>
+                    </details>
+                ))}
+            </SettingsSection>
+            {error && (
+                <p className="sy-error" role="alert" style={{ marginTop: 24 }}>
+                    {error}
+                </p>
+            )}
+        </div>
+    );
+}
diff --git a/src/views/studio/reader.tsx b/src/views/studio/reader.tsx
new file mode 100644
index 0000000..6e3aa9e
--- /dev/null
+++ b/src/views/studio/reader.tsx
@@ -0,0 +1,539 @@
+import { useEffect, useMemo, useRef, useState } from "react";
+import { Link } from "@tanstack/react-router";
+import type { Book, Contents, Rendition } from "epubjs";
+import type { Location } from "epubjs/types/rendition";
+import type { NavItem } from "epubjs/types/navigation";
+import { ArrowLeft, ArrowRight, Highlighter, Moon, Sun } from "lucide-react";
+import { z } from "zod";
+import {
+    usePersonalData,
+    personalEntries,
+    putPersonalEntry,
+} from "@/lib/personal/store";
+import { getBookFile, updateBook } from "@/lib/personal/books";
+import { getLocalFile, saveLocalFile } from "@/lib/personal/files";
+import { useCloudSync } from "@/components/sync/CloudSync";
+import ReviewComposer from "@/components/learning/ReviewComposer";
+
+const preferencesSchema = z.object({
+    size: z.number().min(14).max(30),
+    night: z.boolean(),
+});
+function flattenToc(items: NavItem[]): NavItem[] {
+    return items.flatMap((item) => [item, ...flattenToc(item.subitems ?? [])]);
+}
+
+function applyReaderAppearance(rendition: Rendition, size: number, night: boolean) {
+    const foreground = night ? "#e1dfd9" : "#2a2925";
+    const background = night ? "#191a1d" : "#f0eee7";
+    rendition.themes.default({
+        body: {
+            color: `${foreground} !important`,
+            background: `${background} !important`,
+            "font-family": "Georgia, serif !important",
+            "line-height": "1.85 !important",
+            padding: "20px 26px !important",
+        },
+        a: { color: `${foreground} !important` },
+    });
+    rendition.themes.fontSize(`${size}px`);
+}
+
+export default function ReaderPage({
+    id,
+    targetCfi,
+}: {
+    id: string;
+    targetCfi?: string;
+}) {
+    const records = usePersonalData();
+    const entry = records[`book:${id}`];
+    const book = entry?.kind === "book" && !entry.deleted ? entry.data : null;
+    const bookRef = useRef(book);
+    bookRef.current = book;
+    const sync = useCloudSync();
+    const host = useRef<HTMLDivElement>(null);
+    const epubRef = useRef<Book | null>(null);
+    const renditionRef = useRef<Rendition | null>(null);
+    const [ready, setReady] = useState(false);
+    const [error, setError] = useState<string | null>(null);
+    const [toc, setToc] = useState<NavItem[]>([]);
+    const [size, setSize] = useState(18);
+    const [night, setNight] = useState(false);
+    const appearanceRef = useRef({ size, night });
+    appearanceRef.current = { size, night };
+    const [selection, setSelection] = useState<{
+        cfi: string;
+        quote: string;
+    } | null>(null);
+    const [draft, setDraft] = useState("");
+    const annotations = useMemo(
+        () =>
+            personalEntries(records, "annotation")
+                .filter(
+                    (item) =>
+                        item.data.anchor.kind === "book" &&
+                        item.data.anchor.bookId === id,
+                )
+                .sort((a, b) => b.updatedAt - a.updatedAt),
+        [records, id],
+    );
+    const highlighted = useRef(new Set<string>());
+    useEffect(() => {
+        try {
+            const raw = localStorage.getItem("syllo:reader-preferences");
+            const result = preferencesSchema.safeParse(
+                raw ? JSON.parse(raw) : null,
+            );
+            if (result.success) {
+                setSize(result.data.size);
+                setNight(result.data.night);
+            }
+        } catch {
+            /* Use the default reader appearance. */
+        }
+    }, []);
+    const fileKey = book?.fileKey;
+    const downloadFile = sync.downloadFile;
+    const downloadRef = useRef(downloadFile);
+    downloadRef.current = downloadFile;
+    const cloudAvailable = !!downloadFile;
+    useEffect(() => {
+        const current = bookRef.current;
+        if (!current || !host.current) return;
+        let disposed = false;
+        let observer: ResizeObserver | null = null;
+        let ownedBook: Book | null = null;
+        const highlights = highlighted.current;
+        setError(null);
+        setReady(false);
+        void (async () => {
+            const file = await getBookFile(current, downloadRef.current);
+            const { default: ePub } = await import("epubjs");
+            if (disposed || !host.current) return;
+            const epub = ePub();
+            ownedBook = epub;
+            epubRef.current = epub;
+            await epub.open(await file.arrayBuffer(), "binary");
+            if (disposed || !host.current) return;
+            const navigation = await epub.loaded.navigation;
+            const chapters = flattenToc(navigation.toc);
+            if (disposed) return;
+            setToc(chapters);
+            const cachedLocations = await getLocalFile(
+                `${current.fileKey}:locations`,
+            );
+            if (cachedLocations) {
+                try {
+                    epub.locations.load(await cachedLocations.text());
+                } catch {
+                    /* Regenerate outdated location indexes below. */
+                }
+            }
+            let width = host.current.clientWidth;
+            let height = host.current.clientHeight;
+            const rendition = epub.renderTo(host.current, {
+                width,
+                height,
+                spread: "none",
+                flow: "paginated",
+                allowScriptedContent: false,
+            });
+            renditionRef.current = rendition;
+            // Restore the passage using its final typography and pagination.
+            applyReaderAppearance(
+                rendition,
+                appearanceRef.current.size,
+                appearanceRef.current.night,
+            );
+            rendition.on("selected", (cfi: string, contents: Contents) => {
+                const quote = contents.window.getSelection()?.toString().trim();
+                if (quote) setSelection({ cfi, quote: quote.slice(0, 6000) });
+            });
+            rendition.on("relocated", (location: Location) => {
+                if (disposed) return;
+                const chapter = chapters.find(
+                    (item) =>
+                        item.href.split("#")[0] ===
+                        location.start.href.split("#")[0],
+                );
+                const fraction =
+                    epub.locations.length() > 0
+                        ? epub.locations.percentageFromCfi(location.start.cfi)
+                        : null;
+                updateBook(id, {
+                    position: location.start.cfi,
+                    chapter:
+                        chapter?.label.trim() ||
+                        bookRef.current?.chapter ||
+                        "Reading",
+                    ...(fraction !== null && Number.isFinite(fraction)
+                        ? {
+                              percent: Math.min(
+                                  100,
+                                  Math.max(0, fraction * 100),
+                              ),
+                          }
+                        : {}),
+                    status:
+                        bookRef.current?.status === "finished"
+                            ? "finished"
+                            : "reading",
+                    lastReadAt: new Date().toISOString(),
+                });
+            });
+            await rendition.display(targetCfi ?? current.position ?? undefined);
+            if (disposed) return;
+            setReady(true);
+            observer = new ResizeObserver((entries) => {
+                const bounds = entries[0]?.contentRect;
+                if (!bounds) return;
+                // Match client dimensions: fractional CSS heights otherwise
+                // trigger a resize before EPUB.js has recorded its location.
+                const nextWidth = Math.round(bounds.width);
+                const nextHeight = Math.round(bounds.height);
+                if (
+                    nextWidth > 0 &&
+                    nextHeight > 0 &&
+                    (nextWidth !== width || nextHeight !== height)
+                ) {
+                    width = nextWidth;
+                    height = nextHeight;
+                    rendition.resize(width, height);
+                }
+            });
+            observer.observe(host.current);
+            if (epub.locations.length() === 0) {
+                await epub.locations.generate(1800);
+                if (!disposed) {
+                    await saveLocalFile(
+                        `${current.fileKey}:locations`,
+                        new Blob([epub.locations.save()], {
+                            type: "application/json",
+                        }),
+                    );
+                    const position = bookRef.current?.position;
+                    if (position)
+                        updateBook(id, {
+                            percent: Math.min(
+                                100,
+                                Math.max(
+                                    0,
+                                    epub.locations.percentageFromCfi(position) *
+                                        100,
+                                ),
+                            ),
+                        });
+                }
+            }
+        })().catch((cause) => {
+            if (!disposed)
+                setError(
+                    cause instanceof Error
+                        ? cause.message
+                        : "Could not open this EPUB.",
+                );
+        });
+        return () => {
+            disposed = true;
+            observer?.disconnect();
+            highlights.clear();
+            renditionRef.current?.destroy();
+            renditionRef.current = null;
+            ownedBook?.destroy();
+            epubRef.current = null;
+        };
+    }, [id, fileKey, cloudAvailable, targetCfi]);
+    useEffect(() => {
+        const rendition = renditionRef.current;
+        if (!rendition || !ready) return;
+        applyReaderAppearance(rendition, size, night);
+        localStorage.setItem(
+            "syllo:reader-preferences",
+            JSON.stringify({ size, night }),
+        );
+    }, [ready, size, night]);
+    useEffect(() => {
+        const rendition = renditionRef.current;
+        if (!rendition || !ready) return;
+        for (const item of annotations) {
+            const anchor = item.data.anchor;
+            if (anchor.kind !== "book" || highlighted.current.has(anchor.cfi))
+                continue;
+            try {
+                rendition.annotations.highlight(
+                    anchor.cfi,
+                    {},
+                    undefined,
+                    "syllo-highlight",
+                    {
+                        fill: item.data.color,
+                        "fill-opacity": "0.3",
+                        "mix-blend-mode": "multiply",
+                    },
+                );
+                highlighted.current.add(anchor.cfi);
+            } catch {
+                /* Keep a note even when a revised EPUB invalidates its highlight. */
+            }
+        }
+    }, [annotations, ready]);
+    function saveAnnotation(text: string) {
+        if (!selection) return;
+        putPersonalEntry({
+            id: `annotation:${crypto.randomUUID()}`,
+            kind: "annotation",
+            updatedAt: Date.now(),
+            deleted: false,
+            data: {
+                text: text.trim(),
+                quote: selection.quote,
+                color: "#c5ce7b",
+                anchor: { kind: "book", bookId: id, cfi: selection.cfi },
+                createdAt: new Date().toISOString(),
+            },
+        });
+        setDraft("");
+        setSelection(null);
+    }
+    async function display(target: string) {
+        try {
+            await renditionRef.current?.display(target);
+        } catch {
+            setError("Could not open that passage. The EPUB may have changed.");
+        }
+    }
+    if (!book)
+        return (
+            <div className="sy-page">
+                <h1>Book not found</h1>
+                <div className="sy-empty">
+                    <p>
+                        Import the book on this device, or connect your synced
+                        library.
+                    </p>
+                    <Link className="sy-button secondary" to="/library">
+                        Back to Library
+                    </Link>
+                </div>
+            </div>
+        );
+    return (
+        <div className="sy-page">
+            <div className="sy-breadcrumb">
+                <Link to="/library">Library</Link>
+                <span>/</span>
+                <span>{book.title}</span>
+            </div>
+            <header className="sy-reader-head">
+                <div>
+                    <h1>{book.title}</h1>
+                    <p>
+                        {book.author} · {book.chapter}
+                    </p>
+                </div>
+                <Link className="sy-button quiet" to="/library">
+                    Back to Library
+                </Link>
+            </header>
+            <div className="sy-reader-tools">
+                <div className="sy-reader-controls">
+                    <button
+                        className="sy-button secondary"
+                        aria-label="Smaller text"
+                        onClick={() =>
+                            setSize((value) => Math.max(14, value - 1))
+                        }
+                    >
+                        A−
+                    </button>
+                    <button
+                        className="sy-button secondary"
+                        aria-label="Larger text"
+                        onClick={() =>
+                            setSize((value) => Math.min(30, value + 1))
+                        }
+                    >
+                        A+
+                    </button>
+                    <button
+                        className="sy-button quiet"
+                        onClick={() => setNight((value) => !value)}
+                        aria-label={
+                            night ? "Light reading page" : "Dark reading page"
+                        }
+                    >
+                        {night ? <Sun /> : <Moon />}
+                    </button>
+                </div>
+                <select
+                    className="sy-select"
+                    aria-label="Table of contents"
+                    defaultValue=""
+                    onChange={(event) => {
+                        if (event.target.value)
+                            void display(event.target.value);
+                    }}
+                >
+                    <option value="" disabled>
+                        Contents
+                    </option>
+                    {toc.map((item, index) => (
+                        <option key={`${item.id}:${index}`} value={item.href}>
+                            {item.label}
+                        </option>
+                    ))}
+                </select>
+            </div>
+            {error && (
+                <p className="sy-error" role="alert">
+                    {error}
+                </p>
+            )}
+            {!ready && !error && (
+                <p role="status" className="sy-loading">
+                    Opening your book…
+                </p>
+            )}
+            <div className={`sy-reader${night ? " night" : ""}`}>
+                <div className="sy-reader-mount" ref={host} />
+            </div>
+            <div className="sy-reader-pagination">
+                <button
+                    className="sy-button quiet"
+                    disabled={!ready}
+                    onClick={() =>
+                        void renditionRef.current
+                            ?.prev()
+                            .catch(() =>
+                                setError("Could not open the previous page."),
+                            )
+                    }
+                >
+                    <ArrowLeft />
+                    Previous
+                </button>
+                <span>{Math.round(book.percent)}% read</span>
+                <button
+                    className="sy-button quiet"
+                    disabled={!ready}
+                    onClick={() =>
+                        void renditionRef.current
+                            ?.next()
+                            .catch(() =>
+                                setError("Could not open the next page."),
+                            )
+                    }
+                >
+                    Next
+                    <ArrowRight />
+                </button>
+            </div>
+            <div className="sy-reader-fields">
+                <label>
+                    Category
+                    <input
+                        className="sy-input"
+                        aria-label="Book category"
+                        key={book.id}
+                        defaultValue={book.category}
+                        onBlur={(event) =>
+                            updateBook(id, {
+                                category:
+                                    event.target.value.trim() ||
+                                    "Uncategorized",
+                            })
+                        }
+                    />
+                </label>
+                <label>
+                    Reading status
+                    <select
+                        className="sy-select"
+                        value={book.status}
+                        onChange={(event) => {
+                            const result = z
+                                .enum(["to-read", "reading", "finished"])
+                                .safeParse(event.target.value);
+                            if (result.success)
+                                updateBook(id, {
+                                    status: result.data,
+                                    ...(result.data === "finished"
+                                        ? { percent: 100 }
+                                        : {}),
+                                });
+                        }}
+                    >
+                        <option value="to-read">To read</option>
+                        <option value="reading">Reading</option>
+                        <option value="finished">Finished</option>
+                    </select>
+                </label>
+            </div>
+            <section className="sy-reader-notes">
+                <div className="sy-section-head">
+                    <h2>Passage notes and highlights</h2>
+                </div>
+                {selection ? (
+                    <>
+                        <blockquote className="sy-passage">
+                            {selection.quote}
+                        </blockquote>
+                        <textarea
+                            className="sy-textarea"
+                            value={draft}
+                            onChange={(event) => setDraft(event.target.value)}
+                            placeholder="What do you want to remember about this passage?"
+                            aria-label="Note on selected passage"
+                        />
+                        <div className="sy-note-controls">
+                            <button
+                                className="sy-button quiet"
+                                onClick={() => saveAnnotation("")}
+                            >
+                                <Highlighter />
+                                Keep highlight
+                            </button>
+                            <button
+                                className="sy-button secondary"
+                                onClick={() => saveAnnotation(draft)}
+                            >
+                                Save passage note
+                            </button>
+                        </div>
+                        <ReviewComposer
+                            roadmapId={`book:${id}`}
+                            source={{
+                                bookId: id,
+                                cfi: selection.cfi,
+                                quote: selection.quote,
+                            }}
+                            initialAnswer={selection.quote}
+                        />
+                    </>
+                ) : (
+                    <p className="sy-muted sy-small">
+                        Select text in the book to highlight it, attach a note,
+                        or make a review card.
+                    </p>
+                )}
+                {annotations.map((item) => (
+                    <article className="sy-saved-note" key={item.id}>
+                        <button
+                            className="sy-time-link"
+                            onClick={() => {
+                                if (item.data.anchor.kind === "book")
+                                    void display(item.data.anchor.cfi);
+                            }}
+                        >
+                            Return to passage
+                            <ArrowRight size={13} />
+                        </button>
+                        <blockquote>{item.data.quote}</blockquote>
+                        {item.data.text && <p>{item.data.text}</p>}
+                    </article>
+                ))}
+            </section>
+        </div>
+    );
+}
diff --git a/src/views/studio/reviews.tsx b/src/views/studio/reviews.tsx
new file mode 100644
index 0000000..0d1f2fb
--- /dev/null
+++ b/src/views/studio/reviews.tsx
@@ -0,0 +1,202 @@
+import { useState } from "react";
+import { Link } from "@tanstack/react-router";
+import { ArrowRight } from "lucide-react";
+import { useLearningRoadmaps } from "@/hooks/useLearningRoadmaps";
+import { getStorage } from "@/lib/storage";
+import { personalEntries, usePersonalData } from "@/lib/personal/store";
+import { reviewRatings, saveReview, scheduleReview } from "@/lib/reviews";
+import type { SrsItem } from "@/types";
+
+export default function ReviewsPage() {
+    const { roadmaps, loaded } = useLearningRoadmaps();
+    const records = usePersonalData();
+    const [revealed, setRevealed] = useState<string | null>(null);
+    const [error, setError] = useState<string | null>(null);
+    const local = roadmaps.flatMap((roadmap) =>
+        getStorage().getReviews(roadmap.id),
+    );
+    const personal = personalEntries(records, "review").map(
+        (entry) => entry.data,
+    );
+    const items = [
+        ...new Map(
+            [...local, ...personal].map((item) => [item.id, item]),
+        ).values(),
+    ];
+    const due = items
+        .filter(
+            (item) =>
+                item.status !== "suggested" &&
+                item.status !== "skipped" &&
+                new Date(item.dueAt).getTime() <= Date.now(),
+        )
+        .sort((a, b) => a.dueAt.localeCompare(b.dueAt));
+    const suggested = items.filter((item) => item.status === "suggested");
+    const current = due[0];
+    const next = items
+        .filter(
+            (item) =>
+                item.status !== "suggested" &&
+                item.status !== "skipped" &&
+                new Date(item.dueAt).getTime() > Date.now(),
+        )
+        .sort((a, b) => a.dueAt.localeCompare(b.dueAt))[0];
+    function persist(item: SrsItem) {
+        try {
+            saveReview(item);
+            setError(null);
+            setRevealed(null);
+        } catch {
+            setError(
+                "This review could not be saved. Your existing schedule is unchanged.",
+            );
+        }
+    }
+    function sourceLink(item: SrsItem) {
+        if (item.source?.bookId)
+            return (
+                <Link
+                    className="sy-button quiet"
+                    to="/read/$id"
+                    params={{ id: item.source.bookId }}
+                    search={{ cfi: item.source.cfi }}
+                >
+                    Return to passage
+                    <ArrowRight />
+                </Link>
+            );
+        return (
+            <Link
+                className="sy-button quiet"
+                to="/learn"
+                search={{
+                    roadmap: item.roadmapId,
+                    task: item.source?.taskId,
+                    seconds: item.source?.seconds,
+                }}
+            >
+                Return to source
+                <ArrowRight />
+            </Link>
+        );
+    }
+    if (!loaded)
+        return <div className="sy-page sy-loading">Loading reviews…</div>;
+    return (
+        <div className="sy-page">
+            <header className="sy-page-head">
+                <div>
+                    <h1>Reviews</h1>
+                    <p>
+                        {due.length} card{due.length === 1 ? "" : "s"} ready
+                        {suggested.length
+                            ? ` · ${suggested.length} suggested`
+                            : ""}
+                    </p>
+                </div>
+            </header>
+            {error && (
+                <p className="sy-error" role="alert">
+                    {error}
+                </p>
+            )}
+            {current ? (
+                <article className="sy-card">
+                    <p
+                        className="sy-muted sy-small"
+                        style={{ marginBottom: 14 }}
+                    >
+                        {roadmaps.find(
+                            (roadmap) => roadmap.id === current.roadmapId,
+                        )?.title || "Reading"}
+                    </p>
+                    <h2>{current.prompt}</h2>
+                    {revealed === current.id ? (
+                        <>
+                            <div className="sy-card-answer">
+                                {current.answer}
+                            </div>
+                            <div className="sy-card-actions">
+                                {reviewRatings.map((rating) => (
+                                    <button
+                                        key={rating.label}
+                                        className={`sy-button ${rating.label === "Good" ? "primary" : "secondary"}`}
+                                        onClick={() =>
+                                            persist(
+                                                scheduleReview(
+                                                    current,
+                                                    rating.value,
+                                                ),
+                                            )
+                                        }
+                                    >
+                                        {rating.label}
+                                    </button>
+                                ))}
+                            </div>
+                        </>
+                    ) : (
+                        <button
+                            className="sy-button primary"
+                            onClick={() => setRevealed(current.id)}
+                        >
+                            Show answer
+                        </button>
+                    )}
+                    {sourceLink(current)}
+                </article>
+            ) : (
+                <div className="sy-empty">
+                    <h2>Nothing due right now.</h2>
+                    <p>
+                        {next
+                            ? `Next review: ${new Date(next.dueAt).toLocaleString(undefined, { dateStyle: "medium", timeStyle: "short" })}.`
+                            : "Keep useful concepts from a lesson or a passage to review them here."}
+                    </p>
+                    <Link className="sy-button quiet" to="/dashboard">
+                        Back to Home
+                        <ArrowRight />
+                    </Link>
+                </div>
+            )}
+            {suggested.length > 0 && (
+                <section className="sy-section">
+                    <h2>Suggested cards</h2>
+                    <p className="sy-muted sy-small" style={{ marginTop: 8 }}>
+                        Keep the concepts you want to remember. Skipping a
+                        suggestion adds no review work.
+                    </p>
+                    {suggested.map((item) => (
+                        <article key={item.id} className="sy-suggestion">
+                            <h3>{item.prompt}</h3>
+                            <p>{item.answer}</p>
+                            <div className="sy-suggestion-actions">
+                                <button
+                                    className="sy-button secondary"
+                                    onClick={() =>
+                                        persist({
+                                            ...item,
+                                            status: "kept",
+                                            dueAt: new Date().toISOString(),
+                                        })
+                                    }
+                                >
+                                    Keep card
+                                </button>
+                                <button
+                                    className="sy-button quiet"
+                                    onClick={() =>
+                                        persist({ ...item, status: "skipped" })
+                                    }
+                                >
+                                    Skip
+                                </button>
+                                {sourceLink(item)}
+                            </div>
+                        </article>
+                    ))}
+                </section>
+            )}
+        </div>
+    );
+}
diff --git a/src/views/studio/scout.tsx b/src/views/studio/scout.tsx
new file mode 100644
index 0000000..e5e2d85
--- /dev/null
+++ b/src/views/studio/scout.tsx
@@ -0,0 +1,911 @@
+import { useEffect, useMemo, useState } from "react";
+import { Link, useNavigate } from "@tanstack/react-router";
+import { ArrowRight, Loader2, Sparkles } from "lucide-react";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import ScoutProgress from "@/components/scout/ScoutProgress";
+import PickList from "@/components/scout/PickList";
+import SourcesPanel from "@/components/scout/SourcesPanel";
+import ManualRoadmap from "@/components/scout/ManualRoadmap";
+import type { Roadmap } from "@/types";
+import { scoutApi } from "@/lib/scout/api-client";
+import { getLastScoutPack, publishScoutPack } from "@/lib/scout/client";
+import { humanDuration } from "@/lib/scout/format";
+import type { ScoutPackDetail } from "@/lib/scout/pack";
+import type {
+    ScoutPack,
+    ScoutResource,
+    ScoutSettings,
+    ScoutSource,
+    SpendSummary,
+} from "@/lib/scout/types";
+import { getStorage } from "@/lib/storage";
+import {
+    getActiveApiKey,
+    getActiveModel,
+    getUserConfig,
+} from "@/lib/userConfig";
+
+const EXAMPLES = [
+    "Use coding agents effectively",
+    "Build AI features",
+    "UI design for developers",
+];
+
+const RUNNING_STAGE: Record<string, string> = {
+    discovering: "Looking through your sources for free resources.",
+    processing: "Reading transcripts and tagging skills.",
+    building: "Arranging your picks into modules and review cards.",
+};
+
+function detailOf(pack: ScoutPack): ScoutPackDetail {
+    return { ...pack, roadmap: null, quizzes: [] };
+}
+
+function errorMessage(error: unknown) {
+    return error instanceof Error && error.message
+        ? error.message
+        : "Scout ran into a problem.";
+}
+
+/** How a past goal reads in the list: one pale pill per state. */
+const PACK_STATUS: Record<
+    ScoutPack["status"],
+    { label: string; className: string }
+> = {
+    discovering: { label: "Finding", className: "studio-badge" },
+    processing: { label: "Reading", className: "studio-badge" },
+    review: {
+        label: "Needs review",
+        className: "studio-badge bg-warning-soft text-warning",
+    },
+    building: { label: "Building", className: "studio-badge" },
+    ready: {
+        label: "Built",
+        className: "studio-badge bg-success-soft text-success",
+    },
+    failed: {
+        label: "Stopped",
+        className: "studio-badge bg-danger-soft text-danger",
+    },
+};
+
+export default function ScoutPage() {
+    const navigate = useNavigate();
+    const [goal, setGoal] = useState("");
+    const [startingPoint, setStartingPoint] = useState("");
+    const [outcome, setOutcome] = useState("");
+    const [draftRoadmap, setDraftRoadmap] = useState<Roadmap | null>(null);
+    const [pack, setPack] = useState<ScoutPackDetail | null>(null);
+    const [selected, setSelected] = useState<Set<string>>(new Set());
+    const [starting, setStarting] = useState(false);
+    const [approving, setApproving] = useState(false);
+    const [error, setError] = useState<string | null>(null);
+
+    const [settings, setSettings] = useState<ScoutSettings | null>(null);
+    const [spend, setSpend] = useState<SpendSummary | null>(null);
+    const [sources, setSources] = useState<ScoutSource[]>([]);
+    const [books, setBooks] = useState<ScoutResource[]>([]);
+    const [recentPacks, setRecentPacks] = useState<ScoutPack[]>([]);
+    const [lastPackTitle, setLastPackTitle] = useState<string | null>(null);
+    const [lastPackHref, setLastPackHref] = useState<string | null>(null);
+
+    // Load panel data and resume any pack that is still moving.
+    useEffect(() => {
+        let alive = true;
+
+        void (async () => {
+            const [settingsResult, sourcesResult, libraryResult, recentResult] =
+                await Promise.allSettled([
+                    scoutApi.getSettings(),
+                    scoutApi.listSources(),
+                    scoutApi.listResources({ limit: 40 }),
+                    scoutApi.recent(),
+                ]);
+
+            if (!alive) return;
+
+            if (settingsResult.status === "fulfilled") {
+                setSettings(settingsResult.value.settings);
+                setSpend(settingsResult.value.spend);
+            }
+            if (sourcesResult.status === "fulfilled")
+                setSources(sourcesResult.value.sources);
+            if (libraryResult.status === "fulfilled")
+                setBooks(libraryResult.value.books);
+
+            const last = getLastScoutPack();
+            if (last) {
+                setLastPackTitle(last.title);
+                setLastPackHref(last.roadmapId);
+            }
+
+            if (recentResult.status !== "fulfilled") return;
+            const packs = recentResult.value.packs;
+            setRecentPacks(packs);
+            const active = packs.find((item) =>
+                ["discovering", "processing", "review", "building"].includes(
+                    item.status,
+                ),
+            );
+
+            if (active) {
+                try {
+                    const fresh = await scoutApi.getPack(active.id);
+                    if (alive) {
+                        setPack(fresh.pack);
+                        setGoal(fresh.pack.goal);
+                    }
+                } catch {
+                    // A stale pack id is not worth blocking the page.
+                }
+                return;
+            }
+
+            const ready = packs.find(
+                (item) => item.status === "ready" && item.roadmapId,
+            );
+            if (ready?.roadmapId && !getStorage().getRoadmap(ready.roadmapId)) {
+                try {
+                    const fresh = await scoutApi.getPack(ready.id);
+                    if (!alive) return;
+                    setPack(fresh.pack);
+                } catch {
+                    // Ignore: the learner can still start a new pack.
+                }
+            }
+        })();
+
+        return () => {
+            alive = false;
+        };
+    }, [navigate]);
+
+    const packId = pack?.id;
+    const packStatus = pack?.status;
+    const running = Boolean(
+        packStatus &&
+            ["discovering", "processing", "building"].includes(packStatus),
+    );
+
+    // Poll while the server is working. The queue runs server-side, so closing
+    // the tab does not stop a pack.
+    useEffect(() => {
+        if (!packId || !running || !packStatus) return;
+
+        const timer = setInterval(() => {
+            void (async () => {
+                try {
+                    const fresh = await scoutApi.getPack(packId);
+                    setPack(fresh.pack);
+                } catch (pollError) {
+                    setError(errorMessage(pollError));
+                }
+            })();
+        }, 2000);
+
+        return () => clearInterval(timer);
+    }, [packId, packStatus, running]);
+
+    // A pack in review starts with every pick selected.
+    const reviewPack = packStatus === "review" ? pack : null;
+    useEffect(() => {
+        if (!reviewPack) return;
+        setSelected(new Set(reviewPack.picks));
+    }, [reviewPack]);
+
+    // Publishing is client-side: the server returns the roadmap, the browser
+    // writes it into the same store the rest of the studio reads.
+    useEffect(() => {
+        if (pack?.status !== "ready" || !pack.roadmap) return;
+        setDraftRoadmap((current) =>
+            current?.id === pack.roadmap?.id ? current : pack.roadmap,
+        );
+    }, [pack]);
+
+    const step: 1 | 2 | 3 = !pack
+        ? 1
+        : packStatus === "building" || packStatus === "ready"
+          ? 3
+          : 2;
+
+    const picks = useMemo(() => pack?.resources ?? [], [pack]);
+    const selectedMinutes = useMemo(() => {
+        const seconds = picks
+            .filter((resource) => selected.has(resource.id))
+            .reduce(
+                (total, resource) => total + (resource.durationSeconds ?? 0),
+                0,
+            );
+        return Math.round(seconds / 60);
+    }, [picks, selected]);
+
+    const failedResources = picks.filter((resource) => resource.error).length;
+
+    function togglePick(id: string) {
+        setSelected((current) => {
+            const next = new Set(current);
+            if (next.has(id)) next.delete(id);
+            else next.add(id);
+            return next;
+        });
+    }
+
+    async function start() {
+        const clean = goal.trim();
+        if (clean.length < 4) {
+            setError("Tell Scout what you want to learn, in a few words.");
+            return;
+        }
+
+        setStarting(true);
+        setError(null);
+
+        try {
+            const config = getUserConfig();
+            const apiKey = config.useCustomKey ? getActiveApiKey(config) : "";
+            const result = await scoutApi.start({
+                goal: [
+                    clean,
+                    startingPoint.trim()
+                        ? `Starting point: ${startingPoint.trim()}`
+                        : "",
+                    outcome.trim() ? `Desired outcome: ${outcome.trim()}` : "",
+                ]
+                    .filter(Boolean)
+                    .join("\n"),
+                provider: config.provider,
+                model: getActiveModel(config),
+                apiKey,
+            });
+            setPack(detailOf(result.pack));
+        } catch (startError) {
+            setError(errorMessage(startError));
+        } finally {
+            setStarting(false);
+        }
+    }
+
+    async function approve() {
+        if (!pack) return;
+        if (selected.size === 0) {
+            setError("Keep at least one resource before building the roadmap.");
+            return;
+        }
+
+        setApproving(true);
+        setError(null);
+
+        try {
+            const result = await scoutApi.approve(pack.id, [...selected]);
+            setPack(result.pack);
+        } catch (approveError) {
+            setError(errorMessage(approveError));
+        } finally {
+            setApproving(false);
+        }
+    }
+
+    function reset() {
+        setPack(null);
+        setSelected(new Set());
+        setError(null);
+    }
+
+    async function addSource(input: {
+        kind: ScoutSource["kind"];
+        label?: string;
+        value: string;
+    }) {
+        const result = await scoutApi.addSource(input);
+        setSources(result.sources);
+    }
+
+    async function removeSource(id: string) {
+        const result = await scoutApi.removeSource(id);
+        setSources(result.sources);
+    }
+
+    async function toggleSource(id: string, enabled: boolean) {
+        const result = await scoutApi.toggleSource(id, enabled);
+        setSources(result.sources);
+    }
+
+    async function addBook(title: string, chapters: string[]) {
+        const result = await scoutApi.addResource({
+            kind: "book",
+            title,
+            outline: chapters,
+        });
+        setBooks((current) => [
+            result.resource,
+            ...current.filter((book) => book.id !== result.resource.id),
+        ]);
+    }
+
+    async function addUrl(url: string, note?: string) {
+        await scoutApi.addResource({ url, note });
+    }
+
+    async function toggleAutoCheck(enabled: boolean) {
+        const result = await scoutApi.patchSettings({ autoCheck: enabled });
+        setSettings(result.settings);
+        setSpend(result.spend);
+    }
+
+    async function pauseScout(paused: boolean) {
+        const result = await scoutApi.patchSettings({ paused });
+        setSettings(result.settings);
+        setSpend(result.spend);
+    }
+
+    return (
+        <div className="studio-page sy-scout-page">
+            <header className="sy-page-head">
+                <div>
+                    <h1>Scout</h1>
+                    <p className="max-w-2xl text-sm text-text-muted">
+                        Describe a goal, review the resources, and approve an
+                        editable learning roadmap.
+                    </p>
+                </div>
+            </header>
+
+            <div className="sy-scout-grid">
+                <div className="sy-panel sy-scout-main">
+                    <ScoutProgress
+                        step={step}
+                        detail={
+                            pack && RUNNING_STAGE[pack.status]
+                                ? pack.stage
+                                : undefined
+                        }
+                    />
+
+                    <div aria-live="polite" className="mt-6">
+                        {!pack ? (
+                            <section
+                                aria-labelledby="scout-goal-heading"
+                                className="space-y-5"
+                            >
+                                <div>
+                                    <h2
+                                        id="scout-goal-heading"
+                                        className="text-base text-text"
+                                    >
+                                        What do you want to learn?
+                                    </h2>
+                                    <p className="mt-1 text-sm leading-6 text-text-muted">
+                                        One sentence is enough. Scout will find
+                                        a mix of videos, articles and docs.
+                                    </p>
+                                </div>
+
+                                <Input
+                                    aria-label="Learning goal"
+                                    value={goal}
+                                    onChange={(event) =>
+                                        setGoal(event.target.value)
+                                    }
+                                    onKeyDown={(event) => {
+                                        if (event.key === "Enter" && !starting)
+                                            void start();
+                                    }}
+                                    placeholder="UI design for developers"
+                                    className="h-11 text-[15px]"
+                                    maxLength={400}
+                                />
+
+                                <div className="flex flex-wrap gap-2">
+                                    {EXAMPLES.map((example) => (
+                                        <button
+                                            key={example}
+                                            type="button"
+                                            onClick={() => setGoal(example)}
+                                            className="sy-button secondary sy-example"
+                                        >
+                                            {example}
+                                        </button>
+                                    ))}
+                                </div>
+
+                                <label className="sy-form">
+                                    What do you already know?
+                                    <Input
+                                        value={startingPoint}
+                                        onChange={(event) =>
+                                            setStartingPoint(event.target.value)
+                                        }
+                                        maxLength={300}
+                                        placeholder="Your starting point, in a sentence"
+                                    />
+                                </label>
+                                <label className="sy-form">
+                                    What would you like to be able to do?
+                                    <Input
+                                        value={outcome}
+                                        onChange={(event) =>
+                                            setOutcome(event.target.value)
+                                        }
+                                        maxLength={300}
+                                        placeholder="A practical outcome"
+                                    />
+                                </label>
+
+                                <div className="flex flex-wrap items-center gap-4">
+                                    <Button
+                                        type="button"
+                                        onClick={() => void start()}
+                                        disabled={starting}
+                                    >
+                                        {starting ? (
+                                            <Loader2 size={15} />
+                                        ) : (
+                                            <Sparkles size={15} />
+                                        )}
+                                        {starting ? "Starting" : "Start Scout"}
+                                    </Button>
+                                    <p className="text-xs text-text-soft">
+                                        Uses free Gemini allowances. No paid
+                                        fallback.
+                                    </p>
+                                </div>
+
+                                {recentPacks.length > 0 ? (
+                                    <div className="border-t border-border pt-5">
+                                        <h3 className="text-[13px] text-text-soft">
+                                            Past goals
+                                        </h3>
+                                        <ul className="mt-1">
+                                            {recentPacks
+                                                .slice(0, 6)
+                                                .map((item) => (
+                                                    <li
+                                                        key={item.id}
+                                                        className="grid grid-cols-[minmax(0,1fr)_auto_auto] items-center gap-x-4 border-t border-border py-2.5 first:border-t-0"
+                                                    >
+                                                        {item.roadmapId &&
+                                                        item.status ===
+                                                            "ready" ? (
+                                                            <Link
+                                                                to="/workspace/$id"
+                                                                params={{
+                                                                    id: item.roadmapId,
+                                                                }}
+                                                                className="truncate text-sm text-text hover:underline hover:underline-offset-4"
+                                                            >
+                                                                {item.goal}
+                                                            </Link>
+                                                        ) : (
+                                                            <span className="truncate text-sm text-text-muted">
+                                                                {item.goal}
+                                                            </span>
+                                                        )}
+                                                        <span
+                                                            className={
+                                                                PACK_STATUS[
+                                                                    item.status
+                                                                ].className
+                                                            }
+                                                        >
+                                                            {
+                                                                PACK_STATUS[
+                                                                    item.status
+                                                                ].label
+                                                            }
+                                                        </span>
+                                                        <time
+                                                            dateTime={
+                                                                item.createdAt
+                                                            }
+                                                            className="text-xs tabular-nums text-text-soft"
+                                                        >
+                                                            {new Date(
+                                                                item.createdAt,
+                                                            ).toLocaleDateString(
+                                                                "en-US",
+                                                                {
+                                                                    month: "short",
+                                                                    day: "numeric",
+                                                                },
+                                                            )}
+                                                        </time>
+                                                    </li>
+                                                ))}
+                                        </ul>
+                                    </div>
+                                ) : lastPackHref ? (
+                                    <div className="border-t border-border pt-5">
+                                        <p className="text-[13px] text-text-soft">
+                                            Last Scout workspace
+                                        </p>
+                                        <Link
+                                            to="/workspace/$id"
+                                            params={{ id: lastPackHref }}
+                                            className="mt-2 inline-flex items-center gap-2 text-sm text-text hover:underline hover:underline-offset-4"
+                                        >
+                                            {lastPackTitle ?? "Open workspace"}{" "}
+                                            <ArrowRight
+                                                size={14}
+                                                className="text-text-soft"
+                                            />
+                                        </Link>
+                                    </div>
+                                ) : null}
+                            </section>
+                        ) : null}
+                        {!pack && <ManualRoadmap />}
+
+                        {pack &&
+                        ["discovering", "processing", "building"].includes(
+                            pack.status,
+                        ) ? (
+                            <section
+                                aria-labelledby="scout-running-heading"
+                                className="space-y-6"
+                            >
+                                <div className="flex items-center gap-3">
+                                    <Loader2
+                                        size={16}
+                                        className="text-text-soft"
+                                    />
+                                    <h2
+                                        id="scout-running-heading"
+                                        className="text-lg text-text"
+                                    >
+                                        {pack.status === "building"
+                                            ? "Building your roadmap"
+                                            : "Finding your resources"}
+                                    </h2>
+                                </div>
+                                <p className="text-sm leading-6 text-text-muted">
+                                    {pack.stage}
+                                </p>
+
+                                <div className="h-1.5 overflow-hidden rounded-full bg-raised">
+                                    <div
+                                        className="h-full rounded-full bg-accent transition-[width] duration-700"
+                                        style={{
+                                            width: `${Math.max(4, Math.min(100, pack.progress))}%`,
+                                        }}
+                                    />
+                                </div>
+
+                                <p className="text-xs leading-5 text-text-soft">
+                                    You can close this tab. Scout keeps working
+                                    on the server; come back to approve the
+                                    picks.
+                                </p>
+
+                                {pack.resources.length > 0 ? (
+                                    <div>
+                                        <p className="text-xs text-text-soft">
+                                            Found so far
+                                        </p>
+                                        <ul className="mt-2 space-y-1.5">
+                                            {pack.resources
+                                                .slice(0, 8)
+                                                .map((resource) => (
+                                                    <li
+                                                        key={resource.id}
+                                                        className="flex items-baseline justify-between gap-4 border-b border-border py-1.5 text-sm last:border-b-0"
+                                                    >
+                                                        <span className="truncate text-text-muted">
+                                                            {resource.title}
+                                                        </span>
+                                                        <span className="shrink-0 text-xs text-text-soft">
+                                                            {resource.kind}
+                                                        </span>
+                                                    </li>
+                                                ))}
+                                        </ul>
+                                    </div>
+                                ) : null}
+                            </section>
+                        ) : null}
+
+                        {pack?.status === "review" ? (
+                            <section
+                                aria-labelledby="scout-review-heading"
+                                className="space-y-5"
+                            >
+                                <div className="flex flex-wrap items-end justify-between gap-3">
+                                    <div>
+                                        <h2
+                                            id="scout-review-heading"
+                                            className="text-lg text-text"
+                                        >
+                                            Keep the picks worth your time
+                                        </h2>
+                                        <p className="mt-1 text-sm leading-6 text-text-muted">
+                                            {picks.length} found ·{" "}
+                                            {selected.size} kept
+                                            {selectedMinutes > 0
+                                                ? ` · ~${humanDuration(selectedMinutes * 60)} of video`
+                                                : ""}
+                                        </p>
+                                    </div>
+                                    <div className="flex items-center gap-2">
+                                        <Button
+                                            type="button"
+                                            variant="ghost"
+                                            size="sm"
+                                            onClick={() =>
+                                                setSelected(
+                                                    new Set(
+                                                        picks.map(
+                                                            (resource) =>
+                                                                resource.id,
+                                                        ),
+                                                    ),
+                                                )
+                                            }
+                                        >
+                                            Select all
+                                        </Button>
+                                        <Button
+                                            type="button"
+                                            variant="ghost"
+                                            size="sm"
+                                            onClick={() =>
+                                                setSelected(new Set())
+                                            }
+                                        >
+                                            Clear
+                                        </Button>
+                                    </div>
+                                </div>
+
+                                {failedResources > 0 ? (
+                                    <p className="rounded-xl bg-warning-soft px-3 py-2 text-[13px] text-warning">
+                                        {failedResources} resource
+                                        {failedResources === 1 ? "" : "s"} could
+                                        not be read and will be skipped.
+                                    </p>
+                                ) : null}
+
+                                <PickList
+                                    resources={picks}
+                                    selected={selected}
+                                    onToggle={togglePick}
+                                />
+
+                                <div className="flex flex-wrap items-center justify-between gap-4 border-t border-border pt-5">
+                                    <p className="text-xs text-text-soft">
+                                        Roadmap and review cards are built only
+                                        from the picks you keep.
+                                    </p>
+                                    <Button
+                                        type="button"
+                                        onClick={() => void approve()}
+                                        disabled={
+                                            approving || selected.size === 0
+                                        }
+                                    >
+                                        {approving ? (
+                                            <Loader2 size={15} />
+                                        ) : null}
+                                        {approving
+                                            ? "Building"
+                                            : `Keep ${selected.size} and build`}
+                                    </Button>
+                                </div>
+
+                                <button
+                                    type="button"
+                                    onClick={reset}
+                                    className="text-xs text-text-soft underline-offset-4 hover:text-text hover:underline"
+                                >
+                                    Start over with a different goal
+                                </button>
+                            </section>
+                        ) : null}
+
+                        {pack?.status === "ready" ? (
+                            <section
+                                aria-labelledby="scout-ready-heading"
+                                className="space-y-4"
+                            >
+                                <h2
+                                    id="scout-ready-heading"
+                                    className="text-lg text-text"
+                                >
+                                    Review your roadmap draft
+                                </h2>
+                                <p className="text-sm leading-6 text-text-muted">
+                                    Change the title or task wording before
+                                    keeping this plan. You can edit its full
+                                    structure afterward.
+                                </p>
+                                {draftRoadmap && (
+                                    <div className="sy-form">
+                                        <label>
+                                            Roadmap title
+                                            <Input
+                                                value={draftRoadmap.title}
+                                                onChange={(event) =>
+                                                    setDraftRoadmap({
+                                                        ...draftRoadmap,
+                                                        title: event.target
+                                                            .value,
+                                                    })
+                                                }
+                                            />
+                                        </label>
+                                        <p className="sy-form-hint">
+                                            {draftRoadmap.summary}
+                                        </p>
+                                        {draftRoadmap.sections
+                                            .filter(
+                                                (section) =>
+                                                    section.type === "module",
+                                            )
+                                            .map(
+                                                (section) =>
+                                                    section.type ===
+                                                        "module" && (
+                                                        <section
+                                                            key={section.id}
+                                                        >
+                                                            <h3>
+                                                                {section.title}
+                                                            </h3>
+                                                            <div
+                                                                className="sy-form"
+                                                                style={{
+                                                                    marginTop: 10,
+                                                                }}
+                                                            >
+                                                                {section.data.tasks.map(
+                                                                    (task) => (
+                                                                        <label
+                                                                            key={
+                                                                                task.id
+                                                                            }
+                                                                        >
+                                                                            Task
+                                                                            <Input
+                                                                                value={
+                                                                                    task.title
+                                                                                }
+                                                                                onChange={(
+                                                                                    event,
+                                                                                ) =>
+                                                                                    setDraftRoadmap(
+                                                                                        {
+                                                                                            ...draftRoadmap,
+                                                                                            sections:
+                                                                                                draftRoadmap.sections.map(
+                                                                                                    (
+                                                                                                        current,
+                                                                                                    ) =>
+                                                                                                        current.type ===
+                                                                                                            "module" &&
+                                                                                                        current.id ===
+                                                                                                            section.id
+                                                                                                            ? {
+                                                                                                                  ...current,
+                                                                                                                  data: {
+                                                                                                                      ...current.data,
+                                                                                                                      tasks: current.data.tasks.map(
+                                                                                                                          (
+                                                                                                                              item,
+                                                                                                                          ) =>
+                                                                                                                              item.id ===
+                                                                                                                              task.id
+                                                                                                                                  ? {
+                                                                                                                                        ...item,
+                                                                                                                                        title: event
+                                                                                                                                            .target
+                                                                                                                                            .value,
+                                                                                                                                    }
+                                                                                                                                  : item,
+                                                                                                                      ),
+                                                                                                                  },
+                                                                                                              }
+                                                                                                            : current,
+                                                                                                ),
+                                                                                        },
+                                                                                    )
+                                                                                }
+                                                                            />
+                                                                        </label>
+                                                                    ),
+                                                                )}
+                                                            </div>
+                                                        </section>
+                                                    ),
+                                            )}
+                                        <div>
+                                            <Button
+                                                disabled={
+                                                    !draftRoadmap.title.trim()
+                                                }
+                                                onClick={() => {
+                                                    if (!pack || !draftRoadmap)
+                                                        return;
+                                                    const id = publishScoutPack(
+                                                        {
+                                                            ...pack,
+                                                            roadmap:
+                                                                draftRoadmap,
+                                                        },
+                                                    );
+                                                    if (id)
+                                                        void navigate({
+                                                            to: "/learn",
+                                                            search: {
+                                                                roadmap: id,
+                                                            },
+                                                        });
+                                                }}
+                                            >
+                                                Keep roadmap and start learning
+                                                <ArrowRight size={15} />
+                                            </Button>
+                                        </div>
+                                    </div>
+                                )}
+                            </section>
+                        ) : null}
+
+                        {pack?.status === "failed" ? (
+                            <section
+                                aria-labelledby="scout-failed-heading"
+                                className="space-y-4"
+                            >
+                                <h2
+                                    id="scout-failed-heading"
+                                    className="text-lg text-text"
+                                >
+                                    Scout could not finish that pack
+                                </h2>
+                                <p className="text-sm leading-6 text-text-muted">
+                                    {pack.error ??
+                                        "The run stopped early. Your library and settings are unchanged."}
+                                </p>
+                                <Button
+                                    type="button"
+                                    variant="secondary"
+                                    onClick={reset}
+                                >
+                                    Try another goal
+                                </Button>
+                            </section>
+                        ) : null}
+
+                        {error ? (
+                            <p
+                                role="alert"
+                                className="mt-5 rounded-xl bg-danger-soft px-3 py-2 text-sm text-danger"
+                            >
+                                {error}
+                            </p>
+                        ) : null}
+
+                        {pack && pack.costCents > 0 ? (
+                            <p className="mt-6 text-xs text-text-soft">
+                                This pack has used an estimated $
+                                {(pack.costCents / 100).toFixed(4)} so far.
+                            </p>
+                        ) : null}
+                    </div>
+                </div>
+
+                <SourcesPanel
+                    sources={sources}
+                    settings={settings}
+                    spend={spend}
+                    books={books}
+                    onAddSource={addSource}
+                    onRemoveSource={removeSource}
+                    onToggleSource={toggleSource}
+                    onAddBook={addBook}
+                    onAddUrl={addUrl}
+                    onToggleAutoCheck={toggleAutoCheck}
+                    onPause={pauseScout}
+                />
+            </div>
+        </div>
+    );
+}
diff --git a/app/(studio)/settings/page.tsx b/src/views/studio/settings.tsx
similarity index 74%
rename from app/(studio)/settings/page.tsx
rename to src/views/studio/settings.tsx
index 9b52ae8..1755035 100644
--- a/app/(studio)/settings/page.tsx
+++ b/src/views/studio/settings.tsx
@@ -1,11 +1,12 @@
-"use client";
-
+import { fetchPrivateApi } from "@/lib/private-api-fetch";
 import { Suspense, type ReactNode, useEffect, useState, useTransition } from "react";
-import Link from "next/link";
-import { useRouter, useSearchParams } from "next/navigation";
+import { Link } from "@tanstack/react-router";
+import { useNavigate } from "@tanstack/react-router";
+import { useSearchParams } from "@/lib/router-nav";
 import {
     ArrowUpRight,
     Check,
+    Copy,
     Download,
     ExternalLink,
     Eye,
@@ -33,11 +34,13 @@ import {
     type UserConfig,
 } from "@/lib/userConfig";
 import { getRoadmapsBackupJson, getStorage, getStorageStatus } from "@/lib/storage";
+import { scoutApi } from "@/lib/scout/api-client";
+import type { ScoutAgentConnection, ScoutAgentStatus } from "@/lib/scout/types";
 import type { CreditStatus, CreditTransaction, PrivacySettings, StorageStatus } from "@/types";
 
-const ACCENT_COLORS = ["#4F7CFF", "#C69B5A", "#2FA67D", "#D96868", "#7C67FF", "#D9A441", "#0EA5E9", "#EC4899"];
+const ACCENT_COLORS = ["#4CB3F0", "#3FC07A", "#E5A93B", "#F07B4C", "#E5566F", "#C6F24E", "#E6E6E6"];
 
-type Category = "general" | "billing" | "privacy" | "ai";
+type Category = "general" | "billing" | "privacy" | "ai" | "agents";
 type ToastState = { tone: "success" | "neutral" | "error"; message: string } | null;
 
 function formatDate(value: string | null | undefined) {
@@ -70,22 +73,22 @@ function downloadJsonFile(filename: string, data: unknown) {
 }
 
 function getPlanBadgeClasses(planId: string) {
-    if (planId === "agency") return "border-emerald-200 bg-emerald-50 text-emerald-700";
-    if (planId === "pro") return "border-blue-200 bg-blue-50 text-blue-700";
-    return "border-border bg-surface text-text-secondary";
+    if (planId === "agency") return "bg-accent-soft text-accent";
+    if (planId === "pro") return "bg-accent-soft text-accent";
+    return "border-border bg-surface text-text-muted";
 }
 
 function getStatusBadgeClasses(status: string | null | undefined) {
     if (status === "active" || status === "trialing") {
-        return "border-emerald-200 bg-emerald-50 text-emerald-700";
+        return "bg-accent-soft text-accent";
     }
     if (status === "past_due") {
-        return "border-amber-200 bg-amber-50 text-amber-700";
+        return "bg-warning-soft text-warning";
     }
     if (status === "canceled") {
-        return "border-red-200 bg-red-50 text-red-700";
+        return "bg-danger-soft text-danger";
     }
-    return "border-border bg-surface text-text-secondary";
+    return "border-border bg-surface text-text-muted";
 }
 
 function getTransactionLabel(kind: CreditTransaction["kind"]) {
@@ -100,10 +103,10 @@ function getTransactionLabel(kind: CreditTransaction["kind"]) {
 function Toast({ toast, onClose }: { toast: NonNullable<ToastState>; onClose: () => void }) {
     const toneClass =
         toast.tone === "success"
-            ? "border-emerald-200 bg-emerald-50 text-emerald-700"
+            ? "bg-success-soft text-success"
             : toast.tone === "error"
-                ? "border-red-200 bg-red-50 text-red-700"
-                : "border-border bg-surface text-text-primary";
+                ? "bg-danger-soft text-danger"
+                : "border-border bg-surface text-text";
 
     return (
         <div className={`fixed right-4 top-20 z-[80] max-w-md rounded-2xl border px-4 py-3 text-sm shadow-2xl ${toneClass}`}>
@@ -112,7 +115,7 @@ function Toast({ toast, onClose }: { toast: NonNullable<ToastState>; onClose: ()
                     {toast.tone === "success" ? <Check size={16} /> : <Info size={16} />}
                 </div>
                 <p className="flex-1 leading-6">{toast.message}</p>
-                <button type="button" onClick={onClose} className="text-text-secondary transition-colors hover:text-text-primary">
+                <button type="button" onClick={onClose} className="text-text-muted transition-colors hover:text-text">
                     x
                 </button>
             </div>
@@ -132,8 +135,8 @@ function SectionCard({
     return (
         <section className="settings-section">
             <div>
-                <h2 className="text-2xl font-semibold text-text-primary">{title}</h2>
-                <p className="mt-2 text-sm leading-7 text-text-secondary">{description}</p>
+                <h2 className="text-2xl font-semibold text-text">{title}</h2>
+                <p className="mt-2 text-sm leading-7 text-text-muted">{description}</p>
             </div>
             <Separator />
             <div className="space-y-6">{children}</div>
@@ -153,8 +156,8 @@ function SettingRow({
     return (
         <div className="settings-field">
             <div>
-                <h3 className="text-sm font-semibold text-text-primary">{title}</h3>
-                <p className="mt-1 text-sm leading-6 text-text-secondary">{description}</p>
+                <h3 className="text-sm font-semibold text-text">{title}</h3>
+                <p className="mt-1 text-sm leading-6 text-text-muted">{description}</p>
             </div>
             <div className="flex flex-wrap items-center gap-3">{children}</div>
         </div>
@@ -184,7 +187,7 @@ export default function SettingsPage() {
 }
 
 function SettingsContent() {
-    const router = useRouter();
+    const navigate = useNavigate();
     const searchParams = useSearchParams();
     const [config, setConfig] = useState<UserConfig>(DEFAULT_CONFIG);
     const [activeCategory, setActiveCategory] = useState<Category>("general");
@@ -204,6 +207,10 @@ function SettingsContent() {
     const [exporting, setExporting] = useState(false);
     const [deleting, setDeleting] = useState(false);
     const [toast, setToast] = useState<ToastState>(null);
+    const [agents, setAgents] = useState<ScoutAgentStatus[]>([]);
+    const [agentConnections, setAgentConnections] = useState<ScoutAgentConnection[]>([]);
+    const [agentsLoading, setAgentsLoading] = useState(false);
+    const [agentsError, setAgentsError] = useState<string | null>(null);
 
     useEffect(() => {
         setConfig(getUserConfig());
@@ -220,13 +227,42 @@ function SettingsContent() {
     useEffect(() => {
         const tab = searchParams.get("tab");
 
-        if (tab === "billing" || tab === "privacy" || tab === "ai") {
+        if (tab === "billing" || tab === "privacy" || tab === "ai" || tab === "agents") {
             setActiveCategory(tab);
         } else if (tab === "account" || tab === "appearance" || tab === "general") {
             setActiveCategory("general");
         }
     }, [searchParams]);
 
+    // Agent detection spawns short `--version` probes, so it only runs when the
+    // learner opens this tab.
+    useEffect(() => {
+        if (activeCategory !== "agents") return;
+
+        let active = true;
+        setAgentsLoading(true);
+        setAgentsError(null);
+
+        void (async () => {
+            try {
+                const result = await scoutApi.getAgents();
+                if (!active) return;
+                setAgents(result.agents);
+                setAgentConnections(result.connections);
+            } catch (error) {
+                if (active) {
+                    setAgentsError(error instanceof Error && error.message ? error.message : "Could not check agents.");
+                }
+            } finally {
+                if (active) setAgentsLoading(false);
+            }
+        })();
+
+        return () => {
+            active = false;
+        };
+    }, [activeCategory]);
+
     useEffect(() => {
         let active = true;
 
@@ -239,7 +275,7 @@ function SettingsContent() {
             setStorageStatus(nextStorageStatus);
 
             try {
-                const creditsRes = await fetch("/api/credits/status");
+                const creditsRes = await fetchPrivateApi("/api/credits/status");
                 if (!active) return;
 
                 if (creditsRes.ok) {
@@ -271,12 +307,16 @@ function SettingsContent() {
         setActiveCategory(next);
         const params = new URLSearchParams(searchParams.toString());
         params.set("tab", next);
-        router.replace(`/settings?${params.toString()}`);
+        navigate({
+            to: "/settings",
+            search: Object.fromEntries(params),
+            replace: true,
+        });
     }
 
     async function refreshRemoteSettings() {
         try {
-            const creditsRes = await fetch("/api/credits/status");
+            const creditsRes = await fetchPrivateApi("/api/credits/status");
 
             if (creditsRes.ok) {
                 const creditsJson = (await creditsRes.json()) as {
@@ -317,7 +357,7 @@ function SettingsContent() {
         setTestMessage(null);
 
         try {
-            const res = await fetch("/api/parse-roadmap", {
+            const res = await fetchPrivateApi("/api/parse-roadmap", {
                 method: "POST",
                 headers: { "Content-Type": "application/json" },
                 body: JSON.stringify({
@@ -385,6 +425,15 @@ function SettingsContent() {
         }
     }
 
+    async function handleCopy(value: string, label: string) {
+        try {
+            await navigator.clipboard.writeText(value);
+            setToast({ tone: "success", message: `${label} copied.` });
+        } catch {
+            setToast({ tone: "error", message: "Copy failed. Select the text instead." });
+        }
+    }
+
     const categoryButtons = [
         {
             id: "general" as const,
@@ -396,6 +445,11 @@ function SettingsContent() {
             label: "AI / API Key",
             description: "Choose shared studio AI or your own provider key.",
         },
+        {
+            id: "agents" as const,
+            label: "Agents",
+            description: "Connect opencode, Codex or Claude, and give them Scout's library tools.",
+        },
         {
             id: "privacy" as const,
             label: "Privacy",
@@ -416,15 +470,12 @@ function SettingsContent() {
             {toast && <Toast toast={toast} onClose={() => setToast(null)} />}
 
             <header className="app-header-block">
-                <div>
-                    <p className="eyebrow">Settings</p>
-                    <h1 className="mt-3 text-4xl font-display leading-none text-text-primary md:text-5xl">Studio settings</h1>
-                    <p className="mt-4 max-w-2xl text-sm leading-7 text-text-secondary">{activeCategoryMeta.description}</p>
-                </div>
+                <h1>Settings</h1>
+                <p className="max-w-2xl text-sm text-text-muted">{activeCategoryMeta.description}</p>
             </header>
 
             <div className="settings-shell lg:grid-cols-[180px_minmax(0,1fr)]">
-                <nav className="settings-nav lg:sticky lg:top-24">
+                <nav className="settings-nav lg:sticky lg:top-6">
                     {categoryButtons.map((item) => (
                         <button
                             key={item.id}
@@ -446,16 +497,16 @@ function SettingsContent() {
                         >
                             <div className="settings-field">
                                 <div className="flex flex-wrap items-center gap-3">
-                                    <HardDrive size={18} className="text-text-secondary" />
+                                    <HardDrive size={18} className="text-text-muted" />
                                     <div>
-                                        <h3 className="text-sm font-semibold text-text-primary">Local-only storage</h3>
-                                        <p className="mt-1 text-sm leading-6 text-text-secondary">
+                                        <h3 className="text-sm font-semibold text-text">Local-only storage</h3>
+                                        <p className="mt-1 text-sm leading-6 text-text-muted">
                                             All roadmaps and studio preferences are saved in this browser and never leave your device. Your work stays private and works offline.
                                         </p>
                                     </div>
                                 </div>
                                 <div className="mt-4 flex flex-wrap gap-3">
-                                    <span className={`inline-flex items-center rounded-full border px-3 py-1 text-xs font-semibold uppercase tracking-[0.18em] ${getPlanBadgeClasses(effectivePlanId)}`}>
+                                    <span className={`inline-flex items-center rounded-full border px-3 py-1 text-xs font-semibold   ${getPlanBadgeClasses(effectivePlanId)}`}>
                                         {getPlanName(effectivePlanId)} plan
                                     </span>
                                 </div>
@@ -465,13 +516,13 @@ function SettingsContent() {
                                 title="Storage mode"
                                 description="Roadmaps are stored locally in this browser only. No account or sync is required."
                             >
-                                <span className="text-sm font-medium text-text-primary">{storageModeLabel}</span>
+                                <span className="text-sm font-medium text-text">{storageModeLabel}</span>
                             </SettingRow>
 
                             <div className="settings-field">
                                 <div>
-                                    <h3 className="text-sm font-semibold text-text-primary">Accent color</h3>
-                                    <p className="mt-1 text-sm leading-6 text-text-secondary">
+                                    <h3 className="text-sm font-semibold text-text">Accent color</h3>
+                                    <p className="mt-1 text-sm leading-6 text-text-muted">
                                         Choose the highlight color used across this browser session.
                                     </p>
                                 </div>
@@ -483,7 +534,7 @@ function SettingsContent() {
                                                 key={color}
                                                 type="button"
                                                 onClick={() => setConfig((current) => ({ ...current, accentColor: color }))}
-                                                className={`h-12 w-12 rounded-full border transition-transform hover:scale-105 ${active ? "border-text-primary shadow-[0_0_0_4px_rgba(79,124,255,0.12)]" : "border-border"
+                                                className={`h-12 w-12 rounded-full border transition-transform  ${active ? "border-text-primary " : "border-border"
                                                     }`}
                                                 style={{ backgroundColor: color }}
                                                 aria-label={`Use accent color ${color}`}
@@ -515,8 +566,8 @@ function SettingsContent() {
                                             onClick={() => setConfig((c) => ({ ...c, measurementStyle: opt }))}
                                             className={`px-4 py-2 rounded-lg border text-sm font-medium transition-all capitalize ${
                                                 config.measurementStyle === opt
-                                                    ? "bg-[var(--color-accent)] border-[var(--color-accent)] text-white"
-                                                    : "border-border text-text-secondary hover:border-text-soft hover:text-text-primary"
+                                                    ? "bg-[var(--color-accent)] border-[var(--color-accent)] text-text"
+                                                    : "border-border text-text-muted hover:border-text-soft hover:text-text"
                                             }`}
                                         >
                                             {opt === "tasks" ? "Tasks completed" : opt === "time" ? "Time spent" : "Both"}
@@ -537,8 +588,8 @@ function SettingsContent() {
                                             onClick={() => setConfig((c) => ({ ...c, visualDensity: opt }))}
                                             className={`px-4 py-2 rounded-lg border text-sm font-medium transition-all capitalize ${
                                                 config.visualDensity === opt
-                                                    ? "bg-[var(--color-accent)] border-[var(--color-accent)] text-white"
-                                                    : "border-border text-text-secondary hover:border-text-soft hover:text-text-primary"
+                                                    ? "bg-[var(--color-accent)] border-[var(--color-accent)] text-text"
+                                                    : "border-border text-text-muted hover:border-text-soft hover:text-text"
                                             }`}
                                         >
                                             {opt === "default" ? "Default" : "Compact"}
@@ -568,19 +619,19 @@ function SettingsContent() {
                         >
                             <div className="settings-field">
                                 <div className="flex flex-wrap items-center gap-3">
-                                    <span className={`inline-flex items-center rounded-full border px-3 py-1 text-xs font-semibold uppercase tracking-[0.18em] ${getPlanBadgeClasses(effectivePlanId)}`}>
+                                    <span className={`inline-flex items-center rounded-full border px-3 py-1 text-xs font-semibold   ${getPlanBadgeClasses(effectivePlanId)}`}>
                                         {getPlanName(effectivePlanId)}
                                     </span>
                                 </div>
-                                <p className="mt-4 text-sm leading-7 text-text-secondary">
+                                <p className="mt-4 text-sm leading-7 text-text-muted">
                                     You are on the free studio tier: up to 3 workspaces and 10 shared AI generations per month. Bring your own provider key (BYOK) to skip credit deductions entirely.
                                 </p>
                                 <div className="mt-4 flex flex-wrap gap-3">
-                                    <Link href="/pricing" className="button-primary">
+                                    <Link to="/pricing" className="button-primary">
                                         View pricing
                                         <ArrowUpRight size={14} />
                                     </Link>
-                                    <Link href="/pricing" className="button-secondary">
+                                    <Link to="/pricing" className="button-secondary">
                                         Compare plans
                                         <ExternalLink size={14} />
                                     </Link>
@@ -588,8 +639,8 @@ function SettingsContent() {
                             </div>
 
                             <div className="settings-field">
-                                <h3 className="text-sm font-semibold text-text-primary">Monthly credits</h3>
-                                <p className="mt-1 text-sm leading-6 text-text-secondary">
+                                <h3 className="text-sm font-semibold text-text">Monthly credits</h3>
+                                <p className="mt-1 text-sm leading-6 text-text-muted">
                                     {creditStatus
                                         ? `${creditStatus.remaining} remaining. ${creditStatus.used} used out of ${creditStatus.allowance}. Resets ${formatDate(creditStatus.resetDate)}.`
                                         : "Loading current credit allowance."}
@@ -597,7 +648,7 @@ function SettingsContent() {
                                 {creditStatus && (
                                     <div className="mt-4 h-3 overflow-hidden rounded-full bg-border/70">
                                         <div
-                                            className="h-full rounded-full bg-[linear-gradient(90deg,#4F7CFF,#C69B5A)]"
+                                            className="h-full rounded-full bg-accent"
                                             style={{ width: `${Math.max(8, Math.min(100, (creditStatus.used / Math.max(creditStatus.allowance, 1)) * 100))}%` }}
                                         />
                                     </div>
@@ -607,8 +658,8 @@ function SettingsContent() {
                             <div className="settings-field">
                                 <div className="flex items-center justify-between gap-4">
                                     <div>
-                                        <h3 className="text-sm font-semibold text-text-primary">Recent transactions</h3>
-                                        <p className="mt-1 text-sm leading-6 text-text-secondary">Latest credit activity for this device.</p>
+                                        <h3 className="text-sm font-semibold text-text">Recent transactions</h3>
+                                        <p className="mt-1 text-sm leading-6 text-text-muted">Latest credit activity for this device.</p>
                                     </div>
                                     <button type="button" onClick={() => void refreshRemoteSettings()} className="button-secondary">
                                         Refresh
@@ -621,20 +672,20 @@ function SettingsContent() {
                                             <div key={transaction.id} className="rounded-[18px] border border-border bg-surface px-4 py-4">
                                                 <div className="flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between">
                                                     <div>
-                                                        <p className="text-sm font-semibold text-text-primary">{getTransactionLabel(transaction.kind)}</p>
-                                                        <p className="mt-1 text-xs uppercase tracking-[0.18em] text-text-secondary">{formatRelativeDate(transaction.createdAt)}</p>
+                                                        <p className="text-sm font-semibold text-text">{getTransactionLabel(transaction.kind)}</p>
+                                                        <p className="mt-1 text-xs text-text-muted">{formatRelativeDate(transaction.createdAt)}</p>
                                                     </div>
                                                     <div className="text-left sm:text-right">
-                                                        <p className="text-sm font-semibold text-text-primary">{transaction.amount} credits</p>
+                                                        <p className="text-sm font-semibold text-text">{transaction.amount} credits</p>
                                                         {transaction.metadata?.roadmapTitle && (
-                                                            <p className="mt-1 text-sm text-text-secondary">{transaction.metadata.roadmapTitle}</p>
+                                                            <p className="mt-1 text-sm text-text-muted">{transaction.metadata.roadmapTitle}</p>
                                                         )}
                                                     </div>
                                                 </div>
                                             </div>
                                         ))
                                     ) : (
-                                        <div className="rounded-[18px] border border-dashed border-border px-4 py-6 text-sm leading-7 text-text-secondary">
+                                        <div className="rounded-[18px] border border-dashed border-border px-4 py-6 text-sm leading-7 text-text-muted">
                                             No credit transactions yet. Generated work, quizzes, and reviews will appear here.
                                         </div>
                                     )}
@@ -665,8 +716,8 @@ function SettingsContent() {
 
                             <div className="settings-field">
                                 <div>
-                                    <h3 className="text-sm font-semibold text-red-700">Danger zone</h3>
-                                    <p className="mt-1 text-sm leading-6 text-text-secondary">
+                                    <h3 className="text-sm font-semibold text-danger">Danger zone</h3>
+                                    <p className="mt-1 text-sm leading-6 text-text-muted">
                                         This clears all roadmaps, credit history, and studio preferences from this browser only. Other devices and browsers are not affected.
                                     </p>
                                 </div>
@@ -703,8 +754,8 @@ function SettingsContent() {
 
                             <div className="settings-field">
                                 <div>
-                                    <h3 className="text-sm font-semibold text-text-primary">Provider</h3>
-                                    <p className="mt-1 text-sm leading-6 text-text-secondary">
+                                    <h3 className="text-sm font-semibold text-text">Provider</h3>
+                                    <p className="mt-1 text-sm leading-6 text-text-muted">
                                         Pick the provider and model used when BYOK is enabled.
                                     </p>
                                 </div>
@@ -725,25 +776,25 @@ function SettingsContent() {
                                                             : "border-border bg-surface hover:border-border-strong"
                                                     }`}
                                                 >
-                                                    <div className="flex items-center gap-2 text-sm font-semibold text-text-primary">
+                                                    <div className="flex items-center gap-2 text-sm font-semibold text-text">
                                                         <span>{option.label}</span>
                                                         {option.value === "gemini" ? (
-                                                            <span className="inline-flex items-center rounded-full border border-emerald-200 bg-emerald-50 px-2 py-0.5 text-[10px] font-semibold uppercase tracking-[0.16em] text-emerald-700">
+                                                            <span className="inline-flex items-center rounded-full bg-accent-soft px-2 py-0.5 text-xs font-medium text-accent">
                                                                 Default
                                                             </span>
                                                         ) : null}
                                                     </div>
-                                                    <div className="mt-1 text-sm leading-6 text-text-secondary">{option.description}</div>
+                                                    <div className="mt-1 text-sm leading-6 text-text-muted">{option.description}</div>
                                                 </button>
                                             ))}
                                 </div>
                             </div>
 
                             <div className="settings-field">
-                                <label className="text-sm font-semibold text-text-primary" htmlFor="provider-model">
+                                <label className="text-sm font-semibold text-text" htmlFor="provider-model">
                                     Model
                                 </label>
-                                <p className="mt-1 text-sm leading-6 text-text-secondary">
+                                <p className="mt-1 text-sm leading-6 text-text-muted">
                                     Choose a preset or enter a model id manually.
                                 </p>
                                 <div className="mt-4 flex flex-wrap gap-2">
@@ -785,10 +836,10 @@ function SettingsContent() {
                             </div>
 
                             <div className="settings-field">
-                                <label className="text-sm font-semibold text-text-primary" htmlFor="provider-api-key">
+                                <label className="text-sm font-semibold text-text" htmlFor="provider-api-key">
                                     {PROVIDER_KEY_LABELS[config.provider]}
                                 </label>
-                                <p className="mt-1 text-sm leading-6 text-text-secondary">
+                                <p className="mt-1 text-sm leading-6 text-text-muted">
                                     Provider keys stay in this browser and are never written to Supabase.
                                 </p>
                                 <div className="mt-4 flex flex-col gap-3 sm:flex-row">
@@ -812,7 +863,7 @@ function SettingsContent() {
                                         <button
                                             type="button"
                                             onClick={() => setShowKey((current) => !current)}
-                                            className="absolute right-3 top-1/2 -translate-y-1/2 rounded-full p-2 text-text-secondary transition-colors hover:text-text-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-indigo-500 focus-visible:ring-offset-2"
+                                            className="absolute right-3 top-1/2 -translate-y-1/2 rounded-full p-2 text-text-muted transition-colors hover:text-text focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-strong focus-visible:ring-offset-2"
                                         >
                                             {showKey ? <EyeOff size={16} /> : <Eye size={16} />}
                                         </button>
@@ -833,10 +884,10 @@ function SettingsContent() {
                                 {testMessage && (
                                     <div
                                         className={`mt-4 rounded-[18px] border px-4 py-3 text-sm leading-7 ${testTone === "success"
-                                                ? "border-emerald-200 bg-emerald-50 text-emerald-700"
+                                                ? "bg-accent-soft text-accent"
                                                 : testTone === "error"
-                                                    ? "border-red-200 bg-red-50 text-red-700"
-                                                    : "border-border bg-surface text-text-primary"
+                                                    ? "bg-danger-soft text-danger"
+                                                    : "border-border bg-surface text-text"
                                             }`}
                                     >
                                         {testMessage}
@@ -852,6 +903,105 @@ function SettingsContent() {
                             </div>
                         </SectionCard>
                     )}
+
+                    {activeCategory === "agents" && (
+                        <SectionCard
+                            title="Agents"
+                            description="Scout can ask a coding agent you already use to research resources. Your agent can also add and search Scout's library over MCP. No keys move between them."
+                        >
+                            <div className="space-y-3">
+                                <div className="flex items-center justify-between gap-3">
+                                    <h3 className="text-sm font-semibold text-text">Installed agents</h3>
+                                    {agentsLoading ? <Loader2 size={14} className="animate-spin text-text-muted" /> : null}
+                                </div>
+
+                                {agentsError ? (
+                                    <p className="rounded-xl bg-danger-soft px-4 py-3 text-sm text-danger">
+                                        {agentsError}
+                                    </p>
+                                ) : agents.length === 0 && !agentsLoading ? (
+                                    <p className="text-sm leading-7 text-text-muted">
+                                        No agents detected yet. Install opencode, Codex or Claude Code and reopen this tab.
+                                    </p>
+                                ) : (
+                                    <ul className="space-y-2">
+                                        {agents.map((agent) => (
+                                            <li
+                                                key={agent.id}
+                                                className="flex flex-wrap items-center justify-between gap-3 rounded-[18px] border border-border bg-surface px-4 py-3"
+                                            >
+                                                <div className="flex items-center gap-3">
+                                                    <span
+                                                        aria-hidden="true"
+                                                        className={`h-2 w-2 rounded-full ${agent.available ? "bg-accent" : "bg-text"}`}
+                                                    />
+                                                    <div>
+                                                        <p className="text-sm font-semibold text-text">{agent.label}</p>
+                                                        <p className="mt-0.5 font-mono text-xs text-text-muted">
+                                                            {agent.available
+                                                                ? agent.version ?? "Installed"
+                                                                : `${agent.command ?? agent.id} not found on PATH`}
+                                                        </p>
+                                                    </div>
+                                                </div>
+                                                <span
+                                                    className={`inline-flex items-center rounded-full border px-2.5 py-1 text-xs font-semibold   ${
+                                                        agent.available
+                                                            ? "bg-accent-soft text-accent"
+                                                            : "border-border bg-surface text-text-muted"
+                                                    }`}
+                                                >
+                                                    {agent.available ? "Ready" : "Not installed"}
+                                                </span>
+                                            </li>
+                                        ))}
+                                    </ul>
+                                )}
+
+                                <p className="text-xs leading-5 text-text-muted">
+                                    Scout runs agents with an explicit folder, a timeout, and no auto-approve flags. The goal is the
+                                    only thing sent to the agent.
+                                </p>
+                            </div>
+
+                            <Separator />
+
+                            <div className="space-y-4">
+                                <div>
+                                    <h3 className="text-sm font-semibold text-text">Give your agent Scout&apos;s tools</h3>
+                                    <p className="mt-1 text-sm leading-6 text-text-muted">
+                                        Add this MCP server to your agent, then ask it to save links or search what you already have.
+                                        The server reads the same local database as Scout.
+                                    </p>
+                                </div>
+
+                                {agentConnections.map((connection) => (
+                                    <div key={connection.id} className="rounded-[18px] border border-border bg-surface">
+                                        <div className="flex flex-wrap items-center justify-between gap-3 border-b border-border px-4 py-3">
+                                            <div>
+                                                <p className="text-sm font-semibold text-text">{connection.label}</p>
+                                                <p className="mt-0.5 font-mono text-xs text-text-muted">{connection.file}</p>
+                                            </div>
+                                            <Button
+                                                type="button"
+                                                variant="ghost"
+                                                size="sm"
+                                                onClick={() => void handleCopy(connection.snippet, `${connection.label} config`)}
+                                            >
+                                                <Copy size={14} /> Copy
+                                            </Button>
+                                        </div>
+                                        <pre className="overflow-x-auto px-4 py-3 text-xs leading-5 text-text-muted">
+                                            <code>{connection.snippet}</code>
+                                        </pre>
+                                        <p className="border-t border-border px-4 py-2 text-xs leading-5 text-text-muted">
+                                            {connection.note}
+                                        </p>
+                                    </div>
+                                ))}
+                            </div>
+                        </SectionCard>
+                    )}
                 </div>
             </div>
         </div>
diff --git a/src/views/studio/workspaces.tsx b/src/views/studio/workspaces.tsx
new file mode 100644
index 0000000..5b0c96f
--- /dev/null
+++ b/src/views/studio/workspaces.tsx
@@ -0,0 +1,165 @@
+import { useMemo, useState } from "react";
+import { Link } from "@tanstack/react-router";
+import { Plus } from "lucide-react";
+import WorkspaceLibraryCard from "@/components/workspaces/WorkspaceLibraryCard";
+import { Button } from "@/components/ui/button";
+import { Segmented } from "@/components/ui/segmented";
+import { getStorage } from "@/lib/storage";
+import { getRoadmapStats } from "@/lib/workspace-stats";
+import { useLearningRoadmaps } from "@/hooks/useLearningRoadmaps";
+
+type LibraryFilter = "all" | "in-progress" | "completed";
+type SortMode = "recent" | "title" | "completion";
+
+export default function WorkspacesPage() {
+    const { roadmaps, loaded: mounted } = useLearningRoadmaps();
+    const [filter, setFilter] = useState<LibraryFilter>("all");
+    const [sortMode, setSortMode] = useState<SortMode>("recent");
+
+    const filteredRoadmaps = useMemo(() => {
+        const nextRoadmaps = [...roadmaps].filter((roadmap) => {
+            if (filter === "all") return true;
+
+            const stats = getRoadmapStats(roadmap);
+            if (filter === "completed") {
+                return stats.progressState === "completed";
+            }
+
+            return stats.progressState === "in-progress";
+        });
+
+        nextRoadmaps.sort((left, right) => {
+            if (sortMode === "title") {
+                return left.title.localeCompare(right.title);
+            }
+
+            if (sortMode === "completion") {
+                return (
+                    getRoadmapStats(right).percent -
+                    getRoadmapStats(left).percent
+                );
+            }
+
+            const leftDate = new Date(
+                left.updatedAt || left.createdAt,
+            ).getTime();
+            const rightDate = new Date(
+                right.updatedAt || right.createdAt,
+            ).getTime();
+            return rightDate - leftDate;
+        });
+
+        return nextRoadmaps;
+    }, [filter, roadmaps, sortMode]);
+
+    const counts = useMemo(() => {
+        const states = roadmaps.map(
+            (roadmap) => getRoadmapStats(roadmap).progressState,
+        );
+        return {
+            all: roadmaps.length,
+            "in-progress": states.filter((state) => state === "in-progress")
+                .length,
+            completed: states.filter((state) => state === "completed").length,
+        } satisfies Record<LibraryFilter, number>;
+    }, [roadmaps]);
+
+    const filterOptions = (
+        [
+            { key: "all", label: "All" },
+            { key: "in-progress", label: "In progress" },
+            { key: "completed", label: "Completed" },
+        ] as const
+    ).map((option) => ({
+        key: option.key,
+        label: mounted ? `${option.label} ${counts[option.key]}` : option.label,
+    }));
+
+    const sortOptions = [
+        { key: "recent", label: "Recent" },
+        { key: "title", label: "Title" },
+        { key: "completion", label: "Progress" },
+    ] as const satisfies readonly { key: SortMode; label: string }[];
+
+    return (
+        <div className="studio-page">
+            <header className="sy-page-head">
+                <div className="app-header-block">
+                    <h1>Learning topics</h1>
+                    <p className="text-sm text-text-muted">
+                        Choose a topic to continue learning.
+                    </p>
+                </div>
+
+                <Link to="/create" className="button-primary shrink-0">
+                    <Plus size={16} />
+                    Add roadmap
+                </Link>
+            </header>
+
+            <div className="sy-toolbar">
+                <Segmented
+                    label="Filter workspaces"
+                    value={filter}
+                    options={filterOptions}
+                    onChange={setFilter}
+                />
+                <Segmented
+                    label="Sort workspaces"
+                    value={sortMode}
+                    options={sortOptions}
+                    onChange={setSortMode}
+                />
+            </div>
+
+            {mounted ? (
+                filteredRoadmaps.length > 0 ? (
+                    <div className="sy-workspace-list">
+                        {filteredRoadmaps.map((roadmap) => (
+                            <WorkspaceLibraryCard
+                                key={roadmap.id}
+                                roadmap={roadmap}
+                                onDelete={(id) => {
+                                    getStorage().deleteRoadmap(id);
+                                }}
+                                onRename={(id, nextTitle) => {
+                                    getStorage().updateRoadmap(id, {
+                                        title: nextTitle,
+                                    });
+                                }}
+                            />
+                        ))}
+                    </div>
+                ) : (
+                    <div className="sy-empty bordered sy-empty-row">
+                        <p className="text-sm text-text-muted">
+                            {roadmaps.length === 0
+                                ? "No learning topics yet. Start with Scout or add your own roadmap."
+                                : "No learning topic matches this filter."}
+                        </p>
+                        <div className="flex gap-2">
+                            {roadmaps.length > 0 ? (
+                                <Button
+                                    type="button"
+                                    variant="secondary"
+                                    size="sm"
+                                    onClick={() => setFilter("all")}
+                                >
+                                    Show all
+                                </Button>
+                            ) : (
+                                <Button asChild variant="secondary" size="sm">
+                                    <Link to="/scout">Open Scout</Link>
+                                </Button>
+                            )}
+                        </div>
+                    </div>
+                )
+            ) : (
+                <p className="sy-loading" role="status">
+                    Loading learning topics…
+                </p>
+            )}
+        </div>
+    );
+}
diff --git a/app/workspace/[id]/page.tsx b/src/views/workspace.tsx
similarity index 85%
rename from app/workspace/[id]/page.tsx
rename to src/views/workspace.tsx
index 5dd5f04..8d6a33b 100644
--- a/app/workspace/[id]/page.tsx
+++ b/src/views/workspace.tsx
@@ -1,14 +1,11 @@
-"use client";
-
-import { use, useState } from "react";
-import Link from "next/link";
+import { useState } from "react";
+import { Link } from "@tanstack/react-router";
 import { AlertCircle, Search, Settings, X } from "lucide-react";
 import Header from "@/components/layout/Header";
 import WorkspaceShell from "@/components/workspace/WorkspaceShell";
 import { useRoadmap } from "@/hooks/useRoadmap";
 
-export default function WorkspacePage({ params }: { params: Promise<{ id: string }> }) {
-    const { id } = use(params);
+export function WorkspaceView({ id }: { id: string }) {
     const { roadmap, updateSection, saveRoadmap } = useRoadmap(id);
     const [apiError, setApiError] = useState<{ message: string } | null>(null);
 
@@ -25,12 +22,12 @@ export default function WorkspacePage({ params }: { params: Promise<{ id: string
                         <div className="mx-auto flex h-14 w-14 items-center justify-center rounded-md border border-border bg-[var(--color-surface)] text-text-muted">
                             <Search size={20} />
                         </div>
-                        <h2 className="mt-6 text-3xl font-display tracking-[-0.03em] text-text-primary">Workspace not found</h2>
-                        <p className="mt-3 text-sm leading-7 text-text-secondary">
+                        <h2 className="mt-6 text-3xl font-display tracking-[-0.03em] text-text">Workspace not found</h2>
+                        <p className="mt-3 text-sm leading-7 text-text-muted">
                             This workspace does not exist anymore, or the link no longer points to saved content.
                         </p>
                         <div className="mt-6 flex justify-center">
-                            <Link href="/workspaces" className="button-primary">
+                            <Link to="/workspaces" className="button-primary">
                                 Back to library
                             </Link>
                         </div>
@@ -47,7 +44,7 @@ export default function WorkspacePage({ params }: { params: Promise<{ id: string
                     <div className="mx-auto flex max-w-4xl items-center justify-center gap-3 text-sm text-[var(--color-danger)]">
                         <AlertCircle size={18} />
                         <span>{apiError.message}</span>
-                        <Link href="/settings" className="button-secondary !min-h-9">
+                        <Link to="/settings" className="button-secondary !min-h-9">
                             <Settings size={12} />
                             Open settings
                         </Link>
diff --git a/tmp_fix.js b/tmp_fix.js
deleted file mode 100644
index 70e41a6..0000000
--- a/tmp_fix.js
+++ /dev/null
@@ -1,103 +0,0 @@
-const fs = require('fs');
-const file = 'c:/Users/Screen/Documents/Roadmap-maker/components/workspace/WorkspaceShell.tsx';
-let content = fs.readFileSync(file, 'utf8');
-
-content = content.replace(
-  'import SectionRenderer from "@/components/workspace/SectionRenderer";',
-  'import SectionRenderer from "@/components/workspace/SectionRenderer";\nimport WorkspaceSplitView from "@/components/workspace/WorkspaceSplitView";'
-);
-
-const searchStr = `                        ) : activeSection ? (
-                            <div className="p-6 sm:p-8 lg:p-12 max-w-5xl mx-auto relative z-10 min-h-full">
-                                    <SectionRenderer
-                                        section={activeSection}
-                                        roadmap={roadmap}
-                                        onUpdate={(updater) => onUpdateSection?.(activeSection.id, updater)}
-                                        onApiError={onApiError}
-                                    />
-                            </div>
-                        ) : null}`;
-
-// normalize line endings to find it
-const normalizedContent = content.replace(/\r\n/g, '\n');
-const normalizedSearchStr = searchStr.replace(/\r\n/g, '\n');
-
-if (normalizedContent.includes(normalizedSearchStr)) {
-    const replaceStr = `                        ) : activeSection?.type === "module" || activeSection?.type === "milestones" ? (
-                            <div className="flex-1 w-full relative z-10 min-h-full">
-                                    <WorkspaceSplitView
-                                        roadmap={roadmap}
-                                        activeModuleId={activeSection.id}
-                                        onUpdateSubtask={(moduleId, taskId, subtaskId) => {
-                                            onUpdateSection?.(moduleId, (s) => {
-                                                const ms = s;
-                                                return {
-                                                    ...ms,
-                                                    data: {
-                                                        ...ms.data,
-                                                        tasks: (ms.data.tasks || []).map((t) =>
-                                                            t.id === taskId
-                                                                ? {
-                                                                    ...t,
-                                                                    subtasks: (t.subtasks || []).map((st) =>
-                                                                        st.id === subtaskId ? { ...st, completed: !st.completed } : st
-                                                                    ),
-                                                                }
-                                                                : t
-                                                        ),
-                                                    },
-                                                };
-                                            });
-                                        }}
-                                        onUpdateTask={(moduleId, taskId) => {
-                                            onUpdateSection?.(moduleId, (s) => {
-                                                const ms = s;
-                                                return {
-                                                    ...ms,
-                                                    data: {
-                                                        ...ms.data,
-                                                        tasks: (ms.data.tasks || []).map((t) =>
-                                                            t.id === taskId ? { ...t, completed: !t.completed } : t
-                                                        ),
-                                                    },
-                                                };
-                                            });
-                                        }}
-                                        onUpdateModule={(moduleId) => {
-                                            onUpdateSection?.(moduleId, (s) => {
-                                                const ms = s;
-                                                const isCompleted = !ms.data.completed;
-                                                return {
-                                                    ...ms,
-                                                    data: {
-                                                        ...ms.data,
-                                                        completed: isCompleted,
-                                                        tasks: isCompleted ? (ms.data.tasks || []).map((t) => ({
-                                                            ...t,
-                                                            completed: true,
-                                                            subtasks: (t.subtasks || []).map((st) => ({ ...st, completed: true }))
-                                                        })) : ms.data.tasks
-                                                    },
-                                                };
-                                            });
-                                        }}
-                                    />
-                            </div>
-                        ) : activeSection ? (
-                            <div className="p-6 sm:p-8 lg:p-12 max-w-5xl mx-auto relative z-10 min-h-full">
-                                    <SectionRenderer
-                                        section={activeSection}
-                                        roadmap={roadmap}
-                                        onUpdate={(updater) => onUpdateSection?.(activeSection.id, updater)}
-                                        onApiError={onApiError}
-                                    />
-                            </div>
-                        ) : null}`;
-    
-    // Just replace in normalized content and write it back
-    const newContent = normalizedContent.replace(normalizedSearchStr, replaceStr);
-    fs.writeFileSync(file, newContent, 'utf8');
-    console.log('Successfully replaced content.');
-} else {
-    console.log('Could not find target content to replace.');
-}
diff --git a/tsconfig.json b/tsconfig.json
index b63362c..a5c8bed 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -1,6 +1,6 @@
 {
   "compilerOptions": {
-    "target": "ES2017",
+    "target": "ES2022",
     "lib": [
       "dom",
       "dom.iterable",
@@ -17,26 +17,21 @@
     "isolatedModules": true,
     "jsx": "react-jsx",
     "incremental": true,
-    "types": ["vitest/globals"],
-    "plugins": [
-      {
-        "name": "next"
-      }
-    ],
+    "types": ["vitest/globals", "vite/client"],
     "paths": {
       "@/*": [
-        "./*"
+        "./src/*"
       ]
     }
   },
   "include": [
-    "next-env.d.ts",
-    "**/*.ts",
-    "**/*.tsx",
-    ".next/types/**/*.ts",
-    ".next/dev/types/**/*.ts"
+    "src/**/*.ts",
+    "src/**/*.tsx",
+    "vite.config.ts",
+    "vitest.config.ts"
   ],
   "exclude": [
-    "node_modules"
+    "node_modules",
+    "dist"
   ]
 }
diff --git a/ui-analysis.config.example.json b/ui-analysis.config.example.json
deleted file mode 100644
index 02810fb..0000000
--- a/ui-analysis.config.example.json
+++ /dev/null
@@ -1,61 +0,0 @@
-{
-  "enabled": true,
-  "mode": "development",
-  "rules": {
-    "layout": {
-      "checkOverflow": true,
-      "checkAlignment": true,
-      "checkSpacing": true,
-      "checkZIndex": true
-    },
-    "responsive": {
-      "minTouchTargetSize": {
-        "width": 44,
-        "height": 44
-      },
-      "breakpoints": [640, 768, 1024, 1280],
-      "allowHorizontalScroll": false
-    },
-    "accessibility": {
-      "wcagLevel": "AA",
-      "checkKeyboard": true,
-      "checkFocus": true,
-      "checkContrast": true,
-      "checkReducedMotion": true
-    },
-    "designSystem": {
-      "enforceTokens": true,
-      "allowedArbitraryValues": [],
-      "strictMode": false
-    }
-  },
-  "breakpoints": [
-    {
-      "name": "mobile",
-      "width": 375,
-      "height": 667
-    },
-    {
-      "name": "tablet",
-      "width": 768,
-      "height": 1024
-    },
-    {
-      "name": "desktop",
-      "width": 1280,
-      "height": 800
-    },
-    {
-      "name": "wide",
-      "width": 1920,
-      "height": 1080
-    }
-  ],
-  "reporting": {
-    "console": true,
-    "overlay": true,
-    "json": false,
-    "outputPath": "./ui-analysis-report.json",
-    "minSeverity": "minor"
-  }
-}
diff --git a/vite.config.ts b/vite.config.ts
new file mode 100644
index 0000000..e168171
--- /dev/null
+++ b/vite.config.ts
@@ -0,0 +1,31 @@
+import { fileURLToPath } from "node:url";
+import tailwindcss from "@tailwindcss/vite";
+import { tanstackStart } from "@tanstack/react-start/plugin/vite";
+import viteReact from "@vitejs/plugin-react";
+import { defineConfig } from "vite";
+
+export default defineConfig({
+    server: {
+        port: 3000,
+    },
+    resolve: {
+        alias: {
+            "@": fileURLToPath(new URL("./src", import.meta.url)),
+        },
+    },
+    ssr: {
+        // better-sqlite3 ships a native addon; it must stay external instead
+        // of being pulled through the SSR bundle.
+        external: ["better-sqlite3"],
+    },
+    plugins: [
+        tailwindcss(),
+        tanstackStart({
+            srcDirectory: "src",
+            router: {
+                routesDirectory: "routes",
+            },
+        }),
+        viteReact(),
+    ],
+});
diff --git a/vitest.config.ts b/vitest.config.ts
index 7266a04..822dab9 100644
--- a/vitest.config.ts
+++ b/vitest.config.ts
@@ -1,5 +1,5 @@
 import { defineConfig } from 'vitest/config';
-import { resolve } from 'path';
+import { resolve } from 'node:path';
 
 export default defineConfig({
   test: {
@@ -19,7 +19,7 @@ export default defineConfig({
   },
   resolve: {
     alias: {
-      '@': resolve(__dirname, './'),
+      '@': resolve(import.meta.dirname, './src'),
     },
   },
 });